/* Minification failed. Returning unminified contents.
(5078,42): run-time error CSS1019: Unexpected token, found ' '
(5078,42): run-time error CSS1019: Unexpected token, found ' '
(5078,42): run-time error CSS1042: Expected function, found ' '
(5078,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5079,45): run-time error CSS1019: Unexpected token, found ' '
(5079,45): run-time error CSS1019: Unexpected token, found ' '
(5079,45): run-time error CSS1042: Expected function, found ' '
(5079,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5296,28): run-time error CSS1019: Unexpected token, found ' '
(5296,28): run-time error CSS1019: Unexpected token, found ' '
(5296,28): run-time error CSS1042: Expected function, found ' '
(5296,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5297,31): run-time error CSS1019: Unexpected token, found ' '
(5297,31): run-time error CSS1019: Unexpected token, found ' '
(5297,31): run-time error CSS1042: Expected function, found ' '
(5297,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5610,28): run-time error CSS1019: Unexpected token, found ' '
(5610,28): run-time error CSS1019: Unexpected token, found ' '
(5610,28): run-time error CSS1042: Expected function, found ' '
(5610,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5611,31): run-time error CSS1019: Unexpected token, found ' '
(5611,31): run-time error CSS1019: Unexpected token, found ' '
(5611,31): run-time error CSS1042: Expected function, found ' '
(5611,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6491,28): run-time error CSS1019: Unexpected token, found ' '
(6491,28): run-time error CSS1019: Unexpected token, found ' '
(6491,28): run-time error CSS1042: Expected function, found ' '
(6491,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6492,31): run-time error CSS1019: Unexpected token, found ' '
(6492,31): run-time error CSS1019: Unexpected token, found ' '
(6492,31): run-time error CSS1042: Expected function, found ' '
(6492,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6907,29): run-time error CSS1036: Expected expression, found '!important'
(7401,28): run-time error CSS1019: Unexpected token, found ' '
(7401,28): run-time error CSS1019: Unexpected token, found ' '
(7401,28): run-time error CSS1042: Expected function, found ' '
(7401,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(7402,31): run-time error CSS1019: Unexpected token, found ' '
(7402,31): run-time error CSS1019: Unexpected token, found ' '
(7402,31): run-time error CSS1042: Expected function, found ' '
(7402,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9013,49): run-time error CSS1031: Expected selector, found '#'
(9013,49): run-time error CSS1025: Expected comma or open brace, found '#'
 */
.k-autocomplete.form-control, .k-colorpicker.form-control, .k-combobox.form-control, .k-datepicker.form-control, .k-datetimepicker.form-control, .k-dropdown.form-control,
.k-numerictextbox.form-control, .k-selectbox.form-control, .k-textbox.form-control, .k-timepicker.form-control, .k-toolbar.form-control .k-split-button.form-control {
    width: 100% !important;
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 0em !important;
}

.k-input:focus, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    border-color: #faac35 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.k-combobox input {
    height: 20px !important;
    line-height: 1em !important;
}

@media (max-width: 767px) {
    .k-combobox input {
        height: 30px !important;
    }
}

/*::-webkit-input-placeholder  { color:#424242; }*/
.k-combobox input:-webkit-placeholder {
    color: #424242;
}

.k-combobox input:-moz-placeholder {
    color: #424242;
}

.k-dropdown input, .k-dropdown-wrap {
    height: 27px !important;
}

@media (max-width: 767px) {
    .k-dropdown input, .k-dropdown-wrap {
        height: 35px !important;
    }
}

.k-datepicker, k-datetimepicker {
    padding: 0;
    margin: 0;
}

.k-i-calendar:before {
    content: "";
}

.k-i-expand:before, .k-plus:before {
    content: "\e007";
}

.k-i-collapse:before, .k-minus:before {
    content: "\e002";
}

.k-i-arrow-60-right:before {
    content: "\e005"
}

.k-i-arrow-60-left:before {
    content: "\e007"
}

.k-i-arrow-60-down {
    vertical-align: top;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .k-i-arrow-60-down {
        padding-top: 13px;
    }

    .k-i-expand:before, .k-plus:before, .k-i-collapse:before, .k-minus:before, .k-i-arrow-60-right:before, .k-i-arrow-60-left:before, .k-i-arrow-60-down {
        font-size: 1.5em;
    }
}


.k-list-container {
    background-color: #fff !important;
    border-top: 1px solid #dfdfdf !important;
}

.k-item.k-state-focused, .k-item.k-state-selected {
    background-color: #d6e8ed !important;
    background-image: none;
    border-width: 0px !important;
    color: #404040;
}

.k-loading-mask, .k-icon.k-loading {
    z-index: 9999999;
}

span.k-tooltip {
    padding: 0px 20px 1px 3px !important;
    position: absolute !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 3px !important;
    background-image: url('../MojImages/icons/Alert.png') !important;
}

    span.k-tooltip .k-icon.k-warning {
        width: 0px;
        height: 0px;
    }



.k-splitter-overlay {
    background-color: transparent !important;
    z-index: 10002 !important;
}

.k-overlay {
    background-color: #545454;
    opacity: .8;
}

.k-collapse-prev {
    z-index: 10003;
}

.k-widget .k-splitter {
    border: none !important;
    background-color: transparent !important;
}

.k-splitbar, .k-splitter {
    min-height: 370px !important;
}

.k-pane {
    border: none;
    min-height: 370px !important;
    background-color: transparent !important;
}

span.k-widget.k-autocomplete input.k-loading {
    background-position: left;
}


.k-link.k-nav-fast {
    text-align: center !important;
}



.k-filter-menu {
    margin-right: 170px !important;
    margin-left: 0px;
    min-width: 150px;
}


.k-window-titlebar {
    background-color: #e6e5e5;
    border-color: #bebebf;
}

.k-window {
    background-color: #e6e6eb;
}

.k-window-content {
    background-color: #e6e6eb;
    margin: 0 10px 0 10px !important;
}

.k-window-title {
    padding-right: 20px !important;
    color: #414242 !important;
    font-size: 1em !important;
}

/*tabstrip overrides*/

.k-tabstrip {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    background-image: none !important;
}

    .k-tabstrip .k-content {
        border: none;
        margin: 0 !important;
        background-color: transparent !important;
        padding: 0 !important;
        overflow: inherit;
    }

.tab-close-icon:hover {
    background-position: -48px -16px;
}

.k-tabstrip-wrapper li .mark:not(.sub-item) {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.k-tabstrip-wrapper li .mark.sub-item {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
}

.k-invalid-msg {
    color: #820f0f !important;
}


/*****************************************************************************************************************/
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    left: 0;
    right: inherit;
    border-radius: 0px;
    width: 1.5em;
    border-left: 0px !important;
}

.k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    border-right: 1px solid #dfdfdf;
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: inherit;
    left: inherit;
}

.k-textbox, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    padding: 2px 2px 2px 22px;
    box-sizing: border-box;
}

.k-header {
    text-align: right !important;
    background-color: transparent;
}

/*****************************************************************************************************************/

.k-grid {
    border-color: #A4B3C9;
}

    .k-grid .k-header {
        text-align: right !important;
        background-image: none;
        background-color: #B6DDF4;
        background: -webkit-linear-gradient(bottom, #b5def4 60%, #e3f3fd 60%);
        background: -moz-linear-gradient(bottom, #b5def4 60%, #e3f3fd 60%);
    }

    .k-grid .k-grid-header {
        border-color: #9eb3c7;
    }

    .k-grid .k-grid-pager, .k-pager-wrap {
        background-color: #fff;
        background-image: none;
    }

    .k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .k-grid-header .k-header:last-child, .k-grid tbody td:last-child, .k-grid tfoot td:last-child {
        border-left-width: 0;
    }

    .k-grid tr:hover {
        background-color: #e6f2fa !important;
    }

    .k-grid td {
        border-color: #d1e1f5;
        border-left-width: 1px;
        position: relative;
    }

@media (max-width: 767px) {
    .k-filter-row th, .k-grid-header th.k-header, .k-grid td {
        padding: .8em .6em;
    }
}

.k-grid-header th {
    border-color: #9eb3c7;
}

    .k-grid-header th.k-header, .k-grid-header th.k-header a {
        font-weight: bold;
        font-size: 0.928em;
    }

        .k-grid-header th.k-header input[type=checkbox] {
            margin-right: 4px;
        }

.k-grid .k-grouping-row td, .k-grid .k-group-cell {
    background-color: #e7f3fd;
}

.k-grid.edit-in-grid[has_header=False] .k-header.k-grid-toolbar.k-grid-top {
    display: none;
}

/*.k-group-cell { border-width:0px !important;}*/
.k-grouping-row + .k-grouping-row > td:not(.k-group-cell) {
    border-top-width: 1px !important;
    border-color: #d1e1f5;
}


.k-grid .k-alt {
    background-color: #f5f5f5;
}

.k-pager-numbers li {
    margin-right: 3px;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-state-selected, .k-pager-numbers .k-link {
    border-radius: 2px;
}

.k-pager-numbers .k-link {
    background-color: #fff;
}

.k-pager-numbers .k-state-selected {
    color: #FFF;
    background-color: #FF870E;
    border-color: #FF870E;
    background-image: none;
}

.k-pager-numbers li:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .k-edge .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: inherit;
        padding-top: 5px;
    }
}

@media only screen and (max-width: 1024px) {
    .k-edge .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-pager-numbers {
        left: 3.6em !important;
    }
}

.k-grid table {
    table-layout: fixed !important;
}

.k-grid .k-group-cell + td, .k-grid .k-hierarchy-cell + td {
    border-left-width: 1px;
}

@media(max-width: 767px) {
    .k-grid .k-detail-cell {
        overflow-x: scroll;
    }
}


.k-grid-header th.k-with-icon .k-link {
    padding: 0 5px 0 0;
    margin: 0;
}

.k-grid tbody .k-button:not(li) {
    height: 16px;
    width: 16px !important;
    min-width: 16px !important;
    display: inline-block;
    background: none;
    border: none;
    background-repeat: no-repeat;
}

.k-grid tbody .delete-row .k-button {
    background-image: url('../MojImages/icons/DeleteOFF.png');
}

    .k-grid tbody .delete-row .k-button:hover, .k-grid tbody .delete-row .k-button:focus {
        background-image: url('../MojImages/icons/DeleteON.png') !important;
    }

    .k-grid tbody .delete-row .k-button[disabled] {
        background-image: url('../MojImages/icons/DeleteDIS.png');
    }

.k-grid tbody .edit-row .k-button {
    background-image: url('../MojImages/icons/EditOFF.png');
}

    .k-grid tbody .edit-row .k-button:hover, .k-grid tbody .edit-row .k-button:focus {
        background-image: url('../MojImages/icons/EditON.png');
    }

    .k-grid tbody .edit-row .k-button[disabled] {
        background-image: url('../MojImages/icons/EditDIS.png');
    }

.k-grid tbody .view-row .k-button {
    background-image: url('../MojImages/icons/EyeOFF.png');
}

    .k-grid tbody .view-row .k-button:hover {
        background-image: url('../MojImages/icons/EyeON.png');
    }

    .k-grid tbody .view-row .k-button[disabled] {
        background-image: url('../MojImages/icons/EyeDIS.png');
    }

.k-grid tbody .setting-row .k-button {
    background-image: url(../MojImages/icons/SettingOFF.png);
}

    .k-grid tbody .setting-row .k-button:hover {
        background-image: url(../MojImages/icons/SettingON.png);
    }

.k-grid tbody .edit-doc .k-button {
    background-image: url(../MojImages/icons/EditDocOFF.png);
}

    .k-grid tbody .edit-doc .k-button:hover {
        background-image: url(../MojImages/icons/EditDocOn.png);
    }

    .k-grid tbody .edit-doc .k-button[disabled] {
        background-image: url(../MojImages/icons/EditDocDis.png);
    }

.k-grid tbody .restore-row .k-button {
    background-image: url(../MojImages/icons/ReplaceOFF.png);
}

    .k-grid tbody .restore-row .k-button:hover {
        background-image: url(../MojImages/icons/ReplaceON.png);
    }

.k-grid tbody .change-row .k-button, .k-grid tbody .replace-row .k-button {
    background-image: url(../MojImages/icons/ReplaceOFF.png);
}

    .k-grid tbody .change-row .k-button:hover, .k-grid tbody .replace-row .k-button:hover {
        background-image: url(../MojImages/icons/ReplaceON.png);
    }

    .k-grid tbody .change-row .k-button[disabled], .k-grid tbody .replace-row .k-button[disabled] {
        background-image: url(../MojImages/icons/ReplaceDis.png) !important;
    }

.k-grid tbody .copy-row .k-button {
    background-image: url(../MojImages/icons/CopyPasteOFF.png);
}

    .k-grid tbody .copy-row .k-button:hover {
        background-image: url(../MojImages/icons/CopyPasteOn.png);
    }

    .k-grid tbody .copy-row .k-button[disabled] {
        background-image: url(../MojImages/icons/CopyPasteDis.png) !important;
    }

.k-button.restore-button {
    background-image: url(../MojImages/icons/ReplaceOFF.png) !important;
}

    .k-button.restore-button:hover {
        background-image: url(../MojImages/icons/ReplaceON.png) !important;
    }

.k-button.details-button {
    background-image: url('../Kendo/Default/sprite.png') !important;
    background-position: -32px -240px !important;
}

.k-grid tbody .details-row .k-button {
    background-image: url('../Kendo/Default/sprite.png');
    background-position: -32px -240px;
}

.k-grid tbody .deactivate-row .k-button {
    background-image: url('../MojImages/icons/PassON.png');
}

    .k-grid tbody .deactivate-row .k-button:hover {
        background-image: url('../MojImages/icons/PassON.png');
    }

    .k-grid tbody .deactivate-row .k-button[disabled] {
        background-image: url('../MojImages/icons/PassON.png');
    }


.k-grid tbody .restore-row .k-button {
    background-image: url('../MojImages/icons/FailON.png');
}

    .k-grid tbody .restore-row .k-button:hover {
        background-image: url('../MojImages/icons/FailON.png');
    }

    .k-grid tbody .restore-row .k-button[disabled] {
        background-image: url('../MojImages/icons/FailON.png');
    }


.moj-extended-grid .k-pager-info {
    padding-right: 140px !important;
}

.moj-extended-grid .k-button:not(li) {
    padding: 2px 7px;
    height: 22px;
    min-width: 20px !important;
    border-width: 0;
    background-color: transparent;
    background-image: none;
}
/*td! > .k-button  { padding: 0;background-color: #000000;}*/
/*.extendedGrid  td > .k-button { padding: 0;background-color: #000000;}*/

.moj-extended-grid .moj-add-button {
    position: absolute;
    min-width: 130px;
    height: 24px;
    bottom: 4px;
    right: 5px;
}

    .moj-extended-grid .moj-add-button .k-button {
        padding: 0 7px;
        height: 24px;
        min-width: 110px;
        border-width: 0;
        background-color: transparent;
        background-image: none;
    }

        .moj-extended-grid .moj-add-button .k-button div {
            float: right;
            text-decoration: underline;
            color: #44629A;
        }

.moj-grid-header {
    font-weight: bold;
}

.tr-mode-inline-grid .k-dropdown .k-dropdown-wrap .k-input {
    padding-top: 1px;
}

.tr-mode-inline-grid .k-dropdown .k-dropdown-wrap .k-select {
    padding-top: 1px;
}

tr.k-state-selected .k-i-arrow-s {
    background-position: 0 -32px !important;
}

.tr-mode-inline-grid .k-datepicker .k-picker-wrap .k-input {
    padding-top: 1px;
}

.tr-mode-inline-grid .k-datepicker .k-picker-wrap .k-select {
    padding-top: 1px;
}

.tr-mode-inline-grid .k-header {
    /*background-color: transparent;background: transparent;*/
}

.td-action {
    margin: 0 !important;
    padding: 3px 3px 0 0 !important;
    border-left-width: 0 !important;
}

    .td-action .k-button {
        margin: 2px auto;
        padding: 0;
        width: 20px !important;
    }

    .td-action.delete-row.hide-inner > a {
        display: none !important
    }

    .td-action.edit-row.hide-inner > a {
        display: none !important
    }

.k-grid-header th.k-header[left-border='False'] {
    border-left-width: 0;
}

.k-header .k-filterable .k-link, .k-grid-header .k-filterable .k-link {
    /*margin-right:-1.5em !important;*/
}



.k-filter-help-text {
    font-weight: normal;
}

.k-selectable .k-state-selected {
    background: #e1e1e1 !important;
    color: #404040;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    height: 1.5em !important;
    line-height: 1.5em !important;
    min-width: 1.5em;
}

.k-pager-wrap {
    line-height: 1.5em !important;
}

.k-primary {
    border-color: #ff6b18 !important;
    background-color: #cc4900 !important;
    background-image: none !important;
}

.k-filter-menu .k-primary {
    margin-right: 0px !important;
    margin-left: 6px !important;
}

.k-primary:focus, .k-primary:hover {
    border-width: 2px !important;
}
/*****************************************************************************************************************/
.k-list-optionlabel {
    padding: 1px 9px 1px 5px;
    line-height: 1.8em;
}

    .k-item.k-state-focused, .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
        background-color: #d6e8ed;
        border-width: 0px;
        color: #404040;
        background-image: none;
    }

li.k-item.k-state-focused {
    background: none;
    background-color: transparent;
    box-shadow: none;
}


.k-window .k-widget {
    z-index: auto;
}


/*-------------------------------Popup -----------------------*/
.k-window-action .k-i-close {
    float: left;
}

    .k-window-action .k-i-close:before {
        content: "";
    }

.k-window-action .k-i-close {
    background-image: url('../MojImages/icons/CloseOff.png');
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    background-position: top left;
    opacity: 1;
}

    .k-window-action .k-i-close:hover {
        background-image: url('../MojImages/icons/CloseON.png');
    }

    .k-window-action .k-i-close:active {
        background-image: url('../MojImages/icons/ClosePress.png');
    }

.k-window-action.k-link, .k-window-action.k-link.k-state-hover, .k-window-action.k-button, .k-window-action.k-button.k-state-hover {
    opacity: 1;
    width: 30px;
    height: 30px;
    padding: 0 0 0 0;
    background: none;
    border: none;
}

    .k-window-action.k-link:focus {
        outline: auto;
    }

.k-window-titlebar .k-window-actions.k-header, .k-window-titlebar .k-window-actions {
    width: 30px;
    height: 30px;
    left: 4px;
    right: auto;
    top: 3px;
    background: transparent;
    padding: 0 0 0 0;
    cursor: pointer;
}

.k-window-titlebar.k-header {
    background: White;
    border-bottom: solid 1px #c8c8c8;
    padding: 0 0 0 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0 0 0 0;
}

    .k-window-titlebar.k-header .k-window-title {
        color: #194c83 !important;
        font-weight: bold !important;
        position: static !important;
        padding-right: 16px !important;
    }

.k-window-content.k-content {
    border-top: solid 1px #e4e4e4;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    background: #ededed;
    overflow: visible !important;
}

.k-window-titlebar.k-header.moj-window-header-message {
    border-bottom: none;
}

    .k-window-titlebar.k-header.moj-window-header-message .k-window-title {
        display: none;
    }

.k-widget.k-window {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: white;
}

.moj-window-container-content {
    margin: 20px 20px 20px 20px !important;
}
/*------------ dropdownlist----------------*/
.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-default:hover {
    background-color: #fff !important;
}

.k-list-container .k-item.k-state-hover {
    border-color: #E8E6E7;
    background: none;
    background-color: #E8E6E7 !important;
}

.k-dropdown-wrap.k-state-disabled {
    background-color: #E8E6E7 !important;
    border-color: #DCDCDC;
}

    .k-dropdown-wrap.k-state-disabled input {
        background-color: transparent !important;
    }

/*.k-combobox .k-dropdown-wrap.k-state-default 
{
    background-color:#e3e3e3 !important;
    
 }*/

.k-combobox input {
    background-color: white !important;
}

.k-combobox-clearable .k-input {
    padding-right: 0;
}

.k-autocomplete > .k-i-close, .k-combobox > .k-dropdown-wrap > .k-i-close, .k-multiselect > .k-multiselect-wrap > .k-i-close {
    right: auto;
    left: 4px;
}

.k-dropdown-wrap:not(.hide-arrow) > .k-i-close {
    left: 16px;
}

.k-combobox .k-select {
    border-width: 0;
}

.k-dropdown .k-dropdown-wrap .k-input {
    padding: 0 !important;
}

.k-dropdown-wrap.k-state-border-down {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
    padding-bottom: 2px !important;
    border-bottom-width: 1px !important;
    border-bottom-color: transparent !important;
}

[class*='col-'] [id*='_popup_'] .k-animation-container {
    right: 0;
    left: inherit;
}

td [id*='_popup_'] .k-animation-container {
    right: 9px !important;
} 

/*------------ end - dropdownlist ----------------*/


/*------------  - date picker ----------------*/
.k-picker-wrap:before {
    height: 1em !important;
}

.k-picker-wrap.k-state-default.k-state-active {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
}

.k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-default {
    background-image: none;
    background-color: transparent !important;
}

.k-picker-wrap .k-i-calendar:hover {
    background-image: url(../MojImages/icons/CalendarHover.png) !important;
}

.k-picker-wrap.k-state-disabled .k-i-calendar, .k-picker-wrap.k-state-disabled .k-i-calendar:hover {
    background-image: url(../MojImages/icons/CalendarDis.png) !important;
}

.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
    position: inherit;
    top: inherit;
    display: inline-block;
    top: inherit;
    padding: .22em;
}

.k-widget.k-calendar .k-nav-prev {
    right: 1%;
}

.k-widget.k-calendar .k-nav-next {
    left: 1%;
}

.k-widget.k-calendar .k-i-arrow-w {
    background-position: 0 -16px !important;
}

.k-widget.k-calendar .k-i-arrow-e {
    background-position: 0 -48px !important;
}

.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next {
    width: 1.4em !important;
    height: 1.4em !important;
    line-height: 1.4em !important;
    margin: .16666em -0.08333em .3333em 0 !important;
}

.k-i-calendar {
    background-image: url(../MojImages/icons/IconCalendar.png) !important;
    background-position: 0 0 !important;
    margin-top: -5px;
}

.k-calendar {
    width: 14.5em;
}

.k-picker-wrap .k-state-default, .k-picker-wrap .k-state-hover, .k-picker-wrap, .k-datepicker, .k-datetimepicker, .k-picker-wrap .k-select, .k-picker-wrap .k-state-active, .k-picker-wrap .k-state-border-up, .k-datepicker .k-state-border-up, .k-datetimepicker .k-state-border-up, .k-picker-wrap.k-state-focused {
    /*background:none;
    background-color:transparent !important;
    border-color:#e6e6eb !important;
    border:0px;
    margin:0 !important;*/
    box-shadow: none;
}

    .k-picker-wrap .k-state-default, .k-picker-wrap .k-state-hover, .k-picker-wrap, .k-datepicker, .k-datetimepicker {
        /*padding:0 0 !important;*/
    }

        .k-picker-wrap .k-input {
            height: 22px !important;
            padding: 0 0 !important;
        }

@media (max-width: 767px) {
    .k-picker-wrap .k-input {
        height: 32px !important;
    }
}

.k-datetimepicker .k-input {
    /*width:120px !important;*/
}

/*------------ end -date picker ----------------*/


.k-grid .input-validation-error {
    background-color: white !important;
}

.k-grid .tr-mode-inline-grid td {
    overflow: visible;
}

@media(min-width: 767px) {
    .k-grid.edit-in-grid td {
        overflow: visible;
    }

    .k-grid.edit-in-grid.moj-scrollable-grid td {
        position: static;
    }
}


.k-input .input-validation-error {
    border: 1px solid red !important;
}

/*------------------------ scrollable grid --------------------*/

.moj-scrollable-grid .t-no-data td {
    padding: 0 0 0 0 !important;
}

.moj-scrollable-grid .k-grid-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 170px;
    height: 100% !important;
    direction: ltr;
    text-align: right;
}

    .moj-scrollable-grid .k-grid-content table {
        direction: rtl;
    }

