/*/* Custom Style sheet */

/*
    per te bere checkboxin me yll...

.star {
    visibility:hidden;
    font-size:30px;
    cursor:pointer;
}
.star:before {
   content: "\2605";
   position: absolute;
   visibility:visible;
}
.star:checked:before {
   content: "\2606";
   position: absolute;
}
*/

body {
    min-height: 100vh;
    padding-top: 0px;
    /*color: #3cb099;*/
    background-color: #fff;
    /*background-color: #FAFAFA;*/
    overflow-y: hidden;
}

:root {
    --input-color: #506e87;
    --input-border: #CDD9ED;
    --input-background: #fff;
    --input-placeholder: #CBD1DC;
    --input-border-focus: #3cb099;
    --group-color: #506e87;
    --group-border: var(--input-border);
    --group-background: #9cc1e021;
    --group-color-focus: #fff;
    --group-border-focus: var(--input-border-focus);
    --group-background-focus: #3cb099;
}
.loaded-body-content {
    background: url('/Content/images/body-main-bg.png');
    background-size: cover;
    background-position: center;
}
/*.row-fluid {
    padding-top: 1%;
    background-color: #fff;
    border-radius: 6px;
}*/

.well {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

#accordion {
    overflow-y: auto;
    bottom: 0;
}

    #accordion .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px 10px 30px;
        color: white;
    }

.collapsed-menu #accordion .nav > li > a {
    color: #505050;
}

.inner-panel-heading span.glyphicon {
    color: white;
}

#accordion .nav > li > a:hover {
    padding: 10px 15px 10px 29px;
}

#accordion .collapse.in {
    color: #F28022;
}

#accordion.panel-group {
    margin-bottom: 0;
}

.innerHeight.nav > li > a:hover {
    color: #506E87 !important;
}

.nav > li > a:not(.calculator-nav-pill):hover {
    background-color: #f0e1da;
    color: #506E87 !important;
}

.selected-sub-menu a,
.innerHeight.nav > li > a:focus {
    background-color: #e6f5f26b;
    color: #fff;
}


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

.nav-tabs > li > a {
    border: 2px solid transparent;
}

.nav-list {
    padding-right: 5px;
    padding-left: 5px;
}

.panel-body > ul > div > .panel-body {
    border-bottom: 1px solid #ddd;
    padding-right: 5px;
    padding-left: 25px;
}

    .nav-list > li > a, .nav-list .nav-header,
    .panel-body > ul > div > .panel-body > ul > li {
        margin-right: -5px;
        margin-left: -5px;
    }

        .panel-body > ul > div > .panel-body > ul > li > a:hover {
            padding-right: 5px;
            padding-left: 39px;
            margin-left: -30px;
            margin-right: -10px;
        }

/*.navbar-inner {
       background-color: #236fbd;
   background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: url('../content/media/banner.jpg');
    background-repeat: no-repeat;
}
*/

/*.navbar .navbar-brand {
    padding: 0;
    font-size: 1em;
    color: #fff;
    text-shadow: none;
}

.navbar-static-top {
    position: relative;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    height: 69px;
}
*/
.accordion-heading .accordion-toggle {
    background-color: #fff;
}

.accordion-inner {
    padding: 9px 10px;
    font-size: .9em;
    background-color: #fff;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container,
.container {
    width: 100%;
}
/**/
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
}

.navbar-right .dropdown-menu {
    border-radius: 0 0 8px 8px;
}


.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse {
    background-color: #506E87;
    border-color: #506E87;
}
/*------------------------------------BOOTSTRAP-3---------------------------------*/
.modal-footer {
    margin-top: 0px;
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

.modal-header {
    padding-bottom: 13px;
}

    .modal-header .pull-right {
        margin-top: -5px;
    }

.modal-title {
    color: #F28022;
    padding-left: 5px;
}

#showLoading .modal-content {
    position: relative;
    background-color: transparent;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

    .row > .well.the-fieldset {
        margin-left: 0;
        margin-right: 0;
    }

fieldset.well {
    border-radius: 2px !important;
}

.navbar-form {
    padding: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top-width: 3px;
    border-top-color: #8977B5;
}

#side_menu .panel-default .panel-title {
    font-size: 12px;
    /* font-weight: bold;
    color: #236fbd;*/
    border-color: transparent;
    color: #505050;
}

#side_menu .panel-group .panel {
    background-color: transparent;
}

#menu_element_container .panel-default > .panel-heading {
    border: 0;
    background-color: transparent;
}

#menu_element_container .panel-default {
    /*box-shadow: 2px 2px 1px #ddd;*/
    border: 0;
    box-shadow: none;
}

#side_menu .panel-group .panel-heading + .panel-collapse > .panel-body,
#side_menu .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0;
}

#side_menu .panel-body {
    padding: 0px;
    overflow-y: auto;
}


.container {
    font-size: 12px;
    padding: 0;
}

.glyphicon.glyphicon-envelope {
}

.glyphicon.glyphicon-chevron-down,
.glyphicon.glyphicon-chevron-right {
    color: #777777;
}

    .glyphicon.glyphicon-chevron-down:hover,
    .glyphicon.glyphicon-chevron-right:hover {
        color: #CE582A;
    }

a:hover, a:focus {
    /*color: #CE582A;*/
    text-decoration: none;
}

.editor-field {
}

.navbar-default {
    border: none;
}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
}



/*.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0px;
    margin-top: 19px;
}*/

.navbar-header {
    color: #fff;
}

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: .8em;
}

.tab-content > .active {
    min-height: 56px;
}

.btn-danger {
    color: white;
    background-color: #ca0d0d;
    border-color: #ca0d0d;
}

    .btn-danger.disabled,
    .btn-danger[disabled], fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover, .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #ca0d0d87;
        border-color: #ca0d0d87;
        color: white;
    }

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        color: #fff !important;
        background-color: #ad0000 !important;
        border-color: #ad0000 !important;
    }

.btn-success {
    color: white;
    background-color: #00965d;
    border-color: #00965d;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        color: #fff !important;
        background-color: #026c44 !important;
        border-color: #026c44 !important;
    }

.btn-default {
    color: white;
    background-color: #506E87;
    border-color: #506E87;
}

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #094486 !important;
        border-color: #094486 !important;
    }

.btn-info {
    color: #3cb099;
    background-color: #ccf0fb;
    border-color: #46b8da;
}

.btn-warning {
    color: #B26D0B;
    background-color: #fff;
    border-color: #eea236;
}

.btn-primary {
    color: white !important;
    background-color: #3cb099 !important;
    border-color: #3cb099 !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff !important;
        background-color: #93b7b7 !important;
        border-color: #93b7b7 !important;
    }


    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #3cb09987 !important;
        border-color: #3cb09987 !important;
    }

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a {
    background-color: #93b7b7;
    color: #ffffff;
}

.dropdown-menu > li > a {
    font-size: 12px;
}

.dropdown-menu-prospect {
    left: 5px;
    top: -87px;
    min-width: 138px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: white;
    background-color: #224974;
    border-color: #224974;
}

input[type="radio"], input[type="checkbox"] {
    margin: 8px;
}

.input-group[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.nav-tabs > li > a {
    margin-right: 0;
    padding: 8px 9px;
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: .3em .3em;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    box-shadow: none;
    border-color: #eeeeee;
}

.input-sm,
select.input-sm {
    margin: 0;
    height: 26px;
    line-height: 22px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 1px 10px;
    line-height: 22px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    /*border-top-color: #F28022;*/
    border-top-color: #236fbd;
}

.has-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


    .has-error.k-autocomplete.k-state-default,
    .has-error.k-picker-wrap.k-state-default,
    .has-error.k-numeric-wrap.k-state-default,
    .has-error.k-dropdown-wrap.k-state-default,
    .has-error.k-multiselect.k-header {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .has-error:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.myTooltip::before {
    content: "a";
}

.has-success {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-warning {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.form-group {
    margin-bottom: 5px;
}

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

.tooltip {
    opacity: 1;
    min-width: 120px;
}

.tooltip-inner {
    color: white;
    background-color: #a94442;
}

.green-tooltip + .tooltip > .tooltip-inner {
    background-color: #CECE64 !important;
    color: #333333;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #a94442;
}

.green-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #CECE64 !important;
}

.pink-tooltip + .tooltip > .tooltip-inner {
    background-color: #efe8fe !important;
    color: #333333;
    border-color: #7b64b5;
}

.pink-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #efe8fe !important;
}

label {
    font-weight: normal;
}

.greenBorder {
    border: 2px solid #CECE64 !important;
}

.checkbox_align {
    padding-top: 7px;
}

/*-------------------------Custom-Buttons-Icons------------------------------------*/
.accept:before,
.add:before,
.delete:before,
.edit:before,
.erase:before,
.cancel:before,
.error-tooltip:before,
.error-tooltip-approve:before,
.error-tooltip1:before,
.history:before,
.import:before,
.info:before,
.list:before,
.marker:before,
.post:before,
.print:before,
.refresh:before,
.save:before,
.search:before,
.terminal:before,
.user:before {
    font-family: "Glyphicons Halflings";
    position: relative;
    top: 1px;
    padding-right: 4px;
}

.btn-sm.accept,
.btn-sm.add,
.btn-sm.delete,
.btn-sm.edit,
.btn-sm.erase,
.btn-sm.cancel,
.btn-sm.error-tooltip,
.btn-sm.error-tooltip-approve,
.btn-sm.history,
.btn-sm.import,
.btn-sm.info,
.btn-sm.list,
.btn-sm.marker,
.btn-sm.post,
.btn-sm.print,
.btn-sm.refresh,
.btn-sm.save,
.btn-sm.search,
.btn-sm.terminal,
.btn-sm.user {
    padding: 0 10px;
}

/*glyphicon-ok*/
.accept:before {
    content: "\e013";
}

/*glyphicon-plus*/
.add:before {
    content: "\2b";
}

/*glyphicon-remove-circle*/
.cancel:before {
    content: "\e088";
}

/*glyphicon-remove*/
.delete:before {
    content: "\e014";
}

/*glyphicon-pencil*/
.edit:before {
    content: "\270f";
}

/*glyphicon-erase*/
.erase:before {
    content: "\e221";
}

/*glyphicon-info-sign*/
.error-tooltip:before {
    content: "\e086";
    line-height: 26px;
    font-size: 12px;
    color: #a94442;
    margin-left: -10px;
}

.error-tooltip-approve:before {
    content: "\e086";
    line-height: 26px;
    font-size: 18px;
    color: #CECE64;
}

/*glyphicon-list*/
.history:before {
    content: "\e056";
}

/*glyphicon-import*/
.import:before {
    content: "\e169";
}

/*glyphicon-info-sign*/
.info:before {
    content: "\e086";
}

/*glyphicon-tasks*/
.list:before {
    content: "\e137";
}

/*glyphicon-map-marker*/
.marker:before {
    content: "\e062";
}

/*glyphicon-envelope*/
.post:before {
    content: "\2709";
}

/*glyphicon-print*/
.print:before {
    content: "\e045";
}

/*glyphicon-list-alt*/
.refresh:before {
    content: "\e031";
}

/*glyphicon-saved*/
.save:before {
    content: "\e168";
}

/*glyphicon-search*/
.search:before {
    content: "\e003";
}

/*glyphicon-hdd*/
.terminal:before {
    content: "\e121";
}

/*glyphicon-user*/
.user:before {
    content: "\e008";
}

/*-------------------------KENDO-UI-----------------------------------------------*/
/*.k-pager-wrap {
}

.k-grid-header .k-header .k-link {
    font-weight: bold;
}

.k-widget {
   border-radius: 0 0 4px 4px;
}

.k-edit-cell > .k-textbox, 
.k-edit-cell > .k-widget, 
.k-grid-edit-row > td > .k-textbox, 
.k-grid-edit-row > td > .k-widget {
    width: 100%;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input.k-textbox, 
textarea.k-textbox, 
input.k-textbox:hover, 
textarea.k-textbox:hover, 
.k-textbox > input {
    background: none;
    width: 100%;
}

.k-in, .k-item, .k-window-action {
    border-width: 1px;
    border-color: #dddddd;
    border-radius: 3px;
    padding: 2px .3em;
    line-height: 1.6em;
    background-color: inherit;
    width: 100%;
}

.k-textbox:focus,
    .k-item:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.k-block, 
.k-header, 
.k-grid-header, 
.k-toolbar, 
.k-grouping-header, 
.k-pager-wrap, 
.k-button, 
.k-draghandle {
    background-color: #f2f3f3;  
}

.k-grid {
    border-top-width: 3px;
    border-top-color: #236fbd;
    border-radius: 4px;
     }

.k-grid-top {
    background-color: #f8f8f8;
     }     

.k-alt, .k-separator, .k-alt.k-state-selected {
    background-color: #F3F3F3 ;
    color: #8977B5;
}

.k-grid td {
    line-height: 1.4em;
    border-width: 0px 0px 1px 0px;
    border-color: #f2f3f3;
}

.k-state-selected .k-grid td
{
       line-height: 1.6em;
}
.k-state-selected, 
.k-state-selected:link, 
.k-state-selected:visited, 
.k-list > .k-state-selected, 
.k-list > .k-state-highlight, 
.k-panel > .k-state-selected, 
.k-button:active, 
.k-ghost-splitbar-vertical, 
.k-ghost-splitbar-horizontal, 
.k-draghandle.k-state-selected:hover, 
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {
    font-weight: normal;
}


.k-block, 
.k-widget,
 .k-input, 
.k-textbox, 
.k-group, 
.k-content, 
.k-header, 
.k-editable-area, 
.k-separator, 
.k-colorpicker .k-i-arrow-s, 
.k-textbox > input, 
.k-autocomplete, 
.k-dropdown-wrap, 
.k-toolbar, 
.k-group-footer td, 
.k-grid-footer, 
.k-footer-template td, 
.k-state-default, 
.k-state-default .k-select, 
.k-state-disabled, 
.k-grid-header-wrap, 
.k-grid-header, 
.k-grid td, 
.k-grid td.k-state-selected, 
.k-grid-footer-wrap, 
.k-pager-wrap, 
.k-pager-wrap .k-link, 
.k-pager-refresh, 
.k-grouping-header, 
.k-grouping-header .k-group-indicator, 
.k-panelbar > .k-item > .k-link, 
.k-panel > .k-item > .k-link, 
.k-panelbar .k-panel, 
.k-panelbar .k-content, 
.k-calendar th, 
.k-slider-track, 
.k-splitbar, 
.k-dropzone-active, 
.k-tiles, 
.k-toolbar, 
.k-tooltip, 
.k-button-group .k-tool, 
.k-upload-files {

font-weight: normal;
}

.k-alt.k-state-selected {
        color: #ffffff;
background-color: #1984c8;
border-color: #1984c8;
    font-weight: bold;
}

.k-state-focused, 
.k-list > .k-state-focused, 
.k-listview > .k-state-focused, 
.k-grid-header th.k-state-focused, 
td.k-state-focused, 
.k-button:focus:not(.k-state-disabled):not([disabled]), 
.k-button.k-state-focused {
    box-shadow: 0px 0px 6px 0px rgb(182, 189, 202) inset;
    background-color: #1984c8;
    color: #ffffff;
}

span.k-state-selected {
    color: #ffffff;
background-color: #236fbd;
border-color: #236fbd;
    font-weight: normal;
}


.k-header.k-filterable > .k-link:hover {
    color: #236fbd;
}

span.k-timepicker{
    width:100%;
}

.k-icon.k-filter {
border-color: transparent;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
height: 24px;
padding: 2px .3em 2px -2px;
}

.k-icon.k-i-calendar {
    margin-top: 7px;
}


.breadcrumb {
margin-bottom: 5px;
}

.navbar {
margin-bottom: 10px;

}
.hidecontent{
    display:none;
}

div.jGrowl-notification
    {
        float: right;
        margin-left: 6px;
    }

    div.jGrowl div.notifTheme
    {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        width: 300px;
        overflow: hidden;
        border-color: #5ab500;
        color: #fff;
        margin-top: 55px;
    }

.blockUI {
    border: none;
      padding: 15px;
           background-Color: #000;
           -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
           opacity: .8;
           color: #fff;
}

span[aria-readonly="true"] span.k-dropdown-wrap.k-state-default {
    background-color: #f2f3f3;
    color: #b3bac7;
}

    span[aria-readonly="true"] span.k-dropdown-wrap.k-state-default .k-input,
    span[aria-readonly="true"] span.k-dropdown-wrap.k-state-default .k-icon.k-i-arrow-s {
            color: #515967;
            opacity: .7;
    }*/

/*---------------------------Kendo-UI-Grid-Classes-------------------------*/
.k-block, .k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #fff;
}

button.k-button.k-primary,
.k-button.k-primary,
.k-button:active, .k-button.k-state-active {
    background-image: none;
    border-color: #236fbd;
    background-color: #236fbd;
    color: white;
}


    .k-button:active:hover,
    .k-button.k-state-active:hover,
    .k-primary:hover {
        color: #fff;
        border-color: #ef671a;
        background-color: #ed4300;
        color: #ffffff;
        background-color: #1984c8;
        border-color: #1984c8;
    }

.k-primary:focus:active:hover:not([disabled]), .k-primary:active:hover:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 0 3px 1px #236fbd;
    box-shadow: 0 0 3px 1px #236fbd;
}

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

.k-grid td {
    /*border-width: 0 0 1px 1px;*/
    white-space: nowrap;
    overflow: hidden;
    border-width: 0 1px 1px 1px;
}

.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;*/
    border-left-width: 0;
}

.k-alt,
.k-separator,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fff;
}

.k-grid-pager {
    border-width: 1px 0 1px 1px;
    padding: 6px 8px;
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333333;
}

.k-grid table {
    border-collapse: collapse;
    padding: 4px 6px 5px;
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333333;
}

.k-grid {
    border-width: 3px 1px 0 0;
    border-top-color: #506E87;
    border-radius: 4px 4px 0 0;
    border-width: 3px 1px 1px 1px;
}

.k-multiselect .k-button {
    color: #fff;
    border-color: #357ebd;
    background-color: #236fbd;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    background-color: #fff;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-color: inherit;
}

form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox,
.k-filter-menu span.k-filter-and,
.k-filter-help-text, .k-filter-menu .k-widget, .k-filter-menu .k-textbox {
    margin: 7px;
}

tbody .k-state-selected {
    color: inherit;
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0;
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.k-dropdown-wrap.k-state-active,
.k-textbox:active,
.k-textbox:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -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-item.k-state-selected.k-state-focused {
    background-color: #236fbd;
    border-color: #236fbd;
}

.k-item.k-state-hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.k-pager-info {
    padding: 6px 16px;
}



.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    min-width: 26px;
    line-height: 26px;
    border-radius: 100%;
}


.k-pager-numbers li, .k-pager-input {
    padding-left: 2px;
    padding-right: 2px;
}

.k-pager-numbers .k-state-selected {
    /*background-color: #236fbd;
    border-color: #236fbd;*/
    background-color: #506E87;
    border-color: #506E87;
    min-width: 22px;
    line-height: 22px;
}

/*.k-grid .k-pager-numbers span {
    border: 0;
    margin: 0;
    padding: 0;
    margin-top: 1px;
    font-size: 11px;
      border-radius: 100%;
}*/

.k-pager-wrap > .k-link {
    margin: 0 .08333em;
    height: 22px;
    line-height: 19px;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
    border-radius: 100%;
    border-right: 1px;
    min-width: 22px;
    border-right: 1px solid #ccc;
}


li a.k-link:link {
    border-right: 1px solid #ccc;
    color: #333333;
    min-width: 22px;
    line-height: 22px;
}

.k-pager-wrap .k-link.k-pager-last {
    border-radius: 100%;
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 1px 1px;
}

.k-grid-toolbar:first-child {
    border-width: 0 0px 1px;
}

.k-grid-top {
    background-color: #fff;
    border: 1px;
    border-bottom: 1px solid #ccc;
}

input[type="radio"], input[type="checkbox"] {
    margin: auto;
}

table table thead {
    display: none;
}

    table table thead.k-grid-header {
        display: table-header-group;
    }

.k-detail-row .k-grid {
    border: 0;
}


.grid-details ul {
    list-style-type: none;
}


.form-control.k-widget {
    padding: 0;
    height: 26px;
    font-size: 13px;
    line-height: 18px;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    font-size: 12px;
    line-height: 22px;
    text-indent: 13px;
    border: 0;
    margin: 0;
}

span.k-widget.k-datepicker.form-control,
span.k-widget.k-datetimepicker.form-control {
    border: none;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
    /*padding: 1px 5px 1px 10px;*/
}

.k-dropdown-wrap .k-input {
    border-width: 1px;
}

.k-numerictextbox .k-link {
    height: 10px;
    line-height: 10px;
}

span.k-widget.k-numerictextbox {
    width: 100%;
}

/*.k-picker-wrap.k-state-default {
    border-width: 0;
    border-color: #eeeeee;
}*/

.k-widget.k-autocomplete,
.k-widget.k-combobox,
.k-widget.k-dropdown,
.k-widget.k-datepicker, .k-widget.k-datetimepicker, .k-widget.k-timepicker,
.k-widget.k-numerictextbox, .k-widget.k-multiselect, .k-widget.k-menu,
.k-widget.k-progressbar, .k-progressbar > .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em;
}

.k-pager-wrap .k-dropdown {
    width: 4.5em;
}

.remove-styling.k-widget.k-autocomplete,
.remove-styling.k-widget.k-combobox,
.remove-styling.k-widget.k-dropdown,
.remove-styling.k-widget.k-datepicker,
.remove-styling.k-widget.k-datetimepicker,
.remove-styling.k-widget.k-timepicker,
.remove-styling.k-widget.k-numerictextbox,
.remove-styling.k-widget.k-multiselect,
.remove-styling.k-widget.k-menu,
.remove-styling.k-widget.k-progressbar,
.remove-styling.k-progressbar > .k-state-selected {
    width: 99.1%;
}

