/*shutafim:#34134e*/
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url('style.css');
/*@import "compass/css3";*/

.union-input{
    width: 200px !important;
}
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
}

div[contenteditable=true] {
    padding: 5px;
}

.input-row {
    width: 100%;
    height: 32px;
    border: none;
    display: block;
}

.table-editable {
    position: relative;
}

.glyphicon {
    font-size: 20px;
}

.table-remove {
    color: #700;
    cursor: pointer;
}

.table-ok input {
    border: none !important;
    display: block !important;
}

.table-ok .table-create {
    color: #3F8D2D;
    cursor: pointer;
}

    .table-ok .table-create :hover {
        color: #00ff11;
    }

.table-add {
    color: #070;
    cursor: pointer;
    /*position: absolute;
  top: 8px;
  right: 0;*/
}


body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans Hebrew', sans-serif;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-right {
    margin-right: 10px;
}

.border-radius {
    border-radius: 4px !important;
}

.direction-rtl {
    direction: rtl;
}

/*CKEDITOR  שינוי גודל כתב בתוך האדיטור*/
.cke_editable {
    font-size: 14px;
    line-height: 1.6;
}

.icon-popover {
    float: left !important;
    color: rgb(136, 123, 123) !important;
}

.panel-default {
    border-color: rgb(221, 221, 221);
    border-bottom-color: rgb(52, 19, 78);
    border-bottom-width: 2px;
    border-top-color: rgb(244, 246, 245);
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: grey;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}

.i-cell {
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

.btn-primary {
    transition: all 0.3s;
    color: #fff;
    background-color: #190925;
    border: 0;
}

    .btn-primary:hover {
        background-color: #000;
        padding: 6px 14px;
    }

.top-bar {
    padding: 5px 0;
    background-color: #fff;
    color: #34134e;
    border-bottom: 2px solid #34134e;
}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align icon */
.left-addon .glyphicon {
    left: 15px;
    top:-4px;
}

.right-addon .glyphicon {
    right: 10px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

btn btn-primary moveToBtn {
    border-radius: 4px !important;
}

.navbar-brand {
    position: absolute;
    top: -2px;
    z-index: 1001;
    background-color: #ffffff;
    min-height: 0;
    height: auto;
    padding: 15px 20px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}

li.active.employee:after > a {
    /*content: "∧"; */
    content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.user-ctrl {
    list-style: none;
    float: left;
    margin: 0;
}

    .user-ctrl li {
        float: right;
        margin-left: 10px;
    }

    .user-ctrl a {
        transition: all 0.3s;
        padding: 2px 5px;
        display: block;
        color: #34134e;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .user-ctrl a:hover {
            text-decoration: none;
            background-color: #34134e;
            color: #fff;
        }

@media (min-width: 760px) {
    #nav {
        height: 40px;
        position: relative;
        z-index: 5;
    }

        #nav > li:not(.btn-wrapper) {
            position: relative;
        }

            #nav > li:not(.btn-wrapper).active a, #nav > li:not(.btn-wrapper) > a:hover {
                background-color: #ffffff;
                border: 1px solid #ccc;
                border-width: 0 1px 1px 1px;
                font-size: 16px;
                line-height: 45px;
                -webkit-border-radius: 0 0 8px 8px;
                -moz-border-radius: 0 0 8px 8px;
                border-radius: 0 0 8px 8px;
                -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
                -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
                box-shadow: 0 4px 4px rgba(0,0,0,0.5);
                padding: 0 20px;
                margin-top: -1px;
            }

            #nav > li:not(.btn-wrapper).active a {
                border: 1px solid #34134e;
                border-top: 0;
                color: #34134e;
                font-size: 18px;
                line-height: 45px;
            }

            #nav > li:not(.btn-wrapper) > a {
                padding: 0 15px;
                font-size: 16px;
                line-height: 40px;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }
}

#nav .btn-wrapper {
    padding: 4px 10px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #34134e;
}

