body {
    /*font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Roboto', sans-serif, "latoregular", "Helvetica Neue", Helvetica, Arial;
}

h3, h4, h5, h6 {
    /*font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Roboto', sans-serif, "latoregular", "Helvetica Neue", Helvetica, Arial;
}

/* Content */
.content-wrapper {
    margin-top: 45px;
}

.content-wrapper .container {
    background-color:#f4faff;
}
/*.search-page .menu-commands-panel
{
    margin-top:5px;
}
.search-page .page-size-selector-container{
    margin-top:5px;
}*/

.breadcrumb {
    background-color: inherit;
    padding-left: 0;
    margin-bottom: 0px;

}
.page-title{

    padding-bottom: 15px;
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 15px;
    /*background-color: #fff;*/
    margin-top: 1px;
    padding-top: 20px;
    /*border-bottom: 3px solid #0d6ebb;*/

    /*padding-bottom:4px;
    margin-left:0px;
    margin-right:0px;*/
}
/* TOP BAR */
.top-bar {
    position: fixed;
    background: #373737;
    z-index: 5;
    left: 0;
    top:0;
    width:100%;
    border-bottom:1px solid #ccc;
    height: 60px;
}
    .top-bar .dev-mode {
        /*        position: absolute;
        top: 5px;
        left: 30%;
        color: #fff;*/

        position: absolute;
        top: 0;
        left: 45%;
        color: #fff;
        background-color: #dbb32b;
        opacity: 0.8;
        display: block;
        padding: 5px;
        width: 200px;
        text-align: center;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        font-size: 16px;
        /*font-weight: bolder;*/
    }

    .top-bar .logo {
        position: static;
        top: 0;
        padding-left: 8px;
    }

    .top-bar .logged-user .btn-link {
        color: #8f8f8f;
        font-size: 15px;
        line-height: 30px;
    }

    .top-bar .logged-user .dropdown-menu {
        left: -100px;
        top: 33px;
    }

    /*.top-bar .top-bar-right-container {
        padding-right: 7px;
    }*/

    .top-bar .top-bar-right {
        padding-right: 44px;
        position: relative;
    }

        .top-bar .top-bar-right .log-out-command {
            position: absolute;
            right: 0;
            top: -1px;
            display: block;
            width: 20px;
            height: 20px;
            /*background: url('../../common/images/log-out-white.svg') center center no-repeat;*/
            cursor: pointer;
            margin: 5px;
            font-size:20px;
            color:#acbfca;
        }

    .top-bar .logo img {
        height: 30px;
    }


/*  LOGO  */
.nav-header img
{
    display: block;
    margin: 0 auto;

}

/* MENU */
ul.main-menu > li .text {
    font-size: 14px;
}
.menu-icon-fa{
    font-size: 16px;
}
ul.main-menu > li.active > a,
ul.main-menu > li.active > .main-menu__link {
    background-color: #004a75;
    font-weight: normal;
}

    ul.main-menu > li.active > a:hover {
        border-left: 4px solid #344488;
        background-color: #F0F0F0;
    }

ul.main-menu .sub-menu li.active a {
    font-weight: normal;
    border-left: 4px solid #344488;
    padding-left: 31px;
    color: #c2dae8;
}

ul.main-menu > li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #03649c !important;
}

.main-menu__link {
    cursor: pointer;
}

ul.main-menu > li .main-menu__link,
ul.main-menu > li a {

    display: block;
    position: relative;
    padding: 8px 0 8px 5px;
    color: #acbfca;
    background-color: #004a75;
    border-top: 1px solid #dcdcdc;

        /*display: block;
    position: relative;
    padding: 8px 0 12px 15px;
    color: #93d7ff;
    background-color: #004a75;
    border-top: 1px solid #117ebd;*/

    /*display: block;
    position: relative;
    padding: 8px 0 12px 15px;
    color: #8095a8;
    background-color: #283440;
    
    border-top: 1px solid #2c4a67;*/
}

    ul.main-menu > li .main-menu__link:hover,
    ul.main-menu > li a:hover {
        background-color: #DFE4ED;
        text-decoration: none;
    }

ul.main-menu li.selected > a,
ul.main-menu li.selected > .main-menu__link {
    font-weight: bold !important;
}

ul.main-menu a:focus {
    text-decoration: none;
}

ul.main-menu > li > a .menu-icon,
ul.main-menu > li > .main-menu__link .menu-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}

ul.main-menu > li > a .text,
ul.main-menu > li > .main-menu__link .text {
    line-height: 30px;
}


.left-sidebar.minified .main-menu > li > a,
.left-sidebar.minified .main-menu > li > .main-menu__link {
    padding-left: 0;
}

ul.main-menu > li > a > * {
    /*vertical-align: top;*/
}

ul.main-menu > li .toggle-icon {
    font-size: 14px;
    top: 15px;
    right: 15px;
    color: #acbfca;
}