.moj-scrollable-grid .k-grid-header, .k-grid-footer {
    padding-right: 0 !important;
}

.moj-scrollable-grid .k-grid-footer {
    border-bottom-width: 0 !important;
}

.moj-scrollable-grid .k-grid-header.k-grid-header-scroll {
    padding-right: 10px !important;
    background-image: none;
    background-color: #B6DDF4;
    background: -webkit-linear-gradient(bottom, #b5def4 60%, #e3f3fd 60%);
    background: -moz-linear-gradient(bottom, #b5def4 60%, #e3f3fd 60%);
}

.moj-scrollable-grid .k-grid-header-wrap, .k-grid-header {
    border: none !important;
}

.moj-scrollable-grid .k-grid-header-wrap, .k-grid-footer-wrap {
    border-width: 0 0 0 0;
}


.moj-scrollable-grid.moj-fixed-scrollable-grid .k-grid-content {
    overflow-y: scroll;
    max-height: none;
}
/*------------------------ end - scrollable - grid --------------------*/

/*------------------------ edit-in grid --------------------*/

.moj-scrollable-grid.edit-in-grid .k-grid-content {
    position: static;
}

.moj-scrollable-grid.edit-in-grid .col {
    position: static;
}

.moj-scrollable-grid.edit-in-grid .field-validation-error {
    right: auto;
    left: auto;
    bottom: auto;
}


/*------------------------ end - edit-in - grid --------------------*/

/*------------------------ list view grid --------------------*/
.grid-list-view {
    border: none;
}

    .grid-list-view .k-grid-header {
        display: none;
    }

    .grid-list-view.k-grid td {
        border: none;
    }

    .grid-list-view .k-alt {
        background-color: white;
    }

.grid-list-view-title {
    line-height: 23px;
    margin-left: 11px;
    float: right;
}
/*-----------------------end- list view grid --------------------*/

.k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-callout-e {
    border-left-color: #14aaeb;
}

.k-menu.k-header, .k-menu .k-item {
    border-color: #0e5082;
}

li .k-header.k-widget {
    background: #0e5082;
}


.k-multiselect-clearable .k-multiselect-wrap{
    padding-right: 0px;
}

.k-multiselect-wrap li {
    margin: 1px 1px 1px 0px;
    padding: .1em .4em .1em 1.6em;
}

.k-multiselect-wrap li, .k-multiselect-wrap .k-input {
    float: right;
}

.k-multiselect-wrap.k-floatwrap li.k-button {
    display: inline-table;
}

    .k-multiselect-wrap.k-floatwrap li.k-button span {
        white-space: normal;
    }

.k-multiselect-wrap .k-select {
    right: inherit;
    left: 0;
}

.k-multiselect-wrap.k-floatwrap span:last-of-type {
    left: 0px !important;
}

/*-----------------------Splitbar--------------------------------*/
.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    width: 14px !important;
}

.k-splitbar-horizontal .k-icon {
    width: 14px;
    background-color: transparent;
}

    .k-splitbar-horizontal .k-icon:before {
        font-size: 14px;
    }

.k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child {
    border-left-width: 1px;
}

.k-button:active:hover, .k-button.k-state-active:hover {
    border-color: transparent;
    background-color: transparent;
}

.k-widget.k-tooltip {
    border-color: #14aaeb;
    background-color: #ffffff;
    color: #282828;
}

svg text {
    direction: ltr;
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 0px 0px #bcb4b0;
    box-shadow: inset 0 0 0px 0px #bcb4b0;
}

.k-popup .k-item > .k-group {
    right: inherit;
    left: 0.3em;
    background-color: #E8E6E7 !important;
    padding: 0 .5em;
    line-height: 1.8;
    text-transform: uppercase;
    font-size: .857em;
    color: #3f51b5;
}

.k-first.k-virtual-item, .k-list > .k-first.k-item {
    border-bottom-width: 0px;
    border-top: 1px solid #9f9e9e;
}

    .k-first.k-virtual-item, .k-list > .k-first.k-item .k-item {
        margin-top: 25px;
    }

.k-popup > .k-static-header {
    background-color: #E8E6E7;
    text-transform: uppercase;
    font-size: .857em;
}

.k-nodata {
    min-height: 38px;
}

select + span {
    display: none;
}

/*image urls*/
.k-i-rtl {
    background: url(../MojImages/icons/RightLeftGrey.png) no-repeat center;
}

.k-i-ltr {
    background: url(../MojImages/icons/LeftRightGrey.png) no-repeat center;
}

.k-state-selected > .k-i-rtl {
    background: url(../MojImages/icons/RightLeftWhite.png) no-repeat center;
}

.k-state-selected > .k-i-ltr {
    background: url(../MojImages/icons/LeftRightWhite.png) no-repeat center;
}

.k-colorpicker .k-tool-icon {
    top: -7px;
}

.k-widget .form-control, .k-widget [class*='col-sm-'] {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none;
}

span.k-link.k-link-time {
    left: 34px;
    top: -1px;
    position: relative;
    border-left: #c5c5c5 solid 1px;
}

.k-datetimepicker .k-picker-wrap .k-icon {
    font-weight: bold;
    color: grey;
}

.k-editor-widget {
    background: transparent !important;
}
.k-input {
    padding: 0;
}

.k-grid {
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1px solid #0067b0;
}

    .k-grid .k-header {
        text-align: right !important;
        background-image: none;
    }

    .k-grid .k-grid-header th {
        background-color: #fff !important;
        border-top: 1px solid #0067b0;
        border-bottom: 1px solid #0067b0;
        border-right-width: 0 !important;
        border-left-width: 0 !important;
    }

        .k-grid .k-grid-header th.k-header span, .k-grid-header th.k-header a {
            font-weight: bold;
            font-size: 0.928em;
            color: #0f4682;
        }

@media (max-width: 767px) {
    .k-grid .k-grid-header th.k-header {
        width: 100%;
    }
}
/*.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {border-left-width: 0px;}*/
.k-grid td {
    border-bottom: 1px solid #d1e1f5;
    border-top-width: 0px;
    border-right-width: 0;
    border-left-width: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .k-grid td, .k-grid td div {
        color: #2d2d2d;
        font-size: 1em;
    }

.k-grid .k-grouping-row td, .k-grid .k-group-cell {
    background-color: #e5edf2;
}

.k-grid tr:last-child td {
    border-bottom-width: 0px;
}

/*.k-group-cell { border-width:0px !important;}*/
.k-grouping-row + .k-grouping-row > td:not(.k-group-cell) {
    border-top-width: 1px !important;
    border-color: #d1e1f5;
}
/*.k-grid .k-state-selected, .k-grid .k-alt .k-state-selected { background-color: #e1f5ff !important;}*/

.k-selectable .k-state-selected:not(span) {
    background-color: #e1e1e1 !important;
}

.k-grid .k-alt {
    background-color: #fff;
}

.k-pager-numbers li {
    margin-right: 3px;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-state-selected, .k-pager-numbers .k-link {
    border-radius: 2px;
}

.k-pager-numbers .k-link {
    background-color: #fff;
}

.k-pager-numbers .k-state-selected {
    color: #FFF;
    background-color: #017b54;
    border-color: #017b54;
    background-image: none;
}

.k-pager-numbers li:last-child {
    margin-right: 0;
}

.k-grid table {
    table-layout: fixed !important;
}

.k-grid .k-hierarchy-cell, .k-grid .k-detail-row .k-hierarchy-cell {
    background-color: #e5edf2;
    border-left-width: 0px !important;
}

    .k-grid .k-group-cell + td, .k-grid .k-hierarchy-cell + td {
        border-left-width: 0px;
    }

.k-window-content.k-content {
    background: white;
}

.k-window-titlebar.k-header {
    background: #f0f5f7;
    border-bottom: solid 0px #c8c8c8;
    height: 40px;
    line-height: 40px;
}

.k-list-container ul {
    overflow: hidden !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

:not(.k-pager-wrap.k-floatwrap) .k-autocomplete, :not(.k-pager-wrap.k-floatwrap) .k-colorpicker, :not(.k-pager-wrap.k-floatwrap) .k-combobox, :not(.k-pager-wrap.k-floatwrap) .k-datepicker, :not(.k-pager-wrap.k-floatwrap) .k-datetimepicker,
:not(.k-pager-wrap.k-floatwrap) .k-dropdown, :not(.k-pager-wrap.k-floatwrap) .k-numerictextbox, :not(.k-pager-wrap.k-floatwrap) .k-selectbox, :not(.k-pager-wrap.k-floatwrap) .k-textbox, :not(.k-pager-wrap.k-floatwrap) .k-timepicker,
:not(.k-pager-wrap.k-floatwrap) .k-toolbar .k-split-button {
    width: 100% !important;
}

/***new icons*******************************************************************************/
.k-picker-wrap .k-i-calendar {
    background-image: url(../MojImages/icons/website/CalendarOff.png) !important;
}

.k-picker-wrap.k-state-disabled .k-i-calendar, .k-picker-wrap.k-state-disabled .k-i-calendar:hover {
    background-image: url(../MojImages/icons/website/CalendarDis.png) !important;
}

.k-picker-wrap .k-i-calendar:hover {
    background-image: url(../MojImages/icons/website/CalendarHover.png) !important;
}

.k-grid tbody .delete-row .k-button {
    background-image: url('../MojImages/icons/website/DeleteOFF.png') !important;
}

    .k-grid tbody .delete-row .k-button:hover, .k-grid tbody .delete-row .k-button:focus {
        background-image: url('../MojImages/icons/website/DeleteON.png') !important;
    }

    .k-grid tbody .delete-row .k-button[disabled] {
        background-image: url('../MojImages/icons/website/DeleteDIS.png') !important;
    }

.k-grid tbody .edit-row .k-button {
    background-image: url('../MojImages/icons/website/EditOFF.png') !important;
}

    .k-grid tbody .edit-row .k-button:hover, .k-grid tbody .edit-row .k-button:focus {
        background-image: url('../MojImages/icons/website/EditON.png') !important;
    }

    .k-grid tbody .edit-row .k-button[disabled] {
        background-image: url('../MojImages/icons/website/EditDIS.png') !important;
    }

.k-grid tbody .restore-row .k-button {
    background-image: url(../MojImages/icons/website/ReplaceOFF.png) !important;
}

    .k-grid tbody .restore-row .k-button:hover {
        background-image: url(../MojImages/icons/website/ReplaceON.png) !important;
    }

.k-grid tbody .change-row .k-button {
    background-image: url(../MojImages/icons/website/ReplaceOFF.png) !important;
}

    .k-grid tbody .change-row .k-button:hover {
        background-image: url(../MojImages/icons/website/ReplaceON.png) !important;
    }

    .k-grid tbody .change-row .k-button[disabled] {
        background-image: url(../MojImages/icons/website/ReplaceDis.png) !important;
    }

.k-button.restore-button {
    background-image: url(../MojImages/icons/website/ReplaceOFF.png) !important;
}

    .k-button.restore-button:hover {
        background-image: url(../MojImages/icons/website/ReplaceON.png) !important;
    }

    .k-grid tbody .restore-row .k-button[disabled] {
        background-image: url('../MojImages/icons/ReplaceDis.png') !important;
    }


/*Tabs
/****************************************************************************************************************/
.ui-tabs
{
	direction: rtl;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-state-default
{
	float: right;
}
.ui-tabs .ui-tabs-nav li a
{
	float: right;
}


/****************************************************************************************************************/

.ui-widget-header
{
	background: #1E3764;
}

.ui-dialog
{
    z-index: 2000000000 !important; /* The default is 100. !important overrides the default. */
}

.ui-dialog .ui-dialog-title
{
	float: right;
	color: white;
}

.ui-tooltip-content
{
    opacity: .8;
	background-color:#686868 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:#686868 !important;
	color:White !important;
	text-align:center;
}

.ui-tooltip-content span
{
	font-size:10px !important;
	color:#635145 !important;
	padding-right:7px;
}

.ui-widget-overlay
{
    z-index: 100000000 !important; /* The default is 100. !important overrides the default. */
}





/*General
/****************************************************************************************************************/
* {
    touch-action: manipulation;
}

html {
    direction: rtl;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    height: 100%;
}

.col.moj-button input:focus {
    text-decoration: underline !important;
}

div, p, span, input, textarea, a, select, label {
    font-size: 1em;
    /*word-spacing: 1em !ie;*/
}

label {
    font-weight: normal;
}

body, div, p, input, textarea, select {
    margin: 0;
    padding: 0;
}

body, div, p, span, input, textarea, a, select, label {
    color: #424242;
    font-family: Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
    display: inline;
    margin: 0em 0em 0em 0em !important;
    font-weight: normal;
}

a {
    outline: none;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
    }

    a:hover {
    }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.flex-to-left {
    display: flex;
    justify-content: flex-end;
}

.clear-both {
    clear: both;
}

.auto-width {
    width: auto;
}

header {
    /*width: 100%;*/
    /*height: 102px;*/
}

input:focus, textarea:focus {
    outline: none !important;
    border-color: #faac35;
}


/****************************************************************************************************************/

/*Common
/****************************************************************************************************************/

.txt-left {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.moj-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.border0 {
    border: 0 !important;
}

.background-none {
    background-color: transparent !important;
    background-image: none;
}

.moj-width-fixed {
    width: 100% !important;
}

.moj-clear-width {
    width: inherit !important;
}

.margin0 {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.moj-margin10 {
    margin-top: 10px;
    margin-right: 10px;
}

.margin10 {
    margin: 0 10px 0 10px;
}

.margin-top30 {
    margin-top: 30%;
}

.margin-top20 {
    margin-top: 20%;
}

.margin-top10 {
    margin-top: 10px;
}

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


.moj-float-left {
    float: left;
}

.moj-bold {
    font-weight: bold;
}

.moj-uppercase {
    text-transform: uppercase;
}

.moj-row-deleted, .moj-row-deleted span, .moj-row-deleted div {
    color: #878787 !important;
}

.moj-state-deleted {
    background-image: url(../MojImages/icons/DeletedRecord.png);
    width: 14px;
    height: 16px;
}

.moj-state-modified {
    background-image: url(../MojImages/icons/EditRecord.png);
    width: 14px;
    height: 16px;
}

.moj-state-added {
    background-image: url(../MojImages/icons/AddedRecord.png);
    width: 14px;
    height: 16px;
}

.hide {
    display: none;
}

.hide-important {
    display: none !important;
}

.hidden, .moj-hidden {
    visibility: hidden;
}

.show {
    opacity: 1;
    -webkit-animation: 5s linear infinite;
}

.padding0 {
    padding: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.padding10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.padding-top4 {
    padding-top: 4px;
}

.padding-top6 {
    padding-top: 6px;
}

.padding-bootom6 {
    padding-bottom: 6px;
}

.padding-bottom20 {
    padding-bottom: 20px;
}

.star {
    color: #be1234;
}

.panel-titles {
    font-family: "arial";
    font-size: 1.142em;
    font-weight: bold;
    color: #325082;
}



.moj-radic {
    font-weight: bolder;
    text-align: center;
}

.moj-dialog-message {
    position: absolute;
    z-index: 10000;
}

.moj-form-all-lines .moj-grey-panel {
    margin-right: 10px;
}

.moj-grey-panel {
    border: 1px solid #c1c1c1;
    background-color: #fafafa;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.moj-grey-panel[class*='col-sm-12'] {
    /*display: table;*/
    float: initial;
}

input[disabled], input[readonly] {
    background-color: #E8E6E7;
    border-color: #DCDCDC;
    color: #696969;
}

textarea[disabled], textarea[readonly] {
    background-color: #E8E6E7;
    border-color: #DCDCDC;
    color: #696969;
}


/****************************************************************************************************************/

/*Grid
/****************************************************************************************************************/

.moj-extended-grid {
    width: 100%;
    position: relative;
    display: table;
    margin-top: 10px;
}


/****************************************************************************************************************/

/*Buttons
/****************************************************************************************************************/
/*Action Button */
.moj-button {
    width: auto;
}

    .moj-button.in-group {
        margin-left: 0 !important;
    }

.moj-cancel,
.moj-action,
.moj-light,
.moj-green,
.moj-green-light {
    width: auto;
    height: 36px;
    min-width: 82px;
}

.moj-small,
.moj-small-dark,
.moj-small-light,
.moj-gradient-white {
    width: auto;
    height: 26px;
    min-width: 82px;
}

.moj-gradient-white {
    height: 28px;
}

.moj-button input {
    font-family: "arial";
    font-weight: bold;
    font-size: 1.142em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: content-box;
    cursor: pointer;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-color: transparent;
}

.moj-button.in-group input {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.moj-button.action-base input {
    height: calc(100% - 2px);
    min-width: 68px;
    padding: 0 6px;
}

.moj-button.action-base:not([disabled]):hover input {
    box-shadow: 2px 2px 5px #c8c8c8;
}

.moj-cancel input,
.moj-action.action-base input,
.moj-small input,
.moj-small-dark input {
    background-color: #007aea;
    border: 1px solid #0060ac;
    color: #fff;
}

.moj-cancel:not([disabled]):hover input,
.moj-action.action-base:not([disabled]):hover input,
.moj-small:not([disabled]):hover input,
.moj-small-dark:not([disabled]):hover input {
    background-color: #006bc0;
    border: 1px solid #005598;
}

.moj-light input,
.moj-small-light input {
    background-color: #fff;
    border: 1px solid #007aea;
    color: #2873b4;
}

.moj-light:not([disabled]):hover input,
.moj-small-light:not([disabled]):hover input {
    border: 1px solid #005598;
    color: #005598;
}

.moj-gradient-white input {
    border: 1px solid rgb(180, 180, 180);
    background: linear-gradient(#fff, rgb(245, 245, 248));
    font-size: 1em;
    font-weight: normal;
    transition: none;
}

.moj-gradient-white:hover input {
    border-top-color: rgb(141, 141, 141);
    border-left-color: rgb(141, 141, 141);
    border-right-color: rgb(197, 197, 197);
    border-bottom-color: rgb(221, 221, 221);
    background: linear-gradient(#fff, rgb(230, 232, 240));
    box-shadow: none !important;
    color: rgb(71, 71, 71);
}

.moj-gradient-white input:active, .moj-gradient-white input.active {
    border-top-color: rgb(141, 141, 141);
    border-left-color: rgb(141, 141, 141);
    border-right-color: rgb(197, 197, 197);
    border-bottom-color: rgb(221, 221, 221);
    background: linear-gradient(#fff, rgb(245, 245, 248));
    box-shadow: inset 1px 2px 3px rgb(202, 202, 202) !important;
    font-weight: bold;
}

.moj-button input[disabled] {
    cursor: auto;
    background-color: #ccc !important;
    border: 1px solid #a7a6a6 !important;
    color: #505050 !important;
}

/*----------------------------------------------------------------*/

.moj-add {
    background: url("../MojImages/CancelButDisable.png") no-repeat;
}

.moj-create-button {
    background-image: url(../MojImages/TablePlus.png);
    height: 14px;
    width: 14px;
    margin-top: 4px;
    margin-left: 5px;
}

.div-buttons {
    float: left;
    margin-top: 7px;
}

@media(min-width:768px) {
    .div-buttons > div.moj-button {
        height: 33px;
    }
}

.message-confirm {
    float: left;
    margin: 3px;
}

.grid-buttons {
    float: left;
}

    .grid-buttons a {
        background-color: #F2F2F2;
        border-radius: 1px;
        width: 70px;
        height: 25px;
        float: left;
        cursor: pointer;
        border: 1px solid #FABEA1;
        position: relative;
        box-sizing: border-box;
    }

        .grid-buttons a[disabled] {
            border: 1px solid #DADADA;
            background-color: #F2F2F2;
        }

a .button-tooltip {
    display: none;
}


.grid-buttons a:hover .button-tooltip {
    right: -20px !important;
    left: -20px !important;
}


.grid-buttons a:focus, .grid-buttons a:active {
    background-color: #DCDCDC;
    border: 1px solid #C1BFBF;
}


.grid-buttons a .icon {
    background-position: top 4px right 28px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 100%;
    height: 100%;
}

.div-icon-button {
    float: right;
    color: #424242;
    min-height: 20px;
    position: relative;
    padding-left: 10px !important;
}

.icon-button-only {
    width: 20px;
    height: 28px;
    float: left;
    cursor: pointer;
}

.icon-button {
    background-color: #F2F2F2;
    border-radius: 1px;
    width: 38px;
    height: 28px;
    float: left;
    cursor: pointer;
    border: 1px solid #FABEA1;
}

@media (max-width: 767px) {
    .icon-button {
        height: 48px;
    }
}

.icon-button:hover, .icon-button:focus {
    border: 1px solid #FABEA1;
}

.icon-button:active, .icon-button-active, .icon-button-active:hover {
    background-color: #DCDCDC;
    border: 1px solid #C1BFBF !important;
    -webkit-box-shadow: inset 0 0 6px #c0c0c0;
}

.icon-button[disabled] {
    border: 1px solid #DADADA !important;
    background-color: #F2F2F2;
    -webkit-box-shadow: none;
}

.icon-button .icon, .icon-button-only .icon {
    width: 100%;
    height: 100%;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.moj-col-button {
    cursor: pointer;
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    display: inline-block;
    background: none;
    border: none;
    background-repeat: no-repeat;
}

input.moj-col-button.moj-save-button, input.moj-col-button.moj-like-save-button {
    background-image: url('../MojImages/icons/SaveOff.png');
}

    input.moj-col-button.moj-save-button:hover, input.moj-col-button.moj-save-button:focus, input.moj-col-button.moj-like-save-button:hover, input.moj-col-button.moj-like-save-button:focus {
        background-image: url('../MojImages/icons/SaveOn.png');
    }

input.moj-col-button.moj-cancel-button {
    height: 16px !important;
    background-image: url('../MojImages/icons/CancelOff.png');
}

    input.moj-col-button.moj-cancel-button:hover, input.moj-col-button.moj-cancel-button:focus {
        background-image: url('../MojImages/icons/CancelOn.png');
    }

/****************************************************************************************************************/

/*Link
/****************************************************************************************************************/


.moj-link {
    color: #00aae6 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.link-button, .link-button a {
    color: #5555DD !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.moj-link[disabled] {
    color: #696969 !important;
}


/****************************************************************************************************************/

/*TextBox
/****************************************************************************************************************/
.moj-input-txt, .moj-form-textarea {
    border: 1px solid #919191;
    border-radius: 4px;
    resize: none;
    margin: 0;
    padding-right: 3px;
    padding-left: 3px;
}

.moj-input-txt {
    height: 27px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}



.moj-form-textarea {
    padding-top: 5px;
    overflow: auto;
}

.form-control {
    padding: 0 3px !important;
    display: inline-block;
}

    .form-control:not(textarea) {
        max-height: 27px !important;
    }

    .form-control:not(.moj-input-txt) {
        padding: 0 !important;
    }

@media(max-width: 767px) {
    .moj-input-txt {
        height: 35px;
    }

    .form-control:not(textarea) {
        max-height: 35px !important;
    }
}
/****************************************************************************************************************/
/* Lines
/****************************************************************************************************************/
.moj-design-line1 {
    width: 98%;
    margin: 6px auto 0px;
    height: 1px;
    background-color: #ccc;
}

.moj-design-line2 {
    width: 98%;
    margin: 0px auto 11px;
    height: 1px;
    background-color: #edf0f5;
}

.moj-design-line3 {
    width: 98%;
    margin: 4px 0 0px;
    height: 1px;
    background-color: #ccc;
}

.moj-design-line4 {
    width: 1090px;
    margin: 0px 0 14px;
    height: 1px;
    background-color: #edf0f5;
}

.moj-design-line5 {
    margin: 4px 0 0px;
    height: 1px;
    background-color: #ccc;
}

.moj-design-line6 {
    margin: 0px 0 2px;
    height: 1px;
    background-color: #edf0f5;
}

.moj-design-line7 {
    width: 100%;
    margin: 6px auto 0px;
    height: 1px;
    background-color: #ccc;
}

.moj-design-line8 {
    width: 100%;
    margin: 0px auto 11px;
    height: 1px;
    background-color: #edf0f5;
}


/****************************************************************************************************************/

.hide-arrow {
    padding: 2px 2px 2px 2px !important;
}


.field-validation-error {
    border: 1px solid #641e28 !important;
    padding: 0px 20px 1px 3px;
    opacity: 1 !important;
    z-index: 10;
    position: absolute;
    /*right: -moz-calc(100% - 22px); 
    right: -webkit-calc(100% - 22px); 
    right: calc(100% - 22px);*/
    left: 0px;
    bottom: -16px;
    display: block;
    white-space: nowrap;
    background-color: #ffeeee !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    background-image: url('../MojImages/icons/Alert.png');
    background-repeat: no-repeat;
    background-position: 98% center;
    height: 15px;
}

    .field-validation-error:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: -6px;
        left: 7px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #641e28;
        border-left: 6px solid transparent;
        /*direction: ltr;*/
    }

    .field-validation-error:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: -5px;
        left: 8px;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ffeeee;
        border-left: 5px solid transparent;
        /*direction: ltr;*/
    }

    .field-validation-error span {
        clear: both;
        font-size: 1em;
        color: #963a3a !important;
        vertical-align: top;
        display: inline-block;
        line-height: 1em;
    }

.right-sided .field-validation-error {
    left: auto;
}

    .right-sided .field-validation-error:after {
        right: 8px;
    }

    .right-sided .field-validation-error:before {
        right: 7px;
    }
/****************************************************************************************************************/

.cursor-pointer {
    cursor: pointer;
}

.k-overlay {
    /*z-index:0 !important;*/
    background-color: black;
    opacity: 0.5 !important;
}

.moj-search {
    background-image: url(../MojImages/icons/website/FindNorm.png);
    background-repeat: no-repeat;
}

    .moj-search:hover:not([disabled]) {
        background-image: url(../MojImages/icons/website/FindHover.png);
        background-repeat: no-repeat;
    }

    .moj-search[disabled] {
        background-image: url(../MojImages/icons/website/FindDis.png);
        background-repeat: no-repeat;
    }

a:focus:not([disabled]) div.moj-search {
    background-image: url(../MojImages/icons/website/FindHover.png);
    background-repeat: no-repeat;
}

.moj-print {
    background-image: url(../MojImages/icons/PrintOFF.png);
    background-repeat: no-repeat;
}

    .moj-print:hover {
        background-image: url(../MojImages/icons/PrintON.png);
        background-repeat: no-repeat;
    }

    .moj-print[disabled] {
        background-image: url(../MojImages/icons/PrintDIS.png);
        background-repeat: no-repeat;
    }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #9d9d9d;
    background-color: #cdcbcb;
    border-radius: 3px;
}



::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    max-height: 50px !important;
    border: 4px solid rgba(255,255,255,0);
    background-color: #A0A0A0;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    max-width: 50px !important;
    border: 4px solid rgba(255,255,255,0);
    background-color: #989898;
    border-radius: 3px;
}

#div_overlay {
    z-index: 1000000000 !important;
    background-color: transparent !important;
}

.input-validation-error {
    border: 1px solid #b40000 !important;
}

.report-file-excel {
    background-image: url(../MojImages/icons/ExclelOff.png);
}

    .report-file-excel:hover {
        background-image: url(../MojImages/icons/ExclelON.png);
    }

    .report-file-excel[disabled] {
        background-image: url(../MojImages/icons/ExclelDis.png);
    }

.add-icon {
    background-image: url(../MojImages/TablePlus.png);
}

.update-icon {
    background-image: url(../MojImages/icons/EditOff.png);
}

    .update-icon:hover {
        background-image: url(../MojImages/icons/EditOn.png);
    }

.replace-icon {
    background-image: url(../MojImages/icons/ReplaceOFF.png);
}

.scroll-to-top {
    background-image: url(../MojImages/buttons/back-to-top-bg.png);
    cursor: pointer;
    width: 100px;
    height: 50px;
    background-repeat: no-repeat;
}

    .scroll-to-top input {
        margin-top: 35px;
        background: none;
        border: none;
        font-family: "arial";
        font-weight: bold;
        font-size: 12px;
        color: #424242;
        margin-right: 23px;
    }


/*css for radio buttons*/
input[type="radio"] {
    position: relative;
}

    input[type="radio"].ie {
        opacity: 0;
        z-index: 3;
        position: absolute;
        top: 7px;
        right: calc(50% - 7px);
    }

        input[type="radio"].ie[readonly] {
            height: 0px !important;
        }

    input[type="radio"]:before, input[type="radio"] + .before {
        position: absolute;
        right: -1px;
        top: -1px;
        content: "";
        width: 15px;
        height: 15px;
        background-color: #fafafa;
        border-radius: 50%;
        border-color: #919191;
        border: 1px solid #919191;
        box-sizing: border-box;
    }

    input[type="radio"]:focus:before, input[type="radio"]:focus + .before {
        border-color: #faac35;
    }

    input[type="radio"]:checked:after, input[type="radio"]:checked ~ .after {
        position: absolute;
        right: 3px;
        top: 3px;
        content: "";
        width: 7px;
        height: 7px;
        background-color: #0082e4;
        border-radius: 50%;
        box-sizing: border-box;
    }

    input[type="radio"][disabled]:before, input[type="radio"][readonly]:before, input[type="radio"][disabled] + .before, input[type="radio"][readonly] + .before {
        background-color: #E8E6E7;
        border: 1px solid #919191;
    }

    input[type="radio"][disabled]:checked:after, input[type="radio"][readonly]:checked:after, input[type="radio"][disabled]:checked ~ .after, input[type="radio"][readonly]:checked ~ .after {
        background-color: #919191;
    }

    input[type="radio"] + .before {
        z-index: 1;
        top: 4px;
        right: calc(50% - 7px);
    }

    input[type="radio"]:checked ~ .after {
        z-index: 2;
        top: 8px;
        right: calc(50% - 3px);
    }

td input[type="radio"] + .before {
    top: 7px;
}

td input[type="radio"]:checked ~ .after {
    top: 11px;
    right: calc(50% - 3px);
}

/*tr input[type="radio"] + .before {
    right: calc(100% -7px);
}*/

@media (max-width: 767px) {
    /*input[type="radio"] {
        width: 18px;
        height: 18px;
    }*/

    input[type="radio"]:before, input[type="radio"] + .before {
        width: 20px;
        height: 20px;
    }

    input[type="radio"]:checked:after, input[type="radio"]:checked ~ .after {
        width: 10px;
        height: 10px;
    }

    input[type="radio"]:checked:after {
        top: 4px;
        right: 4px;
    }

    input[type="radio"]:checked ~ .after {
        top: 9px;
        right: calc(50% - 2px) !important;
    }

    td input[type="radio"]:checked ~ .after {
        top: 12px !important;
        right: calc(50% - 2px) !important;
    }

    .radio-input, .radio-txt {
        margin-bottom: 10px;
    }
}
/**/
/*css for checkboxes*/
input[type="checkbox"] {
    position: relative;
}

    input[type="checkbox"].ie {
        opacity: 0;
        z-index: 3;
        position: absolute;
        top: 7px;
        right: calc(50% - 7px);
        width: 15px;
        height: 15px;
    }

        input[type="checkbox"].ie[readonly] {
            height: 0px !important;
        }

    input[type="checkbox"]:before, input[type="checkbox"] + .before {
        position: absolute;
        top: 0px;
        right: 0;
        content: "";
        width: 15px;
        height: 15px;
        background-color: #fafafa;
        border: 1px solid #919191;
        border-radius: 2px;
        box-sizing: border-box;
    }

    input[type="checkbox"]:checked:after, input[type="checkbox"]:checked ~ .after {
        position: absolute;
        top: 2px;
        right: 1px;
        content: "";
        width: 13px;
        height: 11px;
        background-image: url(../MojImages/icons/Checkbox.png);
    }

    input[type="checkbox"][disabled]:before, input[type="checkbox"][readonly]:before, input[type="checkbox"][disabled] + .before, input[type="checkbox"][readonly] + .before {
        background-color: #E8E6E7;
        border: 1px solid #919191;
    }

    input[type="checkbox"][disabled]:checked:after, input[type="checkbox"][readonly]:checked:after, input[type="checkbox"][disabled]:checked ~ .after, input[type="checkbox"][readonly]:checked ~ .after {
        color: #919191;
    }

    input[type="checkbox"]:focus:before, input[type="checkbox"]:focus + .before {
        border-color: #faac35;
    }

    input[type="checkbox"] + .before {
        top: 7px;
        right: calc(50% - 7px);
    }

    input[type="checkbox"]:checked ~ .after {
        top: 9px;
        right: calc(50% - 6px);
    }

@media (max-width: 767px) {
    input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

        input[type="checkbox"]:before, input[type="checkbox"] + .before {
            width: 20px;
            height: 20px;
        }

        input[type="checkbox"]:checked:after, input[type="checkbox"]:checked ~ .after {
            content: "\e013";
            font-family: 'Glyphicons Halflings';
            font-size: 1.18em;
            text-align: center;
            width: 20px;
            height: 20px;
            color: #0082e4;
            background-image: none;
            margin-top: -2px;
        }

        input[type="checkbox"] + .before {
        }

        input[type="checkbox"]:checked ~ .after {
            top: 6px;
        }
}

input[type="checkbox"][disabled]:checked:after, input[type="checkbox"][readonly]:checked:after, input[type="checkbox"][disabled]:checked ~ .after, input[type="checkbox"][readonly]:checked ~ .after {
    background-image: url(../MojImages/icons/CheckBoxDis.png);
}

@media (max-width: 767px) {
    input[type="checkbox"][disabled]:checked:after, input[type="checkbox"][readonly]:checked:after, input[type="checkbox"][disabled]:checked ~ .after, input[type="checkbox"][readonly]:checked ~ .after {
        color: #919191;
        background-image: none;
    }
}
    @media screen\0 {
        ul.ul-sub-menu li {
            margin-left: 21px;
        }
    }
    /**/
    ::-webkit-input-placeholder {
        color: #424242;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: #424242;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        color: #424242;
    }

    :-ms-input-placeholder {
        color: #424242;
    }

    [tabindex] {
        outline: none !important;
    }

    .open-search-icon-container {
        width: 16px;
        height: 15px;
        cursor: pointer;
        float: right;
        margin-top: 5px;
        margin-left: 10px;
    }

        .open-search-icon-container input {
            cursor: pointer;
            background: url(../MojImages/icons/SearchOn.png);
            width: 16px;
            height: 15px;
            border: none;
            color: transparent;
        }

            .open-search-icon-container input:hover {
                cursor: pointer;
                background: url(../MojImages/icons/SearchOff.png);
            }

            .open-search-icon-container input:disabled {
                background: url(../MojImages/icons/SearchDis.png);
            }

    .search-icon-container {
        width: 28px;
        height: 26px;
        cursor: pointer;
        float: right;
        margin-left: 10px;
        background-color: #f2f2f2;
        border: solid 1px #dadada;
        border-radius: 6px;
    }

        .search-icon-container input {
            cursor: pointer;
            background: url(../MojImages/icons/EnterOn.png);
            width: 28px;
            height: 26px;
            border: none;
            color: transparent;
            background-repeat: no-repeat;
            background-position: center center;
        }

            .search-icon-container input:hover {
                cursor: pointer;
                background: url(../MojImages/icons/EnterOff.png);
                background-repeat: no-repeat;
                background-position: center center;
            }

            .search-icon-container input:disabled {
                background: url(../MojImages/icons/EnterDis.png);
                background-repeat: no-repeat;
                background-position: center center;
            }

    .button-icon-text-gradient {
        color: #0473ab;
        border: 1px solid #0473ab;
        border-radius: 2px;
        width: auto;
        padding: 5px 10px;
        background: #ffffff;
        cursor: pointer;
    }

        .button-icon-text-gradient:hover {
            border: 1px solid #956707;
            color: #956707;
            background: #ffffff;
        }

    a:focus:not([disabled]) div.button-icon-text-gradient {
        border: 1px #956707 solid;
    }

    .button-icon-text-gradient[disabled] {
        border: 1px solid #5e5e5e;
        background: #f7f7f7;
    }

    .button-icon-text-gradient .icon {
        background-repeat: no-repeat;
        background-position: right;
        display: inline-block;
        height: 16px;
    }

    .button-icon-text-gradient span {
        color: #0473ab;
        margin-right: 25px;
    }

    .button-icon-text-gradient:hover:not([disabled]) span {
        color: #956707;
    }

    .button-icon-text-gradient[disabled] span {
        color: #5e5e5e;
    }

    a:focus:not([disabled]) div.button-icon-text-gradient > div > span {
        text-decoration: underline;
        color: #956707;
    }

    a:focus div.button-icon-text-gradient > div > span {
        font-weight: normal;
    }

    .button-blue-gradient {
        color: #006ebe;
        border: 1px solid #008df1;
        border-radius: 2px;
        width: auto;
        padding: 5px 10px;
        background: -webkit-linear-gradient(top, #ffffff, #eef6fb);
        background: -moz-linear-gradient(top, #ffffff, #eef6fb); /* FF3.6+ */
        background: -webkit-gradient(top, #ffffff, #eef6fb); /* Chrome,Safari4+ */
        background: -o-linear-gradient(top, #ffffff, #eef6fb); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff, #eef6fb); /* IE10+ */
        background: linear-gradient(top, #ffffff, #eef6fb);
        cursor: pointer;
    }

        .button-blue-gradient:hover {
            border: 1px solid #0182dc;
            color: #006ebc;
            background: -webkit-linear-gradient(top, #eef6fb, #ffffff);
            background: -moz-linear-gradient(top, #eef6fb, #ffffff); /* FF3.6+ */
            background: -webkit-gradient(top, #eef6fb, #ffffff); /* Chrome,Safari4+ */
            background: -o-linear-gradient(top, #eef6fb, #ffffff); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #eef6fb, #ffffff); /* IE10+ */
            background: linear-gradient(top, #eef6fb,#ffffff);
        }

        .button-blue-gradient[disabled] {
            border: 1px solid #d3d3d3;
            background: #faf6f6;
        }


        .button-blue-gradient .icon {
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            height: 16px;
        }

        .button-blue-gradient span {
            color: #006ebe;
            margin-right: 25px;
        }

        .button-blue-gradient:hover span {
            color: #006ebc;
        }

        .button-blue-gradient[disabled] span {
            color: #cdcdcd;
        }

    a[disabled] {
        pointer-events: none;
    }

    .moj-modal-title {
        font-size: 20px;
        margin-top: -42px;
        margin-right: 26px;
    }

        .moj-modal-title div {
            display: inline;
        }

    .offscreen {
        display: block;
        overflow: hidden;
        position: absolute;
        top: -9999px;
    }

    legend.offscreen {
        width: initial !important;
    }

    fieldset {
        border: 0 none !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .clear-ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .moj-document-format {
        cursor: pointer;
    }

    .ltr-elements {
        float: right;
        padding: 0 !important;
    }

    @media (max-width: 767px) {
        .ltr-elements {
            /*float: left !important;*/
            padding: 5px 0 0 !important;
        }
    }

    .ltr-elements .col:not(.col-txt), .ltr-elements [class*='col-xs-']:not(.col-txt) {
        float: left !important;
        padding-right: 0px !important;
        padding-left: 10px !important;
    }

    .ltr-elements > [class*='col-xs-']:not(.col-txt) {
        padding-left: 0px !important;
        text-align: center;
    }

    /*.ltr-elements .col:last-child {
    margin-left: 10px !important;
}*/

    .left-to-right {
        direction: ltr;
    }

    .right-to-left {
        direction: rtl;
    }

    .moj-disabled {
        pointer-events: none;
    }

    /*********************************************************************************/
    /* Help - tooltip*/
    /*********************************************************************************/
    .help {
        width: 16px;
        height: 16px;
        /*background-image: url(../MojImages/icons/QuestionMark.png);*/
        background: url(../MojImages/icons/Help.png) no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
    }

    td:not(.td-for-inline) .help {
        position: absolute !important;
        left: 1px;
        top: 10px;
    }

    .help.small {
        width: 9px;
        height: 10px;
        /*background-image: url(../MojImages/icons/SmallQuestionMark.png);*/
        background-image: url(../MojImages/icons/SmallHelp.png);
    }

    .help .help-txt {
        position: absolute;
        min-width: 100px;
        background-color: #464e58;
        border: 1px solid #cdd2dc;
        left: 22px;
        top: -12px;
        z-index: 9999;
        cursor: text;
        color: #fff;
        padding: 10px 15px 20px;
        /*word-break: break-all;*/
        display: none;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        font-size: 1em;
        font-weight: normal;
        white-space: normal !important;
    }

    .help.left .help-txt {
        right: 22px;
        left: initial;
    }

    .help.small .help-txt {
        left: 16px;
        top: -12px;
    }

    .help.small.left .help-txt {
        right: 16px;
    }

    .help:hover .help-txt, .help:focus .help-txt {
        display: block;
        -webkit-animation: fade-in;
        -webkit-animation-duration: 1s;
        -moz-animation: fade-in;
        -moz-animation-duration: 1s;
        -o-animation: fade-in;
        -o-animation-duration: 1s;
        animation: fade-in;
        animation-duration: 1s;
    }

    .help .help-txt a {
        color: #fff;
        text-decoration: underline;
        text-decoration-color: #fff;
    }

    @-webkit-keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .help .help-txt:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: 9px;
        left: -10px;
        border-top: 9px solid transparent;
        border-right: 10px solid #cdd2dc;
        border-bottom: 9px solid transparent;
        direction: ltr;
    }

    .help.left .help-txt:before {
        right: -10px;
        border-right-width: 0px;
        border-left: 10px solid #cdd2dc;
    }

    .help .help-txt:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: 10px;
        left: -9px;
        border-top: 8px solid transparent;
        border-right: 9px solid #464e58;
        border-bottom: 8px solid transparent;
        direction: ltr;
    }

    .help.left .help-txt:after {
        right: -9px;
        border-right-width: 0px;
        border-left: 9px solid #464e58;
    }

    @media (max-width: 767px) {
        [class^='col-sm-'] > .help {
            position: absolute !important;
            left: 20px;
            top: 4px;
        }

            [class^='col-sm-'] > .help.small {
                background-image: url(../MojImages/icons/Help.png) !important;
                width: 16px;
                height: 16px;
            }

            [class^='col-sm-'] > .help .help-txt {
                left: 22px !important;
                right: initial;
            }

            [class^='col-sm-'] > .help.small .help-txt {
                left: 16px !important;
                right: initial;
            }

            [class^='col-sm-'] > .help .help-txt:before {
                left: -10px;
                right: initial;
                border-left-width: 0px;
                border-right: 10px solid #cdd2dc;
            }

            [class^='col-sm-'] > .help .help-txt:after {
                left: -9px;
                right: initial;
                border-left-width: 0px;
                border-right: 9px solid #464e58;
            }

        [class^='col-sm-'] + .help {
            position: relative;
            top: -20px;
            left: -85%;
        }

        .help .help-txt, .help.left .help-txt {
            max-width: 280px;
            right: -11px;
            top: 27px;
        }

            .help.left .help-txt:before, .help.left .help-txt:before {
                top: -11px;
                right: 9px;
                border-right: 9px solid transparent;
                border-bottom: 10px solid #cdd2dc;
                border-left: 9px solid transparent;
                border-top-width: 0px;
            }

            .help.left .help-txt:after, .help.left .help-txt:after {
                top: -9px;
                right: 10px;
                border-right: 8px solid transparent;
                border-bottom: 9px solid #464e58;
                border-left: 8px solid transparent;
                border-top-width: 0px;
            }
    }

    @media (min-width: 768px) {
        [class^='col-sm-'] > .help {
            position: absolute !important;
            left: 4px;
            top: 0px;
        }
    }

    /********************************************************************************************/

    .window-bottom {
        background-color: #f0f5f7;
        height: 76px;
        border-top: 1px solid #dde0e8;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .window-bottom-content {
        position: absolute;
        bottom: 15px;
        left: 10px;
    }

    .captcha-window-text {
        margin-right: 11px;
        float: right;
    }

    .moj-message-label {
        border: 1px solid #eed197 !important;
        padding: 2px 2px 1px 6px;
        display: inline-block;
        white-space: nowrap;
        background-color: #fffcd1 !important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 3px;
        background-image: url('../MojImages/icons/Alert.png');
        background-repeat: no-repeat;
        background-position: 98% center;
        padding-right: 23px;
        padding-left: 7px;
        height: 19px;
    }

        .moj-message-label span {
            font-size: 1em !important;
            color: #40423f !important;
        }

    .radio-input {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 3px;
    }

    .radio-txt {
        margin-top: 3px;
    }

    input[type="radio"], input[type="checkbox"] {
        margin: 0 !important;
    }

    @media (min-width: 768px) {
        .radio-input {
            width: 28px !important;
            /*margin-top: 6px;*/
        }

        .radio-txt {
            margin-top: 3px !important;
        }
    }

    .radio-input + [class*='col-sm-'] {
        padding-right: 0 !important;
    }

    @media (max-width: 767px) {
        th:not(.td-hide):not(.td-action), td:not(.td-hide):not(.td-action), col {
            /*flex: 1 1 100% !important;*/
        }

        .k-grid colgroup col :not([style*="width:20px"]):not([style*="width: 20px"]) :not([style*="width:25px"]):not([style*="width: 25px"]) :not([style*="width:35px"]):not([style*="width: 35px"]) :not(.k-hierarchy-col) {
            width: auto !important;
            width: initial !important;
        }

        .k-grid colgroup col.k-hierarchy-col {
            width: 48px;
        }

        .k-grid th.td-hide, .k-grid td.td-hide, .k-grid col.td-hide {
            display: none !important;
            visibility: hidden;
            /*flex: 1 1 0% !important;*/
        }

        [class*='col-sm-'] ~ .col.moj-button {
            float: left !important;
            margin: 10px 0 !important;
            padding-left: 10px !important;
        }

        [class*='col-sm-'] ~ .div-icon-button {
            float: left;
            margin: 10px 0;
            padding-left: 10px !important;
        }

        thead tr, tbody tr {
            position: relative;
        }

        .k-grid.edit-in-grid td.td-first {
            position: relative !important;
        }

        .k-grid th.td-first a.k-link, .k-grid td.td-first {
            padding-right: 25px !important;
        }

            .k-grid td.td-first:before {
                content: "\e105";
                font-family: 'Glyphicons Halflings';
                position: absolute;
                right: 0px;
                top: 11px;
                width: 24px;
                height: 24px;
                cursor: pointer;
                /*border-radius: 50%;
        background-color: green;
        color: #fff;*/
                color: #c86e19;
                font-size: 1.2em;
                text-align: center;
            }

        .tr-mode-inline-grid td.td-action {
            vertical-align: bottom;
        }

            .tr-mode-inline-grid td.td-action .col.moj-button {
                margin-bottom: 15px;
            }

        .td-for-inline [class*='col-sm-'] {
            padding-right: 0px;
            text-align: right;
        }

        .row-data-title {
            background-color: #f0f5f7;
            padding: 5px;
            font-size: 1.125em !important;
        }

        .row-data-txt div {
            font-weight: normal !important;
            font-size: 1.125em !important;
        }
    }

/*michal gavrielov**********************************************************************************/

/* + grid-as-list +*/
.grid-as-list table {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: -13px;
}

.grid-as-list .more-data {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid-as-list table .edit-row, .grid-as-list table .delete-row, .grid-as-list table .restore-row {
    vertical-align: bottom;
}

.grid-as-list table tr {
    background-color: #f3f7fe !important;
    height: 95px;
}

    .grid-as-list table tr:hover {
        border: 2px solid #638aac !important;
        box-shadow: inset 0px 0px 0px 2px #638aac;
        box-sizing: border-box;
        height: 95px;
    }

.grid-as-list .k-selectable .k-state-selected:not(span) {
    background-color: #f3f7fe !important;
    border-color: #638aac !important;
}

.grid-as-list table td {
    border-top: 1px solid #d7dce6 !important;
    border-bottom: 1px solid #d7dce6 !important;
    vertical-align: top;
    white-space: unset !important;
    overflow: unset !important;
    text-overflow: unset !important;
}

    .grid-as-list table td.td-first {
        border-right: 3px solid #638aac !important;
        padding-left: 10px;
    }

        .grid-as-list table td.td-first .grid-list-action-button {
            right: 0.5px;
        }

    .grid-as-list table td:last-child {
        border-left: 1px solid #d7dce6 !important;
    }

.grid-as-list table .k-grid-header /*, .grid-as-list .k-grid-pager*/ {
    display: none;
}

.grid-as-list table .td-action .k-button {
    vertical-align: middle;
    margin: 6px;
}

.grid-as-list .grid-list-action-button {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 100%;
    background: #fafaff;
    display: inline-block;
    border-right: 1px solid #d7dce6;
    border-left: 1px solid #d7dce6;
    border-top: 1px solid #d7dce6;
    direction: rtl;
    color: #005fd4;
    height: 26px;
}

.grid-as-list .delete-row .grid-list-action-button {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 100%;
    background: #fafaff;
    display: inline-block;
    border-right: 1px solid #d7dce6;
    border-left: none !important;
    border-top: 1px solid #d7dce6;
    direction: rtl;
    color: #005fd4;
    height: 26px;
}

.more-info {
    width: 100%;
    height: 100%;
}

    /* styles for '...' */
    .more-info .show-Info {
        /* hide text if it more than N lines  */
        overflow: hidden;
        /* for set '...' in absolute position */
        position: relative;
        text-align: justify;
    }

.grid-as-list-row-height {
    /* use this value to count block height */
    line-height: 1.3em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.9em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /* place for '...' */
    margin-left: -10em;
    padding-left: 1em;
}

.grid-as-list-enable-row-height {
    /* use this value to count block height */
    line-height: 1.3em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 5.2em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /* place for '...' */
    margin-left: -0.5em;
    padding-left: 1em;
}
/* create the ... */
.more-info .show-Info:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    left: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.more-info .show-Info:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    left: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background-color: #f3f7fe;
}
/* - grid-as-list +*/

.tabs-container 
{
    width: 100%;
    height: 55px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbcbe), to(#e8e9ea));
    background: -webkit-linear-gradient(top, #e8e9ea, #bbbcbe);
    background: -moz-linear-gradient(top, #e8e9ea, #bbbcbe);
    background: -ms-linear-gradient(top,  #e8e9ea, #bbbcbe);
    background: -o-linear-gradient(top,  #e8e9ea, #bbbcbe);
    margin-bottom: 5px;
}

.tabs-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    /*height: 70px;*/
}

.tabs-container ul li {
    float: right;
    /*padding: 0 20px;*/
    width: 90px;
    height: 55px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.tabs-container ul li.active {
    background-image: url(../MojImages/buttonsTabs/SelectedMiddle.png);
    background-position:center;
}

.tabs-container ul li .border-right, .tabs-container ul li .border-left, .tabs-container ul li .border-right-for-request, .tabs-container ul li .border-left-for-request {
    position: absolute;
    top: 0;
    width: 2px;
    height: 55px;  
    background-image: url(../MojImages/buttonsTabs/SelectedSides.png);
    z-index: 99;
    background-position:center;
}
.tabs-container ul li .border-right ,.tabs-container ul li .border-right-for-request{
    right: 0;
}
.tabs-container ul li .border-left ,.tabs-container ul li .border-left-for-request{
    left: 0;
}

.tabs-container ul li .icon {
  
   height: 18px;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 12px auto 2px;
	display:inline-table;
    text-align:center;
    padding-top:20px;
}

.tabs-container ul li .icon.k-link
{
    line-height: normal;
    padding: 20px 4px 0px 0px;
}
.tabs-container ul li .icon.k-link .k-i-arrow-s
{
    margin-right: 0px;
    background-image: url(../MojImages/icons/GrayTriangle.png);
    background-position: top left;
    height: 7px;
    width: 14px;
}

.tabs-container .k-state-active, .tabs-container .k-state-hover
{
    background: transparent !important;
}

.tab-menu .icon {padding-right:6px;}

.tabs-container ul li a {
    font-size: 1em;
}

.tabs-container .tab-sep {
    width: 2px;
    height: 55px;
    background-image: url(../MojImages/buttonsTabs/TabSeperator.png);
}

.tabs-container .tab-sep.sep-right{ margin-right: 30px;}
.tabs-container .tab-sep.sep-left{ margin-left: 10px;}

.tabs-container .tab-menu {
     width: 90px;
}

.tabs-container .tab-menu .txt-menu {
    
}

.tabs-container .tab-menu .triangle {
    background-image:url(../MojImages/icons/GrayTriangle.png); 
    width:8px; 
    height:5px;
    margin-top: 6px;
    margin-right: 5px;
}



.ul-menu 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #fff;
    width: 180px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ul-menu li, .ul-menu.k-menu .k-group .k-item {
    width: 166px !important;
    height: 26px !important;
    border-bottom: 1px dashed #ccc !important;
    margin: 3px auto;
}

.tabs-container .k-menu .k-group .k-item:first-child {
    margin-top: 7px;
}

.tabs-container .k-menu .k-group .k-item:last-child {
    margin-bottom: 7px;
}

.tabs-container .k-menu .k-group .k-item.k-state-hover {
    background-color: #d6e8ed !important;
    background-image: none;
}

.tabs-container .k-menu .k-group .k-item > .k-link {
    padding: 3px 6px 0 4px;
    text-align: right;
}

.tabs-container .k-menu {
    cursor: pointer;
}

.tabs-container .k-menu.k-widget, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { 
    border-width: 0;
}

.tabs-container .k-menu::after {
    display: none;
}

.tabs-container .k-animation-container
{ right: -3px;}


/*************************************************************************************************/

.tabs-container .k-tabstrip-items
{
    list-style-type: none; 
    margin: 0 !important; 
    font-weight: normal !important; 
    padding: 0 !important; 
    height: 55px !important;
    background-color: transparent !important;
    background-image: none !important;
}
.tabs-container .k-tabstrip-items > .k-state-default 
{
    float: right !important;
    min-width: 90px !important;
    height: 55px !important;
    text-align: center !important;
    position: relative !important;
    cursor: pointer !important;
    background-color: transparent !important;
    border: 0 !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-width: 0px !important;
    border-bottom-width: 0px !important;
    padding: 0 !important;
    background-image: none !important;
    
}
.tabs-container .k-tabstrip-items > .k-state-active 
{
    background-image: url(../MojImages/buttonsTabs/SelectedMiddle.png) !important;
}

.tabs-container .k-tabstrip-items > .k-item {
    margin: 0 !important;
}

.tabs-container .k-tabstrip-items .k-link {
    padding: 0 !important;
}

#tabStrip .k-tabstrip-items
{
    background-color: #0e5082; height: 30px; list-style-type: none; margin: 0 !important; font-weight: bold; padding: 0 !important;
}
#tabStrip .k-tabstrip-items > .k-state-default 
{
    background-color: #D3D3D3;
    padding: 0 10px;
    float: right;
    height: 30px;
    color: #424242;
    text-align: center;
    min-width: 150px;
    max-width: 165px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-color: #23375F;
    border-width: 0px;
    margin: 0 0 0 1px;
    
}
#tabStrip .k-tabstrip-items > .k-state-active 
{
    background-color: #f5f5f5;
    border-bottom-width: 0px;
}

#tabStrip .k-tabstrip-items .k-state-default:first-child, #tabStrip .k-tabstrip-items .k-state-active:first-child {border-top-right-radius: 0px !important;}

#tabStrip .k-tabstrip-items > .k-item {
    background-image: none;
}

#tabStrip .k-tabstrip-items .k-link { 
    padding: 5px 0 0 0 !important; 
    width: 100%; 
    background-color: transparent;
    overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#mytabStrip .k-content
{
    padding:0,5px,0,0 !important;
}

#mytabStrip .k-tabstrip-items
{
    background-color:transparent !important;
    width: 100%; height: 36px; list-style-type: none; margin: 0 !important; font-weight: bold; padding: 0 !important;
}
#mytabStrip .k-tabstrip-items .k-state-default 
{
    background: url(../MojImages/icons/NoshimOff.png) no-repeat center top !important;
	display:inline-table;
    height: 40px !important;
    min-width: 90px !important;
    
    min-height:40px;
    text-align:center;
    font-size:0.857em !important;
    font-weight:bold;
    padding:0;
    padding-top:40px;
}

#mytabStrip .k-link
{
    font-size:0.857em !important;
}

#mytabStrip .k-tabstrip-items .k-state-active, #mytabStrip .k-tabstrip-items .k-state-default:hover
{
    background: url(../MojImages/icons/NoshimOn.png) no-repeat center top !important;
	display:inline-table;
    height: 40px;
    min-width: 90px !important;
    min-height:40px;
    text-align:center;
    font-size:0.857em !important;
    font-weight:bold;
    padding:0;
    padding-top:40px;
}

.tab-close
{
    background-image:url('../MojImages/icons/CloseTabOff.png');
    height: 8px;
    width: 8px;
    top: 11px; 
	display: block; 
	background-repeat: no-repeat; 
	opacity: 0.6; 
	position: absolute; 
	float:left;
	left: 7px; 
	cursor: pointer; 
	z-index: 2;
}

.tab-close:hover
{
    background-image:url('../MojImages/icons/CloseTabOn.png');
}

.tab-close:active
{
    background-image:url('../MojImages/icons/CloseTabPress.png');
}



#app-environment {
    padding-right: 30px;
    color: #ffffff;
    font-size: 2.285em !important;
    font-family: "BN Bilbo";
    line-height: 42px;
}

#topPanel1.Dev {
    background: -webkit-linear-gradient(bottom, #4db849, #4ab148);
}

#topPanel1.Production {
    background: -webkit-linear-gradient(bottom, #324B82, #506EAA);
}

#topPanel1.QA {
    background: -webkit-linear-gradient(bottom, #e12a2b, #e02428);
}

#topPanel1.Customers {
    background: -webkit-linear-gradient(bottom, #fcd209, #e6b221);
}

#topPanel1 {
    min-width: 1270px;
    width: 100%;
    height: 40px;
    /*padding-top: 5px;*/
    border-bottom: 1px solid #1E3764; /* fallback */
    background-color: #506EAA;
    background: url(../MojImages/TopHeader.png);
    background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#324B82), to(#506EAA)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(bottom, #324B82, #506EAA); /* Firefox 3.6+ */
    background: -moz-linear-gradient(bottom, #324B82, #506EAA); /* IE 10 */
    background: -ms-linear-gradient(bottom, #324B82, #506EAA); /* Opera 11.10+ */
    background: -o-linear-gradient(bottom, #324B82, #506EAA);
}

#topPanel2 {
    height: 72px;
    background: #0e5082;
    min-width: 1270px;
    width: 100%;
    padding-top: 10px;
}

/*.container 
{
    width: 1270px;
    margin: 0 auto;
    display: table;
    /*overflow-x: hidden;
}*/

.logo-menora {
    float: right;
    width: 28px;
    height: 33px;
    background-image: url(../MojImages/MenoraLogo.png);
    margin-top: 5px;
}

.logo {
    width: 380px;
    height: 100%;
    padding: 0px 20px 0 0;
    float: right;
}

    .logo span {
        color: #ffffff;
        font-size: 2.285em;
    }


.login {
    width: 400px;
    height: 30px;
    margin-top: 2px;
    float: left;
    text-align: left;
}

    .login .message {
        width: 38px;
        height: 30px;
        float: left;
        background-image: url(../MojImages/MailEnvelope.png);
        margin-left: 10px;
    }

        .login .message div {
            width: 18px;
            height: 18px;
            color: #fff;
            font-size: 0.785em;
            text-align: center;
            padding-top: 1px;
        }

    .login .sigh {
        width: 31px;
        height: 24px;
        margin-top: 6px;
        float: left;
        /*background-image: url(../MojImages/UserButton.png);*/
        margin-left: 10px;
    }

.sigh .sign-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: transparent;
    background-image: none;
    border-width: 0;
}

    .sigh .sign-menu li.sign-img {
        width: 31px;
        height: 24px;
        border-width: 0;
        background-image: url(../MojImages/UserButton.png);
        background-color: transparent;
        border-width: 0;
    }

.login .username {
    float: left;
    padding-top: 11px;
}

.moj-top-menu {
    height: 100%;
    float: right;
}

    .moj-top-menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .moj-top-menu ul li {
            height: 30px;
            float: right;
            margin: 0 10px;
            cursor: pointer;
        }

            .moj-top-menu ul li.home {
                width: 106px;
                margin-right: 20px;
            }

            .moj-top-menu ul li.sep {
                width: 1px;
                background-image: url(../MojImages/MenuSeperator.png);
            }

            .moj-top-menu ul li .button {
                height: 30px;
                width: 106px;
                border-width: 0px;
            }

                .moj-top-menu ul li .button .right {
                    width: 29px;
                    height: 30px;
                    float: right;
                }

                .moj-top-menu ul li .button .bg {
                    width: 60px;
                    height: 30px;
                    background-image: url(../MojImages/MenuButtonMiddle.png);
                    float: right;
                    text-align: right;
                    padding-right: 10px;
                }

            .moj-top-menu ul li:hover .button .bg {
                background-image: url(../MojImages/MenuButtonMiddleHover.png);
            }

            .moj-top-menu ul li:active .button .bg {
                background-image: url(../MojImages/MenuButtonMiddlePress.png);
            }

    .moj-top-menu .atxt, .moj-top-search .atxt {
        width: 100%;
        padding-top: 5px;
        font-size: 1em;
        color: #444444;
    }

    .moj-top-menu ul li .button .left {
        width: 7px;
        height: 30px;
        background-image: url(../MojImages/MenuButtonLeft.png);
        float: right;
    }

    .moj-top-menu ul li:hover .button .left {
        background-image: url(../MojImages/MenuButtonLeftHover.png);
    }

    .moj-top-menu ul li:active .button .left {
        background-image: url(../MojImages/MenuButtonLeftPress.png);
    }

.moj-top-search {
    width: 260px;
    height: 100%;
    float: left;
}

    .moj-top-search .dpl {
        height: 30px;
        margin-left: 20px;
        float: right;
    }

    .moj-top-search .moj-input-Search {
        width: 156px;
        height: 30px;
        margin-left: 20px;
        float: right;
    }

    .moj-top-search .input {
        height: 30px;
        position: relative;
    }

        .moj-top-search .input .right {
            width: 7px;
            height: 30px;
            float: right;
            background-image: url(../MojImages/icons/SearchFieldRight.png);
        }

        .moj-top-search .input .bg {
            height: 30px;
            background-image: url(../MojImages/icons/SearchFieldMiddle.png);
            float: right;
            text-align: right;
        }

    .moj-top-search .moj-input-Search .bg {
        width: 142px;
        padding-top: 3px;
        height: 27px;
    }

        .moj-top-search .moj-input-Search .bg input {
            width: 118px;
            border: 0;
            height: 22px;
            font-size: 1em;
            color: #444444;
            background-color: transparent;
        }


    .moj-top-search .input .left {
        width: 7px;
        height: 30px;
        background-image: url(../MojImages/icons/SearchFieldLeft.png);
        float: right;
    }

    .moj-top-search .input .moj-left-search {
        width: 29px;
        height: 30px;
        background-image: url(../MojImages/icons/SearchReg.png);
        cursor: pointer;
        position: absolute;
        top: 7px;
        left: 7px;
        background-repeat: no-repeat;
    }

.search-separator {
    width: 29px;
    height: 30px;
    background-image: url(../MojImages/icons/SearchSeperator.png);
    position: absolute;
    top: 3px;
    left: 30px;
    background-repeat: no-repeat;
}

.moj-top-search .input .moj-left-search:hover {
    background-image: url(../MojImages/icons/SearchHover.png);
}

.moj-top-search .input .moj-left-search:active {
    background-image: url(../MojImages/icons/SearchHover.png);
}

.moj-top-search .moj-advance-search {
    width: 80px;
    height: 30px;
    float: right;
    padding-top: 3px;
}

    .moj-top-search .moj-advance-search a {
        color: #fff;
        text-decoration: underline;
    }

.top-form {
    width: 100%;
    height: 9px;
    background-color: #23375F; /*display:table;*/
}

.top-tor {
    width: 146px;
    height: 9px;
    float: right;
    background-color: #e1e6f0;
}

.top-body {
    width: 1124px;
    height: 9px;
    float: right;
    background-color: #23375F;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../MojImages/CornerTriangle.png);
}

.moj-righ-menu {
    width: 146px;
    background-color: #e1e6f0; /*background-image:url(../MojImages/TorMenuBG.png);*/
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-bottom: 185px;
    /*background-image: url(../MojImages/LogoTaagidim.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
}

    .moj-righ-menu .block {
        /*position: relative; display:block; height:inherit; padding-bottom:185px; background-color:Aqua;*/
    }

.moj-righ-menu-title {
    width: 146px;
    height: 40px;
    text-align: center;
    font-size: 1.285em;
    font-weight: bold;
    color: #324b6e;
}

.moj-righ-menu-tabs {
    width: 146px;
    display: table;
}

.moj-righ-menu-logo {
    width: 75px;
    height: 67px;
    background-image: url(../MojImages/LogoTaagidim.png);
    position: absolute;
    bottom: 75px;
    left: 35px;
}

.ministry-logo {
    width: 128px;
    height: 35px;
    background-image: url(../MojImages/MaarhotMedaLogo.png);
    position: absolute;
    bottom: 20px;
    left: 12px;
}


/*******************************************************************************************************************************/

.moj-right-tabs {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .moj-right-tabs li {
        display: table;
        margin: 5px;
    }

        .moj-right-tabs li.tab-off {
            width: 136px;
            background-color: #ebebeb;
            cursor: pointer;
        }

            .moj-right-tabs li.tab-off:hover, .moj-right-tabs li.tab-on {
                background-color: #00A9E6;
            }

                /*.moj-right-tabs li.tab-off:hover:after, .moj-right-tabs li.tab-on
{
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #00A9E6;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}

.moj-right-tabs li.tab-off:hover:not(:last-child):before, .moj-right-tabs li.tab-on
{
    content: "";
    position: absolute;
    right: 0px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 8px solid #00A9E6;
    border-left: 10px solid transparent;
}*/

                .moj-right-tabs li.tab-off .txt, .moj-right-tabs li.tab-on .txt {
                    width: 71px;
                    /*min-height: 22px;*/
                    float: right;
                    margin: 0;
                    padding: 8px 6px 0 5px;
                    font-size: 0.857em;
                }

                .moj-right-tabs li.tab-off .num, .moj-right-tabs li.tab-on .num {
                    width: 30px;
                    float: left;
                    margin-left: 5px;
                    margin-top: 5px;
                    padding-bottom: 5px;
                }

        .moj-right-tabs li .num .wait, .moj-right-tabs li .num .passed {
            font-size: 0.857em;
            color: #fff;
            text-align: center;
            direction: ltr;
            border: 1px solid #02a1c4;
            -webkit-border-radius: 7px;
            border-radius: 7px;
            background-color: #0d9eda;
            margin-bottom: 2px;
            padding: 1px 0;
        }

        .moj-right-tabs li .num .passed {
            color: #8e0700;
            border: 1px solid #fca9e9;
            background-color: #ffe0e0;
        }



        .moj-right-tabs li.tab-off:hover .txt, .moj-right-tabs li.tab-on .txt {
            color: #fff;
            font-weight: bold;
        }

        .moj-right-tabs li.tab-off:hover .wait {
            color: #509bb4;
            border: 1px solid #509bb4;
            background-color: #ebebeb;
        }


/*******************************************************************************************************************************/

.moj-li-main-menu {
    background-color: transparent;
}

.moj-li-container-div {
    float: right;
    padding: 0px 3px;
    border-style: solid;
    border-color: #0e5082;
    /* border-color: red; */
    border-width: 1px;
    min-width: 90px;
}

    .moj-li-container-div:hover, .moj-li-container-div.hover {
        border-color: #b3d1e8 !important;
    }

.moj-li-image {
    margin-top: 5px;
    margin-left: 5px;
    width: 25px;
    height: 23px;
    /* background-color: rgb(44, 170, 236); */
    background-repeat: no-repeat;
    float: right;
}

.moj-li-text {
    float: right;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 16px;
    /* font-weight: bold; */
}

.moj-li-left {
    margin-top: 4px;
    margin-left: 5px;
    float: right;
    width: 2px;
    height: 23px;
    background-image: url(../MojImages/buttonsMenu/TopNavSeperator.png);
    background-repeat: no-repeat;
}

li:hover .moj-li-text {
    color: #b3d1e8;
}

.moj-top-menu ul li {
    margin: 0px;
}

/*******************************************************************************************************/
.accessible-bar {
    background-color: #000040;
    position: absolute;
    box-sizing: border-box;
    background-image: url(../MojImages/icons/Icn_AccessLogo.png);
    background-repeat: no-repeat;
    background-position: top 5px right 5px;
    z-index: 9999999999;
}

    .accessible-bar::after {
        content: "";
        width: 40px;
        height: 44px;
        border-radius: 50%;
        background-color: #000040;
        position: absolute;
        top: 0;
        left: -20px;
        z-index: -1;
    }

    .accessible-bar > .open-menu {
        color: #fff;
        font-size: 1em;
        cursor: pointer;
        display: block;
        padding: 12px 45px 12px 0px;
        height: 44px;
        background-color: transparent;
        border: none;
    }

    .accessible-bar a:hover, .accessible-bar a:focus, .accessible-bar .open-menu:hover, .accessible-bar .open-menu:focus {
        text-decoration: underline;
        color: #fff;
        font-weight: normal;
    }

.accessible-menu-wrap {
    display: none;
}

.accessible-bar.open .accessible-menu-wrap {
    display: block;
}

.accessible-menu {
    position: absolute;
    top: 49px;
    right: 5px;
    border: 3px solid #1982b9;
    border-radius: 5px;
    width: 206px;
    padding: 0;
    margin: 0;
    transition: top 0.5s, opacity 0.5s, z-index 0s 0.5s;
    box-shadow: #4b788d 0px 2px 5px;
    top: -300px;
    opacity: 0;
    background-color: #fff;
    z-index: -1;
}

.accessible-bar.open .accessible-menu {
    top: 49px;
    opacity: 1;
    z-index: 99999997;
}

.accessible-menu .title {
    background: #f0f5f7;
    border-bottom: solid 0px #c8c8c8;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #194c83 !important;
    box-sizing: border-box;
    padding: 6px 12px;
    display: block;
}

.accessible-menu h3 {
    display: block;
    padding: 11px 12px 3px;
    color: #0064b4;
    font-size: 1em;
}

.accessible-menu .item-group {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-bottom: 11px;
    border-bottom: 1px solid #dde0e8;
}

    .accessible-menu .item-group a {
        color: #0064b4;
        font-size: 1em;
        cursor: pointer;
    }

    .accessible-menu h3, .accessible-menu .item-group bdo {
        font-weight: bold;
    }

    .accessible-menu .item-group li {
        box-sizing: border-box;
        padding: 3px 24px 0;
    }

.accessible-bar .close {
    background-image: url(../MojImages/icons/CloseBox.png);
    background-position: 0px 0px !important;
    width: 26px;
    height: 26px;
    background-size: 100%;
    position: absolute;
    left: -145px;
    top: 40px;
    cursor: pointer;
    top: -300px;
    opacity: 0;
    transition: 0.5s;
    z-index: 9999999999;
    background-color: transparent;
    border: 0;
}

    .accessible-bar .close:focus {
        border: 1px dotted #1982b9;
    }

.accessible-bar.open .close {
    top: 40px;
    opacity: 1;
}

.large-font, .standart-font, .smaller-font {
    padding-right: 5px;
}

.large-font {
    font-size: 13px;
}

    .large-font:first-letter {
        font-size: 16px;
    }

.standart-font {
    font-size: 11px;
}

    .standart-font:first-letter {
        font-size: 14px;
    }

.smaller-font {
    font-size: 10px;
}

    .smaller-font:first-letter {
        font-size: 12px;
    }

.langs-fonts span {
    font-size: 11px;
    font-weight: bold;
}

.langs-fonts bdo {
    display: inline-block;
    font-weight: bold;
    color: #00316F;
    cursor: pointer;
}

.langs-fonts a:hover bdo, .langs-fonts a:active bdo, .langs-fonts a:focus bdo {
    color: #575757;
    text-decoration: underline;
}

.layout-line {
    border-top: #244c83 3px solid;
    width: 100%;
}

.form-container {
    width: 1122px; /*float:right; */
    display: table-cell;
    vertical-align: top;
    /*padding-right: 15px;*/
    position: relative;
    overflow: hidden;
    height: 801px;
    background-color: #f5f5f5;
}

.moj-form-container {
    width: 1100px;
    margin: 0 auto;
}

.moj-content {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.moj-form {
    /*width: 1098px;
    display: table;*/
    border: 1px solid #bebebe;
    position: relative;
    margin: 0 auto;
}

.moj-form-title {
    width: 100%;
    height: 31px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #bebebe;
}

.panel-seperator {
    background: #A5B4C8 repeat-x;
    width: 95%;
    height: 1px;
    padding: 0 3px;
}

.in-title {
    border-top: 1px solid #bebebe;
}

.moj-form-title .txt {
    /*width: 1048px;*/
    height: 26px;
    float: right;
    padding-right: 9px;
    padding-top: 5px;
    color: #325082;
    font-size: 1.142em;
    font-weight: bold;
    cursor: pointer;
}

.moj-form-title .sep {
    width: 2px;
    height: 31px;
    float: left;
    background-image: url(../MojImages/PanelSeperator.png);
}

.moj-form-title .button-open-close {
    width: 39px;
    height: 31px;
    float: left;
    position: relative;
}

    .moj-form-title .button-open-close div {
        width: 17px;
        height: 17px;
        cursor: pointer;
        position: absolute;
        top: 6px;
        right: 11px;
    }

        .moj-form-title .button-open-close div a {
            width: 17px;
            height: 17px;
            background-repeat: no-repeat;
            float: right;
        }

        .moj-form-title .button-open-close div.plus a {
            background-image: url(../MojImages/PanelPlus.png);
        }

        .moj-form-title .button-open-close div.minus a {
            background-image: url(../MojImages/PanelMinus.png);
        }


.moj-form-all-lines {
    width: 100%;
    height: auto;
    padding: 0px 0px 10px 0px;
    position: relative;
}

.moj-form-line {
    width: 100%;
    display: table;
    margin-top: 7px;
}

    .moj-form-line .col {
        float: right;
        margin-left: 10px;
        color: #424242;
        min-height: 20px;
        position: relative;
    }

td .col {
    float: right;
    color: #424242;
    min-height: 20px;
    position: relative;
}

.moj-form-line .col:last-child {
    margin-left: 0px !important;
}
.moj-form-line div.ltr-elements .col:last-child {
    margin-left: 10px !important;
}
.moj-form-line div.ltr-elements [class*='col-']:first-child {
    padding-left: 0 !important;
}
.moj-form-line div.ltr-elements [class*='col-'] {
    box-sizing: border-box;
}

.moj-form-line .col-txt {
    padding-top: 4px;
    min-height: 15px;
}

    .moj-form-line .col-txt.txt-left {
        padding-left: 10px !important;
        padding-right: 0;
    }

        .moj-form-line .col-txt.txt-left + [class*='col-sm-'], .moj-form-line [class*='col-sm-']:not(.moj-grey-panel), .moj-form-line [class*='col-xs-']:not(.moj-multiselect-panel-textbox) {
            padding-right: 0px !important;
            padding-left: 10px !important;
        }

.moj-form-line [class*='col-sm-'] + [class*='col-sm-']:last-child {
    /*padding-left: 0px !important;*/
}

@media (max-width: 767px) {
    .txt-left { /*.txt-left.col-txt*/
        text-align: right !important;
    }

    .col:not(.hide):not(.radio-txt):not(.moj-button):not([class*='hidden-xs']) {
        display: inline-block; /*!important*/
        float: initial !important;
        vertical-align: top;
    }
}

.moj-panel {
    width: 100%;
    background-color: #fafafa;
}

    .moj-panel.hide {
        display: none !important;
    }

@media (max-width: 767px) {
    .moj-panel fieldset {
        padding: 0 10px !important;
        width: 100%;
    }
}

.no-border-bottom {
    border-bottom: 0px !important;
}

.no-border-top {
    border-top: 0px;
}

/*multiselect panel*/
.moj-multiselect-panel-content {
    padding-right: 10px !important;
}

.moj-form-line .moj-multiselect-panel[class*='col-sm-'] {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.moj-multiselect-panel ul li.no-left-border {
    border-left: 0px !important;
}

.moj-multiselect-panel ul {
    padding-right: 0px !important;
    margin-bottom: 0px;
}

    .moj-multiselect-panel ul li {
        display: inline-block;
        width: 100%;
        border-left: 1px solid #bebebe;
        min-height: 45px;
        margin-bottom: -10px;
        padding-top: 10px;
        float: right;
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
        overflow-y: hidden;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .moj-multiselect-panel ul li {
        margin-bottom: -18px !important;
        float: none !important;
    }
}

.moj-multiselect-panel-textbox {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.moj-multiselect-panel ul li [type='text'] {
    text-align: center;
}


.moj-multiselect-panel-title {
    width: 100%;
    min-height: 30px;
    max-height: 50px;
    border-bottom: 1px solid #bebebe;
    cursor: pointer;
    display: flex;
}

    .moj-multiselect-panel-title .txt {
        width: 100%;
        min-height: 30px;
        max-height: 50px;
        overflow-y: hidden;
        padding-right: 9px;
        padding-top: 5px;
        float: right;
    }

    .moj-multiselect-panel-title .button-open-close {
        width: 25px;
        min-height: 30px;
        max-height: 50px;
        overflow-y: hidden;
        float: left;
        border-right: 1px solid #bebebe;
    }

        .moj-multiselect-panel-title .button-open-close div {
            font-family: FontAwesome;
            padding: 5px;
            min-height: 30px;
            float: left
        }

.moj-multiselect-panel .div-icon-button {
    padding-left: 0px !important
}

.moj-multiselect-panel-title .button-open-close div.plus-icon:before {
    content: "\f053"
}

.moj-multiselect-panel-title .button-open-close div.minus-icon:before {
    content: "\f078";
}

.moj-multiselect-panel .plus-icon-button {
    font-family: FontAwesome;
    background-color: #1E61AF;
    color: #fff;
    padding-top: 4px;
    padding-right: 8px;
}

.moj-multiselect-panel .minus-icon-button {
    font-family: FontAwesome;
    background-color: #4078BA;
    color: #fff;
    padding-top: 4px;
    padding-right: 8px;
}

    .moj-multiselect-panel .minus-icon-button[disabled] {
        background-color: #747474;
    }

.moj-multiselect-panel .div-icon-button a {
    height: 28px;
    width: 28px
}

    .moj-multiselect-panel .div-icon-button a:hover, .moj-multiselect-panel .div-icon-button a:focus {
        text-decoration: none !important;
    }

.moj-multiselect-panel .plus-icon-button::before {
    content: "\f067"
}

.moj-multiselect-panel .minus-icon-button::before {
    content: "\f068"
}

/*end multiselect panel*/

.txt-left {text-align: left;}
.txt-center {text-align: center;}
.txt-white {color: #fff;}
.txt-12 {font-size: 0.857em;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

.black {color: #424242 !important;}
.blue1 {color: #3a78c1 !important;}
.blue2 {color: #325082 !important;}
.blue3 {color: #194493 !important;}
.blue4 {color: #184e84 !important;}
.blue5 {color: #195082 !important;}
.blue6 {color:#0064b4 !important;}
.orange1 {color: #ff880e !important;}
.orange2 {color: #a65200 !important;}
.orange3 {color: #c86400 !important;}
.orange4 {color: #a85e34 !important;}
.red1 {color:#b40000 !important;}
.red2 {color:#a10125 !important;}
.green1 {color: #177c00 !important;}
.grey {color: #646464 !important;}


.font-12 { font-size: 0.857em;}
.font-14 { font-size: 1em;}
.font-16 { font-size: 1.142em;}
.font-18 { font-size: 1.285em;}
.font-20 { font-size: 1.428em;}
.font-22 { font-size: 1.571em;}
.font-24 { font-size: 1.714em;}

.moj-italic-text
{
    font-style:italic;
}
    
.moj-blue-text label, .moj-blue-text, .moj-blue-text div, .moj-blue-text span, .moj-blue-bold-text, .moj-blue-bold-text label, .moj-blue-bold-text div, .moj-blue-bold-text span, .blue label, .blue-text
{
    color:#004691 !important;
}

.moj-blue-bold-text, .moj-blue-bold-text label, .moj-blue-bold-text div, .moj-blue-bold-text span
.moj-green-bold-text, .moj-green-bold-text label, .moj-green-bold-text div, .moj-green-bold-text span,
.moj-red-bold-text, .moj-red-bold-text label, .moj-red-bold-text div, .moj-red-bold-text span
{
    font-weight:bold;
}

.moj-orange-text label, .moj-orange-text, .moj-orange-text div, .moj-orange-text span
{
    color:#ff880e !important;
    font-weight:bold;
    font-size:1.285em;
}

.moj-white-text label, .moj-white-text, .moj-white-text div, .moj-white-text span
{
    color:#FFFFFF  !important;
}

.moj-red-text, .moj-red-text div, .moj-red-text label, .moj-red-text span, .red-text,
.moj-red-bold-text,  .moj-red-bold-text div, .moj-red-bold-text label, .moj-red-bold-text span, .red label
{
    color:#a5000f !important;
}

.moj-green-text, .moj-green-text div, .moj-green-text label, .moj-green-text span, .green-text,
.moj-green-bold-text,  .moj-green-bold-text div, .moj-green-bold-text label, .moj-green-bold-text span, .green label
{
    color:#177c00 !important;
}

.BN-font
{
    font-family: "BN Bilbo";
}
.Bell-font
{
    font-family: "Bell MT";
}
.font-size24
{
    font-size: 1.714em !important;
}

@font-face
{
    font-family: "BN Bilbo";
    src: url('../Fonts/BN_Bilbo.woff') format('woff');
}

@font-face
{
    font-family: "Bell MT";
    src: url('../Fonts/BELL.woff') format('woff');
}

@font-face
{
    font-family: "JOURNAL";
    src: url('../Fonts/journal-webfont.eot');
    src: url('../Fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/journal-webfont.woff') format('woff'),
    url('../Fonts/journal-webfont.ttf') format('truetype'),
    url('../Fonts/journal-webfont.svg#alefregular') format('svg');
}

@font-face {
    font-family: 'Assistant-Regular';
    src: url('../Fonts/Assistant-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'opensanshebrew';
    src: url('../Fonts/opensanshebrew-bold-webfont.eot');
    src: url('../Fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/opensanshebrew-bold-webfont.woff') format('woff'),
    url('../Fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
    url('../Fonts/opensanshebrew-bold-webfont.svg#alefregular') format('svg');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../Fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
        url('../Fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
        url('../Fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../Fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
 
}
.moj-window-line {
    border-bottom: solid 1px white;
    border-top: solid 1px #cacaca;
    margin-top: 14px;
    margin-bottom: 8px;
}

.moj-window-buttons {
    float: left;
}

.moj-window-message-container {
    margin-bottom: 6px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 14px;
}

.clear-both {
    clear: both;
}

.moj-window-message-data {
    line-height: 15px;
    font-size: 0.928em;
    vertical-align: top;
    /*float: right;
    width:264px;*/
    margin-right: 11px;
    margin-top: 2px;
    color: #010101;
    font-weight: bold;
}

    .moj-window-message-data div, .moj-window-message-data span {
        color: #010101;
        font-weight: bold;
        font-size: 0.928em;
        line-height: 15px;
    }

    .moj-window-message-data > div {
        margin-bottom: 7px;
    }

.moj-message-img {
    vertical-align: top;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.moj-window-container-content {
    margin: 10px 10px 10px 10px !important;
}

#popup-buttons-container {
    position: absolute;
    bottom: 6px;
    left: 16px;
}

/*---------------------------alert message -label*/

.moj-message-label {
    border: 1px solid #eed197 !important;
    padding: 2px 2px 1px 6px;
    display: inline-block;
    background-color: #fffcd1 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    background-image: url('../MojImages/icons/Alert.png');
    background-repeat: no-repeat;
    background-position: -moz-calc(100% - 3px) center;
    background-position: -webkit-calc(100% - 3px) center;
    background-position: calc(100% - 3px) center;
    padding-right: 23px;
    padding-left: 7px;
    min-height: 19px;
    height: auto;
    background-position: top 5px right 4px;
}

    .moj-message-label span {
        font-size: 1em !important;
        color: #40423f !important;
    }

.row-data-txt {
    display: block;
}

.row-data-txt center input {
    float: right;
}

/**--general---------------------------------------------------**/
html {
    background-color: #fff;
}

body {
    width: 100%;
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

#body {
    min-height: unset !important;
    position: relative;
}

.web-site-container {
    width: 100%;
    display: table;
    margin: 0 auto;
    height:100%;
}

#body, #content {
    height: 100%;
}

.moj-fixed {
    width: 100%;
    display: table;
}

.moj-panel {
    background-color: #fff;
    width: 100%;
}

input[readonly], textarea[readonly] {
    background-color: #f7f7f7;
}

/*--header------------------------------------------------------*/
.web-site-header {
    background: url("../MojImages/Layout/general-bg.png") repeat-x scroll 0 0 transparent;
    min-height: 87px;
}

    .web-site-header .head-content {
        min-height: inherit;
        background: url('../MojImages/Layout/header-top-img.png') no-repeat left;
        background-size: cover;
    }

    .web-site-header .site-logo {
        background: url(../MojImages/Layout/LogoMoj.png) no-repeat right 17px;
        padding-right: 65px;
        display: inline-block;
        min-height: inherit;
    }

    .web-site-header .main-name {
        font-family: 'opensanshebrew';
        color: #00316f;
        /*display: inline-block;*/
        padding-left: 5px;
    }

        .web-site-header .main-name.only {
            padding-top: 15px;
        }

    .web-site-header .online-eng {
        font-family: "JOURNAL";
        font-size: 32px;
        color: #934201;
    }

.online-heb {
    font-family: "Assistant-Regular";
    font-size: 24px;
    color: #a35216;
}

.web-site-header .main-eng-name {
    font-size: 1em;
    color: #1c61a5;
    display: block;
}

.web-site-header .main-name:not(.only) ~ .main-eng-name {
    margin-top: -3px;
    font-size: 0.9em;
}

.web-site-header .main-name:not(.only) ~ .sub-name {
    margin-top: 0px;
}

.web-site-header .sub-name {
    font-size: 1em;
    color: #13447e;
    display: block;
}

.web-site-header .left-side {
    display: inline-block;
    float: left;
    text-align: left;
}

.web-site-header-userlog {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .web-site-header-userlog {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

.langs-culture + .web-site-header-userlog {
    margin-top: 22px;
}

.helow-member {
    font-size: 1em;
    color: #184e84;
}

.log-out, .log-out a {
    font-size: 1em;
    color: #1e7ca8 !important;
    text-decoration: underline !important
}

.moj-training {
    background-image: url(../MojImages/icons/website/HadrachaNorm.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-bottom: -1px;
}

    .moj-training:hover, .moj-training:focus {
        background-image: url(../MojImages/icons/HadrachaHover.png);
    }

.process-title {
    font-size: 1.428em;
    font-weight: bold;
    color: #184e84;
}

.private-area {
    float: right;
    width: 22px;
    height: 20px;
    /*background-image: url(../MojImages/icons/BackPersonalNorm.png);*/
    cursor: pointer;
    margin-left: 5px;
    margin-top: -4px;
}

    .private-area a {
        width: 22px;
        height: 20px;
        background-image: url(../MojImages/icons/BackPersonalNorm.png);
        float: right;
    }

        .private-area a:hover, .private-area a:focus {
            background-image: url(../MojImages/icons/BackPersonalHover.png);
        }

/**************************************************************************************************************************************/
/**--wizard---------------------------------------------------**/
.wizard-form-container {
    width: 100%;
    /*display: table-cell;*/
    display: inline-block;
    vertical-align: top;
    border: 1px solid #c8c8c8;
    background-color: #FFF;
    position: relative;
    border-top-width: 0px;
    min-height: 300px;
    overflow: visible;
}

.wizard-content {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px auto;
}

@media (max-width: 767px) {
    .wizard-content h2 {
        font-size: 1.5em;
    }
}

.main-menu {
    width: 100%;
}

.sub-menu-container {
    height: 46px;
    /*width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);*/
    /*background-color: #fcf0dc;
    border: 1px solid #fbd8b5;
    border-top-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    -moz-border-top-left-radius: 1px;*/
}

.sub-menu-back {
    /*border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;*/
    background-color: #fcf0dc;
    border: 1px solid #fbd8b5;
    background-clip: content-box;
    padding-top: 1px;
    padding-left: 1px;
    /*width: -moz-calc(100% - 1px);
    width: -webkit-calc(100% - 1px);
    width: calc(100% - 1px);*/
    height: 45px;
    border-top-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    -moz-border-top-left-radius: 1px;
}

ul.ul-main-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: table-cell;
    display: flex;
}

    ul.ul-main-menu li {
        background-color: #f5f5f5;
        border: 1px solid #cdd4d9;
        /*display: block;
    float: right;*/
        border-top-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-top-right-radius: 2px;
        height: 36px;
        position: relative;
        flex: 1 1 100%;
        -ms-flex: 1 1 100%;
    }

        ul.ul-main-menu li .pointer {
            box-sizing: content-box;
            position: relative;
            width: 12px;
            height: 26px;
            background-color: #666666;
            padding-top: 6px;
            padding-right: 6px;
            font-size: 1.142em;
            font-weight: bold;
            color: #ffffff;
            border: 1px solid #666666;
            border-top-right-radius: 1px;
            -webkit-border-top-right-radius: 1px;
            -moz-border-top-right-radius: 1px;
        }

@media (min-width: 768px) {
    ul.ul-main-menu li .pointer {
        float: right;
        display: inline-block;
    }
}

ul.ul-main-menu li .pointer:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: -1px;
    left: -9px;
    border-top: 17px solid transparent;
    border-right: 8px solid #666666;
    border-bottom: 17px solid transparent;
    direction: ltr;
}

ul.ul-main-menu li .main-menu-title {
    /*float: right;*/
    /*display: inline-block;*/
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    height: 21px;
    border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    padding: 6px 34px 0 0;
    font-size: 1.142em;
    color: #4e4e4e;
    cursor: pointer;
}

@media (max-width: 991px) {
    ul.ul-main-menu li .main-menu-title {
        font-size: 1em;
    }
}

ul.ul-main-menu li.active {
    background-color: #fcf0dc;
    border: 1px solid #fbd8b5;
    border-bottom: 0px;
    height: 35px;
}

    ul.ul-main-menu li.active .pointer, ul.ul-main-menu li:not([disabled]):hover .pointer {
        background-color: #AA5E15;
        border: 1px solid #AA5E15;
        height: 27px;
    }

        ul.ul-main-menu li.active .pointer:before, ul.ul-main-menu li:not([disabled]):hover .pointer:before {
            border-right: 8px solid #AA5E15;
            border-bottom: 18px solid transparent;
        }

    ul.ul-main-menu li.active .main-menu-title {
        color: #666666;
        font-weight: bold;
        height: 28px;
    }

ul.ul-main-menu li[disabled] .main-menu-title {
    cursor: default !important;
    color: #c3c3c3;
}

/*********************************************************/
@media (max-width: 767px) {
    /*@media(max-width : 479px){*/
    ul.ul-main-menu.multi-steps {
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        margin-bottom: 5px;
    }
    /*}*/
    ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) {
        border-top: 1px solid #c3c3c3;
        padding-top: 5px;
        counter-reset: main-menu-item;
        margin-bottom: 3px;
        margin-top: 5px;
    }

    .ul-main-menu.one-step {
        border-top-width: 0px !important;
        border-bottom: 1px solid #c3c3c3;
        padding-top: 15px !important;
        margin-bottom: 0px !important;
        height: 0px;
        overflow: hidden;
    }

        .ul-main-menu.one-step + .wizrad-stage {
            display: none;
        }

    .ul-main-menu[wizard="False"] + .wizrad-stage span {
        display: none;
    }

    ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li, ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li.active {
        background-color: transparent;
        border: none;
        counter-increment: main-menu-item;
        height: 52px;
        overflow: hidden;
        /*display: flex;
        align-items: stretch;
        border: 1px solid red;*/
    }

    ul.ul-main-menu:not(.multi-steps) li .pointer, ul.ul-main-menu:not(.multi-steps) li.active .pointer, ul.ul-main-menu:not(.multi-steps) li:not([disabled]):hover .pointer {
        background-color: #666666;
        color: transparent;
        border-radius: 50%;
        padding: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        margin: 0 auto;
        z-index: 2;
        /*flex:1 1 100%;
        border: 1px solid green;*/
    }

    ul.ul-main-menu.multi-steps li .pointer {
        float: right;
        display: inline-block;
    }

    ul.ul-main-menu:not(.multi-steps) li.active .pointer, ul.ul-main-menu:not(.multi-steps) li:not([disabled]):hover .pointer {
        background-color: #AA5E15;
    }

    ul.ul-main-menu:not(.multi-steps) li .pointer:before {
        display: none;
    }

    ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li .main-menu-title, ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li.active .main-menu-title {
        width: 0px;
        padding: 0px;
    }

    ul.ul-main-menu:not(.multi-steps) li .main-menu-title span, ul.ul-main-menu:not(.multi-steps) li.active .main-menu-title span {
        display: none;
    }

    ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li .main-menu-title:before {
        content: counter(main-menu-item);
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        right: calc(50% - 25px);
        padding-top: 10px;
        top: 0;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        color: #fff;
        z-index: 3;
        /*border: 1px solid #000;*/
    }

    ul.ul-main-menu:not(.multi-steps):not([wizard="False"]) li .main-menu-title:after {
        content: "";
        background-color: #AA5E15;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 25px;
        z-index: 1;
    }

    ul.ul-main-menu:not(.multi-steps) li:first-child .main-menu-title:after {
        width: 50%;
        right: 50%;
    }

    ul.ul-main-menu:not(.multi-steps) li:last-child .main-menu-title:after {
        width: 50%;
        left: 50%;
    }

    .wizrad-stage {
        font-size: 1.6em;
        /*border-top: 1px solid #c3c3c3;*/
        border-bottom: 1px solid #fbd8b5;
        padding-bottom: 5px;
        font-weight: bold;
    }

        .wizrad-stage span {
            font-size: 0.65em;
            padding-right: 10px;
        }

    @media (max-width: 400px) {
        ul.ul-main-menu:not(.multi-steps) li .pointer, ul.ul-main-menu:not(.multi-steps) li.active .pointer, ul.ul-main-menu:not(.multi-steps) li:not([disabled]):hover .pointer {
            width: 40px !important;
            height: 40px !important;
        }

        ul.ul-main-menu:not(.multi-steps) li .main-menu-title:before {
            width: 40px !important;
            height: 40px !important;
            right: calc(50% - 20px) !important;
            padding-top: 5px !important;
        }

        ul.ul-main-menu:not(.multi-steps) li .main-menu-title:after {
            top: 20px !important;
        }
    }
}

ul.ul-main-menu li .main-menu-title:focus, ul.ul-sub-menu .sub-menu-title:focus {
    text-decoration: underline;
    font-weight: bold;
}

ul.ul-main-menu li .sub-menu-top-by-main {
    width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    position: absolute;
    height: 2px;
    background-color: #fcf0dc;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    top: 35px;
}

ul.ul-main-menu li:first-child .sub-menu-top-by-main {
    border-right: 1px solid #fcf0dc;
}

ul.ul-sub-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    ul.ul-sub-menu li {
        padding: 15px 20px 0 0;
        margin-left: 22px;
        background-repeat: no-repeat;
        background-position: right bottom;
        position: relative;
        cursor: pointer;
    }

@media (min-width: 768px) {
    ul.ul-sub-menu li {
        float: right;
    }

    .wizrad-stage {
        display: none;
    }
}

ul.ul-sub-menu li[disabled] {
    cursor: default !important;
}

ul.ul-sub-menu li:after {
    position: absolute;
    top: 11px;
    left: -8px;
    width: 8px;
    white-space: nowrap;
    content: "....";
}

ul.ul-sub-menu li:last-child {
    margin-left: 0;
}

    ul.ul-sub-menu li:last-child:after {
        content: "";
    }

ul.ul-sub-menu li:first-child {
    margin-right: 5px;
}

ul.ul-sub-menu li.active {
    padding-bottom: 5px;
    background-position: right 15px;
    border-bottom: 3px solid #c86e19;
}

ul.ul-sub-menu li:not([disabled]):hover {
    font-weight: bold
}

@media (min-width: 768px) {
    ul.ul-sub-menu li.valid {
        background-image: url(../MojImages/icons/Check.png) !important;
    }
}

@media (max-width: 767px) {
    ul.ul-sub-menu {
        display: flex;
        display: -ms-flexbox;
    }

        ul.ul-sub-menu li, ul.ul-sub-menu li.active {
            flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            padding: 0 0 0 0;
            margin: 0;
            background-position: center;
            height: 40px;
            border-left: 1px solid #c3c3c3;
        }

            ul.ul-sub-menu li:last-child {
                border: none;
            }

            ul.ul-sub-menu li:after {
                display: none;
            }

        ul.ul-sub-menu .sub-menu-title {
            height: 40px;
            display: block;
        }

            ul.ul-sub-menu .sub-menu-title span {
                display: none;
            }

        ul.ul-sub-menu li.active {
            border-bottom: none;
        }
}
/**--navigation for wizard------------------------**/
.menu-navigation-btn {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.menu-prev-navigation-btn {
    width: 100px;
    height: 30px;
    float: right;
}

.menu-nc-navigation-btn {
    width: 180px;
    height: 30px;
    float: left;
}

.menu-cancel-navigation-btn {
    width: 78px;
    height: 30px;
    float: left;
}

.menu-next-navigation-btn {
    min-width: 94px;
    height: 30px;
    float: left;
}
/***************************/
.moj-back, .moj-next {
    width: auto;
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .moj-back, .moj-next {
        height: 30px !important;
    }
}

@media (max-width: 767px) {
    .moj-back, .moj-next, #div_btnWizardAction {
        height: 36px !important;
    }
}

.moj-next {
    margin-left: 15px;
}

.moj-back {
    margin-right: 15px;
}

    .moj-back input, .moj-next input {
        background-color: #0473AB;
        border: 1px solid #0172ca;
        color: #fff;
        min-width: 56px !important;
        height: 100%;
        /*box-sizing: border-box;*/
    }

    .moj-back input, .moj-back:hover input {
        border-right-width: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

.moj-next input, .moj-next:hover input {
    border-left-width: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    float: left;
}

.moj-back:not([disabled]):hover input, .moj-next:not([disabled]):hover input {
    background-color: #327090;
    border: 1px solid #0064af;
    box-shadow: none !important;
}

.moj-back:hover input, .moj-next:hover input {
    box-shadow: none !important;
}

.moj-back:after, .moj-next:after {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    direction: ltr;
}

.moj-back:after {
    right: -15px;
    border-left: 15px solid #0064af;
}

.moj-next:after {
    left: -15px;
    border-right: 15px solid #0064af;
}

.moj-back[disabled]:after {
    border-left: 15px solid #a7a6a6;
}

.moj-next[disabled]:after {
    border-right: 15px solid #a7a6a6;
}

.moj-back[disabled]:before {
    border-left: 15px solid #c9c9c9;
}

.moj-next[disabled]:before {
    border-right: 15px solid #c9c9c9;
}

.moj-back:not([disabled]):hover:after {
    border-left: 15px solid #0064af;
}

.moj-next:not([disabled]):hover:after {
    border-right: 15px solid #0064af;
}

.moj-back:before, .moj-next:before {
    position: absolute;
    content: "";
    top: 1px;
    width: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    z-index: 99999;
    transition: 0.3s;
    direction: ltr;
}

.moj-back:before {
    right: -14px;
    border-left: 14px solid #0473AB;
}

.moj-back:not([disabled]):hover:before {
    border-left: 14px solid #327090;
}

.moj-next:before {
    left: -14px;
    border-right: 14px solid #0473AB;
}

.moj-next:not([disabled]):hover:before {
    border-right: 14px solid #327090;
}

@media (max-width: 767px) {
    .moj-back:after, .moj-next:after {
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
    }

    .moj-back:before, .moj-next:before {
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
    }
}
/**--wizard for display-----------------------**/
ul.ul-main-menu[wizard="False"] {
    background-color: #f5f5f5;
    border: 1px solid #cdd4d9;
    height: 45px;
    width: 100%;
}

    ul.ul-main-menu[wizard="False"] li {
        border-width: 0px;
        height: 100% !important;
    }

        ul.ul-main-menu[wizard="False"] li.active {
            background-color: #f0fbff;
            height: 100%;
        }

        ul.ul-main-menu[wizard="False"] li:not(:first-child):before, ul.ul-main-menu[wizard="False"] li:not(:last-child):after {
            content: "";
            position: absolute;
            top: 5px;
            width: 1px;
            height: 35px;
            /*background-color: #194493;*/
            background-color: #cdd4d9;
        }

        ul.ul-main-menu[wizard="False"] li:hover:before, ul.ul-main-menu[wizard="False"] li.active:before, ul.ul-main-menu[wizard="False"] li:hover:after, ul.ul-main-menu[wizard="False"] li.active:after {
            background-color: #194493;
        }

        ul.ul-main-menu[wizard="False"] li:not(:first-child):before {
            right: 0px;
        }

        ul.ul-main-menu[wizard="False"] li:not(:last-child):after {
            left: 0px;
        }

        ul.ul-main-menu[wizard="False"] li .pointer {
            display: none;
        }

        ul.ul-main-menu[wizard="False"] li .main-menu-title {
            font-size: 1em;
            border-width: 0px;
            padding: 0;
            width: 100%;
            text-align: center;
            padding-top: 24px;
            background-image: url(../MojImages/icons/IconStocks.png);
            background-repeat: no-repeat;
            background-position: center 10px;
            box-sizing: border-box;
            height: 100%;
        }

@media (max-width: 767px) {
    ul.ul-main-menu[wizard="False"] li .main-menu-title {
        background-position: center 15px;
    }
}
/*********************************************************************************************/
/**--action buttons---------------------------------------------------**/
.moj-cancel,
.moj-action,
.moj-light,
.moj-green,
.moj-green-light,
.moj-white,
.moj-gradient-white,
.moj-small,
.moj-small-dark,
.moj-small-light {
    height: 28px;
    min-width: 65px !important;
}

@media(max-width: 767px) {
    .moj-cancel,
    .moj-action:not(#div_btnWizardAction),
    .moj-light,
    .moj-green,
    .moj-green-light,
    .moj-white,
    .moj-gradient-white,
    .moj-small,
    .moj-small-dark,
    .moj-small-light {
        height: 48px;
    }
}

.moj-big-white {
    height: 73px;
    min-width: 65px !important;
    float: right;
}

.moj-button.action-base input {
    min-width: 53px;
    font-weight: normal !important;
}

@media(max-width: 767px) {
    .moj-button.action-base input {
        min-width: 69px;
    }
}

.moj-action.action-base input,
.moj-small-dark input {
    background-color: #0473AB;
    border: 1px solid #3583D6;
}

.moj-action.action-base:hover input,
.moj-small-dark:hover input {
    background-color: #327090;
}

.moj-light input,
.moj-small-light input {
    background-color: #c5e4f6;
    border: 1px solid #3583D6;
    color: #00578A;
}

.moj-light:hover input,
.moj-small-light:hover input {
    background-color: #DDEDF7;
}

.moj-green input {
    background-color: #2b7615;
    border: 1px solid #229201;
    color: #fff;
}

.moj-green:hover input {
    background-color: #205810;
}

.moj-green-light input {
    background-color: #B0CCA8;
    border: 1px solid #229201;
    color: #205810;
}

.moj-green-light:hover input {
    background-color: #d9efd3;
}

.moj-white input {
    border: 1px solid rgb(147, 180, 198);
    color: #207087;
}

.moj-white:hover input {
    background-color: rgb(233, 243, 249);
}

.moj-gradient-white input {
    border: 1px solid rgb(193, 200, 204);
    background: linear-gradient(#fff, rgb(245, 245, 248));
}

.moj-gradient-white:hover input {
    background: linear-gradient(#fff, rgb(230, 232, 240));
    box-shadow: none !important;
}

.moj-big-white input {
    border: 1px solid rgb(147, 180, 198);
    box-shadow: 2px 2px 5px #c8c8c8;
    color: #207087;
    font-size: 1em;
    padding-top: 32px !important;
    height: calc(100% - 34px) !important;
    transition: none;
}

.moj-big-white:hover input {
    background-color: rgb(233, 243, 249);
}
/**************************************************************************************************************************************************************/
.k-overlay {
    background-color: #2c2c2c;
    opacity: 0.5;
}

.draft-wrap {
    width: 130px;
    height: 21px;
    background-image: url(../MojImages/icons/TyoutaNorm.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 1px;
}

    .draft-wrap:hover, .draft-wrap:focus {
        background-image: url(../MojImages/icons/TyoutaHover.png);
    }

    .draft-wrap input {
        width: 130px;
        height: 21px;
        color: #00a1Ce !important;
        font-weight: normal;
        background-color: transparent;
        border: none;
        font-size: 1em;
    }

    .draft-wrap:hover input {
        background-color: transparent;
        border: none;
    }

/*********************************************************************************************************/
.moj-website-blue {
    color: #194c83;
}

.moj-website-orange {
    color: #a65200;
}
/*********************************************************************************************************/
.display-table {
    display: table;
}

.icon-button {
    border-radius: 2px;
    width: 28px;
}

@media (max-width: 767px) {
    .icon-button {
        width: 48px;
    }
}

.div-text-icon-button .icon-button .icon, .div-text-icon-button .icon-button-only .icon {
    float: right;
    margin-right: 11px;
    margin-top: 7px;
}

.icon-button-text {
    float: right;
    color: #026e8a;
    text-align: right;
    line-height: 27px;
    padding-right: 5px;
}

.icon-button[disabled] .icon-button-text {
    color: #c2c7cb;
}

.icon-button .icon, .icon-button-only .icon {
    /*margin-top: 6px;*/
}

.icon-button {
    border-color: #c2c7cb;
    background: -webkit-linear-gradient(#fffffd, #f5f5f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fffffd, #f5f5f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fffffd, #f5f5f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fffffd, #f5f5f7); /* Standard syntax */
}

.moj-orange-text label, .moj-orange-text, .moj-orange-text div, .moj-orange-text span {
    color: #a65200 !important;
    font-weight: normal;
}

.moj-design-line7 {
    background-color: #ebf1f4;
}

.k-window-titlebar .k-window-actions.k-header, .k-window-titlebar .k-window-actions {
    left: -10px;
    top: -17px;
}

.k-window-action .k-i-close {
    background-image: url('../MojImages/icons/CloseBox.png');
    background-position: 0px 0px !important;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

    .k-window-action .k-i-close:hover {
        background-image: url('../MojImages/icons/CloseBox.png');
    }

.k-widget.k-window {
    border-color: #1982b9;
    border-width: 3px;
}

.moj-dots-line {
    width: 100%;
    margin: 20px auto 10px;
    height: 0px;
    border-top: 1px dotted #0062B2;
}
/**********************************************************************************************/
.side-bar {
    padding-right: 0px;
}

@media (max-width:767px) {
    .side-bar {
        padding: 0 0 20px 0 !important;
    }
}

.main-content {
    padding: 0px !important;
    /*width: 78%;*/
}

.bannersLeft {
    width: 100%;
    /*float: right;*/
    display: table;
    direction: rtl;
    padding-bottom: 20px;
}

.bannerSupport {
    color: #3d3d3d;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ebebeb'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ebebeb)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fdfdfd, #ebebeb); /* for firefox 3.6+ */
    border-left: #b6b6b6 solid 1px;
    border-right: #b6b6b6 solid 1px;
    float: right;
}

.bannerSupportInside {
    background: url(../MojImages/img-headset.png) no-repeat left bottom;
    padding-top: 8px;
    float: right;
    width: 100%;
    padding-bottom: 10px;
}

    .bannerSupportInside p {
        margin: 0 7px 15px 0;
    }

        .bannerSupportInside p a {
        }

        .bannerSupportInside p img {
            vertical-align: middle;
            margin-left: 5px;
            float: right;
        }

        .bannerSupportInside p span {
            float: right
        }

.bannerSupportTop {
    width: 100%;
    box-sizing: border-box;
    height: 34px;
    padding: 6px 10px 0 0;
    text-align: right;
    font-weight: bold;
    color: #0081b6;
    float: right;
    background: linear-gradient(rgb(238, 238, 238), rgb(234, 234, 234), rgb(229, 229, 229));
    border: 1px solid #b6b6b6;
}

    .bannerSupportTop img {
        vertical-align: middle;
        margin-left: 4px;
    }

.bannerSupportEnd {
    width: 100%;
    height: 5px;
    float: right;
    background: #0081b6;
}

.panel-container {
    width: 100%;
    /*display: table;*/
    vertical-align: top;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
}

    .panel-container.padding0 {
    }

    .panel-container .title {
        color: #a65200 !important;
        font-size: 1.142em;
        margin-bottom: 10px;
        width: 100%;
        font-weight: bold;
    }

.website-action {
    float: right;
    width: 200px;
    height: 80px;
    border: 1px solid #c1c8cc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f5f8), to(#fff)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f4f5f8); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f4f5f8); /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f4f5f8); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f4f5f8);
    margin-left: 50px;
}

.website-action-seperator {
    float: right;
    width: 1px;
    height: 48px;
    margin: 10px 45px 0;
    background-color: #0078DB;
}

.refresh {
    background-image: url(../MojImages/icons/ReplaceNorm.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

    .refresh:Hover {
        background-image: url(../MojImages/icons/ReplaceOn.png);
    }


a:focus .refresh {
    background-image: url(../MojImages/icons/ReplaceOn.png) !important;
}

.captcha {
    position: relative;
    float: left;
}

/****************************************************************************************************************/

/* flow array
/****************************************************************************************************************/
.moj-form-line.disabled .moj-flow-line .moj-bullet {
    background-image: url('../MojImages/buttons/LocationProcessDis.png');
}

#FContent {
    padding-right: 40px;
    margin-top: -20px;
}

.moj-form-line[final=True] .moj-dots-line {
    height: 0px;
    border-top: 1px dotted #0062B2;
}

.moj-flow-line {
    height: 44px;
    display: flex;
}

    .moj-flow-line .col {
        padding-right: 10px;
    }

    .moj-flow-line .moj-bullet {
        background-image: url('../MojImages/buttons/LocationProcess.png');
        background-repeat: no-repeat;
        display: inline-block;
        width: 30px;
        height: 44px;
        text-align: center;
        font-weight: bold;
        float: right;
    }

        .moj-flow-line .moj-bullet span {
            vertical-align: -6px;
        }

.enter {
    background-image: url(../MojImages/icons/EnterOff.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

    .enter:Hover {
        background-image: url(../MojImages/icons/EnterOn.png);
    }

/****************************************************************************************************************/
body.container-fluid {
    margin: 0 !important;
    /*padding: 0 !important;*/
}

.main-nav {
    display: none;
}

.navbar-moj {
    background: #003468;
    background-image: -ms-linear-gradient(top, #00689c 0%, #003468 100%); /* IE10 Consumer Preview */
    background: -webkit-gradient(linear, left top, left bottom, from(#00689c), to(#003468)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #00689c, #003468); /* for firefox 3.6+ */
    border-radius: 0;
    min-height: 33px;
}

    .navbar-moj ul.navbar-nav > li > a {
        color: #fff;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        padding: 5px 15px;
    }

    .navbar-moj ul.navbar-nav > li:hover {
        background-color: #f0f2f8;
    }

        .navbar-moj ul.navbar-nav > li:hover > a {
            color: #003367 !important;
        }

    .navbar-moj .dropdown-menu {
        padding: 0px !important;
        border: 1px solid #5c79a1;
    }

        .navbar-moj .dropdown-menu > li > a {
            color: #0075b2;
            font-size: 1em;
            padding: 10px 15px !important;
            background-color: #f0f2f8;
        }

            .navbar-moj .dropdown-menu > li > a.secure {
                background-image: url(../../Content/MojImages/icons/Lock.png);
                background-repeat: no-repeat;
                background-position: right 12px top 12px !important;
                padding-right: 30px !important;
            }

        .navbar-moj .dropdown-menu > li:not(.go-back):not(.see-all):hover > a,
        .navbar-moj .dropdown-menu > li:not(.go-back):not(.see-all) > a:hover,
        .navbar-moj .dropdown-menu > li:not(.go-back):not(.see-all) > a:focus {
            color: #fff !important;
            background-color: #003468 !important;
            background-image: none !important;
        }

.navbar li.active::before {
    position: absolute;
    top: -3px;
    left: 0;
    width: -moz-calc(100% + 4px);
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
    height: 3px;
    background-color: #9c0209;
    content: "";
}

.go-back, .see-all {
    display: none;
}

.navbar-moj .dropdown-menu > li.active > a {
    background-image: none !important;
    background-color: #f0f2f8 !important;
}
/****************************************************************************************************************/
@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    /*.dropdown:hover .dropdown-menu {
        display: block;
    }*/
    .main-nav-target#main-nav-guidlines {
        /*width:0; height:0; opacity:0;*/
        display: none;
    }
}

@media screen and (max-width: 767px) {
    body.container-fluid {
        /*overflow-x: hidden;*/
    }

    main {
        transition: transform 0.3s;
    }

        main.nav-is-visible {
            /*transform: translateX(-260px);
        -ms-transform: translateX(-260px);*/
        }

    .container > .navbar-header {
        /*height: 30px;*/
        float: right;
    }

    .main-nav {
        display: flex;
        display: -ms-flexbox;
    }

        .main-nav a {
            flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            cursor: pointer;
            text-align: center;
            color: #184e84;
            padding: 10px;
            border: 1px solid #698caf;
            background-color: #dfe8f0;
        }

            .main-nav a.active {
                border-bottom: 0px;
                background-color: #f0f2f8 !important;
                font-size: 1.142em;
                font-weight: bold;
            }

    .main-nav-target {
        border-right: 1px solid #698caf;
        border-left: 1px solid #698caf;
        opacity: 0;
        width: 0px;
        height: 0;
        transition: opacity 0.5s 0s, display 0.5s 1s;
    }

        .main-nav-target.open {
            opacity: 1;
            width: 260px;
            display: table !important;
        }

    .navbar-moj .navbar-nav {
        /*position: static;*/
        position: absolute;
        margin: 0;
        right: 0;
        transition: 0.5s;
        display: none;
    }

        .navbar-moj .navbar-nav.active {
            right: -260px;
        }
        /*.navbar-moj .navbar-nav.active >li>a{
        pointer-events: none;
    }*/
        .navbar-moj .navbar-nav > li {
            position: static;
            /*border: 1px solid #000;*/
            border-bottom: 0px;
            background-color: #f0f2f8 !important;
        }

            .navbar-moj .navbar-nav > li:last-child {
                border-bottom: 1px solid #000;
            }

            .navbar-moj .navbar-nav > li:hover {
                background-color: #003468;
            }

        .navbar-moj .navbar-nav li a {
            padding: 15px 15px !important;
            color: #0060d4 !important;
        }

    .navbar-moj .dropdown-menu > li > a.secure {
        background-position: right 12px top 20px !important;
    }

    .navbar-moj .navbar-nav .dropdown-menu {
        position: absolute;
        /*top:43px; right: 0*/
        top: 0;
        right: 260px;
        transition: all 0.3s;
        opacity: 0;
        z-index: -1;
        border: 1px solid #000;
        border-top-width: 0px;
    }

    .navbar-moj .navbar-nav .dropdown.active .dropdown-menu {
        /*right:0px;*/
        /*right: 260px;*/
        opacity: 1;
        z-index: 999999;
        width: 260px;
        display: block;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 36px;
        right: -260px;
        width: 260px;
        max-width: 260px;
        height: auto;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
        background-color: #f0f2f8 !important;
        z-index: 999;
        /*display: table;*/
        display: table;
        overflow-x: hidden;
    }

        .sidebar-offcanvas.active {
            visibility: visible;
            opacity: 1;
            right: 0;
        }

    .navbar-toggle[data-toggle=offcanvas] {
        float: right;
        margin: 2px;
        padding: 6px 10px;
    }

    .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle.active {
        border: 1px solid #dfe8f0;
        border-radius: 0;
        padding: 10px;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
        transition: 0.5s;
    }

    .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle.active .icon-bar {
        background-color: #dfe8f0;
    }

    .navbar-toggle div {
        float: right;
        vertical-align: top;
    }

    .navbar-toggle .menu-brand {
        color: #fff;
        font-size: 1.142em;
        box-sizing: border-box;
        padding-right: 10px;
        margin-top: -4px;
    }

    .navbar-toggle:hover .menu-brand, .navbar-toggle:focus .menu-brand, .navbar-toggle.active .menu-brand {
        display: none;
    }

    .navbar-toggle[data-toggle=offcanvas].active {
        z-index: 998;
    }

        .navbar-toggle[data-toggle=offcanvas].active .icon-bar:nth-child(1) {
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            position: relative;
            left: 0px;
            top: 3px;
        }

        .navbar-toggle[data-toggle=offcanvas].active .icon-bar:nth-child(2) {
            transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            margin: 0;
            position: relative;
            left: 0px;
            bottom: -1px;
        }

        .navbar-toggle[data-toggle=offcanvas].active .icon-bar:nth-child(3) {
            opacity: 0;
        }

    .sidenav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 120vh;
        background-color: rgba(44,44,44,0.5);
        z-index: 997;
        will-change: opacity;
        display: none;
    }

        .sidenav-overlay.active {
            display: block;
        }

    .go-back {
        display: none !important;
    }

    .go-back, .see-all {
        display: block;
        cursor: pointer;
        border-bottom: 2px solid #9c0209;
        text-indent: 15px;
    }

        .go-back a, .see-all a {
            font-weight: bold !important;
        }

        .see-all:before {
            content: "\e080";
            font-family: 'Glyphicons Halflings';
            font-size: 0.75em;
            color: #0060d4;
            position: absolute;
            top: 18px;
            right: -3px;
        }

    .caret {
        float: left;
        margin-left: 10px;
        border: none;
    }

        .caret:before {
            content: "\e079";
            font-family: 'Glyphicons Halflings';
            font-size: 0.92em;
            color: #184e84;
            position: absolute;
            top: 15px;
        }

    .sidebar-offcanvas .guidelines {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #808080;
        margin: 0;
    }

        .sidebar-offcanvas .guidelines h3 {
            display: none;
        }

        .sidebar-offcanvas .guidelines h4 a {
            font-weight: bold !important;
            color: #0060d4 !important;
        }

    .sidebar-offcanvas .guidelines-list {
        margin: 0px !important;
        box-sizing: border-box;
    }

        .sidebar-offcanvas .guidelines-list > span {
            padding: 8px;
        }

            .sidebar-offcanvas .guidelines-list > span:not(:last-child) {
                border-bottom: 1px solid #808080 !important;
            }
}

/****************************************************************************************************************/


.bread-crumbs {
    margin: 0 auto 12px;
    list-style-type: none;
}

    .bread-crumbs.container, .bread-crumbs.web-site-container {
        padding: 0;
    }

    .bread-crumbs li {
        float: right;
        position: relative;
        margin-left: 10px;
        padding-left: 7px;
    }

    .bread-crumbs a {
        font-size: 0.928em;
        color: #144678;
    }

    .bread-crumbs li:after {
        content: "";
        background-image: url(../../Content/MojImages/icons/CloseSection.png);
        position: absolute;
        left: 0;
        top: 6px;
        width: 4px;
        height: 6px;
    }

    .bread-crumbs li:last-child a {
        color: #414141;
    }

    .bread-crumbs li:last-child:after {
        display: none;
    }

/************************************************************************************************/

.moj-user-settings {
    background-image: url(../MojImages/icons/website/UserSetting.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 23px;
    height: 22px;
    margin: 0px 3px -1px 3px !important;
}

    .moj-user-settings:hover {
        background-image: url(../MojImages/icons/website/UserSetting.png);
    }

.user-settings, .menu-training {
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 5px;
    border: 0;
}

    .user-settings .k-state-hover, .user-settings .k-state-active, .menu-training .k-state-hover, .menu-training .k-state-active {
        background-color: transparent !important;
    }

.user-settings-li, .menu-training-li {
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 5px;
    margin-top: 4px;
    border: 0px !important;
}

    .user-settings-li .k-icon, .user-settings-li.k-state-hover .k-icon {
        background-image: url(../MojImages/icons/website/UserSetting.png) !important;
        background-size: 100% !important;
        background-repeat: no-repeat;
        width: 23px;
        height: 22px;
        background-position: 0 !important;
        margin: -8px -6px 2px 2px !important;
    }

        .user-settings-li .k-icon:before, .user-settings-li.k-state-hover .k-icon:before {
            content: "";
        }

    .user-settings-li ul, .menu-training-li ul {
        background-color: white;
        overflow: inherit !important;
        border: 1px #cacaca solid;
        border-radius: 4px;
        margin-top: 10px;
        box-shadow: none !important;
        -webkit-box-shadow: !important;
    }

        .user-settings-li ul:before, .menu-training-li ul:before {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            top: -8px;
            right: 30px;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #cacaca;
            border-left: 8px solid transparent;
        }

        .user-settings-li ul:after, .menu-training-li ul:after {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            top: -7px;
            right: 31px;
            border-right: 7px solid transparent;
            border-bottom: 7px solid white;
            border-left: 7px solid transparent;
        }

        .user-settings-li ul li, .menu-training-li ul li, .user-settings-li ul li.k-item.k-state-focused, .menu-training-li ul li.k-item.k-state-focused {
            border-bottom: 1px solid #f0f0f0 !important;
            margin: 3px 2px;
        }

    .user-settings-li .k-animation-container, .menu-training-li .k-animation-container {
        right: -20px !important;
        top: 39px !important;
    }

    .user-settings-li ul li a, .menu-training-li ul li a {
        color: #555555 !important;
        text-decoration: none !important;
    }

        .user-settings-li ul li a:hover, .menu-training-li ul li a:hover, .user-settings-li ul li.k-item.k-state-focused a, .menu-training-li ul li.k-item.k-state-focused a {
            color: #1455Ca !important;
            text-decoration: none !important;
        }



    .user-settings-li ul li:last-child, .menu-training-li ul li:last-child, .user-settings-li ul li:last-child.k-item.k-state-focused, .menu-training-li ul li:last-child.k-item.k-state-focused {
        border-bottom: 0px solid #f0f0f0 !important;
    }


    .menu-training-li .k-icon, .menu-training-li.k-state-hover .k-icon {
        background-image: url(../MojImages/icons/website/HadrachaNorm.png);
        background-size: 100% !important;
        background-repeat: no-repeat;
        background-position: 0 !important;
        width: 16px;
        height: 16px;
        margin: 0px 0px 4px 0px !important;
    }



/************************************************************************************************/
.footer-bottom {
    border-top: #244c83 3px solid;
    background: #c8d7e5;
    color: #144678;
    padding: 15px 0;
    padding-top: 0px;
    bottom: 0px;
    width: 100%;
}


    .footer-bottom .container {
        margin-top: 15px;
    }

    .footer-bottom .ftrLnks {
        /*float: right;*/
    }

        .footer-bottom .ftrLnks ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
            display: table;
        }

        .footer-bottom .ftrLnks li {
            float: right;
            padding: 0 4px;
        }

            .footer-bottom .ftrLnks li a {
                font-size: 0.857em;
            }

    .footer-bottom .copy {
        font-size: 0.857em;
        text-align: left;
    }

@media (max-width: 767px) {
    .footer-bottom .copy {
        text-align: right;
    }
}

/************************************************************************************************/
.moj-form-title .button-open-close div.minus {
    width: 14px !important;
    height: 8px !important;
    top: 11px !important;
    right: 11px !important;
}

.moj-form-title .button-open-close div.plus {
    width: 8px !important;
    height: 13px !important;
    top: 9px !important;
    right: 15px !important;
}

.moj-form-title .button-open-close div.minus a:focus {
    outline: auto;
}

.moj-form-title .button-open-close div.plus a:focus {
    outline: auto;
}

.moj-form-title .button-open-close div.minus a {
    background-image: url(../MojImages/icons/OpenStateReg.png);
    width: 14px !important;
    height: 8px !important;
}

.moj-form-title .button-open-close div.plus a {
    background-image: url(../MojImages/icons/CloseStateReg.png);
    width: 8px !important;
    height: 13px !important;
}


.input-validation-error {
    border: 1px solid #a5000f !important;
}

/************************************************************************************************/
.guidelines {
    width: 100%;
    box-sizing: border-box;
    display: table;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .guidelines > .title {
        padding: 5px 10px 3px;
        border-bottom: 2px solid #00a0cd;
        font-weight: bold;
        font-size: 1.142em !important;
        color: #484848;
        background-color: #eeeeee;
        display: block;
    }

.guidelines-list {
    padding: 0 0 10px;
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}

    .guidelines-list span[data-summary=True], .guidelines-list span[data-summary=False] {
        margin-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e6e6e6;
        display: block;
    }

    .guidelines-list span:last-child {
        border-bottom-width: 0;
        padding-bottom: 0;
    }

    .guidelines-list .title {
        font-size: 0.9em !important;
        color: #195082 !important;
        font-weight: bold !important;
        font-family: Arial, Sans-Serif !important;
    }

        .guidelines-list .title a {
            color: #195082 !important;
        }

    .guidelines-list .summary, .guidelines-list .txt {
        padding-top: 1px;
    }

        .guidelines-list .summary, .guidelines-list .txt,
        .guidelines-list .summary div, .guidelines-list .summary p, .guidelines-list .summary span, .guidelines-list .summary input, .guidelines-list .summary textarea, .guidelines-list, .guidelines-list .summary label,
        .guidelines-list .txt div, .guidelines-list .txt p, .guidelines-list .txt span, .guidelines-list .txt input, .guidelines-list .txt textarea, .guidelines-list, .guidelines-list .txt label {
            font-size: 0.96em !important;
            color: #323232 !important;
            line-height: 1.4em !important;
            word-break: break-word !important;
            font-weight: normal !important;
            font-family: Arial, Sans-Serif !important;
            margin: 0
        }

            .guidelines-list span[data-summary=True] .txt {
                display: none;
            }

.guidelines .guide-more, .guidelines .guide-close {
    cursor: pointer;
    color: #005fd2 !important;
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left 6px;
    word-break: initial;
}

.guidelines .guide-more {
    padding-left: 6px;
    padding-right: 4px;
    background-image: url(../../Content/MojImages/icons/CloseSection.png);
}

    .guidelines .guide-more:hover {
        background-image: url(../../Content/MojImages/icons/CloseSectionHover.png);
    }

.guidelines .guide-close {
    background-image: url(../../Content/MojImages/icons/OpenSection.png);
}

    .guidelines .guide-close:hover {
        background-image: url(../../Content/MojImages/icons/OpenSectionHover.png);
    }

.guidelines p:last-of-type {
    display: contents;
}

.guidelines p a {
    text-decoration: underline;
}


.moj-link {
    color: #0064b4 !important;
}

    .moj-link:focus {
        text-decoration: underline !important;
    }

span:focus {
    text-decoration: underline !important;
}

span:focus {
    text-decoration: underline !important;
}

.moj-link:focus {
    text-decoration: underline !important;
}

.k-pager-nav:focus {
    background-color: #cdcbcb !important;
}

.k-pager-nav:focus {
    background-color: #cdcbcb !important;
}

button:focus {
    text-decoration: underline !important;
}

a:focus {
    text-decoration: underline !important;
    font-weight: bold;
}

.fonts input:focus {
    /*border-bottom: 1px solid #184e84 !important;*/
    /*background-color:#c8c8c8;*/
    border-bottom: solid 1px #005b8f;
    box-sizing: content-box;
}

.moj-action-middle-button input, .moj-small-dark-middle-button input, .moj-light-middle-button input, .moj-small-light-middle-button input {
    font-weight: normal;
    font-size: 1.25em;
}

.langs-culture {
    padding: 3px 0 0;
    margin: 0;
    list-style-type: none;
}

    .langs-culture li {
        float: left;
        position: relative;
        padding: 0 9px;
    }

        .langs-culture li a {
            font-size: 0.8em;
            color: #575757;
            font-weight: bold;
        }

        .langs-culture li:before {
            content: ""; /* Insert content that looks like bullets */
            width: 1px;
            height: 10px;
            position: absolute;
            top: 5px;
            left: 0;
            background-color: #575757;
        }

        .langs-culture li:first-child:before {
            width: 0px;
            height: 0px;
        }

/**********************************************************************/
.side-links {
    padding: 0;
    margin: 0 0 20px 0;
    list-style-type: none;
}

    .side-links li {
        width: 100%;
        height: 38px;
    }

        .side-links li a {
            height: 22px;
            padding: 8px 35px;
            color: #6e6e6e;
            display: block;
            transition: background-color 0.2s;
            position: relative;
            background-repeat: no-repeat;
            background-size: 16px 16px;
            background-position: right 12px top 10px;
        }

            .side-links li a:before {
                content: "";
                width: 40%;
                height: 36px;
                border: 0px solid #0064B4;
                position: absolute;
                top: 0;
                left: 30%;
                z-index: -1;
                transition: all 0.4s;
                opacity: 0;
            }

        .side-links li:hover a:not(.active) {
            background-color: #e1e1e1;
        }

        .side-links li a:active, .side-links li a.active {
            background-color: transparent !important;
            font-weight: bold;
        }

            .side-links li a:active:before, .side-links li a.active:before {
                border-width: 1px;
                width: 100%;
                left: 0;
                opacity: 1;
            }

/***new icons*****************************************************************************/
input.moj-col-button.moj-save-button, input.moj-col-button.moj-like-save-button {
    background-image: url('../MojImages/icons/website/SaveOff.png') !important;
}

    input.moj-col-button.moj-save-button:hover, input.moj-col-button.moj-save-button:focus, input.moj-col-button.moj-like-save-button:hover, input.moj-col-button.moj-like-save-button:focus {
        background-image: url('../MojImages/icons/website/SaveOn.png') !important;
    }

input.moj-col-button.moj-cancel-button {
    background-image: url('../MojImages/icons/website/CancelOff.png') !important;
}

    input.moj-col-button.moj-cancel-button:hover, input.moj-col-button.moj-cancel-button:focus {
        background-image: url('../MojImages/icons/website/CancelOn.png') !important;
    }

.search-icon-container input {
    background: url(../MojImages/icons/website/EnterOn.png) !important;
}

    .search-icon-container input:hover {
        background: url(../MojImages/icons/website/EnterOff.png) !important;
    }

    .search-icon-container input:disabled {
        background: url(../MojImages/icons/website/EnterDis.png) !important;
    }

.replace-icon {
    background-image: url(../MojImages/icons/website/ReplaceOFF.png) !important;
}

.login-top-image {
    top: 0px !important;
}

.center-content {
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
}

.center-container {
    position: relative;
    width: 100%;
}

.login-title-div {
    height: 50px;
}

    .login-title-div .center-content {
        top: 70%;
    }

.login-form {
    width: 410px;
    margin: 90px auto 0;
    background-color: white;
    border-radius: 3px;
    opacity: .85;
    padding: 10px;
    position: relative;
    flex: 1;
}

.login-background {
    background-image: url(../MojImages/Layout/BGlogin.jpg);
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
}

/**********************************************************************************************/
/*scroll messages*/
.panel-container.scroll-msg {
    background-image: url(../MojImages/icons/ImportantClock.png) !important;
    background-repeat: no-repeat;
    background-position: right 12px;
}

.scroll-messages {
    background-image: none;
    background-repeat: no-repeat;
    min-height: 22px;
    background-position: right;
    padding-right: 42px;
    padding-top: 2px;
    width: 100%;
}

.scroll-messages-wrap {
    width: -moz-calc(100% - 84px);
    width: -webkit-calc(100% - 84px);
    width: calc(100% - 84px);
    margin: 0 42px;
    /*height: 60px;*/
    /*display: table;*/
    overflow-x: hidden;
    position: relative;
}

    .scroll-messages-wrap ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        min-width: 100%;
        position: relative;
        right: 0;
        display: table;
    }

        .scroll-messages-wrap ul li, .ul-scroll li {
            float: right;
            height: 100%;
            width: 100%;
        }

            .scroll-messages-wrap ul li.important {
                padding-right: 20px;
                background-image: url(../MojImages/icons/Alert.png);
                background-repeat: no-repeat;
                background-position: top right;
            }

.ul-paging-message {
    padding: 3px 0 0 3px;
    margin: 0;
    list-style-type: none;
    float: left;
}

    .ul-paging-message li {
        width: 0;
        height: 0;
        float: left;
        margin-right: 10px;
        border: 6px solid #414143;
        border-radius: 50%;
        cursor: pointer;
    }

        .ul-paging-message li.active {
            border: 6px solid #0290D2;
        }

.ul-scroll {
    display: none;
}

.stop-scroll-msg, .restart-scroll-msg {
    width: 19px;
    height: 19px;
    float: left;
    cursor: pointer;
}

.stop-scroll-msg {
    background-image: url(../MojImages/icons/btn-pause.png);
}

.restart-scroll-msg {
    background-image: url(../MojImages/icons/btn-play.png);
}

@media(max-width: 767px) {
    .ul-paging-message li {
        border: 8px solid #414143;
    }

        .ul-paging-message li.active {
            border: 8px solid #02a9f7;
        }

    .stop-scroll-msg, .restart-scroll-msg {
        margin-top: 2px !important;
    }
}

/*for X close in popup*/
.k-window-titlebar .k-window-action {
    width: 35px;
    height: 35px;
    opacity: 1;
}

/****important msg in top menu**************************************************************************************************************************/
.msg-in-topmenu {
    float: left;
    position: relative;
}

    .msg-in-topmenu a {
        font-size: 1em;
        color: #fff;
        display: block;
        padding: 5px 15px;
    }

        .msg-in-topmenu a:before {
            font-family: 'Glyphicons Halflings';
            content: "\e218";
            margin-left: 5px;
        }

.important-msg {
    opacity: 0;
    transition: 0.5s;
    border: 1px solid rgb(0, 52, 104);
    border-bottom: 6px solid rgb(53, 131, 214);
    background-color: #fff;
    width: 280px;
    height: auto;
    position: absolute;
    left: 0;
    z-index: -1;
    box-shadow: -4px 2px 4px rgb(190, 189, 189);
}

    .important-msg:before {
        content: "";
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid rgb(0, 52, 104);
        position: absolute;
        left: 47px;
        top: -10px;
    }

    .important-msg:after {
        content: "";
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        left: 48px;
        top: -9px;
    }

.msg-in-topmenu > a.open + .important-msg {
    opacity: 1;
    top: 34px;
    z-index: 99999;
}

.msg-in-topmenu .ul-scroll-msg {
    display: block;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

    .msg-in-topmenu .ul-scroll-msg li {
        opacity: 0;
        transition: 0.5s;
        transform: scale(0);
    }

        .msg-in-topmenu .ul-scroll-msg li:not(.show) {
            position: absolute;
        }

        .msg-in-topmenu .ul-scroll-msg li.show {
            opacity: 1;
            transform: scale(1);
            padding: 10px;
            border-bottom: 1px solid #ccc;
        }

            .msg-in-topmenu .ul-scroll-msg li.show.important {
                padding-right: 30px;
                background-image: url(../MojImages/icons/Alert.png);
                background-repeat: no-repeat;
                background-position: top 12px right 10px;
            }

.msg-in-topmenu .navigate {
    display: block;
}

    .msg-in-topmenu .navigate ul {
        padding: 0;
        margin: 0 0 0 5px;
        list-style-type: none;
        display: block;
    }

    .msg-in-topmenu .navigate li button {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #0290D2;
        float: left;
        margin-left: 6px;
        margin-bottom: 7px;
        background-color: #fff;
    }

    .msg-in-topmenu .navigate li.active button {
        background-color: #0290D2;
    }

    .msg-in-topmenu .navigate li.active:before {
        display: none;
    }

    .msg-in-topmenu .navigate .play {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #0290D2;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
        background-color: #fff;
    }

        .msg-in-topmenu .navigate .play:not(.pause):before {
            content: "";
            position: absolute;
            top: 4px;
            right: 4px;
            height: 0;
            border-left: 8px solid #0290D2;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

        .msg-in-topmenu .navigate .play.pause:before, .msg-in-topmenu .navigate .play.pause:after {
            content: "";
            position: absolute;
            top: 4px;
            right: 5px;
            width: 3px;
            height: 9px;
            background-color: #0290D2;
        }

        .msg-in-topmenu .navigate .play.pause:after {
            right: 10px;
        }

.sticky-alert {
    width: 100%;
    background-color: #244c83;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
}

    .sticky-alert i {
        cursor: pointer;
        margin-left: 10px;
        font-size: 1.2em;
    }

    .sticky-alert .alert-text {
        color: #fff;
    }

@media(max-width: 767px) {
    .sticky-alert i {
        font-size: 2em;
    }
}

.glyphicon-remove-circle {
    color: white;
}

.file-type-title {
    color: #a65200;
    padding-top: 10px;
}

.file-upload-wrap {
    position: relative;
    width: 112px;
    height: 30px;
    margin: 7px 0;
}

    .file-upload-wrap .button {
        width: 110px;
        height: 28px;
        cursor: pointer;
        border: 1px solid #c2c7cb;
        background: -webkit-linear-gradient(#fffffd, #f5f5f7);
        background: -o-linear-gradient(#fffffd, #f5f5f7);
        background: -moz-linear-gradient(#fffffd, #f5f5f7);
        background: linear-gradient(#fffffd, #f5f5f7);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

        .file-upload-wrap .button[disabled] {
            border: 1px solid #C8CAC9;
            cursor: auto !important;
        }

    .file-upload-wrap .file-button {
        background-color: transparent;
        width: 100%;
        height: 100%;
        border: 0;
        color: #184e84;
        font-size: 1em;
        background-image: url(../../Content/MojImages/icons/AttachNorm.png); /*AddFile.png*/
        background-repeat: no-repeat;
        background-position: 90px;
        cursor: pointer;
    }

    .file-upload-wrap:hover .button:not([disabled]) .file-button, .file-button:focus {
        color: #017ea1;
        background-image: url(../../Content/MojImages/icons/AttachHover.png);
    }

.file-button:focus {
    text-decoration: underline;
}

.file-upload-wrap .button[disabled] .file-button {
    color: #c1c8cc;
    background-image: url(../../Content/MojImages/icons/AttachDis.png);
}

.file-upload-wrap object {
    position: absolute;
    width: 112px;
    height: 30px;
    top: 0px;
    left: 0px;
}

.file-row-div {
    width: 100%;
    display: table;
}

.file-name-added {
    color: #00a1Ce;
    direction: ltr;
    text-align: right;
    /*text-decoration:underline;*/
    padding-left: 10px;
    float: right;
    font-size: 1em;
}

    .file-name-added:hover {
        color: #017ea1;
    }

.remove-file-div {
    float: right;
    width: 11px;
}

    .remove-file-div .remove-file-button {
        background-color: transparent;
        border: 0;
        background-image: url(../../Content/MojImages/icons/DeleteFile.png) !important;
        color: transparent;
        width: 11px;
        height: 10px;
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 0 !important;
    }

    .remove-file-div[disabled], .remove-file-div[disabled] .remove-file-button {
        cursor: auto !important;
    }

.IDDIV {
    display: none;
}

.file-progress {
    width: 100%;
    height: 20px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 5px;
}

.file-completed {
    background-color: #1984c8;
    border-color: #1984c8;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
}

.file-percent {
    position: absolute;
    left: 18px;
    width: 20px;
    height: 20px;
}

/******************************************************************/
.single-fu .file-upload-wrap {
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0 0 0 10px;
    float: right;
}

@media(max-width: 767px) {
    .single-fu .file-upload-wrap {
        width: 35px;
        height: 35px;
    }
}

.single-fu object {
    position: absolute;
    top: 0px;
    width: 28px;
    height: 28px;
    left: 0px
}

.single-fu .file-upload-wrap .button {
    width: 100%;
    height: 100%;
}

    .single-fu .file-upload-wrap .button .file-button {
        color: transparent;
        background-image: url(../../Content/MojImages/icons/AttachNorm.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.single-fu .file-upload-wrap:hover .button:not([disabled]) .file-button, .single-fu .file-button:focus {
    color: transparent;
    background-image: url(../../Content/MojImages/icons/AttachHover.png) !important;
    border: 1px solid #FABEA1;
}

.single-fu .file-upload-wrap .button[disabled] .file-button {
    color: transparent !important;
    background-image: url(../../Content/MojImages/icons/AttachDis.png);
}

.single-fu .file-progress {
    width: 291px;
    height: 20px;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    left: 20px;
}

.single-fu .files {
    display: none;
}


.single-fu .file-row-div {
    display: table;
    border: 1px solid #c1c8cc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .single-fu .file-row-div .file-name-added {
        color: #00a1Ce;
        direction: ltr;
        text-align: right;
        padding-left: 10px;
        float: right;
        font-size: 14px;
        width: 200px;
        height: 20px;
        padding: 3px 4px 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.single-fu .remove-file-div {
    float: right;
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: 1px solid #c2c7cb;
    background: -webkit-linear-gradient(#fffffd, #f5f5f7);
    background: -o-linear-gradient(#fffffd, #f5f5f7);
    background: -moz-linear-gradient(#fffffd, #f5f5f7);
    background: linear-gradient(#fffffd, #f5f5f7);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 0px;
}

@media(max-width: 767px) {
    .single-fu .remove-file-div {
        width: 35px;
        height: 35px;
    }
}


.single-fu .remove-file-div[disabled] {
    border: 1px solid #C8CAC9;
    cursor: auto !important;
}

.single-fu .remove-file-div:hover {
}

.single-fu .remove-file-div .remove-file-button {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat !important;
    background-image: url(../../Content/MojImages/icons/DeleteFile.png);
}

.delete-garbage .remove-file-button {
    background-image: url(../../Content/MojImages/icons/DeleteOFF.png) !important;
    width: 13px;
    height: 15px;
    margin-top: 2px;
}

.single-fu.delete-garbage .remove-file-button {
    background-position: center;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

.delete-garbage .remove-file-button:hover, .delete-garbage .remove-file-button:focus {
    background-image: url(../../Content/MojImages/icons/DeleteOn.png) !important;
    border: 1px solid #FABEA1 !important;
}

.delete-garbage .remove-file-div[disabled] .remove-file-button {
    background-image: url(../../Content/MojImages/icons/DeleteDIS.png) !important;
}

.StatusDIV {
    direction: rtl;
    text-align: left;
}

.faild {
    color: red;
}

.dragged {
    transition: 0.3s;
    background-color: #f0f7fb;
    border: 1px dashed #006ebc !important;
}

.single-fu.dragged {
    height: 40px;
}



#div_overlay {
    background-color: transparent !important;
}

.help {
    background-image: url(../MojImages/icons/help.png);
    background-repeat: no-repeat;
    margin-right: -15px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

.alert-mark {
    background-image: url(../MojImages/icons/AlertMark.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: -15px;
    margin-top: 2px
}

.edit {
    background-image: url(../MojImages/icons/EditOFF.png);
    background-repeat: no-repeat;
}

.icon-button:hover .edit, .icon-button:focus .edit {
    background-image: url(../MojImages/icons/EditOn.png) !important;
}

.edit:hover, .edit:focus {
    background-image: url(../MojImages/icons/EditOn.png) !important;
}

.edit[disabled] {
    background-image: url(../MojImages/icons/EditDIS.png);
}

.delete {
    background-image: url(../MojImages/icons/DeleteOFF.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

    .delete:hover {
        background-image: url(../MojImages/icons/DeleteOn.png);
    }

.icon-button:hover .delete, .icon-button:focus .delete {
    background-image: url(../MojImages/icons/DeleteOn.png);
}

.delete[disabled] {
    background-image: url(../MojImages/icons/DeleteDIS.png);
}

.duplicate {
    background-image: url(../MojImages/icons/Duplicate.png);
    background-repeat: no-repeat;
}


.icon-button:hover .duplicate, .icon-button:focus .duplicate {
    background-image: url(../MojImages/icons/DuplicateHover.png);
}

.duplicate:hover {
    background-image: url(../MojImages/icons/DuplicateHover.png);
}


.wizard-form-container {
    border: 0px;
    border-bottom: 1px solid #ccd3d9;
}

.moj-blue-text label, .moj-blue-text span, .moj-blue-text, .moj-blue-text div, .moj-blue-bold-text, .moj-blue-bold-text label, .moj-blue-bold-text span, .moj-blue-bold-text div, .blue label, .blue-text {
    /*color: #0064b4 !important;*/
}



.browse {
    background-image: url(../MojImages/icons/BrowseOff.png);
    background-repeat: no-repeat;
    margin-top: 13px !important;
}

    .browse:hover {
        background-image: url(../MojImages/icons/BrowseOn.png);
    }

    .browse[disabled] {
        background-image: url(../MojImages/icons/BrowseDis.png);
    }

.add {
    background-image: url(../MojImages/icons/AddOff.png);
    background-repeat: no-repeat;
}

.icon-button:hover .add, .icon-button:focus .add {
    background-image: url(../MojImages/icons/AddOn.png);
}

.add[disabled] {
    background-image: url(../MojImages/icons/AddDis.png);
}

.moj-orange-text label, .moj-orange-text span, .moj-orange-text, .moj-orange-text div {
    font-size: 1em;
}

#content-mainmenu_7 .moj-orange-text span {
    font-size: 1.15em;
}

.cell {
    display: table-cell;
}

.Lock {
    background-image: url(../MojImages/icons/Lock.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 76px;
    height: 112px;
    margin-right: 10px;
}



/*.online {
    background-image: url(../MojImages/icons/OnlineLogin.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 54px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 145px;
}*/

.login-online {
    background-image: url(../MojImages/icons/OnlineLogin.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 54px;
    height: 20px;
}

div.k-window-content {
    position: static;
}

.k-window-title {
    font-size: 1.428em !important;
    padding-right: 120px !important;
}

.document {
    background-image: url(../../Content/MojImages/icons/AddFile.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 18px;
}

/*.new {
    background-image: url(../MojImages/icons/NewFav.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 10px;
}*/

.scroll {
    overflow: auto !important;
}

.small-triangle {
    background-image: url(../MojImages/icons/SmallTriangle.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}


.div-important-light {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    background-color: #fff3dc !important;
    border: 1px #ac0000 solid;
}

.txt-bold-important-light {
    color: #b40000 !important;
    font-size: 1.142em;
    font-weight: bold;
}

.txt-red-important-light {
    color: #b40000 !important;
    font-size: 1.142em;
    padding-top: 6px;
}

.txt-black-important-light {
    color: #323232 !important;
    font-size: 1.142em;
    padding-top: 6px;
}

.div-right-important-light {
    float: right;
    margin-right: 20px;
}

.div-left-important-light {
    margin-top: 10px;
    float: right;
    margin-left: 10px;
    width: 90%;
    margin-right: 20px;
}

    .div-left-important-light img {
        margin-left: 20px;
    }

.div-center-important-light {
    margin-top: 10px;
    text-align: center;
}

.single-fu .file-progress {
    width: 10px;
}

.login-identified {
    margin: 90px auto 0;
    background-color: white;
    border-radius: 3px;
    opacity: .85;
    padding: 10px;
    display: table;
    position: relative;
}

.inner-login-identified {
    width: 300px;
    margin: 0px auto;
}

.login-success {
    height: 180px;
    width: 470px !important;
}

.login-enter {
    height: 430px;
}

.login-title-div .online-eng {
    margin-right: 5px;
}

.online-eng {
    font-family: "JOURNAL";
    font-size: 32px;
    color: #934201;
    display: inline-block;
}

.success {
    background-image: url(../MojImages/icons/Success.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-top: 9px;
}


.smartcard-icon {
    background-image: url(../MojImages/icons/WithCard.png) !important;
    background-repeat: no-repeat;
    background-position: top 20px left 25px;
}

.no-smartcard-icon {
    background-image: url(../MojImages/icons/WithoutCard.png) !important;
    background-repeat: no-repeat;
    background-position: top 10px left 25px;
}

.smartcard, .no-smartcard {
    padding-right: 40px !important;
    padding-left: 40px !important;
    background-color: #0473AB !important;
    border: 1px solid #3583D6;
    color: white !important;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

#div_lnkSmartCard, #div_lnkNoSmartCard {
    width: 100%;
}

.login-or-div {
    position: relative;
}

.login-or {
    border: 1px solid #D8DCDF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #F5F9FC;
    box-shadow: 0 0 0 15px white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    color: #0064b4;
    padding-top: 4px;
}

@media (max-width: 767px) {
    .smartcard-icon {
        background-position: top 0px left 0px;
    }

    .no-smartcard-icon {
        background-position: top 0px left 8px;
    }

    .login-success, .login-enter {
        width: inherit !important;
    }
}

#div_lnkNoSmartCard .moj-white-right-button, #div_lnkSmartCard .moj-white-right-button {
    background-image: url("../MojImages/buttons/WhiteBigRight_Regular.png") !important;
    height: 53px;
}

#div_lnkNoSmartCard .moj-white-middle-button, #div_lnkSmartCard .moj-white-middle-button {
    background-image: url("../MojImages/buttons/WhiteBigMiddle_Regular.png") !important;
    height: 53px;
}

#div_lnkNoSmartCard .moj-white-left-button, #div_lnkSmartCard .moj-white-left-button {
    background-image: url("../MojImages/buttons/WhiteBigLeft_Regular.png") !important;
    height: 53px;
}

#div_lnkNoSmartCard:hover .moj-white-right-button, #div_lnkSmartCard:hover .moj-white-right-button {
    background-image: url("../MojImages/buttons/WhiteBigRight_Hover.png") !important;
}

#div_lnkNoSmartCard:hover .moj-white-middle-button, #div_lnkSmartCard:hover .moj-white-middle-button {
    background-image: url("../MojImages/buttons/WhiteBigMiddle_Hover.png") !important;
}

#div_lnkNoSmartCard:hover .moj-white-left-button, #div_lnkSmartCard:hover .moj-white-left-button {
    background-image: url("../MojImages/buttons/WhiteBigLeft_Hover.png") !important;
}


.login-backgroung {
    background-image: url(../MojImages/LoginIcons/BGlogin.jpg);
    width: 100%;
    left: 0;
    right: 0;
    background-size: cover;
    height: 835px;
    display: inline-table;
}

.div-web-site-messege {
    background-color: #fdf6e6 !important;
    border: 1px #fa7005 solid;
    margin: 0px auto;
    display: table;
    float: none;
}

.login-backgroung .div-web-site-messege {
    width: 400px;
}

@media(max-width: 767px) {
    .login-backgroung .div-web-site-messege {
        width: inherit;
    }
}



.heart-alert {
    background-image: url(../MojImages/icons/HeartAlert.png);
}

.icon-messege {
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    margin: 5px 5px auto;
    width: 16px;
    height: 16px;
}



#lnkNewContact {
    font-weight: bold;
}

    #lnkNewContact:focus {
        font-size: 1.1em;
    }

.ok-button {
    bottom: -50px;
    position: absolute;
    left: 0px;
}



.moj-qtip {
    width: 200px;
    background-color: #737373;
    text-align: right;
    color: red;
    border-radius: 3px;
	max-width:300px !important;
}

    .moj-qtip .ui-tooltip-content {
        text-align: right !important;
    }


.moj-design-line7 {
    background-color: #dce6f0;
}

.moj-design-line8 {
    height: 0px;
}

.add-list {
    background-image: url(../MojImages/icons/AddListOff.png);
    background-repeat: no-repeat;
}

    .add-list:hover {
        background-image: url(../MojImages/icons/AddListOn.png);
    }

    .add-list[disabled] {
        background-image: url(../MojImages/icons/AddListDis.png);
    }

.grey-row {
    color: #878787 !important;
}


/*--------------------*/



.mark-image {
    border: 1px solid #c1c1c1;
    width: 95px;
    height: 95px;
    display: table-cell;
    vertical-align: middle;
    background-image: url(../MojImages/BackgroundFor95X95.png);
}


    .mark-image img {
        margin: auto;
        display: block;
        background-position: center;
        max-width: 95px;
        max-height: 95px;
    }

[lang=hebrew] {
    direction: rtl;
}

[lang=english] {
    direction: ltr;
}

.disapear-qtip .ui-tooltip-content {
    background-color: #FFFFFF !important;
    border: #4385cb 1px solid !important;
    color: #000000 !important;
    font-weight: bold;
    opacity: 1;
    -webkit-box-shadow: 1px 1px 1px 1px #767676;
    -moz-box-shadow: 1px 1px 1px 1px #767676;
    box-shadow: 1px 1px 1px 1px #767676;
}

ul.ul-main-menu li.active .main-menu-title {
    font-size: 1em
}

ul.ul-main-menu li .main-menu-title {
    font-size: 1.05em
}

a[id*=lnkAdd] {
    float: left;
    width: 23px;
    height: 25px;
    border: 1px solid #c1c8cc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    margin-top: 0px;
    background-color: transparent;
    color: transparent;
}

.single-fu .remove-file-div {
    margin-left: 10px;
}

.site-logo {
    background: url(../MojImages/Layout/LogoMoj.png) no-repeat right 17px, url(../MojImages/icons/LogoMojPatentim.png) no-repeat right 60px top 17px !important;
    padding-right: 134px !important;
}

@media (min-width: 768px) {

    .radio-button-search .radio-input {
        width: 15px !important;
        padding-top: 3px !important;
    }

    .radio-button-search .radio-txt {
        width: 4.333333333% !important;
        padding-top: 2px !important;
    }

    #div_btnActionLoginPatent {
        float: left;
        margin-left: 73px !important;
    }

    .login-identified {
        width: 400px;
    }
}

.user-settings-li .k-icon:before, .user-settings-li.k-state-hover .k-icon:before, .menu-training-li .k-icon:before, .menu-training-li.k-state-hover .k-icon:before {
    content: "";
}

.user-settings .k-state-hover {
    background-image: none;
}

#div_Contact div {
    white-space: pre-wrap;
}



@media (min-width: 768px) {

    #div_btnActionForgotPassword {
        float: left;
        margin-left: 10px !important;
    }
}

.k-header, .k-state-hover, .k-state-hover:hover, .k-state-active {
    background-image: none;
    background-position: 0;
    background: none;
}

.menu-training-li .k-icon, .menu-training-li.k-state-hover .k-icon {
    margin: -2px 0px 4px 0px !important;
}

@media (max-width: 767px) {

    /*#div_btnAddGoodDescription {
        float: right !important;
    }*/

    .div-icon-button {
        float: right !important;
    }

    #dialogModalDetails .window-bottom {
        height: 156px !important;
    }

    #searchCustomerDialogModal .scroll {
        height: 510px !important;
    }

    #searchCustomerDialogModal .window-bottom {
        height: 140px !important;
    }

    #dialogModalDetails .div-buttons .moj-red-text {
        padding-right: 15px !important;
    }
}

ul.ul-main-menu li .main-menu-title {
    border-top: 0px;
    border-left: 0px;
}

.row-data-title, .row-data-txt {
    min-height: 20px !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white;
}

.site-button-div {
    height: 120px;
    position: relative;
    display: inline-block;
    margin-bottom: -10px;
}

    .site-button-div .icon {
        height: 80%;
        background-repeat: no-repeat;
        float: none;
        margin: auto;
        float: none;
    }

    .site-button-div .secure {
        background-image: url(../MojImages/LoginIcons/WithCardNorm.png);
    }

    .site-button-div .no-secure {
        background-image: url(../MojImages/LoginIcons/WithoutCardNorm.png);
    }

    .site-button-div .button-text {
        top: 80%;
        color: #0060d4;
        font-size: 1.142em;
        font-weight: bold;
    }

@media (max-width: 767px) {
    .footer-bottom {
        bottom: -70px;
        height: 72px;
    }
}


.add-from-list {
    width: 150px;
    height: 50px;
    background-image: url(../MojImages/Icons/Icn_AddListNorm.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: 1px;
    cursor: pointer;
}

    .add-from-list:hover {
        background-image: url(../MojImages/Icons/Icn_AddListHover.png);
    }

    .add-from-list .moj-action-button {
        width: 150px;
        height: 21px;
        color: #1e7ca8;
        font-weight: normal;
        border-width: 0px;
        margin-top: 30px;
    }

        .add-from-list .moj-action-button:hover {
            text-decoration: underline;
        }

.add-from-search {
    width: 180px;
    height: 50px;
    background-image: url(../MojImages/Icons/Icn_AddSearchNorm.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: 1px;
    cursor: pointer;
}

    .add-from-search:hover {
        background-image: url(../MojImages/Icons/Icn_AddSearchHover.png);
    }

    .add-from-search .moj-action-button {
        width: 180px;
        height: 21px;
        color: #1e7ca8;
        font-weight: normal;
        border-width: 0px;
        margin-top: 30px;
    }

        .add-from-search .moj-action-button:hover {
            text-decoration: underline;
        }

/*//////////////////--------------------------------------////////////////////////////*/

.nice-class {
    background-color: #f0f0f0;
    height: 56px;
    width: 57px;
    text-align: center;
    display: table !important;
}

    .nice-class h3 {
        display: table-cell;
        vertical-align: middle;
    }

.k-listview {
    border-color: #e5e4e4;
    border-bottom: none;
}

.terms-help {
    width: 100%;
    height: 34px;
    background-color: #fbf9f9;
    /*padding-right: 150px !important;*/
}

    .terms-help .moj-form-line {
        margin-top: 0;
    }

.good {
    width: 100%;
    border-bottom: 1px solid #e5e4e4;
    display: table;
    position: relative;
    margin-bottom: 10px;
}

.term {
    height: 28px;
    border: 1.2px solid;
    width: 485px;
    border-radius: 40px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 7px;
    display: block;
    padding-top: 7px;
}

.term-white {
    width: 44.4%;
}

.vr {
    height: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 50%;
    border-left: 1px dashed #c8c8c8;
}

.term-icon-matching {
    height: 25px;
    right: 13px;
    margin-top: 7px;
    padding-top: 5px;
}

.term-green {
    border-color: #00A651;
    background-color: #F2FDF2;
}

.term .icon {
    margin-left: 5px;
    margin-top: 3px;
}

.term-red {
    border-color: #f51106;
    background-color: #FDF4F5;
}

.term-orange {
    border-color: #e28a4e;
    background-color: #FDFBE9;
}

.term-grey {
    border-color: #7C7C7C;
    background-color: #EDEEED;
}

.good .col {
    float: right;
    margin-left: 10px;
    position: relative;
}

#TermPnl .moj-form-title {
    background-color: white !important;
}

.term-close {
    margin-right: 5px;
    margin-top: 4px;
    cursor: pointer;
    background-image: url(../MojImages/icons/DeleteOFF.png);
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.nice-edit {
    margin-right: 5px;
    margin-top: 6px;
    cursor: pointer;
    background-image: url(../MojImages/icons/EditOFF.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 17px;
}

    .nice-edit:hover, .nice-edit:focus {
        background-image: url(../MojImages/icons/EditOn.png);
    }

.nice-close {
    margin-right: 5px;
    margin-top: 8px;
    margin-left: 8px;
    cursor: pointer;
    background-image: url(../MojImages/icons/DeleteOFF.png);
    background-repeat: no-repeat;
    display: block;
    width: 14px;
    height: 15px;
}

    .nice-close:hover, .nice-close:focus {
        background-image: url(../MojImages/icons/DeleteOn.png);
    }

.english-term {
    float: left !important;
}

.term-open-list {
    margin-right: 5px;
    margin-top: 3px;
    cursor: pointer;
    background-image: url(../MojImages/icons/Icn_OpenListNorm.png);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 16px;
}

.term-change-class {
    margin-right: 5px;
    margin-top: 3px;
    cursor: pointer;
    background-image: url(../MojImages/icons/change2.png);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 16px;
}

    .term-open-list:hover, .term-open-list:focus, .term-open-list:active {
        background-image: url(../MojImages/icons/Icn_OpenListHover.png);
    }

.term-translate-hebrew {
    margin-right: 5px;
    margin-top: 3px;
    cursor: pointer;
    background-image: url(../MojImages/icons/Icn_EngTransNorm.png);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 16px;
}

    .term-translate-hebrew:hover, .term-translate-hebrew:focus, .term-translate-hebrew:active {
        background-image: url(../MojImages/icons/Icn_EngTransHover.png);
    }

.term-translate-english {
    margin-right: 5px;
    margin-top: 3px;
    cursor: pointer;
    background-image: url(../MojImages/icons/Icn_HebTransNorm.png);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 16px;
}

    .term-translate-english:hover {
        background-image: url(../MojImages/icons/Icn_HebTransHover.png);
    }

.term-search {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    /*margin-top: 6px;
    margin-left: 5px;
    margin-right:10px;*/
    margin: 6px 10px 0px 5px;
    cursor: pointer;
}




#div_SearchTypeID {
    float: left;
}

#div_label_SearchTypeID {
    margin-right: 35px;
}



.moj-search:focus {
    background-image: url(../MojImages/icons/website/FindHover.png);
    background-repeat: no-repeat;
}

#dialogModalTerms .k-grid-header {
    display: none;
}

div[id^="TermNiceClassList"] {
    border-style: none;
}

div[id^="ListTermNiceClass"] {
    border-style: none;
}

#dialogModalTerms .td-first {
    background-color: #f0f0f0;
    color: #004691 !important;
    font-weight: bold;
    align-items: center;
}

    #dialogModalTerms .td-first div {
        color: #004691 !important;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
    }




.div-terms {
    padding-bottom: 7px;
}



.nice-action {
    top: 0px;
    left: 5px;
}

@media (max-width: 767px) {

    #div_btnCancelGoodSearch {
        float: right !important;
    }

    .radio-button-search .radio-txt {
        width: 16% !important;
    }

    [class*='col-sm-'] #div_btnCancelGoodSearch # {
        float: right !important;
    }

    .div-term-search {
        height: 38px;
    }

    .vr {
        display: none !important;
    }

    .term-icon-matching {
        right: 120px;
    }

    #div_Term {
        width: 90%;
        float: right;
    }

    .term-search {
        margin-top: 11px;
    }

    .terms-help .col:not(.hide):not(.radio-txt):not(.moj-button):not([class*='hidden-xs']) {
        float: right !important;
    }

    .terms-help .moj-form-line .col {
        margin-left: 7px;
    }

    .moj-form-line .col {
        min-height: 25px;
    }

    .moj-form-line .term-white {
        height: 25px;
    }

    .terms-help {
        height: auto;
    }

    #dialogModalTerms .window-bottom-content {
        width: 70%;
    }

    .term {
        height: initial;
        width: 250px !important;
    }

    .term-text {
        width: 90% !important;
    }
}

.term-text {
    width: 81% !important;
    font-size: 1em;
}

td .term-red {
    display: block;
    width: 17px;
    height: 14px;
    background-image: url(../MojImages/icons/Icn_NotGood.png);
    background-color: transparent;
}

td .reduct-information {
	display: block;
	width: 17px;
	height: 17px;
	background-image: url(../MojImages/icons/Icn_ReductInformation.png);
	background-color: transparent;
}

td .kinuy-makor-term-red {
    display: block;
    width: 17px;
    height: 14px;
    background-image: url(../MojImages/icons/Icn_KinuyMakor.png);
    background-color: transparent;
}

#DivTermNiceClassList .k-grid-content {
    max-height: 527px;
    overflow-y: auto;
}


#DivTermNiceClassList .k-grid-pager {
    display: none;
}

.nice-class-filter {
    width: 15px;
    height: 15px;
    border-left: 1px solid #c8c8c8;
    float: right;
    text-align: center;
    padding: 4px;
    cursor: pointer;
    margin-top: 5px;
    color: #0064b4 !important;
    font-weight: bold;
    font-family: Arial;
}

    .nice-class-filter.active {
        /*border: 1px solid #0064b4;
        border-radius: 50%;*/
        text-decoration: underline;
    }

#btnNiceListUnFilter {
    padding-top: 2px;
    box-sizing: content-box;
    width: 30px;
}

#btnTranslateSearch {
    box-sizing: content-box;
    width: 30px;
}

.translate {
    color: #0064b4 !important;
    text-decoration: underline;
    cursor: pointer;
}

div[id^="GoodsList"] {
    border: none;
}

/*background-image: url(../MojImages/icons/EditOn.png) !important;*/


#feedback-iframe {
    overflow: hidden;
    border: none;
    position: fixed;
    bottom: 2em;
    right: 2em;
    background-color: transparent;
    z-index: 1000;
}

    #feedback-iframe.open {
        position: absolute;
        right: 0;
    }

@media (max-width: 767px) {
    #feedback-iframe.open {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
    }
}



.add-common-file
{
    background-image: url(../MojImages/Icons/AddFileOff.png);
    width: 19px;
    height: 18px;
    margin: 3px auto 2px;
}

.add-common-file:hover
{
    background-image: url(../MojImages/Icons/AddFileOn.png);
}

.add-common-file[disabled]
{
    background-image: url(../MojImages/Icons/AddFileDis.png);
}
.image-ingrid {
    width: 80px !important;
    height: 45px !important;
    margin: auto;
}

    .image-ingrid img {
        max-height: 45px;
        max-width: 45px;
        margin: auto;
    }

.image {
    width: 140px !important;
    height: 50px !important;
}

#ApplicationAnotherDocument {
    width: 190px;
    padding-top: 6px;
}

#AnotherDocuments {
    width: 100%;
}

.applicationTypeInfo{
    padding: 15px;
}

.desc-confirm {
    width: 80%;
    font-size:1.3em;
    font-weight: bold;
    padding-top:9px;
    padding-bottom:9px;
}

#confirmMessage {
    line-height: 1.8;
}
.important-light {
    background-image: url(../MojImages/Icons/ImportantLight.png);
}



.back-basket {width:130px; height:21px; background-image: url(../MojImages/Icons/Icn_BackBasketNormal.png);background-repeat: no-repeat;background-position: 0%;margin-left: 1px}
.back-basket:hover
{
    background-image: url(../MojImages/Icons/Icn_BackBasketHover.png);
}
.back-basket .moj-action-button {width:150px; height:21px; color:#1e7ca8;font-weight: normal;     border-width: 0px;}
    .back-basket .moj-action-button:hover {
        text-decoration:underline;
    }

    .download-newrequest {width:140px; height:21px; background-image: url(../MojImages/Icons/Icn_DownloadFormNormal.png);background-repeat: no-repeat;background-position: top left;margin-left: -20px;}
    .download-newrequest:hover
    {
         background-image: url(../MojImages/Icons/Icn_DownloadFormHover.png);
    }
.download-newrequest .moj-action-button {width:150px; height:21px; color:#1e7ca8;font-weight: normal;     border-width: 0px;}
    .download-newrequest .moj-action-button:hover {
        text-decoration:underline;
    }

.web-site-messege .div-web-site-messege {
    float: left;

}