#search-box {
    background-color: #fff;
    padding: 25px 0;
    text-align: center;
}

    #search-box * {
        vertical-align: middle;
    }

    #search-box .btn-primary {
        font-weight: bold;
        color: #34134e;
        background-color: #fff; /*border:2px solid #fff;*/
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        #search-box .btn-primary:hover {
            background-color: #EF9A08;
            color: #ffffff;
            border: 2px solid #fff;
        }

.search-group {
    margin-left: 5px;
    display: inline-block;
    width: 60%;
    position: relative;
    height: 36px;
}

    .search-group input {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #34134e;
        border: solid #fff;
        border-width: 0 0 2px 0;
        font-size: 20px;
        width: 100%;
        height: 36px;
        color: #ffffff;
        padding: 0 8px;
    }

        .search-group input:focus, .search-group input.is-dirty {
            background-color: #34134e;
            outline: none;
        }

            .search-group input:focus + label, .search-group input.is-dirty + label {
                top: -16px;
                font-size: 14px;
                font-weight: normal;
            }

    .search-group label {
        position: absolute;
        right: 7px;
        top: 7px;
        color: #fff;
        line-height: 1;
        font-size: 20px;
        display: block;
        transition: all 0.3s;
    }

    .search-group button {
        position: absolute;
        left: 0;
        top: 0;
        border: 0;
        line-height: 36px;
        background-color: transparent;
        color: #ffffff;
        padding: 0 16px 0 8px;
        transition: all 0.3s;
        font-size: 18px;
    }

        .search-group button:hover {
            background-color: #ffffff;
            color: #34134e;
            font-size: 20px;
            padding: 0 16px;
        }

#CountRows {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border: 2px solid #fff;
    color: #fff;
}


/*bootstrap blue to purple*/
a:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #190925;
}

a, .pagination > li > a, .pagination > li > span {
    color: #34134e;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #190925;
    border-color: #190925;
}

#nav .active .btn-wrapper {
    padding-top: 0;
}


.idman {
    padding-top: 7px;
    border-color: #34134e;
    color: #34134e;
}

@media print {
    @page {
        size: landscape;
    }
}
/* === dateTables RTL ===*/
div.dataTables_length {
    text-align: right;
}

div.dataTables_filter, div.dataTables_paginate {
    text-align: left;
}

    div.dataTables_filter input {
        margin-right: 0.5em;
        margin-left: 0;
    }

table.dataTable thead > tr > th {
    padding-right: 8px !important;
    padding-left: 30px !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    right: inherit !important;
    left: 8px !important;
}

.table {
    direction: rtl;
    text-align: right;
}
/* === END dateTables RTL ===*/



.nav-tabs {
    border-bottom: 2px solid #34134e;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #34134e;
        color: #fff;
        border-color: #34134e;
    }

    .nav-tabs > li > a:hover {
        border-color: #34134e;
    }

.form-horizontal .control-label {
    text-align: right;
}

fieldset {
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #34134e;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
    float: left;
}

@media (min-width: 992px) {
    .form-inline {
        text-align: right;
    }
}

.form-inline .form-group {
    margin: 0 5px 5px 0 !important;
}
/*.form-group label*/
.form-inline {
    margin-left: 5px;
}

.idman {
    padding-top: 7px;
    border-color: #34134e;
    color: #34134e;
}
/* ===dialog ===*/
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-width: 0 8px 8px 8px;
    background-clip: border-box;
    background-color: bisque;
}
/* ===input number ===*/
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/* ===validation erorr  ===*/
/*.input-validation-error {
      border-color: red;
 }*/

/*if field empty border is red*/
.form-control.empty, .input-validation-error {
    border-color: red;
}

.scrollit {
    overflow: scroll;
    height: 500px;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}