ul.main-menu .sub-menu li a {
    padding: 2px 5px 2px 35px;
    border-top: none;
}

ul.main-menu .sub-menu {
    position: relative;
    top: -5px;
}

.left-sidebar .version-number {
    padding-left: 5px;
    font-size: 11px;
    color: #888;
}

.left-sidebar.minified ul.main-menu .sub-menu {
    top: 0;
}

.left-sidebar.minified .main-menu > li > a,
.left-sidebar.minified .main-menu > li > .main-menu__link {
    text-align: center;
}

.left-sidebar.minified .main-menu > li:hover > a > .text {
    display: none;
}

.left-sidebar.minified .main-menu > li:hover > ul.sub-menu {
    border-top: 1px solid #E4E4E4;
}

.left-sidebar.minified .version-number {
    display: none;
}


/* CONTENT */
.wrapper {
    margin: 0;
}

    .wrapper > .bottom > .container .content-wrapper {
        background-color: #f4faff;
    }

        .wrapper > .bottom > .container .content-wrapper .breadcrumb {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 12px;
        }

            .wrapper > .bottom > .container .content-wrapper .breadcrumb li + li:before {
                display: inline-block;
                width: 12px;
            }

    .wrapper .breadcrumb li,
    .wrapper .breadcrumb a {
        font-size: 16px;
        color: #002b7f;
    }

        .wrapper .breadcrumb li:last-child {
            font-weight: bold;
        }

        .wrapper .breadcrumb li + li:before {
            color: #002b7f;
            font-weight: 100;
            top: 0;
        }

.content-wrapper .page-content {
    margin-bottom: 30px;
}

.table > thead > tr {
    background-color: white;
}

.btn.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

    .btn.btn-default:hover,
    .btn.btn-default:focus {
        background-color: #e6e6e6;
    }

    .btn.btn-default.active {
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.btn.btn-link {
    font-family: inherit;
    color: #489dc1;
}

    .btn.btn-link:hover {
        text-decoration: underline;
    }

.btn i {
    margin-right: 0;
}

.dataTables_filter input[type="search"] {
    /*width: 16em !important;*/
    width:100%;
}

.dataTables_filter input[type="search"]::placeholder {
    color:#aaa;
}

div.dataTables_filter label {
    float: none;
}

.dataTables_length {
    margin-bottom: 0;
    float: none;
    display: inline-block;
}

.pagination > li {
    font-size: 0.85em;
}

    .pagination > li > a,
    .pagination > li > span {
        border: 0;
        float: none;
        margin: 0;
        border-radius: 0 !important;
        color: inherit;
        background: none;
    }

        .pagination > li > span:hover {
            background: none;
            color: inherit;
        }

    .pagination > li > span {
        line-height: 22px;
    }

/*SELECT2 hotfix for flex*/
.field-input-container .select2-container {
    overflow: hidden;
}

/*SELECT2 for full size inputs (not input-sm)*/
.select2-container-multi .select2-choices,
.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
    border-color: #ccc;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border-color: #5897fb;
}

.select2-search-choice-close:before {
    font-size: 100% !important;
    content: "\f00d" !important;
    color: #aaaaaa;
}

.select2-search:before {
    color: #aaaaaa;
}

.select2-drop-mask {
    z-index: 200000;
}

.select2-drop {
    z-index: 200001; /*popup overlay has 10,000 + N*/
}

.select2-container-multi .select2-choices .select2-search-choice.null-value {
    background-color: #46b0cf;
    border-color: #34a6c8;
}

    .select2-container-multi .select2-choices .select2-search-choice.null-value .select2-search-choice-close:before {
        color: #cccccc;
    }

.ui-select-multiple input {
    width: 100% !important;
}

.widget {
    border-color: #004a75;
    background: white;
}

    .widget .widget-header {
        background-color: #004a75;
        border-bottom-color: #004a75;
    }

        .widget .widget-header .alert {
            padding: 5px;
            margin-top: 2px;
            margin-bottom: 0;
            float: right;
        }