.k-state-default .k-select {
    border-color: transparent;
}

.k-filter-row {
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
}

    .k-filter-row th {
        padding: 1px 3px;
    }

.grid-filter-header .k-autocomplete.k-state-default,
.grid-filter-header .k-widget.k-datepicker,
.grid-filter-header .k-widget.k-combobox {
    width: inherit;
    left: 0;
}

.grid-filter-header .k-widget.k-dropdown {
    width: 2.1em;
}

.grid-filter-header .k-dropdown-wrap.k-state-default {
    /*border: 0;*/
    line-height: normal;
}

/*.grid-filter-header .k-select .k-icon.k-filter
 {
  margin-top: -6px;
}*/

.grid-filter-header button {
    border: 0;
    margin: 0;
    padding: 0;
}

.k-grid .k-button {
    margin: 0;
}

.k-filter-row label > input[type="radio"] {
    margin: 0 5px;
}

span.k-numerictextbox, .k-numeric-wrap.k-state-default, .k-autocomplete.k-state-default {
    /*width: 90%;*/
}

/*.k-calendar .k-content .k-link {
  border: 0;
}*/

.k-calendar .k-content .k-link {
    min-height: 26px;
    line-height: 22px;
}

.k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
    padding: 5px .92em 0;
}

.k-widget.k-treeview {
    color: #333;
}

.k-tabstrip-items .k-item.k-state-active {
    border-width: 1px 0 0 1px;
    border-top-color: #236fbd;
}

/*-------------Linket brenda grides---------------------*/

/*.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    border-width: 1px 0 0 0;
}*/

.k-pager-wrap {
    background-image: none;
    border-width: 1px 0 0 0;
}

.k-grid td .k-button, .k-grid th .k-button {
    margin: 0 .16em;
    margin: auto;
    text-decoration: underline;
}

.k-grid tbody td .k-button,
.k-ie8 .k-grid tbody td .button.k-button {
    min-width: 0;
    padding: 0;
}

td button.k-button.k-primary,
td .k-button.k-primary,
td .k-button:active,
td .k-button.k-state-active {
    background-image: none;
    border: 0;
    border-color: transparent;
    background-color: transparent;
    color: #236fbd;
}

td .k-button:hover,
td .k-button.k-state-hover {
    color: #236fbd;
    border: 0;
    border-color: transparent;
    background-color: transparent;
}

td .k-button:focus,
td .k-button.k-state-focused {
    border: 0;
    border-color: transparent;
}

td .k-button, th .k-button {
    /*color: #236fbd;*/
    color: #506E87;
    border: 0;
    border-color: transparent;
    background-color: transparent;
}

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

td a:hover,
td a:focus {
    color: #236fbd;
    text-decoration: underline;
}


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

td .k-button:active:hover,
td .k-button.k-state-active:hover,
td .k-primary:hover {
    color: #236fbd;
    border: 0;
    border-color: transparent;
    background-color: transparent;
}

.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.k-tabstrip {
    border: 0;
}

.k-input[disabled],
.k-input[readonly],
.k-input[disabled],
.k-widget.k-dropdown.k-header[aria-readonly='true']
.k-widget.k-dropdown.k-header[aria-readonly='true'] {
    background-color: #eeeeee;
}

/*--------------------------------JQuery-UI------------------------------------------*/
.portlet {
    margin: 5px;
    padding: 5px;
}

.portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
}

.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.portlet-content {
    padding: 0.4em;
}

.portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}

.ui-widget-header .ui-icon {
    background-image: none;
}

.ui-widget-content {
    background: #fff;
}

.ui-widget-header {
    background: #f6a828;
}

/*--------------------------------Custom-classes------------------------------------------*/
#txt_reason {
    margin-top: 10px;
    resize: none;
}

.tooltip_Inside_Cell {
    position: absolute;
    top: 0;
    right: 0;
}

.modifiedElm {
    border: 2px solid #CECE64 !important;
    background-color: white !important;
}

#_ProfileActive {
    padding-left: 25px;
    margin-right: 5px;
}

.page-title {
    color: #4cae4c;
}

.menu-icon {
    width: 22px;
    height: 22px;
    float: left;
    padding-right: 2px;
}

.menu-arrow-down {
    width: 10px;
    height: 10px;
    float: right;
    padding-right: 2px;
}

.divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.barcode {
    background-color: #c5e8c5;
    border-color: #4cae4c;
    border-width: 1px;
    border-radius: 3px;
    padding: 2px .3em;
    line-height: 1.6em;
    width: 100%;
}

    .barcode:active, .barcode:focus {
        border-color: #4cae4c;
        border-width: 1px;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(76,174,76,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

table {
    font-size: 12px;
}

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 25px;
    }

    .left-inner-addon span {
        position: absolute;
        padding: 8px 12px;
    }

.right-inner-addon {
    position: relative;
}

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

    .right-inner-addon span {
        position: absolute;
        right: 0px;
        padding: 10px 12px;
    }

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
    color: #13a6af;
    width: auto;
    padding-left: 3px;
    padding-right: 3px;
}

.the-fieldset {
    border: 2px groove threedface #444;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    margin-left: -4px;
    margin-right: -4px;
}

.nav.nav-list > li.inline-block > a:hover {
    border-left: 1px solid red;
}

.push-down-sm {
    margin-top: 8px;
}

.push-down-xs {
    margin-top: 3px;
}

.push-down-xl {
    margin-top: 15em;
}

.no-margin {
    margin: 0;
}

.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-right-padding {
    padding-right: 0;
}

.add-side-padding {
    padding-left: 5px;
    padding-right: 5px;
}

ul.tree, li.tree > ul > li {
    list-style-type: none;
}

li.tree > ul > li {
    margin-left: -2.5em;
}

ul.tree, li.tree {
    margin-bottom: 0;
    padding-left: 1.5em;
}

.closed {
    background: url('../_img/plus_icon.jpg') no-repeat 0 0;
}

#checkbox_block input[type="radio"], #checkbox_block input[type="checkbox"] {
    margin: 3px;
}

#checkbox_block label {
    margin: 0;
}

.pull-down {
    margin-top: 40px;
}

/*.  {
    height: 26px;
    font-size: 13px;
    line-height: 18px;
}

    .  input,
    .  select,
    .  checkbox,
    .  button {
        height: 26px;
        font-size: 13px;
        line-height: 18px;
        padding: 0 5px;
    }*/


span {
    /*line-height: 26px;*/
}


#content {
    padding: 0;
    /*height:100%;*/
    overflow-y: auto;
    height: 95vh;
    background-color:white;
}

#side_menu {
    display: flex;
    flex-direction: column;
    background: display: flex;
}

.formPlaceholder {
    border-bottom: 1px dashed #ccc;
}

.outerForm {
    padding: 10px 0 30px 0;
}

.hidecontent {
    display: none;
}


#accordion .selected-menu,
#accordion .selected-menu span {
    color: #F28022;
}

.copyright {
    padding-top: 5px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 95px;
    box-shadow: -1px -1px 1px #c2c8c640;
    color: #93b7b7;
    background: #506e87;
}

.text-right {
    text-align: right;
}

.custom-template span {
    border-left: 2px solid #236fbd;
    padding: 0 5px;
}

.custom-template label {
    font-weight: normal;
}

.disabled .custom-icon {
    font-size: 12px;
    padding: 6px;
    /*background-color: #fff;*/
    border: 0;
    color: #808080;
    border-radius: 4px 0 0 4px;
}

.disabled .form-control[disabled],
.disabled .form-control[readonly],
.disabled fieldset[disabled] .form-control {
    /*background-color: #fff;*/
    padding: 5px 0;
    border: 0;
    color: #808080;
    border-radius: 0 4px 4px 0;
}

.k-grid .k-header.grid-title {
    color: #F28022;
    overflow: hidden;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
    color: #fff;
    background-color: #236fbd;
    border-color: #236fbd;
}

#treeview {
    z-index: 9;
    background-color: #fff;
    height: 200px;
    border: 1px solid #c0c0c0;
}

#kendoDropDownTree .k-dropdown-wrap.k-state-active.k-state-border-down {
    border-bottom: 1px solid #c0c0c0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.k-animation-container .k-popup.k-list-container, .k-animation-container .k-popup.k-calendar-container {
    /*display: none !important;*/
}

.name {
    background-color: #EFE8FF;
    border-color: #7B64B5;
}

.search-field {
    border-color: #506E87;
    background-color: #EFEFEF;
}

.btn-primary:focus,
.btn-search:focus,
.btn-success:focus,
.btn-default:focus,
.btn-danger:focus {
    outline: none !important;
}

.btn-search {
    color: #fff;
    background-color: #506E87;
    border-color: #506E87;
}

    .btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open .dropdown-toggle.btn-search {
        color: #506E87;
        border-color: #506E87;
        background-color: #EFEFEF;
    }

.btn-name {
    color: #fff;
    background-color: #8977B5;
    border-color: #7B64B5;
}

    .btn-name:hover, .btn-name:focus, .btn-name:active, .btn-name.active, .open .dropdown-toggle.btn-name {
        color: #3cb099;
        background-color: #EFE8FF;
        border-color: #7B64B5;
    }

.name.form-control[disabled],
.name.form-control[readonly],
fieldset[disabled] .name.form-control,
.search-field.form-control[disabled],
.search-field.form-control[readonly],
fieldset[disabled] .search-field.form-control {
    background-color: #dbc8db;
    border-color: #bc84dc;
}

.btn-name.disabled,
.btn-name[disabled],
fieldset[disabled] .btn-name,
.btn-name.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-name:hover,
.btn-name.disabled:focus,
.btn-name[disabled]:focus,
fieldset[disabled] .btn-name:focus,
.btn-name.disabled:active,
.btn-name[disabled]:active,
fieldset[disabled] .btn-name:active,
.btn-name.disabled.active,
.btn-name[disabled].active,
fieldset[disabled] .btn-name.active {
    background-color: #C7ABC7;
    border-color: #9842CA;
    color: #3cb099;
    opacity: 0.65;
}

.remove-styling {
    background-color: #fff !important;
    border: 0 !important;
    /*font-weight: bold;*/
    border: 1px dashed #DFCEC0 !important;
    border-radius: 0;
}

    .remove-styling .k-block,
    .remove-styling .k-button,
    .remove-styling .k-textbox,
    .remove-styling .k-drag-clue,
    .remove-styling .k-touch-scrollbar,
    .remove-styling .k-window,
    .remove-styling .k-window-titleless .remove-styling .k-window-content,
    .remove-styling .k-window-titleless .remove-styling .k-window-content,
    .remove-styling .k-window-action,
    .remove-styling .k-inline-block,
    .remove-styling .k-grid .k-filter-options,
    .remove-styling .k-grouping-header .k-group-indicator,
    .remove-styling .k-autocomplete,
    .remove-styling .k-multiselect,
    .remove-styling .k-combobox,
    .remove-styling .k-dropdown,
    .remove-styling .k-dropdown-wrap,
    .remove-styling .k-datepicker,
    .remove-styling .k-timepicker,
    .remove-styling .k-colorpicker,
    .remove-styling .k-datetimepicker,
    .remove-styling .k-notification,
    .remove-styling .k-numerictextbox,
    .remove-styling .k-picker-wrap,
    .remove-styling .k-numeric-wrap,
    .remove-styling .k-colorpicker,
    .remove-styling .k-list-container,
    .remove-styling .k-calendar-container,
    .remove-styling .k-calendar td,
    .remove-styling .k-calendar .k-link,
    .remove-styling .k-treeview .k-in,
    .remove-styling .k-editor-inline,
    .remove-styling .k-tooltip,
    .remove-styling .k-tile,
    .remove-styling .k-slider-track,
    .remove-styling .k-slider-selection,
    .remove-styling .k-upload {
        background-color: #fff;
        border: 0;
    }

    .remove-styling .k-icon,
    .remove-styling .k-state-disabled .k-icon,
    .remove-styling .k-column-menu .k-sprite {
        opacity: 0;
    }

    .remove-styling .remove-styling {
        border: 0 !important;
    }

    .remove-styling .k-state-disabled {
        opacity: 1;
    }

.form-control.width10 {
    width: 10%;
}

.form-control.width20 {
    width: 20%;
}

.form-control.width30 {
    width: 30%;
}

.form-control.width40 {
    width: 40%;
}

.form-control.width50 {
    width: 50%;
}

.form-control.width60 {
    width: 60%;
}

.form-control.width70 {
    width: 70%;
}

.form-control.width80 {
    width: 80%;
}

.first-input {
    border-right: 0;
}

.form-control[disabled].first-input,
.form-control[readonly].first-input,
fieldset[disabled] .form-control.first-input {
    border-right: 2px solid white;
}

.middle-input {
    border-right: 0;
    border-left: 0;
}

.form-control[disabled].middle-input,
.form-control[readonly].middle-input,
fieldset[disabled] .form-control.middle-input {
    border-right: 2px solid white;
    border-left: 2px solid white;
}

.last-input {
    border-left: 0;
}

.form-control[disabled].last-input,
.form-control[readonly].last-input,
fieldset[disabled] .form-control.last-input {
    border-left: 2px solid white;
}

.documentsDrop {
    border: 2px dashed #E2BE9A;
    padding: 15px;
    min-width: 800px;
    min-height: 120px;
    display: table;
    width: 100%;
}
/*.documentsDrop:hover{
    background-color:red ;
}*/

.dropbox {
    border: 5px dashed #E2BE9A;
    padding: 15px;
    min-width: 500px;
    min-height: 500px;
    display: table;
    width: 100%;
}

    .dropbox img {
        max-width: 100%;
        display: table-cell;
        margin: auto;
    }

.preview {
    vertical-align: middle;
    display: table-cell;
}

button.add-panel {
    padding: 0 5px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.add-panel {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #F28022;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.6;
    filter: alpha(opacity=20);
}

.k-pane button.close {
    padding: 0 5px;
}

.k-pane .close {
    color: #F28022;
    opacity: 0.6;
}

/*------------Color Clases---------------*/
.green {
    color: #4CAE4C;
}

.orange {
    color: #F28022;
}

.red {
    color: #D43F3A !important;
}


.profiler-result {
    float: left;
}

.profiler-results .profiler-popup {
    margin-top: 20px;
}


.no-given-event {
    background-color: rgba(236, 109, 109, 1);
    color: #fff;
}

/*--------------------Media Query----------------*/

.grid {
    min-width: 650px;
    max-width: 860px;
}

#mainForm {
    max-width: 100%;
    max-height: fit-content;
    height: fit-content;
    margin: 0 auto;
    /*border: 1px dashed #c0c0c0;*/
    padding: 15px;
    webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.invitees-modal-fit {
    width: 750px;
    position: absolute;
    left: 0;
    top: 5%;
    bottom: 0;
    right: 0;
    margin: auto
}

#mainFormModal {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 15px 5px 15px;
    webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.input-group-custom {
    position: relative;
    display: inherit;
    border-collapse: separate;
}

/*--------------------Modals for accounts----------------*/

/*#AccountsListContent {
  WIDTH: 900px;
  margin: auto;
}
    #titleForAccountsLists {
  text-align: center;
  color: #236fbd;
  font-size: 16px;
  padding: 10px;
}
   #HeaderForAccounst {
  margin-left: 20px;
}*/

/*.modal-body{
    width: auto;
}*/

/* stile te vendosura nga Deni 01/12/2016 */

.slash {
    font-size: 20px;
}

#modal_request_answer {
    height: 350px;
    width: 440px;
    margin: 0px auto;
}


#responseModalContent {
    width: 500px;
    margin: 0px auto;
}

.upload-icon {
    height: 50px;
    padding: 5px 0;
}

.upload-button-description {
    margin-top: 5px;
}

.responseRow {
    background-color: #e7eef5;
}

.uploadFrameonAnswerModal {
    min-width: 400px;
}

.LimitDescriptionLength {
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 2px solid #236fbd;
    padding: 0px 5px;
}

.form-field {
    margin-bottom: 5px;
}



/* stile te vendosura nga Aurora */



.form-input-paytaxcustomerinvoice-customername {
    float: left;
    width: 216px;
    margin-right: 5px;
}

.form-button-plus-paytaxcustomerinvoice-customername {
    height: 25px;
    line-height: 21px;
}

.partner_input_tax_treasure_import {
    width: 192px;
}

.btn_partner_input_tax_treasure_import {
    margin-left: 5px;
}

/* ------------------- */
.empty-grid {
    padding: 1em;
    line-height: 3em;
}

    .empty-grid:before {
        content: 'There were no records found.';
    }

.empty-grid2 {
    padding: 1em;
    line-height: 3em;
}

    .empty-grid2:before {
        content: 'Nuk u gjet asnj\00eb   p\00ebrdorues mobile';
    }

.values-from-modal {
    box-shadow: 0px 0px 4px #27a727 !important;
}

.reversing-row {
    background-color: #ffcccc;
}

.reversed-row {
    background-color: #e60000;
}

.approving-row {
    background-color: #99ff99;
}

.approved-row {
    background-color: #009900;
}

.payed-installment {
    background-color: #CBECEC;
}

.overdue-installment {
    background-color: #FFE1E1;
}

.enhance-row {
    background-color: #e1f0f5;
}

.error-row {
    background-color: #ff9d9d;
}

.warning-row {
    background-color: #ffeb3b70;
}

.info-row {
    background-color: #2196f3a6;
}

.new-form-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.reversing-form-title {
    text-transform: uppercase;
    color: darkred;
    font-size: 14px;
    font-weight: bold;
}

.approve-form-title {
    text-transform: uppercase;
    color: #13a6af;
    font-size: 14px;
    font-weight: bold;
}