/*html, body {
  height: 100%;
  margin: 0;
}
body .content {
  min-height: 100%;
}
.body-content {
  padding: 20px;
  padding-bottom: 50px;
}
.footer {
  height: 20px;
  margin-top: -20px;
}*/
footer {
    border-top: 2px solid #34134e !important;
    background-color: #f8f8f8 !important;
    padding-top: 2rem !important;
}

    footer a {
        font-weight: bold;
    }
/*.clonedInput  {
  margin-bottom:15px
}*/
.remove {
    position: fixed;
    transition: all 0.3s;
    color: #fff;
    background-color: #190925;
    border: 0;
}

.form-inline .form-group {
    margin-left: 10px !important;
}

    .form-inline .form-group .btn-primary .control-label {
        vertical-align: top;
        float: left;
        height: 34px;
    }

.form-inline .control-label !important {
    display: -ms-inline-grid !important;
}


.scrollit {
    overflow: auto;
}

#load {
    padding: 50px;
    margin: 30px auto;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-error {
    margin-right: 5px;
    border-radius: 4px;
    background: rgba(255,0,0,.7);
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px;
}

main {
    padding-top: 40px;
    padding-bottom: 40px;
}

.require::after {
    content: '*';
    color: red;
}

input[disabled] {
    background: #ccc;
    color: #ddd;
}

.disable-search-message {
    color: #34134e;
    line-height: 2;
    border: 1px solid #fff;
    display: inline-block;
    padding: 5px 20px;
}

.logo {
    height: 60px;
}

.sui-dropdown input.search {
    color: #9C6A12;
}

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
    right: auto !important;
    left: 1em;
}

.ui.dropdown,
.ui.dropdown .menu,
.ui.dropdown .menu > .item {
    text-align: right !important;
}

.ui.selection.dropdown {
    padding: .78571429em 1em .78571429em 2.6em !important;
}

#modal {
    max-width: 95%;
}


/* אינדקס הוא 1050 לכן בשביל שתמיד הוא יהיה מעל  בוסטרפ */
.modal-front {
    z-index: 1051;
}



.ContentData {
    font-size: 1.6rem;
    line-height: 1.6;
}

/*ConcentrationForReport style*/
#form-title th {
    text-align: right;
    padding-right: 10px;
}

#form-title td {
    text-align: right;
    border: 10px;
    padding-right: 30px;
}
/*agandae-Report table*/

.noAction {
    background-color: rgb(227, 226, 224);
}

#agendaReport-table th,
#agendaReport-table td {
    border: 2px solid rgb(30, 29, 29) !important;
}

#agendaReport-table table, thead, th, td, tr {
    border-width: medium;
    border-color: black;
    font-family: Arial;
    font-size: medium;
}



#agendaReport-table .bold-th {
    font-size: medium;
    text-align: center !important;
    background-color: rgb(211, 209, 209);
}

.page-break {
    page-break-inside: avoid;
}
/*//בשביל כותרת טבלה בכל עמוד*/
.title-in-evry-page tr {
    page-break-inside: avoid;
}

.title-in-evry-page thead {
    display: table-header-group;
}

.ConcentrationForReport thead {
    display: table-header-group;
}

.ConcentrationForReport tr {
    page-break-inside: avoid;
}

.paramters {
    display: inline;
}
/*_NewContact*/
#resultContacts {
    text-align: center;
}

.left-side {
    float: left;
}

.p-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/*pdf page numbers*/
.breakhere {
    page-break-after: always;
}

tr.highlight {
    font-weight: bold;
}

.tab-pane {
    padding-top: 20px;
}

/*#searchBox {
    max-height: 0;
    overflow: hidden;
}
#searchBox.state-open {
    max-height:200px;
}*/

.select2, select.form-control {
    width: 100% !important;
}

[type="hidden"] {
    display: none !important;
}

.parameterDiv {
    height: 60px;
}

#layout-above-tabs {
    border-bottom: 2px solid rgb(52, 19, 78);
    position: relative;
    z-index: 6;
    background-color: rgb(156, 106, 18);
    padding: 25px 0;
    text-align: center;
}