@media screen and (min-width: 992px) {
    /* 100% CONTENT MIN-HEIGHT */
    .top-bar {

    }

    .wrapper > .bottom > .container {
        /*padding-top: 42px;*/ /*header height*/
    }

        .wrapper > .bottom,
        .wrapper > .bottom > .container,
        .wrapper > .bottom > .container > .row {
            height: 100%;
        }

            .wrapper > .bottom > .container > .row .content-wrapper {
                min-height: 100%;
            }


    /*TOP BAR*/
    .top-bar .top-bar-right {
        top: 0;
    }
}
/*FANCY CHECKBOX */
.fancy-checkbox input[type="checkbox"] {
    display: block;
    opacity: 0;
    position: absolute;
    height: 1px;
    width: 1px;
}

    /*hack to simulate focus on pseudo-element*/
    .fancy-checkbox input[type="checkbox"]:focus + span:before {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

.fancy-checkbox.custom-color-blue input[type="checkbox"]:checked + span:before {
    color: #4887CC;
    background-color: #fff;
}

.fancy-radio.custom-color-blue input[type="radio"]:checked + span i:after {
    background-color: #4887CC;
}

.page-login {
    background-image: url('../../common/images/gears.svg');
    background-color: #fff;
    background-position: center 15%;
    background-size: 60%;
    background-repeat: no-repeat;
}

    .page-login .logo {
        margin: 20px auto;
        width: 25%;
        min-width: 300px;
    }

    .page-login .title {
        font-size: 1.6em !important;
        color: #002b7f;
    }

    .page-login .login-box {
        background-color: rgba(245,244,255,0.5);
    }

        .page-login .login-box .btn-login,
        .modal-login .login-box .btn-login {
            font-size: 1.6em;
            font-weight: bolder;
        }

            .page-login .login-box .btn-login i,
            .modal-login .login-box .btn-login i {
                margin-right: 5px;
            }

        .page-login .login-box .links,
        .modal-login .login-box .links {
            font-size: 1.2em;
        }

            .page-login .login-box .links a,
            .modal-login .login-box .links a {
                color: #002b7f;
            }

    .page-login .btn-login,
    .modal-login .btn-login {
        background-color: #3b719f;
        border: none;
    }

.btn.btn-success.disabled {
    color: #fff;
}

.custom-tabs-left > .nav-tabs > li a {
    border-top-right-radius: 0;
}
/*
    display:none  class
*/
.dn {
    display: none !important;
}

a:not(.btn).disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #777;
}

[data-tab-for-form-group] > .nav-tabs > li > a {
    cursor: pointer;
}

/* Buttons */
.form-page .btn {
    padding: 4px 10px;
    /* border-radius: 3px; */
    
}

.menu-command-group .btn{
    min-width: 70px;
}
.advanced-tools-button, .global-search-button
{
    padding: 5px 10px;
}

.header-error{
    background-color:#c33b3b !important;
    border-bottom-color: #c33b3b;
}

.widget .header-error {
    background-color: #c33b3b !important;
    border-bottom-color: #c33b3b!important;
}

.popup-widget-error{
    border-color: #c33b3b;
}

.widget-error {
    border-color: #c33b3b;
}
.btn-width-50{
    min-width:50px;
}

.search-page .advanced-tools-button:before {
      display: inline-block;
  content: '\f0b0';
  line-height: 100%;
  font-size: 18px;
  transition: all 250ms linear;
  /*vertical-align: top;*/
  font-family: FontAwesome;
  /*padding-right:5px;*/
  margin-right:5px;
}
/*.btn.btn-default.active:before {
    transform: rotate(90deg);

}*/

.btn.btn-default.active {
    background-color: #46B0CF;
    border-color: #34a6c8;
    color: #fff;
}

/*.form-control {
    background-color: #7d9cac;
    border-color: #adadad;
    color: #fff;
}*/

.left-sidebar {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 230px;
    padding-right: 0;
    padding-left: 0;
    left: 0;
    position: absolute;
    float: none;
    z-index: 999;
    background-color: #004a75;
    box-shadow: 3px 1px 9px 0px #d0d0d0;
    top: 42px;
}

/*.shortcut-panel{
    display:none;
}*/

.page-container{
    margin-top:42px;
    padding-left:250px;
}

.pg-menu{
    text-align:left;
    margin-left:5px;
}

.container-full-width .field-input-container {
    max-width:none !important;
}

#OfficeDetails_R1_DefStmtNote{
    height:100px;
}

div.menu-command-group[data-group-name=POSITION-LEFT]{
    text-align: left;
    position: absolute;
    left: 5px;

}

tr.search-result-table__row:hover {
    background-color: #e7f1f7 !important;
}
/*table.linked-record-table tr.data-row:hover {
    background-color: #e7f1f7 !important;
}

table.linked-record-table tr.data-row td:hover {
    background-color: #e7f1f7 !important;
}*/


.gray-note{
    color:#999;
}

h3{
    font-size: 18px;
}

.instruction-container{
    background-color: #EfEfEf;
    border: solid 1px #DDD;
    color: #888;
    font-size: 14px;
    border-radius: 5px;

}

.form-linked-records-tab-container .nav-tabs {
    border-bottom: 1px solid #ddd;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
}



.form-linked-records-tab-container .nav-tabs>li>a {
    height:100%;
    text-align:center;
}

#inscase-reportsearch .page-container,
#inscase-reportsearch .content {
    margin: 0;
    padding: 0;
} 

.page-container.popup-widget {
    margin: 0;
    padding: 0;
}

.page-container.popup-widget .page-content-wrapper .content {
    margin: 0;
    padding: 0;
}