.oe_active {
    background-color: #5382b9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#729fcf), to(#3465a4));
    background-image: -webkit-linear-gradient(top, #729fcf, #3465a4);
    background-image: -moz-linear-gradient(top, #729fcf, #3465a4);
    background-image: -ms-linear-gradient(top, #729fcf, #3465a4);
    background-image: -o-linear-gradient(top, #729fcf, #3465a4);
    margin-right: 20px;
    display: table;
}

    .oe_active .labelname {
        color: white;
        text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4;
        display: table-cell;
        vertical-align: middle;
        width: 110px;
        text-align: center;
    }

span.arrow {
    width: 17px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-right: -15px;
}

    span.arrow span {
        background-color: #3465a4;
        background: -moz-linear-gradient(135deg, #3465a4, #729fcf);
        background: -o-linear-gradient(135deg, #729fcf, #3465a4);
        background: -webkit-gradient(linear, left top, right bottom, from(#729fcf), to(#3465a4));
        background: -ms-linear-gradient(top, #729fcf, #3465a4);
        position: relative;
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-left: -12px;
        margin-top: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.default-cursor {
    cursor: default;
}

/*override klasat e css te kendo.*/

/*ngjyra e rreshtave te selektuar ne kendo-grid*/

.k-grid tr.k-state-selected:hover td {
    background-color: #e3f5ff;
}

.k-grid tr:hover {
    background-color: #f1efef;
}

.service-resend-progressbar {
    padding: 5px;
    /*width: 170px;*/
}
/*Kendo-Grid-Tooltip-ngjyrashkrimit-background*/
.k-widget.k-tooltip {
    border-color: #000;
    background-color: #dddddd;
    color: #333;
}


/*css per modalin e ripostimit te gjobave.*/
.modal_container {
    margin: 0 auto;
    margin-bottom: -15px;
    height: 300px;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.modal_div:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

.modal_div {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 800px;
    height: 250px;
    background: #f6f8fb;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

    .modal_div h1 {
        margin: -20px -20px 21px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 15px;
        font-weight: bold;
        color: white;
        text-align: left;
        background: #3175b0;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: 0 1px whitesmoke;
        box-shadow: 0 1px whitesmoke;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .modal_div p {
        margin: -10px 0 0;
    }

        .modal_div p:first-child {
            margin-top: 0;
        }

.input_gjoba {
    border: none;
    background-color: inherit;
    border-bottom: 1px solid #b4ccce;
    font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
    font-size: 14px;
}

.cancel_gjoba {
    padding: 0 18px;
    float: right;
    margin-right: 30px;
    /*margin-top: -85px;*/
    height: 29px;
    font-size: 12px;
    font-weight: bold;
    color: #B00020;
    background: #efcdcd;
    border: 1px solid;
    border-color: #B00020 #B00020 #B00020;
    border-radius: 16px;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, white, white);
    background-image: -moz-linear-gradient(top, white, white);
    background-image: -o-linear-gradient(top, white, white);
    background-image: linear-gradient(to bottom, white, white);
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 200;
}

.input_hangfire {
    border: none;
    background-color: inherit;
    border-bottom: 1px solid #b4ccce;
    font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
    font-size: 14px;
}

.cancel_hangfire {
    padding: 0 18px;
    float: right;
    margin-right: 30px;
    /*margin-top: -85px;*/
    height: 29px;
    font-size: 12px;
    font-weight: bold;
    color: #815255;
    text-shadow: 0 1px #f0e2e2;
    background: #efcdcd;
    border: 1px solid;
    border-color: #ceb4b4 #c8b3b3 #c29e9e;
    border-radius: 16px;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, #f8edef, #efcdcd);
    background-image: -moz-linear-gradient(top, #f8edef, #efcdcd);
    background-image: -o-linear-gradient(top, #f8edef, #efcdcd);
    background-image: linear-gradient(to bottom, #f8eded, #efcdcd);
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 200;
}

.submit_gjoba:active {
    background: #cde5ef;
    border-color: #9eb9c2 #b3c0c8 #b4ccce;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.spanHangfire {
    padding-right: 5px;
}
/*progress bar 1 */
.progress_m {
    overflow: hidden;
    margin: 120px auto;
    padding: 0 15px;
    width: 320px;
    height: 34px;
    background: #d3d5d9;
    border-radius: 17px;
    background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}

.progress-val_m {
    float: right;
    margin-left: 15px;
    font: bold 15px/34px Helvetica, Arial, sans-serif;
    color: #333;
    text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.progress-bar_m {
    display: block;
    overflow: hidden;
    height: 8px;
    margin: 13px 0;
    background: #b8b8b8;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}

.progress-in_m {
    display: block;
    min-width: 8px;
    height: 8px;
    background: #1997e6;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #147cd6, #24c1fc);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

/*progress BAR 2*/
.progres_div1 {
    color: #000 !important;
    background-color: #f1f1f1 !important;
    border-radius: 16px;
}

.progres_div2 {
    padding: 0.01em 16px;
    content: "";
    display: table;
    clear: both;
    color: #fff !important;
    background-color: #2196F3 !important;
    border-radius: 16px;
}
/*css per ndarjen e line dy kolona*/
.col_left {
    float: left;
    height: 175px;
    width: 48%;
    border-right: 1px solid #25578e;
}

.col_right {
    float: right;
    height: 175px;
    width: 50%;
}
/* Mbyllet Modali i ripostimit te gjobave*/

.stat-button {
    text-align: left;
    width: 120px !important;
    height: 40px;
    margin: 0px 5px -1px 0px;
    padding: 2px;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    background: white;
    outline: none;
    color: #505050;
}

.button-icon {
    display: inline-block;
    padding: 0px 3px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    top: -1px;
}

.form-field-stat-info {
    display: inline-block;
    max-width: 70%;
    LINE-HEIGHT: 1.2;
    margin-bottom: 0px;
}

.stat-value {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #7c7bad;
}

.stat-text {
    display: block;
    white-space: pre-wrap;
    font-size: 11px;
}

.button_box {
    /*width: 400px;*/
    text-align: right;
}

.grid-book {
    margin-left: -3px;
    margin-right: 3px;
}

    .grid-book:hover {
        color: blue;
        font-size: 16px;
    }

.no-grid-book {
    margin-left: -3px;
    margin-right: 3px;
    top: 7px;
}

    .no-grid-book:hover {
        color: blue;
        font-size: 16px;
    }

.currency-desc {
    margin-top: 5px;
}

.currency {
    background-color: #D2D2FF;
}

.chart-tree-view-parent {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    /*margin: 0 2em;*/
}

.k-treeview span.k-icon ~ span.k-in {
    font-weight: bold;
}

.custom-drop-down {
    /*min-width:368px;*/
    padding-left: 5px;
}

.invoice-amount-info {
    margin: 20px;
    font-size: 12px;
}

    .invoice-amount-info label {
        color: #9d083e;
        font-weight: bold;
    }

.invoice-amount-info-after-tax-border {
    border-bottom: 2px solid #2e3a79;
}

.invoice-amount-info-after-total-border {
    border-bottom: 1px solid #cccccc;
}

.bold {
    font-weight: bold;
}

#btn_requestPartnerName {
    margin: 0;
}

/* modali i printimit te mandatit te takses */
/* The Modal (background) */
.modalMandat {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    // display:flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalMandat-content {
    background-color: #fefefe;
    margin: auto;
    width: 45%;
    height: 40%;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 8px;
    webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* The Close Button */
.closeMandat {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .closeMandat:hover,
    .closeMandat:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


#tree_section {
    /*width: 97%;
    height:95%;
    float: left;*/
    /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;*/
    margin: 15px;
    margin-top: 0;
    margin-left: 0;
    padding: 15px;
    height: 95%;
}

#report_container {
    width: 100%;
    /*float: right;*/
    margin-top: 30px;
}

#raport_name_container {
    font-size: 1.1em;
    color: #506e87;
    display: none;
    margin-left: 35%;
    text-transform: uppercase;
    box-shadow: 1px 1px 4px 0px #00000030;
    padding: 5px;
    width: -webkit-fill-available;
}

#raport_name_container .glyphicon {
    color: #009ac9;
}
#show_tree_button {
    display: none;
}

.open-partner-modal-icon:hover {
    color: green;
    font-size: 16px;
}

.border-td-grid {
    border: 2px solid #506E87 !important;
}
/*btn upload */
.btn_upload {
    width: 23%;
    float: right;
    color: #3D6C7A;
    background-color: #EFEFEF;
    border-color: #506E87;
    line-height: 30px;
    font-size: 1.15em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

span.group-span-filestyle {
    display: flex;
    justify-content: center;
}

label.btn.btn-success.btn-lg.upload-button-description.btn_upload.btn-sm {
    width: 60%;
    height: 86px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

span.buttonText {
    margin-left: 18px;
}

button#btn_download_docatt {
    width: 60%;
    height: 86px;
    font-size: 23px;
}

#download_actual_version_docatt {
    width: 100%;
    display: flex;
    justify-content: center;
}

#download_actual_icon {
    margin-right: 5px;
    font-size: 33px;
    vertical-align: bottom;
}

div#dbtn_container_ar {
    display: flex;
    justify-content: space-evenly;
}

button#btn_download_ar {
    width: 40%;
    height: 50px;
    font-size: 16px;
}

button#btn_download_new_ar {
    width: 40%;
    height: 50px;
    font-size: 16px;
}


#reportViewer1 {
    position: absolute;
    left: 0;
    right: 5px;
    top: 8%;
    bottom: 5px;
    height: 92%;
    overflow: hidden;
}

.noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#Totali {
    font-weight: bold;
    color: #007bd3;
}

.TotalLabel {
    font-weight: bold;
}

}

.small-font {
    font-size: 18px !important;
}

#menu_element_container {
    padding-bottom: 200px;
}

#breadcrumb {
    margin-left: 8px;
    position: relative;
    top: 2px;
}

#breadcrumb_img {
    width: 16px;
    margin-right: 10px;
}

#breadcrumb_li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #236fbd;
    border: 2px #506E87 solid;
    padding-left: 15px;
    margin-left: 55px;
}

#breadcrumb_starting {
    left: -16px;
    width: 0px;
    position: relative;
}

    #breadcrumb_starting svg polygon {
        fill: #506E87;
        filter: none;
    }

.breadcrumb_a {
    color: white;
    cursor: pointer;
}

#breadcrumb_container {
    display: flex;
    height: 23px;
    font-size: medium;
    padding-left: 15px;
}

#breadcrumb_separator {
    font-size: 21px;
    margin: 0 10px;
    color: white;
    position: relative;
    bottom: 13px;
}

#breadcrumb_ending {
    width: 0px;
    font-size: 21px;
    color: white;
    position: relative;
    bottom: 13px;
}

    #breadcrumb_ending svg polygon {
        fill: #236fbd;
        stroke: #196da5;
        /* display: none; */
        stroke-width: 4px;
        paint-order: stroke;
        /* box-shadow: -7px 10px black; */


        filter: drop-shadow(5px 0px 2px #00000070);
    }

#breadcrumb_separator svg polyline {
    fill: none;
    stroke: #196da5;
    stroke-width: 4px;
    filter: drop-shadow(5px 0px 2px #00000070);
}

#browser_not_supported {
    color: rgba(79, 145, 165, 1);
    font-size: 20px;
    margin-top: 200px;
    margin-left: 500px;
}

#browser_not_supported_icon {
    top: 60px;
    right: 66px;
    font-size: 50px;
    position: relative;
}

.bns_full_page {
    width: 100% !important;
    height: 100% !important;
}

.statement_modal {
    display: none;
    z-index: 11;
    position: absolute;
    top: 10%;
}

.statement_modal_close {
    margin-top: -20px !important;
    z-index: 99;
}

#statement_container {
    height: 750px;
}

/*scroll to top*/
#goToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #337ab7;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

    #goToTop:hover {
        background-color: #555;
    }

#btn_new_prod_category .k-button {
    width: 100% !important;
    border-radius: 15px;
    margin-bottom: 2px;
    padding: 0 !important;
}


/*mandat html posta*/
#mandat_posta {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 700px !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 8pt !important;
    font-family: "Arial" !important;
}

#header {
    height: 50px;
}


.table_p {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 2px;
}


.signatures_l {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 8pt;
}

.signatures_r {
    float: right;
    width: 50%;
    text-align: left;
    font-size: 8pt;
}

.desc_info {
    height: 20px;
    float: left;
    font-size: 8pt !important;
}

.margin_top_14 {
    margin-top: 14px;
}

#AL_flag, #GB_flag {
    height: 30px;
}

    #AL_flag:hover, #GB_flag:hover {
        opacity: 1;
    }

.choosen_lang {
    opacity: 0.4;
    pointer-events: none;
}

/*rimbushje elektronike*/
.rimbushje_elektronike {
    background-color: red;
    box-shadow: 0 5px 0 darkred;
    color: white;
    padding: 1em 1.5em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

    .rimbushje_elektronike:hover {
        background-color: #ce0606;
    }

    .rimbushje_elektronike:active {
        box-shadow: none;
        top: 5px;
    }

.tree_parent_icon {
    color: #ff9e00;
    margin: 0 5px 0 10px;
    word-wrap: break-word;
    white-space: normal;
}

.arkiva_label {
    border-bottom: 2px solid orange;
    color: #3c7bb2;
    padding: 4px;
    padding-bottom: 2px;
    min-height: 17px;
}

.info_icon_akiva {
    color: #f19f09;
}

    .info_icon_akiva:hover {
        cursor: pointer;
    }

/*.tooltip-inner {
    word-break: break-all;
    white-space: normal;
    background-color: #3476aff5;
    color: white;
}*/

#treeviewReport {
    border: none !important;
}

.date_label {
    font-weight: bold;
    color: #3c7bb2;
    padding: 4px;
    padding-bottom: 2px;
    min-height: 17px;
}

}

#dropboxProduct {
    border: 2px dashed #dad3d3;
    position: relative;
    vertical-align: top;
    display: inline-block;
    font-size: 12px;
    margin: 8px !important;
    width: 122px;
    height: 115px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}

    #dropboxProduct img {
        max-height: 100px;
        max-width: 120px;
        vertical-align: middle;
        cursor: pointer;
    }

    #dropboxProduct .product-img {
        position: relative;
        width: 120px;
        height: 100px;
        background: white;
        text-align: center;
        cursor: pointer;
    }

    #dropboxProduct .label {
        cursor: pointer;
    }

.product-img > input {
    display: none;
}

.remove-file-uploaded {
    font-weight: bold;
    line-height: 1;
    color: #000000;
    opacity: 0.2;
    position: absolute !important;
    left: 1px;
    top: 1px;
}


.dropdown-data-width k-list-container k-popup k-group k-reset {
    width: 200px;
}


/*Kredia*/
.legalStatusIsLate {
    background-color: #ffcccc;
}


/*------------------------*/
/*Recovery History timeline*/
/*------------------------*/

.recoverySekuestro .k-grid td {
    white-space: normal !important;
}


/*\97\97\97\97\97\97\97\97\97\97\97\97\97\97
TimeLine CSS
\97\97\97\97\97\97\97\97\97\97\97\97\97\97\97*/
/* Base */

#contentRecoveryHistory {
    /*margin-top: 50px;*/
    text-align: center;
}

section.timeline-outer {
    width: 80%;
    margin: 0 auto;
}

h1.headerRecovery {
    font-size: 30px;
    line-height: 50px;
}

/* Timeline */

.timelineRecovery {
    border-left: 8px solid #42A5F5;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #333;
    margin-top: 50px;
    margin-left: 100px;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    padding: 20px;
    list-style: none;
    text-align: left;
}

    .timelineRecovery h1,
    .timelineRecovery h2,
    .timelineRecovery h3 {
        font-size: 1.4em;
    }

    .timelineRecovery .event {
        border-bottom: 1px solid rgba(160, 160, 160, 0.2);
        padding-bottom: 15px;
        margin-bottom: 20px;
        position: relative;
    }

        .timelineRecovery .event:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border: none;
        }

        .timelineRecovery .event:before,
        .timelineRecovery .event:after {
            position: absolute;
            display: block;
            top: 0;
        }


        .timelineRecovery .event:before {
            left: -177.5px;
            color: #212121;
            content: attr(data-date);
            text-align: right;
            /*  font-weight: 100;*/
            font-size: 12px;
            min-width: 120px;
        }

        .timelineRecovery .event:after {
            box-shadow: 0 0 0 8px #42A5F5;
            left: -30px;
            background: #212121;
            border-radius: 50%;
            height: 11px;
            width: 11px;
            content: "";
            top: 5px;
        }

/**/
/*\97\97\97\97\97\97\97\97\97\97\97\97\97\97
Responsive Stuff
\97\97\97\97\97\97\97\97\97\97\97\97\97\97\97*/

@media (max-width: 945px) {
    .timelineRecovery .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        font-size: 13px;
    }

    .timelineRecovery h3 {
        font-size: 16px;
    }

    .timelineRecovery p {
        padding-top: 20px;
    }

    section.lab h3.card-title {
        padding: 5px;
        font-size: 16px
    }
}

@media (max-width: 768px) {
    .timelineRecovery .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        font-size: 13px;
    }

    .timelineRecovery .event:nth-child(1)::before,
    .timelineRecovery .event:nth-child(3)::before,
    .timelineRecovery .event:nth-child(5)::before {
        top: 38px;
    }

    .timelineRecovery h3 {
        font-size: 16px;
    }

    .timelineRecovery p {
        padding-top: 20px;
    }
}

/*------------------------*/
/*Recovery History timeline end*/
/*------------------------*/



/*------------------------------*/
/* Multi step i product*/
/*-----------------------------*/

/*progressbar*/
#progressbarProduct {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

.timelineBar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}


#progressbarProduct li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 11px;
    float: left;
    position: relative;
    z-index: 1;
    flex: 1 1 0px;
}

.timelineBar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 11px;
    float: left;
    position: relative;
    z-index: 1;
    flex: 1 1 0px;
}

#progressbarProduct li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    color: #aab8c2;
    border: 1px solid #aab8c2;
    background: white;
    border-radius: 25px;
    margin: auto auto auto 10px;
    z-index: 9999 !important;
    text-indent: 10px;
}

.timelineBar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    color: #aab8c2;
    border: 1px solid #aab8c2;
    background: white;
    border-radius: 25px;
    margin: auto auto auto 10px;
    z-index: 9999 !important;
    text-indent: 10px;
}

/*progressbar connectors*/
#progressbarProduct li:after {
    content: '';
    width: 125%;
    height: 3px;
    background: #eaf0f4;
    position: absolute;
    right: 5%;
    top: 15px;
    z-index: -1 !important;
}

.timelineBar li:after {
    content: '';
    width: 125%;
    height: 3px;
    background: #eaf0f4;
    position: absolute;
    right: 5%;
    top: 15px;
    z-index: -1 !important;
}

/*marking active steps blue*/
#progressbarProduct li.active {
    font-weight: bold;
    color: #236fbd;
    font-size: 13px;
}

.timelineBar li.active {
    font-weight: bold;
    color: #236fbd;
    font-size: 13px;
}


#progressbarProduct li.active:after {
    background: #236fbd;
}

.timelineBar li.active:after {
    background: #236fbd;
}

#progressbarProduct li.active:before {
    color: #236fbd;
    border: 4px solid #236fbd;
    width: 40px;
    height: 40px;
    background: white;
    line-height: 32px;
    padding-left: 2px;
}

.timelineBar li.active:before {
    color: #236fbd;
    border: 4px solid #236fbd;
    width: 40px;
    height: 40px;
    background: white;
    line-height: 32px;
    padding-left: 2px;
}

/*marking completed steps green*/
#progressbarProduct li.completed {
    color: #3cb099;
}

.timelineBar li.completed {
    color: #3cb099;
}

#progressbarProduct li.completed:after {
    background: #3cb099;
    color: #3cb099;
}

.timelineBar li.completed:after {
    background: #3cb099;
    color: #3cb099;
}

#progressbarProduct li.completed:before {
    background: #ffffff;
    border: 1px solid #3cb099;
    color: #3cb099;
}

.timelineBar li.completed:before {
    background: #ffffff;
    border: 1px solid #3cb099;
    color: #3cb099;
}



/*marking required steps red*/
#progressbarProduct li.required {
    color: #d80000;
    margin: 0;
}

/*marking required steps red*/
.timelineBar li.required {
    color: #d80000;
    margin: 0;
}

#progressbarProduct li.required:after {
    background: #d80000;
    color: #d80000;
}

.timelineBar li.required:after {
    background: #d80000;
    color: #d80000;
}

#progressbarProduct li.required:before {
    background: #ffffff;
    border: 1px solid #d80000;
    color: #d80000;
}

.timelineBar li.required:before {
    background: #ffffff;
    border: 1px solid #d80000;
    color: #d80000;
}

.dropdown-data-width k-list-container k-popup k-group k-reset {
    width: 200px;
}

.full-content {
    max-width: 98% !important;
}

/*butonat previous next*/
.action-button_progressbarProduct,
.action-button-previous_progressbarProduct {
    width: 100px;
    background: #236fbd;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

    .action-button_progressbarProduct:hover, .action-button_progressbarProduct:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #236fbd;
    }

    .action-button-previous_progressbarProduct:hover, .action-button-previous_progressbarProduct:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
    }


/*vijat ndarese midis fushave*/
.progressbarProduct_div {
    color: #2264a8;
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 10px;
    border-bottom: 2px solid #236fbd;
    margin-bottom: 10px;
}

.progressbarProduct_div_inside {
    color: #b5b4b4;
    font-weight: bold;
    font-size: small;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 20px;
}

#progressbarLoan {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

    #progressbarLoan li {
        list-style-type: none;
        color: #99a2a8;
        font-size: 11px;
        float: left;
        position: relative;
        z-index: 1;
        flex: 1 1 0px;
    }

        #progressbarLoan li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: 30px;
            display: block;
            font-size: 12px;
            color: #aab8c2;
            border: 1px solid #aab8c2;
            background: white;
            border-radius: 25px;
            margin: auto auto auto 10px;
            z-index: 9999 !important;
            text-indent: 10px;
        }

        /*progressbar connectors*/
        #progressbarLoan li:after {
            content: '';
            width: 125%;
            height: 3px;
            background: #eaf0f4;
            position: absolute;
            right: 5%;
            top: 15px;
            z-index: -1 !important;
        }


        /*marking active steps blue*/
        #progressbarLoan li.active {
            font-weight: bold;
            color: #236fbd;
            font-size: 13px;
        }

            #progressbarLoan li.active:after {
                background: #236fbd;
            }

            #progressbarLoan li.active:before {
                color: #236fbd;
                border: 4px solid #236fbd;
                width: 40px;
                height: 40px;
                background: white;
                line-height: 32px;
                padding-left: 2px;
            }

        /*marking completed steps green*/
        #progressbarLoan li.completed {
            color: #3cb099;
        }

            #progressbarLoan li.completed:after {
                background: #3cb099;
                color: #3cb099;
            }

            #progressbarLoan li.completed:before {
                background: #ffffff;
                border: 1px solid #3cb099;
                color: #3cb099;
            }



        /*marking required steps red*/
        #progressbarLoan li.required {
            color: #d80000;
            margin: 0;
        }

            #progressbarLoan li.required:after {
                background: #d80000;
                color: #d80000;
            }

            #progressbarLoan li.required:before {
                background: #ffffff;
                border: 1px solid #d80000;
                color: #d80000;
            }



/*------------------------------*/
/* Multi step i product END*/
/*-----------------------------*/





#prev_btn,
#next_btn {
    color: #3575ad;
    width: 35px;
    height: 65px;
    display: flex;
    align-items: center;
}

    #prev_btn:hover,
    #next_btn:hover {
        cursor: pointer;
    }

    #prev_btn > i,
    #next_btn > i {
        font-size: 22px;
        background: #efefef;
        border-radius: 23px;
        width: 28px;
        padding-left: 4px;
    }

#myTabs {
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px 15px;
}

/**
    STYLE TE TABS
*/
.nav.nav-tabs li > a.step {
    background-color: #fff;
    background-image: none;
    border: 0;
    text-align: center;
    box-shadow: none;
    filter: none;
}

.nav.nav.nav-tabs > li {
    min-width: 200px;
}

.nav.nav-tabs li > a.step > .number {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    background-color: #eee;
    text-align: center !important;
    padding: 14px 15px 13px;
    margin-right: 10px;
    height: 55px;
    width: 55px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    color: #1a222699;
}

.TabsContainer {
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 2px solid #ecf0f5;
    border-bottom: 3px solid #bec8d4;
}

.nav.nav-tabs li > a.step > .desc {
    display: block;
    padding-top: 10px;
    font-size: 12px;
    color: #4d5254c9;
    text-align: center;
}

.nav.nav-tabs > li.finished > a.step .number {
    background-color: #3c763d9c;
    color: #fff;
}

.nav.nav-tabs > li.live > a.step .number {
    background-color: rgb(254, 197, 89);
    color: #fff;
}

.nav.nav-tabs > li.live-late > a.step .number {
    background-color: #a94442;
    color: #fff;
}

#myTabs > li:first-child {
    max-width: 350px;
}

    #myTabs > li:first-child + td {
        max-width: 300px;
    }

.nav.nav.nav-tabs > li {
    min-width: 150px;
}

.btn-outline-light {
    background-color: transparent;
    background-image: none;
    border-color: #e3e3e3;
    color: #333333;
}

    .btn-outline-light:hover,
    .btn-group button:hover {
        background-color: rgba(254, 197, 89, 0.8);
        color: white;
    }