#search-box {
    border-bottom: 2px solid #34134e;
    position: relative;
    z-index: 6;
}

tr.selected {
    color: black;
}

tr.selected {
    background-color: bisque;
    color: black;
}

input[type=checkbox] :before {
    content: "\f096";
    font-family: FontAwesome;
}


/*** custom checkboxes ***/

/*tr td #ckbox { display:none; }*/ /*to hide the checkbox itself*/
/*input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}*/

/*input[type=checkbox] + label:before { content: "\f096"; }  unchecked icon 
input[type=checkbox] + label:before { letter-spacing: 10px; }  space between checkbox and label 

input[type=checkbox]:checked + label:before { content: "\f046"; }  checked icon 
input[type=checkbox]:checked + label:before { letter-spacing: 5px; }  allow space for check mark*/
tr td:first-child {
    text-align: center;
}

/*tr td:first-child input[type=checkbox]:before {
        display: inline-block;
        content: "\f096";   /*fa-square-o*/
/*font-family: FontAwesome;
    }
 
    tr td input[type=checkbox]:checked:before {
        content: "\f046";  /*fa-check-square-o
    }*/



.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 9999999;
    max-width: 684px !important;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-menu {
    padding: 0;
    max-height: 60%;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: pre-wrap;
    box-shadow: 0 2px 6px #000;
}

    .ui-menu .ui-menu-item {
        background: #fff;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
    }

        .ui-menu .ui-menu-item:first-child {
            overflow: hidden;
        }

    .ui-menu .ui-menu-item {
        padding: 0.4rem 0.6rem;
        display: block;
        color: #666;
    }

        .ui-menu .ui-menu-item:hover {
            color: #ffffff;
            background-color: #9C6A12;
            text-decoration: none;
        }

.select2-container--open .select2-dropdown {
    /*transform: translateX(16px);*/
}

/*להקטין jq ui datepicker*/

#ui-datepicker-div {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 0.9em /*{fsDefault}*/ !important;
}

#FreeSearch.dirty + label {
    opacity: 0;
}

#relationDiv .row {
    margin: 0;
}

#relationDiv [class*=col] {
    padding-right: 0;
    padding-left: 0;
}

#relationDiv .form-inline .form-group .form-group {
}

/*#relationDiv .form-inline .form-group {
    word-spacing: -0.25em;
}*/

/*//בשביל שבכל מצב לא יעלם מאחורי דיאלוג*/
.select2-dropdown {
    z-index: 9001;
}

#relationDiv .matarah-select2 {
    width: calc(100% - 32px) !important;
    border-radius: 0 3px 3px 0;
}

#relationDiv .matarah-select2 + button {
        border-radius: 3px 0 0 3px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 32px;
        border-right: 0;
    }
.select2-general{
     display:block !important;
    position: relative !important;
}
/* display:inline-block שינתי מ*/
/* position:relative שינתי מ*/
   
.select2-container{
    display:block;
    position: absolute ;
}
.popover-content .select2-container{
/*בתוך חלונית העבר יש צורך ב relative */
 position: relative !important;
}
.select2-wrapper {
    word-spacing: -0.25em;
}

    .select2-wrapper * {
        word-spacing: 0;
    }

    .select2-wrapper .select2 {
        width: calc(100% - 32px) !important;
    }

    .select2-wrapper .select2-container--default .select2-selection--single {
        border-color: #ccc;
        border-radius: 0 3px 3px 0;
    }

    .select2-wrapper button {
        border-radius: 3px 0 0 3px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 32px;
        border-right: 0;
    }

.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.select2-container--default .select2-selection--single {
    border-radius: 3px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-info.btn-outline:hover {
    color: #fff;
}

.btn-success.btn-outline:hover {
    color: #fff;
}
/*report */
#title-pos {
    margin-right: 35%;
}