.btn-group {
    display: flex;
}

    .btn-group button {
        flex: 1;
        background-color: white;
        border: none;
        color: black;
        padding: 8px 15px;
        cursor: pointer;
        float: left;
        -moz-box-shadow: 0px 0px 0.5px 0.5px #e3e3e3;
        -webkit-box-shadow: 0px 0px 0.5px 0.5px #e3e3e3;
        box-shadow: 0px 0px 0.5px 0.5px #e3e3e3;
    }

        .btn-group button:focus {
            outline: none;
        }

    .btn-group:after {
        content: "";
        clear: both;
        display: table;
    }

    .btn-group button:not(:last-child) {
        border-right: none;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.student_card_outer {
    position: relative;
    max-width: 8.56cm;
    min-height: 5.4cm;
    margin: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    background-image: url('/Content/images/student_front.png');
    background-position: center;
    background-size: cover;
}

.student_info_outer {
    padding-top: 35px;
    padding-left: 10px;
    max-width: 60%;
}

.student_bottom_info {
    position: absolute;
    bottom: 0;
}

.student_left_info > #s_name {
    float: left;
    margin-right: 15px;
}

.student_card_image {
    position: absolute;
    right: .56cm;
    top: .72cm;
}

.student_bottom_info > h4 {
    margin: 0
}


/*Stilizimet per butonin switch LoanAppconfig*/


.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 21px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

div.cron_expression {
    font-size: 13px;
    color: #1419de;
    font-family: 'Open sans';
    display: block;
    padding: 0px 5px;
}

.km-switch-off {
    background-color: red;
}

.km-switch-on {
    background-color: lawngreen;
}

.km-switch-handle {
    margin: 0 0 0 0 !important;
}

.km-switch-label-off {
    color: white !important;
}

.km-switch-label-on {
    text-shadow: 0 0px 0 rgba(0,0,0,0) !important;
    color: black !important;
    font-weight: bold !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 50px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: var(--group-background-focus);
}

input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px var(--group-background-focus);
}

input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.tooltip-info {
    white-space: normal;
    color: white;
}

    .tooltip-info + .tooltip > .tooltip-inner {
        word-break: break-word;
        background-color: sandybrown;
        color: white;
        width: 650px;
    }

    .tooltip-info + .tooltip > .tooltip-arrow {
        border-right-color: sandybrown !important;
    }

.editGridCell {
    background: none;
    border: none;
    font-size: 20px;
    color: #646c64;
}

    .editGridCell:hover {
        background: none;
        border: none;
        color: rgb(230, 0, 0);
    }

.infobox {
    padding: 13px 10px 10px 10px;
    background-color: #d2e5f4;
    border: 1px solid #337ab7;
    border-radius: 5px;
    vertical-align: middle;
}

.warning {
    border: 2px solid red !important;
}

.emp-warning {
    border: 2px solid red !important;
}

.warning:hover::after {
    background: #333;
    background: rgba(190,0,0,.8);
    border-radius: 5px;
    bottom: 0px;
    color: #fff;
    content: "Zgjidhni llojin e dokumentit";
    padding: 2px 35px;
    position: relative;
    z-index: 98;
    width: 220px;
    left: calc(53% + 5px);
}

.nav-tabs {
    border-bottom: 0 !important;
}

#prev_btn,
#next_btn {
    color: #3575ad;
    width: 35px;
    height: 65px;
    display: flex;
    align-items: center;
}

    #prev_btn:hover,
    #next_btn:hover {
        cursor: pointer;
    }

    #prev_btn > i,
    #next_btn > i {
        font-size: 28px;
        background: #efefef;
        border-radius: 23px;
        width: 28px;
        padding-left: 7px;
    }

#myTabs {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px 5px;
    margin: 0 auto;
    border: none;
}

/**
    STYLE TE TABS
*/
.nav.nav-tabs li > a.step {
    background-color: #fff;
    background-image: none;
    border: 0;
    text-align: center;
    box-shadow: none;
    filter: none;
}

.nav.nav.nav-tabs > li {
    min-width: 140px;
}

.nav.nav-tabs li > a.step > .number {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    background-color: #eee;
    text-align: center !important;
    padding: 10px 8px 10px;
    margin-right: 10px;
    height: 43px;
    width: 43px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    color: #1a222699;
}

/*.TabsContainer {
    border-top: 2px solid #ecf0f5;
    border-bottom: 3px solid #bec8d4;
}*/

.nav.nav-tabs li > a.step > .desc {
    display: block;
    padding-top: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #4d5254c9;
    text-align: center;
}

.nav.nav-tabs > li.finished > a.step .number {
    background-color: #7fba00;
    color: #fff;
}

.nav.nav-tabs > li.live > a.step .number {
    background-color: #ffb900;
    color: #fff;
}

#myTabs > li:first-child {
    min-width: 165px;
}

    #myTabs > li:first-child + td {
        min-width: 155px;
    }

.nav.nav.nav-tabs > li:first-child + li {
    min-width: 170px;
}

#tabela > .tab-pane {
    border: none;
    padding: 0;
}

.tab-content > .active {
    background: #fff;
    min-height: 56px;
}

.custom-disable {
    color: #a1a1a1 !important;
    border-color: #ccc;
    background-color: #f5f5f5;
}

}

.k-numerictextbox .k-input {
    height: 23px;
}

.prind {
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}

.prindDy {
    background-color: #E8E8E8;
    margin-right: 5px;
    height: 35px;
}

.prindTre {
    background-color: #abc8e1;
    margin-right: 5px;
    height: 34px;
}


.date {
    margin-right: 0.0001% !important;
}

.shumaPare {
    margin-left: 1.0em;
    margin-top: 2px;
    border: 1px solid #595959;
}

.femije {
    margin-left: 1.9em;
    margin-right: -1%;
    border: 1.3px solid #E6E6E6;
}

.shumaDyte {
    margin-left: 1.0em;
    margin-top: 3px;
    border: 1px solid #595959;
    background-color: #E8E8E8;
}

.PrindiMadh {
    background-color: cornflowerblue;
    height: 30px;
    margin-left: 1px;
}

.tipLlogari {
    margin-left: 45px;
    margin-top: 3px;
}


.distancAnesoreIncome {
    margin-left: 30px;
    margin-right: 30px;
}

.distancAnesore {
    margin-left: 10px;
    margin-right: 40px;
}

.input-group-prepend {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

#form-designer-container {
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    position: relative;
}

.text-design {
    margin-bottom: 50px;
    margin-top: 22px;
}

.text-question-form {
    border-top: solid 2px;
    border-top-color: #236fbd;
}

.margins {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 23px;
    padding-right: 25px;
}

.questionOrder {
    margin-right: 0;
    width: 23px;
    display: inline-block;
    font-weight: 700;
    line-height: 34px;
}

.text-element {
    margin: 10px 25px 14px 46px;
}

.design-question-hr {
    margin-top: 0;
    margin-bottom: 0;
    border-color: #e8e8e8;
}

.toggle {
    margin: 17px 20px 12px 0;
    display: inline-flex;
    height: 20px;
    vertical-align: middle;
}

.toggle-label {
    margin: -1px 36px 0 14px;
}

.k-switch {
    width: 9em !important
}

.toggle-emement {
    float: right;
    margin-top: 10px;
}

.action {
    margin-top: 10px;
    float: right;
}

.button-color {
    color: white;
    background: #236fbd;
}

.panel-container {
    font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 50px;
    margin-top: 10px;
    color: #fff;
}

#AddBtn, #ChoiceBtn, #TextBtn, #DateBtn, #NumberBtn, #PlusBtn, #AddExistingBtn, #MultipleChoicesBtn, #Date_TimeQuestionsBtn {
    background: #236fbd;
    COLOR: WHITE;
    outline: none;
    font-size: 15px;
    border-color: white;
}

.group-buttons {
    display: inline-flex;
    min-height: 50px;
    outline: 1px solid transparent;
}

.hide {
    display: none;
}

.k-icon-20 {
    font-size: 20px;
    margin-left: 5px;
}

.question-hr {
    border-top: 1px solid lightgray !important;
    margin-bottom: 0;
}

.required {
    margin: -1px 36px 0 14px;
    font-size: 13px;
}

.question-order {
    margin-right: 0;
    width: 23px;
    display: inline-block;
    font-weight: 700;
    line-height: 34px;
}

.question-title {
    display: inline-block;
    width: calc(100% - 30px);
    position: relative;
}

.question-points {
    display: inline-block;
    margin-top: 10px;
}

.points-label {
    margin-right: 10px;
    display: inline-block;
    line-height: 34px;
}

.points-textbox {
    position: relative;
    font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    display: inline-block;
    width: 65px;
    height: 26px;
}

.correct-answer {
    margin-top: 10px;
}

.questionChoice {
    margin-top: 10px;
}

.icon {
    display: inline-block;
    vertical-align: middle;
}

.choice-icon {
    margin: 0 13px 0 3px;
    width: 20px;
    height: 18px;
    vertical-align: middle;
}

.option-text {
    width: 50%;
    min-width: 140px;
    display: inline-block;
    vertical-align: middle;
}

.options-icons {
    display: inline-block;
}

.deletebtnClass {
    background-color: white !important;
}

    .deletebtnClass:active, .deletebtnClass.active, .deletebtnClass:focus, .deletebtnClass.focus {
        background-color: white !important;
        outline: none !important;
        -webkit-box-shadow: none !important;
        border: 0px solid;
    }

.add-attach {
    display: inline-block;
    width: 20%;
}

.correct-answer-icon {
    color: #18dc66
}

.document-type {
    width: 30%;
    min-width: 140px;
    padding-top: 10px;
}

.icon-margin {
    margin-bottom: 3px;
    margin-right: 5px;
}

.question-position {
    pointer-events: none;
    border: none
}

.moveup {
    bottom: 370px;
    position: relative;
}

.moveDown {
    position: relative;
    top: 400px;
}


.form-group .select-tags .k-multiselect-clearable .k-multiselect-wrap {
    border: none;
}

/**Tags*/

#PartnerTags {
    border: none;
    border-bottom: 2px solid #bebdbd21;
    border-radius: 0;
    padding: 0;
}

    #PartnerTags .form-group {
        float: right;
        display: flex;
        flex-direction: row;
        align-items: center;
    }


        #PartnerTags .form-group .select-tags
        .k-multiselect-clearable .k-multiselect-wrap {
            height: fit-content;
            padding-bottom: 0;
            margin-bottom: 0;
            width: 100%;
        }

        #PartnerTags .form-group
        .select-tags .k-multiselect
        .k-button.k-state-hover span {
            background-color: #9eb7d74d;
        }

        #PartnerTags .form-group
        .select-tags .k-multiselect
        .k-button.k-state-hover {
            background-color: white;
        }

        #PartnerTags .form-group
        .select-tags .k-multiselect
        .k-button:active {
            box-shadow: none;
        }

.select-tags .k-multiselect li {
    color: white;
    font-size: xx-small;
    background: none;
    font-weight: bold;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    padding: -1px;
    min-height: 20px;
}

    .select-tags .k-multiselect li .k-select {
        top: 3px;
        right: 15px;
        height: fit-content;
    }

.select-tags .k-multiselect-wrap .k-select .k-icon {
    font: 12px/1 WebComponentsIcons;
}

.select-tags .k-multiselect-wrap .k-input {
    width: 75px;
    min-width: 75px;
}

#ResPartnerTagRels_taglist li {
    margin-right: -15px;
}

.select-tags .k-multiselect.k-state-focused,
.select-tags .k-state-focused > .k-multiselect-wrap {
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
}

.k-multiselect-wrap > .k-i-close {
    right: calc(1em - 15px);
}

.gylpphicon-tag i {
    font-size: large;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.k-input[disabled],
.k-input[disabled],
.k-widget.k-dropdown.k-header[aria-readonly='true'] {
    background: none;
}

/*progressbar*/

#progressbarProduct {
    display: flex;
    flex-direction: row;
}

.timelineBar {
    display: flex;
    flex-direction: row;
}

}
/*progress bar aml*/

.aml-progressBar #progressBar .k-progress-status-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: 10px;
    padding-top: 1px;
    font-weight: bold;
}

.aml-progressBar {
    margin-top: 6px;
}

.label-aml {
    font-size: 10px;
    color: #236fbd;
}

.labelAdresa {
    padding: .4em .6em;
    margin: 5px 0;
}

.parties {
    border: 1px solid #e6e6e6;
    padding: .4em .6em;
    margin: 5px 0;
}

#comparingModal {
    position: relative;
}

.btn-group .active-button {
    background-color: #3cb09938;
    border-color: #ffffff;
    font-weight: bold;
    height: 40px;
    /*box-shadow: inset -1px 0px 5px 0px #000000ad;*/
    box-shadow: none;
    width: fit-content;
}

.btn-group .next-level {
    background-color: #ffffff;
    border-color: #ffffff;
    height: 40px;
    box-shadow: 0px 1px 4px 0px #000000a6;
    width: 125px;
}


.partner-type {
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-right: 68px;
}

    .partner-type button:hover {
        color: white;
        background-color: #4b6274;
    }

.btn-group .active-button:hover {
    background: #efe8ff;
    color: black;
    cursor: default;
}

#modal-dialog-compare {
    position: fixed;
    bottom: 0px;
    right: 10px;
}

#progressBar .k-progress-status-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-header {
    color: #444;
    display: block;
    padding: 12px;
    position: relative;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    background-color: #fff;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
    margin-right: 5px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    color: #545454;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.notification-left-border {
    border-left: 1px solid #efeeee;
    height: 100%;
}

.notification-list {
    padding-left: 0;
    padding-right: 0;
    height: 85%;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

.unread-notification {
    font-weight: bold;
    background: white;
    border-left: 5px solid #506e87;
    background-color: rgba(60, 141, 188, 0.2) !important;
}

.custom-control-label {
    position: absolute;
    left: 0;
    font-size: 15px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-control-label::before {
    position: absolute;
    top: 3px;
    left: -20px;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::before {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-control-label::after {
    position: absolute;
    top: -2px;
    left: -2.5rem;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

#mark_as_read {
    float: right;
    color: #605ca8;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 5px;
}

.dropdown-menu > li > a {
    font-size: 12px;
}

.custom-control-label:hover {
    cursor: pointer;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-left: 25px;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-label {
    position: absolute;
    left: 0;
    font-size: 15px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #3c8dbc;
    background-color: #3c8dbc;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-radiobutton .custom-control-label::before {
    border-radius: 10px;
}

.custom-control-label::before {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.custom-control-label::before {
    position: absolute;
    top: 3px;
    left: -20px;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.custom-radiobutton .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-control-label::after {
    position: absolute;
    top: -2px;
    left: -2.5rem;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.notification-list-item-body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    font-size: 10px;
    color: #888888;
    margin-left: 40px;
}

#notif-list > li {
    position: relative;
    display: block;
}

#read-dot {
    right: 10px;
    position: absolute;
    top: 20px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

button .custom-control {
    padding-left: 0px;
}

input[type="radio"], input[type="checkbox"] {
    margin: auto;
}

.notification-main {
    height: 95%;
    padding: 10px;
    border: 1px solid #efeeee;
    border-radius: 3px;
    margin: 10px 0px 10px 25px;
    background: white;
}

.mailbox-read-time {
    color: #999;
    font-size: 13px;
}

.pull-right {
    float: right !important;
}

.notification-body {
    font-size: 15px;
    text-align: justify;
    padding: 5px;
}

.col-xs-24 {
    width: 100%;
}

.mailbox-read-message {
    padding: 10px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.mailbox-controls {
    padding: 5px;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.no-padding {
    padding: 0 !important;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}


.toastr-notification {
    top: 55px;
    right: 25px;
}

#toast-notif-container.toastr-notification > div {
    background-color: #506E87;
    opacity: 1;
    box-shadow: 0 0 1px #000000;
    -webkit-box-shadow: 0 0 1px #000000;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
    min-width: 300px;
    max-height: 200px;
    background-position: 2% 15px;
    background-size: 25px;
}


.searchbar {
    float: right;
    background-color: #394951;
    color: white;
    padding: 5px 5px 5px 5px;
    width: 180px;
    border: none;
    margin-top: 1px;
    border-bottom: white solid 2px;
    transition: 0.3s;
}

    .searchbar::placeholder {
        color: #ffffff;
    }

input.menu-search:focus {
    outline: none;
    border: none;
}

.searchBtn {
    cursor: pointer;
    color: #f28022;
    margin-left: -2px;
}

    .searchBtn:hover {
        color: #CE582A;
    }
/*
.csearch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}*/

input.menu-search {
    border-radius: 0px;
    background-color: inherit;
    color: white;
    width: 86%;
    box-shadow: none !important;
    height: 27px;
    border: none;
    font-size: 12px;
    padding: 6px;
    font-weight: bold;
}

.search-container {
    background: #ffffff38;
    border-radius: 11px !important;
    margin-left: 8px;
    margin-bottom: 5px;
    z-index: 9;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

input.menu-search::placeholder {
    color: silver;
    font-weight: normal;
    opacity: 1;
}

#accordion::-webkit-scrollbar {
    width: 5px;
}

#accordion::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

#accordion::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.uploadDocument {
    font-size: 15px;
}

.aml-no-match {
    background: #ff9c4b;
    padding: 15px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.inline-form-group {
    display: inline-flex;
    align-items: center;
}

.readonly-checkbox {
    pointer-events: none;
    filter: grayscale(100%);
    opacity: 0.5;
}


#add-docType {
    border-color: #236fbd;
    background: #236fbd;
    color: white;
}

.inline-form-group {
    flex-wrap: wrap;
}

.label-danger {
    background-color: #dd4b39 !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: 320px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
        max-height: 300px;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow-x: hidden;
    }

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: 320px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #ffffff;
        padding: 7px 10px;
        border-bottom: 1px solid #f4f4f4;
        color: #96bdbd;
        font-size: 12px;
    }

li.unseen-bg {
    background-color: #2fa9981a;
}

.textAlignmentAccount {
    text-align: right !important;
}

.RprGrid_Head {
    background-color: #99a8c2;
    background-image: none;
    padding: .4em .6em;
    color: white;
    clear: both;
}

.RprGrid_HeadCard {
    background-color: #C37894;
    background-image: none;
    padding: .4em .6em;
    color: white;
    clear: both;
}

button.addRpr, button.deleteRpr {
    background: transparent;
    color: #236fbd;
    font-size: 9px;
    border-radius: 5px;
    /*border: 1px solid #c37894c2;*/
}

.parties {
    border: 1px solid #e6e6e6;
    padding: .4em .6em;
    margin: 5px 0;
}

button.deleteRprNoAuth {
    background: transparent;
    color: #236fbd;
    font-size: 9px;
    border-radius: 5px;
}

.add_party {
    color: #236fbd;
    width: 30%;
    text-align: left;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    padding: .786em .6em;
    padding-left: 1.286em;
}

.RprGrid {
    border: 2px solid #f9f9f9;
}

#GridaMvc .fieldsetColor {
    border-color: #236fbd;
}

.labelAdresa {
    padding: .4em .6em;
    margin: 5px 0;
}

#GridaMvc .padding {
    padding-top: 5px;
}

.refInfobox {
    font-size: 13px;
    padding: 10px 15px 0px 15px;
    background-color: #e9f0fa;
    border: 1px solid #d7e7ff;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
}

.drag-focus {
    border-color: #236fbd !important;
    border-width: 3px;
}

.drag-focus-override {
    border-color: #f28022 !important;
    border-width: 3px;
}



.delete_limit_categ {
    position: absolute;
    right: -16px;
    border: none;
    font-size: 22px;
}

#AddLimitCateg {
    border: none;
}


.newHistory {
    font-size: 13px;
    background-color: #FCFFFC !important;
}

.deletedHistory {
    font-size: 13px;
    background-color: #FCFFFC !important;
    color: red;
    border-color: red;
}


.extraStylingForCancelledEntries {
    background-color: #E53935 !important;
    font-weight: bold !important;
    color: white !important;
    align-content: center !important;
    width: 100px !important;
}

#CustomerTypeDiv #label-custconvert span {
    font-size: x-small;
    color: #f59062;
    font-weight: 700;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
.ins-fields-grid {
    -webkit-appearance: none;
    margin: 0;
}

.ins-fields-grid {
    margin: auto;
    width: 85%;
}

.flex-parent-element {
    display: flex;
    width: 80%;
    margin: auto;
    padding: 10px;
}

.flex-child-element {
    flex: 1;
    margin: 25px;
}

#InsuranceField {
    height: 200px;
    overflow: auto;
    width: 80%;
    margin: auto;
    overflow-y: scroll;
    position: relative;
    border: none;
    box-shadow: 0px 0px 6px 1px #e6d8d8;
}

#Metadata {
    height: 200px;
    overflow: auto;
    width: 80%;
    margin: auto;
    overflow-y: scroll;
    position: relative;
    border: none;
    box-shadow: 0px 0px 6px 1px #e6d8d8;
}

#btn_insert_mtdInGrid,
#btn_insert_propInGrid {
    border: none;
    margin-top: 20px;
}

.listView-container {
}

.prop-title {
    color: #7e9ce7;
    justify-content: center;
}

#InsuranceField::-webkit-scrollbar,
#Metadata::-webkit-scrollbar {
    background-color: #fff;
    width: 14px;
}

#InsuranceField::-webkit-scrollbar-track,
#Metadata::-webkit-scrollbar-track {
    background-color: #fff
}

#InsuranceField::-webkit-scrollbar-thumb,
#Metadata::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff
}

.insurance-fields .field-list {
    padding: 10px;
    background: lightblue;
    list-style: none;
    margin: 10px;
}

.insurance-fields .list-group {
    margin-bottom: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.insurance-fields .list-group-item {
    width: 80%;
    border-top: none;
    margin-bottom: 1px;
    position: static;
    z-index: 100;
    color: #808080;
    border-left: none;
    border-right: none;
    border-radius: 0 !important;
    margin-left: 5px;
}

    .insurance-fields .list-group-item:hover {
        background: #236fbd14;
    }

.insurance-fields .k-state-selected .list-group-item {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white !important;
    color: #236fbd;
    box-shadow: 0px 2px 0px 0px #85cdff78;
}

.insurance-fields .k-state-selected {
    background: none !important;
}

.btn-container {
    text-align: center;
}

.search-fields-txb {
    width: 80%;
    border: none;
    border-bottom: 2px solid #236fbd;
    border-radius: 0;
}

    .search-fields-txb:focus {
        outline: none;
    }



.mtdWidth {
    width: 80% !important;
}

.data-card {
    display: flex;
    flex-direction: column;
    border-radius: .5em;
    text-decoration: none;
    height: 200px;
    background: #236fbd0d;
    width: 200px;
    margin: 1em;
    overflow: hidden;
    padding: 1.5em 1.5em;
    box-shadow: 0 1.5em 2.5em -.5em rgba(#000000, .1);
    transition: transform .45s ease, background .45s ease;
}

    .data-card h3 {
        color: #2E3C40;
        font-size: 1.5em;
        line-height: 1;
        padding-bottom: 0.5em;
        border-bottom: 2px solid #506E87;
    }

    .data-card h4 {
        color: #627084;
        text-transform: uppercase;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin: 0 0 1.777777778em;
        transition: color 0.45s ease;
    }

    .data-card:hover {
        transform: scale(1.02);
    }

    .data-card p {
        color: black;
        font-weight: 600;
        line-height: 1.8;
    }

#listViewInsurance {
    display: flex;
    background: #dddddd66;
    border: .75em solid white;
    padding: 0.75em;
    min-height: 200px;
    font-family: 'Open Sans', sans-serif;
}

.data-card .link-text {
    display: block;
    color: #506E87;
    font-size: 1.125em;
    line-height: 1.25;
    margin: auto 0 0;
    transition: color 0.45s ease;
}

.clickbox {
    cursor: pointer;
}

#Insurancedetails {
    display: table;
    margin: 0 auto;
}

.documentsDropForCurrencyRateImport {
    border: 2px dashed #E2BE9A;
    padding: 5px 10px 5px 10px;
    display: table;
    width: 100%;
}

.recordLimitInfoBox {
    font-style: italic;
    padding-left: 20px;
}

.checkBoxTopMargin {
    margin-top: 9px;
}

.dashed-fieldset {
    border: none;
    border-bottom: 2px dashed #c5c5c5;
    border-radius: 0;
}

#loan_modal_button,
#tranche_modal_button {
    z-index: 0;
}

.animated-backdrop::before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 5px;
    border: solid 5px #236fbd;
    margin: -4px;
    margin-bottom: -26px;
    height: 28px;
    width: 30px;
    z-index: -1;
    -webkit-animation: ping 0.8s ease-in-out infinite both;
    animation: ping 0.8s ease-in-out infinite both !important;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

.loan-no-data-for-this-config {
    background: #e6f9ff;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    color: black;
}

.read-only-dd, .read-only-dd .k-dropdown-wrap {
    border: none;
    background: #eeeeee;
}

    .read-only-dd .k-dropdown-wrap span .k-icon {
        display: none;
    }

.colateralDataLabel,
.custom-label {
    color: #babec2;
    font-weight: 600;
    width: fit-content;
}


.colateralDataInput,
#colData .title,
#colateralGroupValues .title,
.custom-read-only {
    width: inherit;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    background: none;
}

    .colateralDataInput:focus,
    .custom-read-only:focus,
    .custom-read-only:focus-visible {
        outline: none;
    }

#collateralSection .Colateral {
    box-shadow: 0px 0px 5px #00000026;
    padding: 5px 0 5px 15px;
    margin-top: 30px;
    height: 450px;
}

#colData {
    margin-right: 10px;
    border-right: 1px #eeeeee solid;
    height: 435px;
}

.custom-color-button {
    border: none;
    background: #77abd41f;
}

    .custom-color-button:hover {
        background: #87b9ec73 !important;
    }

    .custom-color-button:focus,
    .custom-color-button:focus-visible {
        outline: none;
    }

.custom-button-container {
    position: absolute;
    top: 10px;
    right: 0;
}

    .custom-button-container button {
        width: 35px;
        box-shadow: 2px 2px #a94442;
        height: 35px;
        border-radius: 50% !important;
        border: none !important;
        display: flex;
        pointer-events: stroke;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: initial !important;
    }

        .custom-button-container button:hover {
            background: #eeeeee80;
        }

        .custom-button-container button:focus,
        .custom-button-container button:focus-visible {
            outline: none;
        }

#LoanData {
    margin-right: 20px;
}

#RequiredDocList {
    font-size: small;
    font-style: italic;
    color: #f28022;
    list-style-type: square;
}

    #RequiredDocList li::marker {
        color: black
    }

/*#transferSender,
#transferReceiver {
    box-shadow: 0px 0px 15px 0px #00000026;
    padding: 5px 0 5px 30px;
}
*/
.custom-numeric-balance .k-numeric-wrap input {
    background: none;
    font-size: x-large;
    color: #506E87;
}

.custom-numeric-balance .k-numeric-wrap {
    border: none;
}

    .custom-numeric-balance .k-numeric-wrap .k-select {
        display: none;
    }

.sender-button-container,
.receiver-button-container {
    height: 50px;
    background: #f6f7f8;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.reverse-transfer {
    font-size: x-large;
    color: #506E87;
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: center;
}

.from-label,
.to-label {
    width: fit-content;
    color: #506E87;
}

.custom-add-button {
    border: none;
    background: #3FC1C9;
    color: #ffffff;
}

#transferSender legend,
#transferReceiver legend,
#transferSched > :first-child,
#transferFtTransfer > :first-child,
#transferDocs > :first-child,
#transferDocs legend,
#bankReceiver legend {
    color: #3FC1C9;
}

#transferSched > :first-child,
#transferFtTransfer > :first-child,
#transferDocs > :first-child {
    font-size: medium;
    text-transform: uppercase;
    position: absolute;
    top: -30px;
    left: 0;
}

#transferSched,
#transferFtTransfer,
#transferDocs {
    margin-top: 40px;
}

#transferFtTransfer {
    background: #f6f7f8;
    padding-right: 30px;
    padding-left: 30px;
}

.custom-select-element {
    height: 50px;
    background: #f6f7f8;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.selected-element {
    border: solid 2px #3fc1c9;
    background: #3fc1c92b;
}

.cyclic-details {
    border: 2px dashed #3fc1c9;
}

#bankReceiver {
    background: #f6f7f8;
    padding: 20px;
}

input[type="checkbox"].custom-disable:checked + input[type="hidden"] + .slider, input[type="checkbox"]:checked + .slider {
    background-color: #82b2dc;
}

.k-multiselect.custom-disable .k-button {
    color: #fff;
    background-color: #82b2dc;
    border-color: #7aadda;
    box-shadow: none;
}

.custom-index-grid .k-grid-header th.k-header {
    font-weight: bold !important;
}

.custom-index-grid .k-grid-content tr td,
.custom-index-grid .k-grid-header tr th {
    border-left: none;
    border-right: none;
    border-color: #f4f4f4;
}

.custom-index-grid .k-grid-content tr:nth-child(odd) {
    background-color: #f9f9f9;
}

    .custom-index-grid .k-grid-content tr:nth-child(odd):hover {
        background-color: #f1efef;
    }

.loanRelatedInfo {
    padding-top: 15px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 15px;
    color: #3cb099;
}

.cif-history-info-msg {
    text-transform: uppercase;
    text-align: justify;
    color: #1f87cc;
    margin-left: 115px;
}

.k-grid-norecords-template {
    border: none;
}

.crm-reminder .rpr_content .btn-danger.btn-sm {
    border-radius: 0px 4px 4px 0px;
    margin-left: -11px;
}

.crm-reminder {
    margin-left: 1.7em;
}

.centerReconcile {
    text-align: center !important;
}

.boldSpanRecon {
    font-weight: bold;
    text-align: center;
}

.differenceConfirmation {
    padding-top: 5px;
}

.cancelWarningReconciled {
    font-size: 14px;
}

.closeCancelWarningModal {
    background-color: white;
    color: #ca0d0d;
}

.upload-button-custom {
    background-color: #76abd9;
    color: white;
    padding: 0.5em;
    font-size: 13px;
    border-radius: 0.3em;
    cursor: pointer;
    margin-top: 1em;
    width: 25%;
}

.riskAssessmentDoc .bootstrap-filestyle {
    display: none;
}

.cif-applicant-activity-numeric-text-box {
    width: 100% !important;
}

#ChangesFromHistoryResPartner .k-grid-content {
    min-height: 50px;
    max-height: 220px;
}

.modal-changes ::-webkit-scrollbar {
    width: 17px;
}

.modal-changes ::-webkit-scrollbar-track {
    background: #eff2f4;
}

.modal-changes ::-webkit-scrollbar-thumb {
    background: #dae5ef;
    border-radius: 13px;
}

.document-is-shown {
    padding-top: 10px;
    box-shadow: 0px 0px 4px 0px #0e0e0e45;
    display: flex;
    flex-direction: row-reverse;
    width: 90%;
    height: 600px;
    margin-left: 65px;
}

#hide-document-container button {
    border: none;
    background: none;
}

.cif-text-area {
    resize: vertical;
}

.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

    /* The actual timeline (the vertical ruler) */
    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #c38d9d1f;
        top: 0;
        bottom: 0;
        left: 7.5%;
        margin-left: -3px;
    }

/* Container around content */
.timeLinecontainer {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    /* The circles on the timeline */
    .timeLinecontainer::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        right: -16px;
        background-color: #3cb099;
        border: 4px solid #3cb099;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

.right {
    left: 50%;
}


    /* Add arrows to the right container (pointing left) */
    .right::before {
        content: " ";
        height: 0;
        position: absolute;
        top: 22px;
        width: 0;
        z-index: 1;
        left: 30px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Fix the circle for containers on the right side */
    .right::after {
        left: -16px;
    }

/* The actual content */
.timeLinecontent {
    padding: 20px 30px;
    background-color: #c38d9d1f;
    position: relative;
    border-radius: 6px;
    left: -15px;
}

/* Full-width containers */
.timeLinecontainer {
    width: 85%;
    padding-left: 70px;
    padding-right: 25px;
}

    /* Make sure that all arrows are pointing leftwards */
    .timeLinecontainer::before {
        left: 45px;
        border: medium solid #c38d9d1f;
        border-width: 10px 10px 10px 0;
        border-color: transparent #c38d9d1f;
        top: 18px;
    }

/* Make sure all circles are at the same spot */
.left::after, .right::after {
    left: 15px;
}

/* Make all right containers behave like the left ones */
.right {
    left: 0%;
}

span.timeline-no {
    position: absolute;
    left: -30px;
    z-index: 2;
    top: 12px;
    color: white;
    font-size: larger;
}

#timeline-fieldset #listView {
    border: none;
    padding-right: 10px;
}

.background-color-match {
    background: #3cb099;
}

#identificationModal .modal-dialog .modal-content .modal-body {
    padding: 20px 70px;
}

.background-color-match .modal-title {
    color: white;
}

#searchForClient:focus {
    outline: none;
    /* background: #ffc850; */
    box-shadow: inset 0px 0px 2px 1px #474d54;
}

.preview {
    margin: auto;
}

.task-Dashboard {
    padding: 15px 5px;
    margin-bottom: -1px;
    min-height: 90%;
    font: inherit;
    border-width: 0px;
    background: #f4f5f7;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 15px;
    justify-content: center;
}

.task-Status-Progress {
    position: relative;
    top: 23px;
    left: -12%;
    font-size: 14px;
}

.circle-progress-bar-background {
    fill: none;
    stroke: #e2eff0;
    stroke-width: 2.8px;
}

.circle-progress-bar-progress {
    fill: none;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 2.8px;
    transition: stroke-dashoffset 1s ease-in-out;
}

.loading-container svg {
    height: 100%;
    transform: rotate(-90deg);
}

.task {
    float: left;
    position: relative;
    padding-top: 15px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 0 1px 0 rgba(9,30,66,0.31), 0 2px 4px -1px rgba(9,30,66,0.25);
    border-top: none;
    border-right: none;
    border-bottom: none;
    font-family: mada,sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .task:hover:not(#LoanJoinReferenceListView .task) {
        background: #ebecf0;
        cursor: grab;
    }

.filter-active {
    background: #344563;
    border-color: transparent !important;
    color: white !important;
}

    .filter-active:hover {
        background: rgba(9,30,66,0.13);
        color: #344563;
    }

.filter {
    color: #5e6c84;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.66666667;
    letter-spacing: 0;
    text-transform: uppercase;
}

.onlyMyActions {
    border: 1px solid transparent;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    line-height: 1;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    color: #0052cc;
}

    .onlyMyActions:hover {
        border-color: #c1c7d0;
        cursor: grab;
        color: #0065ff;
    }

.taskTitle {
    margin-bottom: 0;
    color: #757575;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}

.taskFooter {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    font-size: 9px;
}

.task p {
    margin: -1px 5px 5px 10px;
    color: #757575;
}

.task span {
    margin: 7px 0px 1px 4px;
}

.taskState {
    width: fit-content;
    color: white !important;
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px;
    border-radius: 2px;
    padding: 4px;
    font-size: 11px;
}

.wrapword {
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.k-listview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.glyphicon-edit {
    font-size: 19px;
}

.SortLoanBorderClass {
    border: ridge;
    border-color: ghostwhite;
    border-width: 1px 1.6px;
    padding-left: 15px;
}

.orderFilters {
    border: 1px solid transparent;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    line-height: 1;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    color: #0052cc;
}

.grid-fieldset {
    display: grid;
    grid-template-columns: 15% 15% 20% 15% 15%;
    grid-row-gap: 20px;
}

.custom-numeric-readonly span {
    border: none;
    width: 100%;
    box-shadow: none;
    pointer-events: none;
}

    .custom-numeric-readonly span .k-select {
        display: none;
    }

span.custom-numeric-readonly {
    background: none !important;
}


.crmCalendar
.k-scheduler-toolbar
.k-scheduler-views
.k-state-selected {
    background-color: #39aea9;
    border-color: #39aea9;
}

.crmCalendar
.k-scheduler-toolbar
.k-scheduler-views
.k-state-hover {
    background: #39aea924;
}

.crmCalendar
.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    color: #ac1313;
    background-color: #9c6a7b17;
    font-weight: 600;
}

.crmCalendar
.k-scheduler-weekview .k-today,
.crmCalendar
.k-scheduler-workWeekview .k-today {
    color: #39aea9;
    background-color: #1a696612;
}

.crmCalendar > table > tbody .k-scheduler-content .k-event {
    font-size: 80%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#timeline-fieldset #listView::-webkit-scrollbar {
    width: 3px;
}

#timeline-fieldset #listView::-webkit-scrollbar-thumb {
    background: #c38d9d;
}

#timeline-fieldset #listView {
    top: 10px;
    height: 357px;
    box-shadow: none;
    color: #506E87;
}

.show-hide-relations {
    border: none;
    background: none;
    border-right: 1px solid #13a6b0;
    color: #506E87;
    font-size: larger;
    margin-right: -10px;
    border-radius: 0;
}

.create-relations {
    border: none;
    background: none;
    font-size: larger;
    color: #506E87;
}

    .show-hide-relations:hover,
    .create-relations:hover {
        background: none;
        color: #f28a3e;
    }

.custom-fieldset-card {
    box-shadow: 0px 0px 5px #8977b561;
    width: fit-content;
    padding: 0 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    margin-top: 30px;
}

.custom-fieldset-card-hover:hover {
    transform: scale(1.1);
}

.custom-fieldset-card .relation-icon {
    left: 155px;
    top: 10px;
    font-size: large;
    color: #506E8730;
}

.relation-counter span:nth-child(2) {
    font-size: x-small;
    color: #13a6af;
}

.relation-counter span:nth-child(3) {
    position: relative;
    top: -40px;
    left: 60px;
    font-size: xx-large;
    color: #506E87;
}

.relation-counter span:first-child {
    font-size: xx-large;
    color: #ffae71;
}

.relation-counter {
    border-bottom: 2px solid #eeeeee;
    width: initial;
    height: 70px;
}

.all-relations-container {
    display: flex !important;
    flex-wrap: wrap;
}

.twelve label {
    font-size: larger;
    text-transform: uppercase;
    width: 160px;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    color: white;
    padding-bottom: 13px;
    letter-spacing: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .twelve label:before {
        background-color: #ffffff;
        content: '';
        display: block;
        height: 3px;
        width: 75px;
        margin-bottom: 5px;
    }


.partial-view-title-container {
    border: none;
    border-bottom: 5px double rgba(0, 0, 0, 0);
    background: #506E87;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.user-calendar-container {
    background: #eff4f473;
    padding: 5px;
    border-bottom: dashed 2px #506E871a;
    color: #557b83;
}

.cif-history-selected-property-for-changes {
    background: #ffaa55fa !important;
    color: white !important;
}

.custom-background-color {
    background: #3cb09921;
}

.custom-secondary-color {
    background: #ffae71;
    border-color: #ffae71;
}

.custom-fieldset-no-border {
    border: none;
}

.custom-no-background {
    background: none !important;
}

.shaped-background {
    background: #e6f5f28f;
    height: 380px;
    z-index: 0;
    position: absolute;
    clip-path: circle;
    clip-path: ellipse(50% 100% at 10% 20%);
}

.shaped-background-task {
    background: #e6f5f28f;
    height: 430px;
    z-index: 0;
    position: absolute;
    clip-path: circle;
    clip-path: ellipse(55% 100% at 10% 20%);
}

.custom-text-color {
    color: #506E87;
}

.custom-hr-border {
    border-color: #c38d9d;
}


.crm-form-inputs input:focus,
.crm-form-inputs textarea:focus,
.crm-form-inputs .k-state-focused {
    border-color: #506E87;
    box-shadow: none;
}


/*********toggle-hide-show-timeline************/
.knobs-opportunity,
.layer-opporunity {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.show-hide-toggle {
    position: relative;
    width: 80px;
    height: 40px;
    overflow: hidden;
    border-radius: 100px;
}


    .show-hide-toggle .layer-opporunity {
        border-radius: 100px;
    }

    .show-hide-toggle.b2 {
        border-radius: 2px;
    }

.checkbox.show-hide-timeline {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs-opportunity {
    z-index: 2;
}

.layer-opporunity {
    width: 100%;
    transition: 0.3s ease all;
    z-index: 1;
    background-color: #fcebeb;
    border: 2px solid #c38d9d;
}

.show-hide-toggle .knobs-opportunity:before,
.show-hide-toggle .knobs-opportunity:after {
    position: absolute;
    left: 4px;
    width: 30px;
    height: 30px;
    color: #506E87;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    font-family: 'Glyphicons Halflings';
    top: -30px;
}

.show-hide-toggle .knobs-opportunity:before {
    content: "\e105";
}

.show-hide-toggle .knobs-opportunity:after {
    content: "\e106";
}

.show-hide-toggle .knobs-opportunity:after {
    top: 0;
    right: 4px;
    left: auto;
    color: #c38d9d;
}

.show-hide-toggle .checkbox:checked + .knobs-opportunity:before {
    top: 0;
}

.show-hide-toggle .checkbox:checked + .knobs-opportunity:after {
    top: -30px;
}

.show-hide-toggle .checkbox:checked ~ .layer-opporunity {
    background-color: #e6f5f2;
    border: 2px solid #506E87;
}

.flex-end-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.k-nav-next a span:before {
    content: none;
    content: "\e258";
    font-family: 'Glyphicons Halflings';
}

#WorkingHoursHeading {
    background: #c38d9d1f;
}

#BussinesHoursFieldset {
    overflow: hidden;
}

.custom-pinky-maroon-btn {
    background: #c38d9d;
    border: #c38d9d;
    color: white;
}

/**Custom Multi Select**/



.form-group .custom-multiselect
.k-multiselect-clearable .k-multiselect-wrap {
    height: fit-content;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
    border: none;
}

.form-group
.custom-multiselect .k-multiselect
.k-button.k-state-hover {
    background-color: #9eb7d74d;
}

.custom-multiselect .k-multiselect .k-button {
    color: #fff;
    border: none;
    font-size: smaller;
    font-weight: bold;
    margin-right: 3px;
}

    .custom-multiselect .k-multiselect .k-button:nth-child(odd) {
        background: #ffae71 !important;
    }

    .custom-multiselect .k-multiselect .k-button:nth-child(even) {
        background: #3cb099;
    }
/** */

.is_odd_user_container {
    background: #3cb0991c;
}

#calendar-div > .is_even_user_container ~ .is_even_user_container {
    background: #ffae7126;
}

.custom-multiselect .k-multiselect.k-state-focused,
.custom-multiselect .k-state-focused > .k-multiselect-wrap {
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
}

.custom-multiselect-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.custom-icon-multi-select {
    font-size: large;
}

.k-scheduler-agendaday {
    color: #39aea9;
}

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

.custom-card-title {
    font-size: x-small;
    text-transform: uppercase;
}

.custom-total-fieldset-card .custom-p {
    font-size: x-large;
    color: #506E87;
}

.custom-p .custom-numeric-readonly span input {
    background: none;
    font-size: x-large;
    color: #506E87;
    width: 150px;
}

.ScheduleTerms {
    margin: 7px 15px 7px 10px !important;
}

.custom-reminder-btn {
    background: #ffae71;
    border-color: #ffae71;
    width: 35%;
    text-align: left;
    border: 1px solid #e6e6e6;
    padding: 0.9em 0.7em;
    margin: -1.5em 0 -1em 0;
}

.custom-invitees-box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 8px 0px;
    margin: 15px 0px;
}

.custom-bell-reminder {
    position: absolute;
    margin: -25px 0px 0px 10px;
    z-index: 1;
}

.reminder-div {
    margin-left: 10px;
}

.rpr-margins {
    margin: 5px 5px 0px -5px;
}

.btn-size {
    width: 130px;
    height: 30px;
    margin: 10px 5px 0 5px;
}

.gif-margin {
    margin-left: -70px;
}

.inbox-glyph {
    top: 2px;
}

ul.list-group.list-group-striped li:nth-of-type(odd) {
    background: #fff;
}

ul.list-group.list-group-striped li:nth-of-type(even) {
    background: #f9f9f9;
}

ul.list-group.list-group-hover li:not(.exclude-hover-style):hover,
.dropdown-menu li:not(.divider):hover {
    background: #3cb09921;
}

.txt-upper {
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 16px;
}

#refreshData {
    padding: 7px 15px;
}

    #refreshData:hover {
        background-color: #f5f5f5;
    }

.select-btn {
    padding: 7px 9px;
}

    .select-btn:hover {
        background-color: #f5f5f5;
    }

#glyph-sign-change:hover {
    background-color: #f5f5f5;
}

#glyph-sign-change {
    margin-top: -3px;
}

#all-msg-btn {
    background-color: #506E87;
}

    #all-msg-btn:hover {
        background-color: #508DC1;
    }

#inbox-msg-btn:hover {
    background-color: #f7f7f7;
}

#inbox-count {
    padding: 4px;
}

#envelop-icon {
    color: white;
}

#envelop-icon, .glyphicon-inbox {
    margin-right: 5px;
}

#span-glyph {
    margin-top: 3px;
}

.box-layout {
    width: 19.24vw;
    margin-left: -15px;
}

#mark_selected_read {
    background-color: #337ab7;
    padding: 7px 15px;
}

    #mark_selected_read:hover {
        background-color: #508DC1;
    }

    #mark_selected_read > span.glyphicon-envelope {
        color: white;
    }

.notification-header {
    color: #3c3c3c;
}

.envelope-color {
    color: black;
}

.notification-div:hover {
    cursor: pointer;
}

.notification-header:hover {
    cursor: pointer;
}

#blue-env {
    color: #506e87;
}

.notification-div:hover > #blue-env {
    color: #506E87;
}

.view-notif-btn {
    z-index: 9999;
    font-size: 9px;
    margin-left: 210px;
    margin-bottom: 10px;
    padding-left: 7px;
    font-size: 70%;
    margin-top: -32px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
    background-color: #506e87;
    border: 2px solid #337ab7;
    border-radius: 5px;
}

    .view-notif-btn:hover {
        background-color: #93b7b7;
        border: 2px solid #506e87;
    }

    .view-notif-btn span {
        color: white;
    }

.span-h1 {
    display: table;
    margin: 0 auto;
    color: #5a5a5a;
}


.new-card-border {
    margin: auto;
    width: 50%;
    border: 16px solid transparent;
    position: relative;
    top: 100px;
    padding: 20px;
    border-image: 16 repeating-linear-gradient(-45deg,red 0, red 1em,transparent 0, transparent 2em,#58a 0, #58a 3em,transparent 0, transparent 4em);
    margin-top: 65px;
}

.new-card-h2 {
    color: #236fbd;
    word-break: break-word;
}

.new-card-h4 {
    word-break: break-word;
    text-align: left;
    line-height: 1.5;
    color: #5a5a5a
}

.new-card-h6 {
    color: #959595;
    margin-left: 22.5vw
}

.redirect-btn {
    padding: 5px 25px;
}

.sent {
    font-weight: bold;
    font-size: 13px;
    color: #506E87
}

.redColor,
#LoanInstallmentScheduleRemoval .k-grid-Delete:has(.k-i-delete) {
    color: red;
}

#LoanInstallmentScheduleRemoval td:has(.k-grid-Delete){
    text-align: center;
}

.paymentLimitConfigCurrency {
    border: none !important;
    background: none !important;
    padding-top: 5px !important;
    font-weight: bold !important;
}

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

.red-border-input-detector {
    border: 2px solid red;
    padding: 4px;
    margin-top: -7px;
}


.panel-heading-Actions, .panel-heading-Browser {
    padding-top: 0px;
    border: 0;
}

.panel-title-Actions > a, .panel-title-Actions > a:active {
    display: block;
    padding: 6px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading-Actions a:before, .panel-heading-Browser a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading-Actions.active a:before, .panel-heading-Browser.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.div-hover {
    z-index: 2 !important;
    position: absolute;
    padding: 15px;
    word-break: break-word;
    background-color: #ffffff;
    border-radius: 25px;
    width: 150px;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

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

.cal-event {
    color: #cccccc;
    font-style: italic;
    width: fit-content;
    font-size: 11px;
}

.cal-subject, .cal-timeframe {
    color: #646464;
    font-weight: bold;
    font-size: 12px;
}

.subject {
    color: #8c8c8c;
    font-size: 11px;
    white-space: normal;
}

.timeframe {
    color: #8c8c8c;
    font-size: 11px;
}

.wrap-content {
    width: 80px;
    display: inline-block;
}

.cal-img {
    float: left;
    margin: 0px 20px 0px 5px;
}


.custom-total-div-container {
    margin-right: 10px;
}

    .custom-total-div-container label {
        font-size: x-small;
        position: absolute;
        top: -13px;
        left: 13px;
        color: #506E87;
        z-index: 2;
        background: white;
        font-weight: 700;
    }

    .custom-total-div-container .sum-sign {
        left: unset;
        top: 8px;
        right: 0;
        line-height: 0;
        height: 11px;
    }

    .custom-total-div-container span.custom-numeric-readonly {
        border: 2px solid #3cb099 !important;
    }

    .custom-total-div-container .custom-numeric-readonly .k-numeric-wrap input.k-formatted-value {
        background: #ffffff30;
        font-size:;
        font-weight: 700;
        color: #506E87;
        border-radius: 0;
    }

.shake-horizontal {
    -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

@keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

#chart-unsucc-no-of-records {
    position: relative;
    right: 80px;
}

#chart-succ-no-of-records {
    position: relative;
    right: 60px;
}

.display-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.no-border,
.no-border .k-numeric-wrap {
    border: none !important;
}

.nav-agg-bank-import-data > li.active > a,
.nav-agg-bank-import-data > li.active > a:hover,
.nav-agg-bank-import-data > li.active > a:focus {
    background: #f48c06 !important;
}

.agg-bank-import-data-container {
    box-shadow: rgb(0 0 0 / 10%) 0px -10px 8px -7px;
    margin: 20px;
}

#aggTotal-carousel-container .carousel-indicators li,
#terms-carousel-container .carousel-indicators li,
#collateral-carousel-container .col-carousel-indicators li {
    border: 1px solid #2f5c53;
}

#aggTotal-carousel-container .carousel-indicators .active,
#collateral-carousel-container .col-carousel-indicators .active,
#terms-carousel-container .carousel-indicators .active {
    background-color: #f48c06;
}

#aggTotal-carousel-container {
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#aggTotal-carousel {
    height: 85px;
    width: 190px;
    box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
}

.flex-column {
    flex-direction: column;
}

.lg-fantasy-font {
    font-size: large;
    font-family: fantasy;
    color: #2f5c53;
}

.left-sided-relative {
    position: relative;
    left: -70px;
    border-bottom: 2px solid;
}

.lg-bold-font {
    font-size: large !important;
    font-weight: bold;
}

.sm-title-dashed-border {
    margin-bottom: 30px;
    background: #f48c06;
    color: white;
    padding: 5px;
}

.custom-btn-collapse {
    z-index: 2;
    background: #e6f5f2 !important;
    border: none;
    color: #2f5c53 !important;
}

    .custom-btn-collapse:hover {
        color: #e6f5f2 !important;
        background: #2f5c53 !important;
    }

.exe-status-text {
    text-transform: uppercase;
    color: #2f5c53;
    font-weight: bold;
    letter-spacing: 3px;
}

#BankImportUploadDocDiv .badge {
    display: none;
}

.dashed-border-main-color-input {
    border: 1px dashed #506E87;
}

.custom-select-button .k-select {
    background: #506E87;
    color: white;
}

span:has(> input[readonly='readonly']) {
    background: #eeeeee;
}

.orange-background {
    background-color: #f48c06 !important;
}

/*tooltip triangle*/
.tooltip.fade::before {
    border: none;
}

.margin-left-2 {
    margin-left: 2px;
}

.totalBalanceLabel {
    font-weight: bold;
    font-size: 10pt;
}

.totalBalanceCard {
    padding-bottom: 25px;
}

.no-border-left {
    border-left: none;
}

.no-border-radius {
    border-radius: 0;
}

.main-color-background-text-color,
.custom-dt-picker-color .k-datepicker {
    background: #506E87;
    color: white !important;
}

.input-blue-dashed {
    border-color: #506E87 !important;
    border-style: dashed;
}

.fieldset-none {
    border: none;
}

.custom-border-color {
    border-color: #506E87;
}

.e-messaging-icon {
    padding-left: 130px;
    padding-top: 20px;
    border: 1px solid #5eaaa3;
    border-right: none;
}

.green-background {
    background: #3cb0991f;
}

.padding-left-50 {
    padding-left: 50px;
}

#emessagingheadingOne {
    background: #f48c06;
}

.bold-white-font {
    color: white !important;
    font-weight: bold;
}

#emessagingheadingTwo {
    background: #3cb099;
}

.padding-50 {
    padding: 50px;
}

.custom-emessaging-partner-grid, #SendMessageList {
    border-top-color: #3cb099 !important;
}

#emessagingheadingOne h4 a[aria-expanded="true"] i.glyphicon-chevron-up,
#emessagingheadingOne h4 a.collapsed i.glyphicon-chevron-down {
    display: block;
}

#emessagingheadingOne h4 a[aria-expanded="true"] i.glyphicon-chevron-down,
#emessagingheadingOne h4 a.collapsed i.glyphicon-chevron-up {
    display: none;
}

#emessagingheadingTwo h4 a[aria-expanded="true"] i.glyphicon-chevron-up,
#emessagingheadingTwo h4 a.collapsed i.glyphicon-chevron-down {
    display: block;
}

#emessagingheadingTwo h4 a[aria-expanded="true"] i.glyphicon-chevron-down,
#emessagingheadingTwo h4 a.collapsed i.glyphicon-chevron-up {
    display: none;
}

.padding-top-5 {
    padding-top: 5px;
}

#hrEmployeeRoot .contact-count {
    color: white;
    font-weight: bold;
    background: #236fbd;
    border-radius: 4px 0px 4px 0px;
    padding: 6px 15px 6px 15px;
    margin-top: -22px;
    margin-left: -12px;
}

#extras-div .extra-count {
    color: white;
    font-weight: bold;
    background: #236fbd;
    border-radius: 4px 0px 4px 0px;
    padding: 6px 15px 6px 15px;
    margin-top: -22px;
    margin-left: -12px;
}


#hrEmployeeRoot .fieldsetColor {
    border-color: #d6d6d6;
    border-width: 2px;
}

.Contact .delete-contact {
    margin-top: -22px;
    margin-right: -22px;
}

    .Contact .delete-contact .btn-danger {
        border-radius: 0px 4px 0px 4px;
        border-width: 2px;
    }

.Extra .delete-extra {
    margin-top: -22px;
    margin-right: -22px;
}

.Extra .delete-extra .btn-danger {
    border-radius: 0px 4px 0px 4px;
    border-width: 2px;
}

#hrComponentRoot .component-count {
    color: white;
    font-weight: bold;
    background: #236fbd;
    border-radius: 4px 0px 4px 0px;
    padding: 6px 15px 6px 15px;
    margin-top: -22px;
    margin-left: -12px;
}

#hrComponentRoot .fieldsetColor {
    border-color: #d6d6d6;
    border-width: 2px;
}

.Component .delete-component {
    margin-top: -22px;
    margin-right: -22px;
}

    .Component .delete-component .btn-danger {
        border-radius: 0px 4px 0px 4px;
        border-width: 2px;
    }

textarea {
    resize: none !important;
}

.custom-gray-border {
    border-color: #eeeeee;
}

    .custom-gray-border:focus-visible {
        outline: none;
        box-shadow: 0px 0px 4px 0px #01519673;
    }

input.background-color-for-new-value {
    background: #ffaa55fa;
}

.red-notification {
    background: #de3434;
    border: none;
}
/*Blink Animation */

.bounce-top-animation {
    -webkit-animation: bounce-top-animation 0.9s both;
    animation: bounce-top-animation 0.9s both;
}

@-webkit-keyframes bounce-top-animation {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

@keyframes bounce-top-animation {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

/*loan overview components*/
.general-info-card {
    border-radius: -7%;
    background: #f5f4e6;
    border: 1px dashed #E8E5DD;
    background-color: rgb(235 235 235 / 30%);
    padding: 15px;
}

.card-title-label {
    font-size: smaller;
    color: #a1a3a7;
    text-transform: uppercase;
}

#terms-carousel .card-title-label {
    text-transform: none !important;
}

.main-card-label {
    font-size: large;
    color: #dea225 !important;
    font-weight: bold;
}

.bold-gray-font {
    color: #969799;
    font-weight: bold;
}

.bold-black-font {
    color: black;
    font-weight: bold;
}

.amount-cards {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    border-radius: -7%;
    padding: 10px;
}

.margin-left-4-pc {
    margin-left: 4%;
}

.margin-left-2-pc {
    margin-left: 2%;
}

.color-main {
    color: #506E87 !important;
}

.clear-day-background {
    background: #e6f5f2;
}

.whisper-background {
    background: #f5e6e6;
}

.early-down-background {
    background: #fff3d9;
}

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

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

.margin-top-5 {
    margin-top: 5px;
}

.margin-8 {
    margin: 8px;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

#loanOverviewListView .task {
    padding-bottom: 15px;
}

#loanOverviewListView {
    grid-template-columns: 23% 23% 23% 23% !important;
    /*background: linear-gradient(180deg, rgb(52 90 133) 3%, rgb(230 245 242) 58%);*/
}

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

.cards-holder {
    padding-bottom: 20px;
}

.hr-line-text {
    text-align: center;
    line-height: 3;
    font-weight: bold;
}

.margin-top-25 {
    margin-top: 25px;
}

#terms-carousel-container .carousel-indicators li,
#collateral-carousel-container .col-carousel-indicators li {
    width: 60px !important;
    height: 5px !important;
}

#terms-carousel-container .carousel-indicators,
#collateral-carousel-container .col-carousel-indicators {
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
}

#overdues-container {
    height: 350px;
    background-image: url('images/no-data-gif.gif');
    background-size: contain;
    background-repeat: no-repeat;
}

#no-overdues-found {
    position: absolute;
    width: 80%;
    bottom: 30px;
    text-align: center;
    left: 10%;
}

#CurrentLoanInstallmentSchedule_ov {
    border: none !important;
}

    #CurrentLoanInstallmentSchedule_ov k-grid-header, #CurrentLoanInstallmentSchedule_ov div.k-grid-header {
        padding-right: 0 !important;
    }

    #CurrentLoanInstallmentSchedule_ov .k-grid-content {
        overflow: hidden !important;
    }


.login-branch {
    background: none;
    color: white !important;
    width: auto !important;
}

    .login-branch .k-input, .login-branch .k-select {
        color: white !important;
        padding: 0;
    }

    .login-branch .k-dropdown-wrap {
        border: none;
    }

    .login-branch .k-state-boreder-down, .login-branch .k-dropdown-wrap {
        border: none !important;
    }

#login-error-msg {
    margin: auto;
    width: 50%;
    text-align: center;
    margin-top: 25px;
}

#VCollateralRelatedLoanInfo th {
    box-sizing: border-box;
    padding-bottom: 20px;
    text-align: center;
}

.collateral-grid-display {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 40% 50%;
    grid-column-gap: 10%;
    grid-row-gap: 5px;
    margin-bottom: 45px;
    height: 250px;
    overflow: auto;
    padding: 10px;
}


    .collateral-grid-display::-webkit-scrollbar {
        width: 3px;
        background: #eeeeee;
    }

    .collateral-grid-display::-webkit-scrollbar-thumb {
        background: #5fa6af;
    }

.bootstrap-dialog-custom {
    z-index: 90000 !important;
    backdrop-filter: brightness(0.5) !important;
}

.confirmed-text {
    text-transform: uppercase;
    color: green;
    font-weight: bold;
}

.not-confirmed-text {
    color: #8e3814;
    font-weight: bold;
}

.confirmed-row {
    background: #e6f5f2;
    font-weight: bold;
}

/*menu */

.collapsed-menu .panel-heading .panel-title a {
    display: none;
}

.collapsed-menu .panel-heading .panel-title {
    font-size: large;
}

#side_menu .panel-heading .panel-title {
    font-size: larger;
    color: white;
}

    #side_menu .panel-heading .panel-title a #menuIcon {
        font-size: small;
        color: #ffffff;
    }

.collapsed-menu .panel-heading {
    background: none;
    display: flex;
    justify-content: center;
}

#side_menu .panel.panel_heading_selected_menu > .panel-heading {
    background: #3dbba33d;
    border-radius: 0;
    box-shadow: 0px 0px 2px 2px #00000040;
    border-left: #3dbba3 4px solid;
}

#side_menu .panel.panel-default:not(.panel_heading_selected_menu):hover > .panel-heading {
    background: #d39479;
    border-radius: 0;
}

/*.panel.panel-default:hover > .panel-heading h4.panel-title, 
.panel.panel-default:hover > .panel-heading h4.panel-title  a #menuIcon{
    color: #506E87;
}*/

.flex-row-center {
    display: flex;
    justify-content: center;
}

.collapsed-menu .search-container {
    background: none;
}

#side_menu .panel-group::-webkit-scrollbar-thumb {
    background-color: #f28022 !important;
}

#side_menu .panel-group::-webkit-scrollbar {
    width: 2px !important;
}

.parent-title {
    display: none;
    padding: 10px 0 0 10px;
    font-weight: bold;
    font-size: larger;
    color: #506E87;
}

.collapsed-menu .sub-menu {
    display: none;
    position: absolute;
    color: black;
    background: white;
    width: max-content;
    z-index: 99;
    left: 100%;
    box-shadow: 0px 0px 5px 0px #0000006b;
    margin-top: -43px;
    height: 200px !important;
    overflow: unset;
    width: 200px;
    overflow-wrap: break-word;
}

    .collapsed-menu .sub-menu > .panel-body {
        height: 150px;
        overflow-y: auto;
        overflow-x: hidden;
    }

.collapsed-menu .inner-panel-heading span.glyphicon {
    color: #506E87 !important;
}

.collapsed-menu .sub-menu .panel-body::-webkit-scrollbar-thumb {
    background-color: #506E87 !important;
}

.collapsed-menu .sub-menu .panel-body::-webkit-scrollbar {
    width: 2px !important;
}

.collapsed-menu .panel.panel-default:hover .sub-menu,
.collapsed-menu .panel.panel-default:hover .sub-menu .parent-title {
    display: block;
}

.collapsed-menu .panel.panel-default:hover .inner-sub-menu {
    display: contents;
}

.collapsed-menu .inner-sub-menu .parent-title {
    font-size: smaller;
}

.collapsed-menu .inner-sub-menu .parent-title {
    color: #3cb099;
}

.collapsed-menu .inner-panel-heading {
    display: none;
}

.collapsed-menu #copyRight #powered-by {
    display: none;
}

.collapsed-menu #copyRight {
    padding-top: 15px;
    padding-bottom: 20px;
}

    .collapsed-menu #copyRight .copy-right-icon {
        font-size: large;
    }

.collapsed-menu .inner-sub-menu .panel-body ul {
    border-bottom: 1px dashed #80808036;
}
/*expand collapse menu animation */
.scale-up-hor-left {
    -webkit-animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(0.4);
        transform: scaleX(0.4);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
}

@keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(0.4);
        transform: scaleX(0.4);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
}


.flex-start-wrap {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.rotate-flip-horizontal {
    transform: scaleX(-1) rotate(180deg);
    padding-bottom: 5px;
}

.btn-outline-light:hover,
.btn-group button:hover {
    background-color: rgb(242 128 34) !important;
}

.background-light-gray {
    background: #f4f5f7;
}

.justify-end {
    display: flex;
    justify-content: flex-end !important;
}

.padding-10 {
    padding: 10px;
}

.margin-left-1pc {
    margin-left: 1%;
}

.disabled-button {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
}

.newAstGridCell {
    background: none;
    border: none;
    font-size: 20px;
    color: #646c64;
}

    .newAstGridCell:hover {
        background: none;
        border: none !Important;
        color: darkgreen;
    }

.gm-input {
    display: flex;
    justify-content: center;
}


.gm-details-container, .gm-tittle-container {
    font-size: 15px;
    border-radius: 10px;
}

.gm-tittle-container {
    height: 40px;
}

#side_menu .panel-default > .panel-heading {
    background: none;
}

#menu_element_container .panel.panel-default {
    border-radius: 0 !important;
    /*    border-bottom: 1px solid #4d6e93;*/
}

#side_menu .panel-heading:hover {
    background: #3dbba380;
}

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

.md-font {
    font-size: medium;
}

.small-font {
    font-size: small;
}

.space-between-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#menu-collapse-container {
    letter-spacing: -10px;
    display: flex;
    justify-content: center;
    color: #ffffff69;
    cursor: pointer;
    padding: 20px;
}

    #menu-collapse-container span:first-of-type {
        color: white !important;
    }


    #menu-collapse-container:hover span {
        transform: translateX(-5px);
        transition: 1s;
    }

#db-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
    height:100%;
}

#db-card-loan-calc {
    min-height: 475px;
    display: flex;
    flex-direction: row;
    /*box-shadow: 6px -3px 7px #00000021, 6px -3px 10px #00000021;*/
    /*box-shadow: -9px 0px 20px 0px #00000021, -8px 1px 7px 0px #00000021;*/
    border: 1px solid #93b7b7;
}

.db-card-vertical-headers {
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    border-left: 5px dashed #506e87;
}

    .db-card-vertical-headers img {
        transform: translate(3px);
        width: 200%;
    }

#db-card-loan-calc .db-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}


.custom-numeric-input,
.custom-numeric-input .k-numeric-wrap,
#LoginFormContainer .editor-field input,
#ChangePasswordContainer .editor-field input,
.settings-data input,
.settings-data .k-dropdown-wrap {
    border: none;
    border-bottom: 2px solid #7597a0;
    height: 40px;
    box-shadow: 5px 0px 3px #6122220d, -5px 0px 3px #6122220d;
}

    .custom-numeric-input .k-select,
    .settings-data .k-dropdown-wrap .k-select {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #7597a0;
    }

#loan-calculator .active {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    border: none;
    background: none;
}

div#loan-calculator .tab-pane div .control-label {
    position: relative;
    top: 14px;
    z-index: 2;
    background: white;
    /* letter-spacing: 2px; */
    left: 5px;
    font-weight: bold;
    color: #506E87;
}

.bg-color-light {
    background-color: #d8cac187 !important;
}

.top-0 {
    top: 0 !important;
}

.custom-input-main {
    font-size: small;
    font-family: fantasy;
    color: #506E87;
}

#loan-calculator {
    padding: 10px;
    margin-bottom: 30px;
}

#calculatorTabs li.active a {
    text-transform: uppercase;
    color: #506E87;
    font-weight: bold;
    font-size: smaller;
}

#calculatorTabs li.active a {
    border-top-color: #db594a !important;
}

#menu-collapse-container.is-for-expand {
    transition: all 1s;
    transform: rotate(180deg) translateX(-7px);
}

.margin-top-10-pc {
    margin-top: 10%;
}

#horizontal-menu-bar {
    background: none !important;
    display: flex;
    justify-content: space-between;
}

.main-menu-background {
    background: #506E87;
}

#horizontal-menu-bar .container-fluid {
    margin-right: 0 !important;
}

.text-color-white {
    color: white;
}

#LoginBranch-list .k-list-scroller::-webkit-scrollbar {
    width: 2px !important;
}

#LoginBranch-list .k-list-scroller::-webkit-scrollbar-thumb {
    background: #2871b9;
}

#LoginBranch-list .k-list-scroller {
    padding: 0 5px 0 5px;
}

.no-wrap {
    flex-wrap: nowrap !important;
}

.smaller-font-size {
    font-size: smaller !important;
}

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

.align-items-center {
    align-items: center;
}

.dropdown-menu li:not(.divider) {
    font-size: small;
    padding: 5px;
    cursor: pointer;
}

.card-horizontal-header {
    position: absolute;
    width: 37%;
    background: #93b7b7;
    left: -5px;
    height: 290px;
    top: -56px;
    font-family: sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: larger;
    padding: 6px;
    display: flex;
    pointer-events: none;
    letter-spacing: 7px;
}

.font-larger {
    font-size: larger;
}

ul#notif-list::-webkit-scrollbar {
    width: 5px;
    background: #506e87;
}

ul#notif-list::-webkit-scrollbar-thumb {
    background: #93b7b7;
    border-radius: 10px;
}

ul#notif-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.language-switch img {
    box-shadow: 1px 0px 1px 0px #00000026;
    margin-right: 5px;
    padding: 5px;
}

.collection-div::-webkit-scrollbar {
    background-color: #fff;
    width: 14px;
}

.collection-div::-webkit-scrollbar-track {
    background-color: #fff
}

.collection-div::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff
}

.low-opacity-small-font {
    font-size: small;
    opacity: 0.7;
}

#overview-loan-ref {
    line-height: 1;
}

#loan-general-info-container {
    line-height: 2.5;
}

#loan-collateral-accordion .panel-body {
    overflow: hidden;
}

#LoanOverdueDaysBreakdownGrid {
    border: none;
    background: none;
}

    #LoanOverdueDaysBreakdownGrid .k-grid-content {
        overflow: hidden;
    }

    #LoanOverdueDaysBreakdownGrid .k-grid-header {
        padding: 0 !important;
    }

    #LoanOverdueDaysBreakdownGrid .k-grid-header,
    #LoanOverdueDaysBreakdownGrid .k-block, #LoanOverdueDaysBreakdownGrid .k-header,
    #LoanOverdueDaysBreakdownGrid .k-toolbar,
    #LoanOverdueDaysBreakdownGrid .k-header {
        background-color: #f2dede;
    }

    #LoanOverdueDaysBreakdownGrid .k-grid-content tr {
        background: none;
    }

        #LoanOverdueDaysBreakdownGrid .k-grid-content tr:nth-child(odd) {
            box-shadow: 0px 1px 3px #00000073;
        }

#overdue-breakdown-container .cont-title {
    font: 16px Arial, Helvetica, sans-serif;
    text-align:center;
    padding: 10px 0;
    color: rgb(142, 142, 142);
}

#content:not(:has(#db-container)) {
    background: white;
}

.full-height {
    height: 100%;
}

.absolute-position {
    position: absolute;
}

.login-welcome-quote {
    padding: 35px;
    font-family: serif;
    font-size: large;
    font-style: italic;
}

.low-opacity-3 {
    opacity: 0.3;
}

#LoginFormContainer form,
#ChangePasswordContainer form {
    width: 35%;
}

#LoginFormContainer select#BranchId,
#LoginFormContainer select#BranchId::-webkit-scrollbar-track {
    background: #6db9b826;
}

    #LoginFormContainer select#BranchId:focus-visible {
        outline: none !important;
    }

    #LoginFormContainer select#BranchId::-webkit-scrollbar {
        width: 5px;
        background: #6db9b826;
    }


    #LoginFormContainer select#BranchId::-webkit-scrollbar-thumb {
        background-color: #506a80;
        border-radius: 5px;
    }

#LoginFormContainer .editor-label label,
#ChangePasswordContainer .editor-label,
.settings-data label {
    font-weight: bold;
    color: #506a80;
}

#ChangePasswordContainer .editor-field {
    margin-bottom: 20px;
}

    #LoginFormContainer .editor-field .field-validation-error span,
    #ChangePasswordContainer .editor-field .field-validation-error span {
        font-size: smaller;
        color: #ee8029;
    }

.custom-button {
    align-self: center;
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    box-sizing: border-box;
    line-height: 23px;
    outline: none;
    padding: .75rem;
    transition: all 235ms ease-in-out;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border: 2px solid #1e2631;
    margin-top: 25px;
    background: #506e87;
}

    .custom-button:hover {
        box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
        transform: translate3d(0, 2px, 0);
        border: 2px solid #506e87;
        background: #6db9b8;
    }

    .custom-button:focus {
        box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
    }

.cancel-button-custom {
    background: #e6833a !important;
    border-color: #506e87 !important;
}

    .cancel-button-custom:hover {
        background: #ffc344 !important;
        color: #506e87 !important;
    }

.welcome-image {
    width: 70%;
}

#language-container-login img:hover {
    opacity: 0.5;
    cursor: pointer;
}

.settings-img-container img {
    width: 60%;
}

#changePasswordForm #validation_summary_errors {
    width: 35% !important;
}

.remove-card-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

#LoanJoinReferenceListView {
    grid-template-columns: 23% 23% 23% 23% !important;
    min-height: 125px;
}

.task.task-add-btn-container {
    display: flex;
    justify-content: center;
    background: #506e87;
    opacity: 0.5;
}

#addOtherLinkedLoans {
    border: none;
    background: none;
    font-size: xxx-large;
    color: white;
    pointer-events: auto !important;
}

#LoanJoinReferenceListView .task-add-btn-container {
    pointer-events: none;
}

    #LoanJoinReferenceListView .task-add-btn-container:hover {
        opacity: 1;
    }

#removeRelatedLoan {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    font-size: larger;
}

    #removeRelatedLoan:focus,
    #removeRelatedLoan:focus-visible {
        outline: none !important;
    }

.font-loan-comment-section {
    color: #13161a;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
}

.comment-font-loan-comment-section {
    color: #1a1318bd;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px dotted #13161a
}

.comment-text-area {
    box-shadow: 7px 7px #d3d3d363;
    margin: 8px;
}

.version-to-compare-modal-header {
    background: #56748f;
}

    .version-to-compare-modal-header .modal-title {
        color: white;
    }

#ChangesFromHistoryLoanInstall .k-grid-content {
    min-height: 50px;
    max-height: 220px;
}


.calculation-loader-image {
    width: 10%;
    margin-top: 65px;
}

.warning-alert-message {
    background: #f0ad4e;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: larger;
    color: #ffffff;
    font-weight: bold;
}

#btn_provision_calc {
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    justify-content: center;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
}

#btn_provision_calc:focus {
    box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

#btn_provision_calc:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(-2px);
}

.no-text-indent {
    text-indent: 0px !important;
}

.template-body-div .k-tool-group {
    display: inline-flex !important;
}

.k-i-my-replace:before {
    content: "\e65c";
}

.k-i-my-undo:before {
    content: "\e100";
}

.k-i-my-redo:before {
    content: "\e101";
}

.template-body-div .k-group-start.k-group-end.k-tool{
    border-radius: 10px;
}

.template-body-div .k-editor-toolbar .k-tool,
.template-body-div .k-tool-group span:first-of-type {
    color: #506e87;
    /*background-color: #e6f5f2;*/
    border-color: #ccc;
    font-size: 15px;
}

.template-body-div .k-editor-toolbar-wrap{
    padding: 10px;
}

.template-body-div table {
    border: none;
    border-top: 2px solid #506e87;
}

.template-body-div iframe {
    border: none !important;
    box-shadow: rgb(235 235 235) 3px 3px 6px 0px inset,
                rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.template-body-div tbody .k-state-selected {
    background-color: #506e87 !important;
}

.template-body-div tbody .k-state-selected span{
    color: white !important;
}

.right-side-bar-container {
    border: none;
    border-top: 2px solid #506e87;
    border-radius: 5px;
    background: #8db0b21f;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-legend-label {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: end;
    background: #506e87;
    padding: 5px 15px;
    border-bottom-left-radius: 100px;
    letter-spacing: 2px;
    border-top-right-radius: 20px;
    width: 100%;
}

.custom-grid-item {
    border: none;
    background: none;
}

.right-side-bar-container span.k-dropdown-wrap.k-state-default {
    border: none;
    background: #768ea152;
}

#refreshTemplate {
    cursor: pointer;
    margin-top: 5px;
}
.editor-autosave {
    position: absolute;
    right: 80px;
    top: 468px;
    float: right;
    background-color: white;
    border: 2px solid #2b8dc5;
    border-radius: 0px 0px 5px 5px;
    padding: 5px;
    height: 40px;
    width: 350px;
    border-top: none;
    z-index: 999;
}

.editor-autosave-success {
    color: #2b8dc5;
    font-weight: bold;
    margin-top: 3px;
    line-height: 25px;
}

.no-text-indent {
    text-indent: 0px !important;
}

.custom-grid-item *{
    border: none !important;
    background: none;
}

.custom-grid-item .k-grid-content {
    box-shadow: 0px 0px 1px 0px #909496;
}

.custom-grid-item tr td {
    border-bottom: 0.5px solid #d1d4d5 !important;
    cursor: pointer;
}
.custom-grid-item tr td:hover {
background: #e6f5f2 !important;
}

.custom-grid-item .k-grid-content.k-auto-scrollable::-webkit-scrollbar {
    width: 5px;
}

.custom-grid-item .k-grid-content.k-auto-scrollable::-webkit-scrollbar-thumb {
    background-color: #3cb099;
}

.custom-grid-item .k-grid-content.k-auto-scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.custom-grid-item .k-grid-header{
    margin-bottom: 10px;
}

.custom-grid-item input.k-textbox::before{
    content: "Placehodler adasdf...";
    color: black;
}

#repetitive-info {
    border: dashed 1px #3cb099;
    padding: 5px 0;
}

.custom-wrap-icon {
    font-size: large;
    margin: 15px;
    margin-left: 0;
    color: #ff9e00;
}

.no-wrap-text-button {
    text-wrap: nowrap;
    font-size: .6vw;
}

#repetitive-type input[type="radio"] {
    appearance: none;
    border: 2px solid #3cb099;
    padding: 0.5em;
    cursor: pointer;
}

#repetitive-type input[type=radio]:checked {
    background: #3cb099;
    outline: 5px auto transparent;
    outline-offset: -2px;
}

#repetitive-type input[type=radio]:focus {
    outline-color: transparent;
}

.row-gap-10{
    row-gap: 10px;
}

.k-i-btn_copy_text::before {
    content: "\e665";
}

.k-i-btn_copy_html::before {
    content: "\e663";
}

#grid-card-1 {
    grid-column: 1;
    grid-row: 1;
    grid-column-end: 5;
}

#grid-card-2 {
    grid-column: 1;
    grid-row: 2;
}

#grid-card-3 {
    grid-column: 2;
    grid-row: 2;
}

#grid-card-4 {
    grid-column: 3;
    grid-row: 2;
}

#grid-card-5 {
    grid-column: 1;
    grid-column-end: 4; 
    grid-row: 3;
}

#grid-card-6 {
    grid-column: 4;
    grid-row: 3;
}

#grid-card-7 {
    grid-column: 4;
    grid-row: 2;
}

.grid-template-arears-1-3-2 {
    grid-gap: 10px;
    display: grid;
    grid-gap: 10px;
}

.smooth-gray-box {
    height: 50px;
    background-color: #eee;
    padding: 15px 30px;
    margin: 15px 0;
    border-radius: 10px;
    font-weight: bold;
    font-size: 13px;
}

.img-shadow:hover {
    box-shadow: 0px 0px 2px 1px #bce4dc;
}

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

.custom-secondary-text-color {
    color: #ffae71;
}

.padding-25 {
    padding: 25px;
}

.light-weight{
    font-weight: lighter;
}

.opacity-4{
    opacity: 0.4;
}

.img-fit-container {
    width: 100%;
    object-fit: cover;
}

.tara-background {
    background: #edf5e6;
}

/* Mortgage application */
@media (min-width: 1300px) {
    #moApplicationDecisionModal .modal-dialog {
        width: 1200px;
    }
}

#moApplicationDecisionModal #MoApplicationDecisionObjects {
    overflow: scroll;
}

#bodyContent #IsActingDirector {
    margin-left: 10px;
}

.floating-chat {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    transform: translateY(70px);
    transition: all 250ms ease-out;
    border-radius: 50%;
    opacity: 0;
    background: -moz-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
    background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .floating-chat.enter:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        opacity: 1;
    }

    .floating-chat.enter {
        transform: translateY(0);
        opacity: 0.6;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
    }

    .floating-chat.expand {
        width: 250px;
        max-height: 400px;
        height: 400px;
        border-radius: 5px;
        cursor: auto;
        opacity: 1;
    }

    .floating-chat :focus {
        outline: 0;
        box-shadow: 0 0 3pt 2pt rgba(14, 200, 121, 0.3);
    }

    .floating-chat button {
        background: transparent;
        border: 0;
        color: white;
        text-transform: uppercase;
        border-radius: 3px;
        cursor: pointer;
    }

    .floating-chat .chat {
        display: flex;
        flex-direction: column;
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        border-radius: 50%;
        transition: all 250ms ease-out;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .floating-chat .chat.enter {
            opacity: 1;
            border-radius: 0;
            margin: 10px;
            width: auto;
            height: auto;
        }

        .floating-chat .chat .header {
            flex-shrink: 0;
            padding-bottom: 10px;
            display: flex;
            background: transparent;
        }

            .floating-chat .chat .header .title {
                flex-grow: 1;
                flex-shrink: 1;
                padding: 0 5px;
            }

            .floating-chat .chat .header button {
                flex-shrink: 0;
            }

        .floating-chat .chat .messages {
            padding: 10px;
            margin: 0;
            list-style: none;
            overflow-y: scroll;
            overflow-x: hidden;
            flex-grow: 1;
            border-radius: 4px;
            background: transparent;
        }

            .floating-chat .chat .messages::-webkit-scrollbar {
                width: 5px;
            }

            .floating-chat .chat .messages::-webkit-scrollbar-track {
                border-radius: 5px;
                background-color: rgba(25, 147, 147, 0.1);
            }

            .floating-chat .chat .messages::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background-color: rgba(25, 147, 147, 0.2);
            }

            .floating-chat .chat .messages li {
                position: relative;
                clear: both;
                display: inline-block;
                padding: 14px;
                margin: 0 0 20px 0;
                font: 12px/16px "Noto Sans", sans-serif;
                border-radius: 10px;
                background-color: rgba(25, 147, 147, 0.2);
                word-wrap: break-word;
                max-width: 81%;
            }

                .floating-chat .chat .messages li:before {
                    position: absolute;
                    top: 0;
                    width: 25px;
                    height: 25px;
                    border-radius: 25px;
                    content: "";
                    background-size: cover;
                }

                .floating-chat .chat .messages li:after {
                    position: absolute;
                    top: 10px;
                    content: "";
                    width: 0;
                    height: 0;
                    border-top: 10px solid rgba(25, 147, 147, 0.2);
                }

                .floating-chat .chat .messages li.other {
                    animation: show-chat-odd 0.15s 1 ease-in;
                    -moz-animation: show-chat-odd 0.15s 1 ease-in;
                    -webkit-animation: show-chat-odd 0.15s 1 ease-in;
                    float: right;
                    margin-right: 45px;
                    color: #0AD5C1;
                }

                    .floating-chat .chat .messages li.other:before {
                        right: -45px;
                        background-color: lightgray;
                    }

                    .floating-chat .chat .messages li.other:after {
                        border-right: 10px solid transparent;
                        right: -10px;
                    }

                .floating-chat .chat .messages li.self {
                    animation: show-chat-even 0.15s 1 ease-in;
                    -moz-animation: show-chat-even 0.15s 1 ease-in;
                    -webkit-animation: show-chat-even 0.15s 1 ease-in;
                    float: left;
                    margin-left: 45px;
                    color: #0EC879;
                }

                    .floating-chat .chat .messages li.self:before {
                        left: -45px;
                        background-color: lavender;
                    }

                    .floating-chat .chat .messages li.self:after {
                        border-left: 10px solid transparent;
                        left: -10px;
                    }

        .floating-chat .chat .footer {
            flex-shrink: 0;
            display: flex;
            padding-top: 10px;
            max-height: 90px;
            background: transparent;
        }

            .floating-chat .chat .footer .text-box {
                border-radius: 3px;
                background: rgba(25, 147, 147, 0.2);
                min-height: 100%;
                width: 100%;
                margin-right: 5px;
                color: #0EC879;
                overflow-y: auto;
                padding: 2px 5px;
            }

                .floating-chat .chat .footer .text-box::-webkit-scrollbar {
                    width: 5px;
                }

                .floating-chat .chat .footer .text-box::-webkit-scrollbar-track {
                    border-radius: 5px;
                    background-color: rgba(25, 147, 147, 0.1);
                }

                .floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb {
                    border-radius: 5px;
                    background-color: rgba(25, 147, 147, 0.2);
                }

        .floating-chat .chat .messages .comment-date {
            display: block;
            font-size: smaller;
            color: lightcyan;
        }

@keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-moz-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-moz-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-webkit-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}


/*Custom-input */



.form-input-box {
    display: block;
    width: 100%;
    padding: 8px 16px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    -webkit-appearance: none;
    color: var(--input-color);
    border: 1px solid var(--input-border);
    background: var(--input-background);
    transition: border 0.3s ease;
}

.form-input-box::placeholder {
    color: var(--input-placeholder);
}

.form-input-box:focus {
    outline: none;
    border-color: var(--input-border-focus);
}

.input-group-container {
    display: flex;
}

.input-group-container > label,
.input-group-container .form-input-box {
    white-space: nowrap;
    display: block;
    margin-bottom: 0 !important;
}

.input-group-container > label:not(:first-child):not(:last-child),
.input-group-container .form-input-box:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-container > label:first-child {
    border-radius: 6px 0 0 6px;
}

.input-group-container > label:last-child {
    border-radius: 0 6px 6px 0;
}

.input-group-container > label:not(:first-child),
.input-group-container .form-input-box:not(:first-child) {
    margin-left: -1px;
}

.input-group-container .form-input-box {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    width: 1%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: small;
    border-radius: 0;
    width: 100% !important;
    padding: 7px 0px;
    text-indent: 20px;
}

.input-group-container > label {
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 25px;
    color: var(--group-color);
    background: var(--group-background);
    border: 1px solid var(--group-border);
    transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
    font-weight: bold;
    font-size: small;
}

.input-group-container:focus-within > label:not(".custom-no-background") {
    color: var(--group-color-focus);
    background: var(--group-background-focus);
    border-color: var(--group-border-focus);
}

.form-input-box span:has(.form-input-box),
.form-input-box span:has(.k-input) {
    border: none;
    height: 39px;
    display: flex;
    font-size: large;
    align-items: center;
}

span.form-input-box{
    padding: 0 !important;
}

.low-saturation-hue {
    filter: saturate(0.6) hue-rotate(340deg);
}

.form-input-box span span .k-icon {
    color: #de9760;
    font-size: x-large;
}

.form-input-box span span:has(.k-icon) {
    width: 2.5em;
    right: 10px !important;
    z-index: 4;
}
.padding-left-5 {
    padding: 0 0 0 5px;
}

.main-border-color {
    border-color: #3cb0996b;
}

.custom-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.custom-cards-container .cards-itself {
    display: grid;
    justify-items: center;
    width: 160px;
    height: 120px;
    align-items: end;

}

.background-color-even {
    background-color: #ffa47126 !important;
}

.background-color-odd {
    background-color: #71b3ff26 !important;
}

.relative-position{
    position: relative;
}

.left-5{
    left: 5px;
}

.custom-no-label {
    font-size: x-large;
    padding: 5px;
    color: #a5a7a8b5;
    width: 100%;
    z-index: 0;
}

.right-0{
    right: 0;
}

.cards-itself-title {
    width: 100%;
    text-align: center;
    color: #506e87;
}

.custom-selected-text-color {
    color: #3cb099 !important;
    pointer-events: none;
}

.no-outline{
    outline: none!important;
}

.custom-toggable-tabs .tab-pane{
    border: none !important;
    padding-top: 20px;
}

.custom-toggable-tabs ul li a {
    border: none !important;
    text-align: center;
}
.custom-toggable-tabs ul li.active a {
    border-top: 2px solid !important;
    box-shadow: inset 0px 1px 1px 0px #3cb099;
}

.align-items-start{
    align-items: flex-start;
}

.campaign-general-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.campaign-general-info div{
    border-bottom: 1px dashed #e5e6e6;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.campaign-general-info div label{
    color: gray;
    font-size: smaller;
}

.campaign-general-info div span{
    font-weight: bold;
    color: #506e87;
    font-size: large;
}

.campaign-general-info div span.number-span-statistic{
    font-size: xxx-large;
    color: #3cb099;
    position: absolute; 
}

.campaign-general-info div:has(.number-span-statistic){
    border: none;
}

#current-lang-define {
    box-shadow: none !important;
    position: absolute;
    right: 0;
    width: 170%;
}

.parent-campaign-types-listView {
    padding: 25px 5px;
    font: inherit;
    border-width: 0px;
    background: #98aab847;
    display: grid;
    grid-template-columns: 25% 25% 25%;
    grid-gap: 30px;
    justify-content: center;
}

.parent-campaign-types-listView .parent-campaign-type{
    box-shadow: 0 0 1px 0 rgba(9,30,66,0.31), 0 2px 4px -1px rgba(9,30,66,0.25);
    background: white;
    text-align: center;
    font-size: large;
    padding: 40px;
    color: #bbbbbb;
    letter-spacing: 5px;
}

.parent-campaign-type span.glyphicon {
    font-size: 65px;
    color: #3cb099;
    text-shadow: 2px 0px 2px #000000;
}

.parent-campaign-type:hover {
    background: #e6f5f2;
    transform: scale(1.05);
    color: #6b6565;
    cursor: pointer;
}

.parent-campaign-type:hover span.glyphicon {
    color: #ffb100;
}

.flip-horizontal {
    transform: rotateY(180deg);
}

.custom-utpo-card {
    box-sizing: border-box;
    padding: 0 40px 10px 40px;
    margin: 15px;
    border: 1px #236fbd dashed;
    border-radius: 10px;
}

.custom-panel-buttons {
    box-sizing: border-box;
    height: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.padding-left-25{
    padding-left: 25px;
}

#report-list-header {
    color: #506e87;
    border-bottom: 2px dashed #ff9e0040;
    padding: 10px;
    text-transform: uppercase;
}

.k-top:has(.tree_parent_icon),
.k-mid:has(.tree_parent_icon), 
.k-bot:has(.tree_parent_icon) {
    padding: 10px;
    font-family: sans-serif;
    font-size: small;
    color: #668693;
}


.k-treeview span.k-icon ~ span.k-in{
    font-weight: 100;
}

.k-top:has(.tree_parent_icon) .k-i-expand,
.k-mid:has(.tree_parent_icon) .k-i-expand,
.k-bot:has(.tree_parent_icon) .k-i-expand,
.k-top:has(.tree_parent_icon) .k-i-collapse,
.k-mid:has(.tree_parent_icon) .k-i-collapse,
.k-bot:has(.tree_parent_icon) .k-i-collapse {
    margin-left: 2px;
}

.k-top:has(.tree_parent_icon) .k-state-focused,
.k-mid:has(.tree_parent_icon) .k-state-focused,
.k-bot:has(.tree_parent_icon) .k-state-focused {
    box-shadow: none !important;
}

.k-top:has(.tree_parent_icon):has(.k-i-collapse),
.k-mid:has(.tree_parent_icon):has(.k-i-collapse),
.k-mid:has(.tree_parent_icon):has(.k-i-collapse) {
    color: #488ae2;
}

.k-top:not(:has(.tree_parent_icon)),
.k-mid:not(:has(.tree_parent_icon)),
.k-bot:not(:has(.tree_parent_icon)) {
    margin-left: 45px;
}

#tree_section #tree_container #treeview {
    padding-bottom: 50px;
}

.no-box-shadow{
    box-shadow: none !important;
}

.k-top:not(:has(.tree_parent_icon)) .k-state-selected,
.k-mid:not(:has(.tree_parent_icon)) .k-state-selected,
.k-bot:not(:has(.tree_parent_icon)) .k-state-selected,
.k-top:not(:has(.tree_parent_icon)) .k-state-hover,
.k-mid:not(:has(.tree_parent_icon)) .k-state-hover,
.k-bot:not(:has(.tree_parent_icon)) .k-state-hover,
.k-top:not(:has(.tree_parent_icon)) .k-state-focused,
.k-mid:not(:has(.tree_parent_icon)) .k-state-focused,
.k-bot:not(:has(.tree_parent_icon)) .k-state-focused {
    color: #488ae2;
    background: none;
    box-shadow: none !important;
    cursor: pointer;
    transform: scale(1.1);
}

.k-in.k-state-selected {
    background: none !important;
    border: none !important;
    color: #488ae2;
}

.k-top:has(.tree_parent_icon) .k-state-hover,
.k-mid:has(.tree_parent_icon) .k-state-hover,
.k-bot :has(.tree_parent_icon) .k-state-hover {
    cursor: pointer;
}

.has-raport-displayed {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: center;
}

#reportViewer1 .trv-nav.k-widget {
    border: none;
    width: 85%;
}

#reportViewer1 ul[aria-label="Main menu"] {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-around;
}

span[aria-owns="CountryDropdown_listbox"] .k-input {
    display: flex;
    justify-content: center;
    align-items: center;
}

#CountryDropdown_listbox .dropdown-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
}

.flag-icon {
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}

.country-name {
    font-size: 12px;
    width: 20px;
    height: 20px;
}

.selected-flag {
    width: 20px;
    height: 20px;
    background-size: cover;
    border-radius: 50%;
}

.selected-country {
    font-size: 12px;
    text-indent: 8px;
}

.accountingGridChecked {
    color: #229954;
    font-size: 13px;
    padding-left: 10%;
}

.accountingGridUnchecked {
    color: #C0392B;
    font-size: 13px;
    padding-left: 10%;
}

.greensh-text-color {
    color: #3cb099;
}

.center-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

	.center-content:has(> input[readonly='readonly']) {
		background: unset;
	}

.signed-successfully {
    background-color: #3cb09938;
}

.k-grid div[id$="_validationMessage"] {
    color: white;
    width: fit-content;
    background: #f28022;
    box-shadow: none;
    position: relative !important;
}

.k-grid div[id$="_validationMessage"] .k-callout.k-callout-n {
    border-bottom-color: #f28022;
}

.padding-left-10 {
    padding: 0 0 0 10px;
}

.trv-report-pager .k-numerictextbox {
    border: none !important; 
    padding: 0 !important; 
}

.actions-button-group button{
    padding: 3px 10px !important;
}

.actions-button-group .dropdown-menu{
    left: -120px;
}

.actions-button-group button:hover {
    background-color: #38a892 !important;
}

.actions-button-group .dropdown-menu li a {
    font-size: small;
    color: #506e87;
}

.ebanking-selected-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    cursor:pointer;
}

.ebanking-selected-cards .icon-container{
        width: 80px;
    height: 80px;
    background: #e7f4fea8;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: xx-large;
}

.ebanking-selected-cards .caption h5{
    margin: 5px 0 !important;
}

.secondary-txt-color-gray {
    color: #b2b4b6;
}

.thumbnail-orange:hover {
    border-color: #edc690 !important;
    color: #f3b054;
}

.thumbnail-orange {
    color: #f3b054c2;
}

.thumbnail-orange .icon-container {
    background: #fff5e6
}

.flex-gap-20 {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ebanking-selected-cards .caption {
    text-align: center;
}

/* Dashboard Elements */
.main-db {
    background-color:white;
    height: 100%;
    padding:1em;
}

.main-db-calculator-container {
    height: 60%;
}

.main-db-notes-container {
    height: 60%;
}

.main-db-qa-container {
    height: 60%;
}

.main-db *, .db-holiday, .dashboard-widget-header, .db-weather, .weather-content, .db-timer, #weather-desc {
    padding: 0.5em;
}

#db-container .main-db .db-content .db-element {
    height: 97%;
    border: 2px solid #edeff1;
    border-radius: 5px;
}

.main-db-header-container .db-element {
    background-color: #eef2ff;
    border: 2px solid #c9defe !important; 
}

.side-db {
    background-color: #eef2ff;
    height: 100%;
    overflow-y: scroll;
    padding: 1em 0 2em 0;
}

.side-db-container {
    background-color: white;
    margin: 0.5em 0 0.5em 0;
    border: 2px solid #e2e6f3;
    border-radius: 5px;
    padding: 0.5em;
    height:fit-content;
}

/*   Holiday Dashboard  */
.db-holiday {
    height: fit-content;
}

.db-header * {
    margin: 0.3em 0;
    padding: 0;
}

.holiday-header {
    display: flex;
    justify-content: center;
}

.holiday-header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.75em;
}

.holiday-header-icon span {
    font-size: 1.25em;
    background-color: #eef2ff;
    color: #4f39f6;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 0 5px lightgray;
    background-color: #fff1f2;
    color: #ee1e56;
}

.db-next-holiday {
    background-color: #cc0138;
    border-radius: 1em;
    margin: 0.5em 0.5em 0 0.5em;
    padding:0.75em;
}

.db-next-holiday * {
    color:white;
    margin: 0.5em;
}

.closest-holiday-container{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0.5em 0 0.5em 0;
}

.closest-holiday {
    width: 94%;
    margin: 0.25em 0 0.25em 0;
    display: flex;
    background-color: #f8fafc;
    border-radius: 1em;
    padding-left: 1em;
}

.holiday-description{
    width:70%;
}

.time-to-holiday {
    width: 30%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    padding-right:1em;
}

.red-badge {
    border: 1.5px solid #fbd0ea;
    border-radius: 0.75em 0.5em 0.75em 0.5em;
    color: #c6005c;
    background-color: #fdf2f8;
    padding: 0.5em;
    font-size: 0.9em;
    font-weight: bold;
}

/*    Weather Dashboard    */


.db-weather-description{
    width:60%;
    display:flex;
    flex-direction:column;
}
#weather-desc {
    color: #314158;
}
.weather-header {
    display: flex;
    justify-content: center;
}

.weather-header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:0.75em;
}

.weather-header-icon span {
    font-size: 1.25em;
    background-color: #eef2ff;
    color: #4f39f6;
    padding:0.5em;
    border-radius:0.5em;
    box-shadow: 0 0 5px lightgray;
}
.weather-content, weather-icon {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.weather-icon span {
    font-size: 1.75em;
    padding: 0.5em;
    background-color: #5c54fd;
    color: #eef2ff;
    border-radius: 50%;
}

/*   Timer Dashboard   */
.db-timer {
    display: flex;
    flex-direction: column;
    padding-bottom: 1em;
}

.timer-header {
    display: flex;
    justify-content: center;
}

.timer-header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.75em;
}

.timer-header-icon span {
    font-size: 1.25em;
    background-color: #eef2ff;
    color: #4f39f6;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 0 5px lightgray;
    background-color: #fff1f2;
    color: #ee1e56;
}

.db-timer .progress {
    height: 0.5em;
    background-color: #cdccd0;
    margin-bottom:0;
}

.db-timer .progress .progress-bar{
    background-color: black;
}

.timer-control-helper {
    width: 100%;
    padding-left:2%;
    padding-right:2%;
}

.timer-control-helper button{
    width:27%;
    margin-left:2%;
    margin-right:2%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    font-size:1.25em;
    border-radius: 0.5em;
}

.timer-stop-start {
    background-color: #ec003f;
    color:white;
    border:none;
}

.timer-stop-start:hover{
    background-color: #c10034;
}

.timer-restart {
    background-color: white;
    color: black;
    border: 1.5px solid #d1dae6;
}

.timer-restart:hover{
    background-color: #dfdfdf;
}

.timer-break {
    background-color: white;
    color: black;
    border: 1.5px solid #d1dae6;
}

.timer-break:hover {
    background-color: #dfdfdf;
}

/*   TASKS   */
.db-tasks {
    height: fit-content;
    padding: 0;
}

.tasks-header {
    display: flex;
    width: 100%;
    padding: 0;
}

.tasks-header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.75em;
}

    .tasks-header-icon span {
        font-size: 1.25em;
        background-color: #eef2ff;
        color: #4f39f6;
        padding: 0.5em;
        border-radius: 0.5em;
        box-shadow: 0 0 5px lightgray;
    }

.db-tasks-container {
    display: flex;
    align-items: center;
    height: 10em;
    width: 100%;
    overflow-x: auto;
}

.db-task-data {
    height: 100%;
    background-color: #f8fafc;
    border: 2px solid #e9eef4;
    border-radius: 1em;
    margin: 0 0.5em 0 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.task-badges {
    display: flex;
}

.red-task-badge {
    border: 1.5px solid #fbd0ea;
    border-radius: 0.75em 0.5em 0.75em 0.5em;
    color: #c6005c;
    background-color: #fdf2f8;
    padding: 0.5em;
    font-size: 0.8em;
    white-space: nowrap;
}

.gray-badge {
    border: 1.5px solid #e2e6e9;
    border-radius: 0.75em 0.5em 0.75em 0.5em;
    color: black;
    background-color: #f1f5f9;
    padding: 0.5em;
    font-size: 0.8em;
    white-space: nowrap;
}

.orange-badge {
    border: 1.5px solid #fdeba1;
    border-radius: 0.75em 0.5em 0.75em 0.5em;
    color: #c3631d;
    background-color: #fffbeb;
    padding: 0.5em;
    display: flex;
    font-size: 0.8em;
    white-space: nowrap;
}

.db-tasks-container::-webkit-scrollbar {
    height: 6px;
}

.db-tasks-container::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 3px;
}

.db-tasks-container::-webkit-scrollbar-thumb {
    background: #C1C1C1;
    border-radius: 3px;
}

    .db-tasks-container::-webkit-scrollbar-thumb:hover {
        background: #A8A8A8;
    }

.side-db::-webkit-scrollbar {
    width: 0px;
}

/*calculator and general*/
#calculator-nav-pills a{
    text-align:center;
}

.calculator-nav-pill span {
    width: 98%;
    display: flex;
}

.padding-0 {
    padding: 0 !important;
}

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

.dashboard-light-blue-bg {
    background-color: #F1F5F9;
}

#calculator-nav-pills .active .calculator-nav-pill {
    background-color: white !important;
    color: #337ab7;
}

.calculator-nav-pill {
    color: #23527c;
}

.calculator-nav-pill:hover {
     color: #337ab7 !important;
}

.calculator-nav-pill:hover{
    background-color: #dae5f0 !important;
}

.margin-top-1em{
    margin-top: 1em;
}

.margin-0{
    margin: 0 !important;
}

.dashboard-label {
    color: #314158 !important;
}

.dashboard-input .k-numeric-wrap {
    border-color: #CAD5E2 !important;
}

.dashboard-widget-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-widget-icon-wrapper {
    width: 40px;
    height: 40px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    display: flex;
    justify-content: center;
    font-size: 1.75rem;
    align-items: center;
}

.dashboard-widget-title-section{
    display:flex;
    flex-direction: column;
}

.dashboard-widget-title {
    font-size: medium;
}

.db-element > div:first-child {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.db-element .tab-content .tab-pane {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.db-element .tab-content {
    height: 100%;
}

.db-element .tab-content .tab-pane .tab-content-form,
.db-element .tab-content .tab-pane .tab-action{
        width: 100%;
    }


.dashboard_widget_scrollable {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-right: 4px;
}

.dashboard_widget_scrollable::-webkit-scrollbar {
    width: 6px;
}

.dashboard_widget_scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.dashboard_widget_scrollable::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.dashboard_widget_scrollable::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.dashboard_widget_empty_state {
    text-align: center;
    padding: 100px 20px;
    color: #9ca3af;
    font-size: 14px;
}

/*loan calculator*/
.dashboard-loan-calculator {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dashboard-loan-calculator .tab-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-loan-calculator .tab-content .tab-pane {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: none;
}

.dashboard-loan-calculator .tab-content .tab-pane .tab-content-form.dashboard_widget_scrollable {
    flex: 1;
    overflow-y: auto;
}

.dashboard-loan-calculator .tab-content .tab-pane .tab-action {
    flex-shrink: 0;
    padding-top: 1em;
}

.dashboard-loan-calculator #calculator-nav-pills {
    width: 100%;
    flex-shrink: 0;
}

/*notes*/
.dashboard-notes-widget {
    overflow: hidden;
}

.dashboard-widget-add-button {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    margin-left: auto;
}

    .dashboard-widget-add-button:hover {
        background: #FF7700;
        transform: scale(1.05);
    }

    .dashboard-widget-add-button i {
        font-size: 20px;
    }

.notes-list {
    gap: 12px;
}

.note-card {
    border: 2px solid;
    border-radius: 8px;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    padding: 14px;
    max-height: 50%;
    cursor: pointer;
}

    .note-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .note-card.note-done {
        opacity: 0.7;
    }

.note-checkbox-wrapper {
    flex-shrink: 0;
    padding-right: 12px;
    padding-top: 2px;
}

.note-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #4ade80;
}

.note-content {
    flex: 1;
    padding-right: 30px;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

.note-title {
    margin: 0 0 6px 0;
    font-size: 15px;
    font-weight: 600;
    color: #23527c;
    line-height: 1.4;
    word-wrap: break-word;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.8em;
}

.note-text {
    margin: 0;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    flex: 1;
}

.text-strikethrough {
    text-decoration: line-through;
    color: #9ca3af !important;
}


.note-remove-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
    opacity: 0.6;
}

    .note-remove-button:hover {
        background: rgba(0, 0, 0, 0.1);
        color: #dc2626;
        opacity: 1;
    }

    .note-remove-button i {
        font-size: 14px;
    }

.note-modal-header {
    display: flex;
    justify-content: flex-end;
}

    .note-modal-header .modal-title {
        font-weight: 600;
        color: #1f2937;
    }

    .note-modal-header .close {
        color: #a39f9a;
        opacity: 0.8;
    }

        .note-modal-header .close:hover {
            opacity: 1;
        }

#noteModal .modal-body {
    padding: 20px;
}

#noteModal .form-control {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 10px 14px;
    font-size: 14px;
}

    #noteModal .form-control:focus {
        border-color: #FF8C00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

.note-modal-footer {
    padding: 12px 20px;
    border-radius: 0 0 10px 10px;
    display: flex;
    justify-content: flex-end;
}

.note-modal-btn-primary {
    background: #FF8C00;
    border-color: #FF8C00;
    border-radius: 8px;
    color: #ffffff;
}

    .note-modal-btn-primary:hover {
        background: #FF7700;
        border-color: #FF7700;
        color: #ffffff;
    }

/* quick actions themes */

.quick-theme-0 {
    background-color: #5C5CF0 !important; 
    color: #FFFFFF !important;
}

.quick-theme-1 {
    background-color: #009A63 !important; 
    color: #FFFFFF !important;
}

.quick-theme-2 {
    background-color: #9B5CF5 !important; 
    color: #FFFFFF !important;
}

.quick-theme-3 {
    background-color: #FF8C4B !important; 
    color: #FFFFFF !important;
}

.quick-theme-4 {
    background-color: #E6003A !important; 
    color: #FFFFFF !important;
}

.quick-theme-5 {
    background-color: #46556A !important; /* Blue Gray */
    color: #FFFFFF !important;
}


.quick-actions-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0;
    padding-bottom: 12px;
}

.quick-action-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10),
                0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.quick-action-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

.quick-action-icon {
    font-size: x-large;
    padding: 0;
}
.quick-action-text {
    line-height: 1.2;
    max-width: min-content;
    text-align: center;
}

.quick-action-title {
    font-size: small;
    padding: 0;
}

#quickActionsCarousel .carousel-inner, 
#quickActionsCarousel .item {
    padding: 0 !important;
}

#quickActionsCarousel .item {
    margin-bottom: 12px;
}
.quick-theme-0 i,
.quick-theme-1 i,
.quick-theme-2 i,
.quick-theme-3 i,
.quick-theme-4 i,
.quick-theme-5 i {
    color: inherit;
}

.quick-theme-0:hover,
.quick-theme-1:hover,
.quick-theme-2:hover,
.quick-theme-3:hover,
.quick-theme-4:hover,
.quick-theme-5:hover {
    filter: brightness(0.95);
    transition: all 0.2s ease-in-out;
}
#quickActionsCarousel {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 8px;
}
.quick-actions-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    z-index: 10;
    margin-top: 8px;
    padding: 0;
}

.quick-actions-dots li {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #d1d5db;
cursor: pointer;
transition: all 0.3s ease;
border: none;
text-indent: 0;
margin: 0;
}

.quick-actions-dots li.active {
background-color: #6b7280;
width: 24px;
border-radius: 4px;
}

.quick-actions-dots li:hover {
background-color: #9ca3af;
}


a.calculator-nav-pill{
    padding: 0 !important;
}

.gap-10{
    gap: 10px !important;
}

.calculator-numeric-box .k-numeric-wrap {
    border: none !important;
    padding: 0 !important;
}

.calculator-numeric-box .calculator-numeric-box.k-input {
    background: none !important;
    font-size: medium;
    font-weight: bold;
    color: #506e87;
    text-indent: 0;
}

.amount-result-container {
    border: 1px solid #00965d !important;
    background: #ecfdf5;
    border-radius: 5px;
    pointer-events: none;
}

.amount-result-container .result-label{
    padding: 0;
    font-size: 11px;
    color: #00965d;
}

#AmountCalculator button,
#InstallmentCalculator button {
    height: 53.14px;
    border-radius: 5px !important;
}