body {
    color: #4C4C4C;
    background-color: #D6D6D6;
}

a,
a:hover {
    color: #E77E23;
    text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #284F86;
}

.sub-headline {
    color: #ABABAB;
}

.icon-help,
.container,
.col-request,
.box-login,
.overlay-background {
    background-color: #FFFFFF;
}

.divider {
    background-color: #E0E0E0;
}

.border-right {
    border-right-color: #E0E0E0;
}

.border-left {
    border-left-color: #E0E0E0;
}

.border-bottom {
    border-bottom-color: #E0E0E0;
}


/******************************/
/* HEADER */
/******************************/

.navbar {
    background: #102D5B;
}

.nav > li {
    border-left-color: #17386E;
}

    .nav > li > a {
        color: #99CEFF;
    }

        .nav > li > a:hover,
        .nav > li > a:focus {
            color: #E77E23;
            background-color: #102D5B;
        }

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus,
.navbar-nav2 > .active > a, .navbar-nav2 > .active > a:hover, .navbar-nav2 > .active > a:focus {
    background-color: #FFFFFF;
    color: #E77E23;
}

.navbar-nav > .active.has-toolbar > a, .navbar-nav > .active.has-toolbar > a:hover, .navbar-nav > .active.has-toolbar > a:focus,
.navbar-nav2 > .active.has-toolbar > a, .navbar-nav2 > .active.has-toolbar > a:hover, .navbar-nav2 > .active.has-toolbar > a:focus {
    background-color: #E0E0E0;
    color: #E77E23;
}

.navbar-nav > .active.has-submenu > a, .navbar-nav > .active.has-submenu > a:hover, .navbar-nav.has-submenu > .active > a:focus,
.navbar-nav2 > .active.has-submenu > a, .navbar-nav2 > .active.has-submenu > a:hover, .navbar-nav2 > .active.has-submenu > a:focus {
    background-color: #284F86;
    color: #E77E23;
}

.navbar-brand {
    color: #FFFFFF;
}

.nav.navbar-nav2 > li {
    border-left-color: #102D5B;
    background: #17386E;
}

    .nav.navbar-nav2 > li > a:hover,
    .nav.navbar-nav2 > li > a:focus {
        background-color: #17386E;
    }

    .nav.navbar-nav2 > li > a {
        color: #99CEFF;
    }

    .nav.navbar-nav2 > li:hover > a,
    .nav.navbar-nav2 > li:focus > a {
        color: #E77E23;
    }

.nav .has-toolbar.open > a,
.nav .has-toolbar.open > a:hover,
.nav .has-toolbar.open > a:focus {
    background-color: #D6D6D6;
    color: #E77E23;
}


    .dropdown-menu > li > a {
        color: #212121;
        border-bottom-color: #E0E0E0;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li.open > a.highlighted {
        color: #E77E23;
        background-color: #FFFFFF;
        border-bottom-color: #E0E0E0;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #E77E23;
        background-color: #FFFFFF;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #E0E0E0;
    }

.logout-timer-bar {
    background-color: #E77E23;
}

/* SUBMENU */
.navbar.navbar-submenu {
    background: #284F86;
}

.navbar-submenu .nav > li > a,
.navbar-submenu .nav > li > a:hover {
    color: #99CEFF;
}

.navbar-submenu .nav > li > a:hover,
.navbar-submenu .nav > li > a:focus,
.navbar-submenu .navbar-nav > .active > a,
.navbar-submenu .navbar-nav > .active > a:hover,
.navbar-submenu .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #E77E23;
}

/******************************/
/* BUTTONS */
/******************************/

.btn {
    border-bottom-color: transparent;
}

/* File input button styling */
input[type="file"]::-webkit-file-upload-button {
    border-bottom-color: transparent;
    background-color: #EAA51A;
    border-color: #E77E23;
    color: #FFFFFF;
}

input[type="file"]::-webkit-file-upload-button:focus, 
input[type="file"]::-webkit-file-upload-button.active,
input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #E77E23;
    border-color: #E77E23;
}
/* ------------------- */

.btn-primary {
    background-color: #EAA51A;
    border-color: #E77E23;
    color: #FFFFFF;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-color: #E77E23;
        border-color: #E77E23;
    }

.btn-secondary {
    background-color: #BCDEFB;
    border-color: #82B4CE;
    color: #4C4C4C;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active {
        background-color: #82B4CE;
        border-color: #82B4CE;
    }

.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.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, 
.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active,
.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, 
.btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, 
.btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, 
.btn-secondary.disabled.focus, .btn-secondary.focus[disabled], fieldset[disabled] .btn-secondary.focus, 
.btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, 
.btn-secondary.disabled.active, .btn-secondary.active[disabled], fieldset[disabled] .btn-secondary.active,
.btn-request-type.non-clickable, .btn-request-type.active.non-clickable{
    background-color: #ABABAB;
    border-color: #ABABAB;
    color: #E0E0E0;
}

.multiselect.non-clickable,.multiselect.non-clickable > .checkbox, .multiselect.non-clickable > .checkboxInput,
.multiselect.non-clickable:hover,.multiselect.non-clickable > .checkbox:hover, 
.multiselect.non-clickable > .checkboxInput:hover{
    background-color: #D6D6D6;
}
.btn-template {
    background-color: #C1392B;
    border-color: #b30000;
    color: #FFFFFF;
}

    .btn-template:hover, .btn-template:focus, .btn-template.active {
        background-color: #b30000;
        border-color: #b30000;
        color: #FFFFFF;
    }

/******************************/
/* COLUMNS */
/******************************/
.sidemenu {
    background: #FFFFFF;
    border-right-color: #E0E0E0;
}


    .sidemenu .list-group-item {
        border-bottom-color: #E0E0E0;
    }

        .sidemenu .list-group-item:hover,
        .sidemenu .list-group-item:focus {
            background-color: transparent;
            border-bottom-color: #E0E0E0;
        }

    .sidemenu .list-group-0 .list-group-item {
        color: #ABABAB;
    }

        .sidemenu .list-group-0 .list-group-item:hover {
            color: #E77E23;
        }


        .sidemenu .list-group-0 .list-group-item.active,
        .sidemenu .list-group-0 .list-group-item.active:focus,
        .sidemenu .list-group-0 .list-group-item.active:hover {
            background: transparent;
            color: #E77E23;
        }


        .sidemenu .list-group-1 .list-group-item {
            color: #284F86;
        }

.col-left {
    background: #F7F7F7;
    border-right-color: #E0E0E0;
}

.col-right {
    background: #F7F7F7;
    border-left-color: #E0E0E0;
}


    .col-right > .triggger {
        background: #F7F7F7;
    }


.col-right-expander {
    background: #FFFFFF;
}

    .col-right-expander > .triggger {
        background: #D6D6D6;
    }


/* request sidebar */
.request-select {
    border-color: #E0E0E0;
    background-color: #FFFFFF;
}

    .request-select .select-caption {
        color: #ABABAB;
    }

    .request-select i.ec-icon {
        font-size: 18px;
    }

.btn-request-type {
    background-color: #BCDEFB;
    border-color: #82B4CE;
    color: #4C4C4C;
}

    .btn-request-type i.fa-square {
        background-color: transparent;
        color: #FFFFFF;
    }

    .btn-request-type i.fa-check-square {
        background-color: transparent;
        color: #FFFFFF;
    }

    .btn-request-type:hover, .btn-request-type:focus {
        background-color: #82B4CE;
        border-color: #82B4CE;
        color: #FFFFFF;
    }

    .btn-request-type.active {
        background-color: #EAA51A;
        border-color: #EAA51A;
        color: #FFFFFF;
    }

        .btn-request-type.disabled, .btn-request-type[disabled], .btn-request-type.disabled:hover, .btn-request-type[disabled]:hover, .btn-request-type.disabled:focus, .btn-request-type[disabled]:focus, .btn-request-type.disabled.focus, .btn-request-type.focus[disabled], .btn-request-type.disabled:active, .btn-request-type[disabled]:active, .btn-request-type.disabled.active, .btn-request-type.active[disabled] {
            background-color: #ABABAB;
            border-color: #ABABAB;
            color: #E0E0E0;
        }

/* progress bar */
.progress {
    background-color: #FFFFFF;
    border-color: #EAA51A;
}

    .progress i {
        color: #FFFFFF;
    }

.progress-bar-info {
    background-color: #EAA51A;
}

/* latest requests sidebar */
.latest-request {
}


    .latest-request.processed .progress {
    border-color: #27AE61;
    }

    .latest-request.processed .progress-bar-info {
        background-color: #27AE61;
    }

    .latest-request.error .progress {
    border-color: #C1392B;
    }

    .latest-request.error .progress-bar-info {
        background-color: #C1392B;
    }


/* toolbar */
.toolbar {
    background-color: #E0E0E0;
}

/******************************/
/*  FORM */
/******************************/

.form-footer {
    background-color: #E0E0E0;
}


.form-control {
    color: #4C4C4C;
    background-color: #FFFFFF;
    border-color: #D6D6D6;
}

    .form-control:focus {
        border-color: #EAA51A;
        background-color: #FAE8C7;
    }


.form-field .input-group .input-group-addon {
    background-color: #EAA51A;
    color: #FFFFFF;
    border-bottom-color: #E77E23;
}

.star {
    color: #C1392B;
}

.request-selected .form-control,
.request-selected > div.checkbox {
    -moz-box-shadow: 0px 0px 8px 1px #ABABAB;
    -webkit-box-shadow: 0px 0px 8px 1px #ABABAB;
    -ms-box-shadow: 0px 0px 8px 1px #ABABAB;
    box-shadow: 0px 0px 8px 1px #ABABAB;
    border: 1px solid #EAA51A;
}

.request-hovered .form-control,
.request-hovered > div.checkbox {
    -moz-box-shadow: 0px 0px 8px 1px #99CEFF;
    -webkit-box-shadow: 0px 0px 8px 1px #99CEFF;
    -ms-box-shadow: 0px 0px 8px 1px #99CEFF;
    box-shadow: 0px 0px 8px 1px #99CEFF;
    border: 1px solid #99CEFF;
}

/* error styles */
.tooltip.top-right .tooltip-arrow {
    border-top-color: #C1392B;
}

.form-field.error .form-control,
.form-control.input-validation-error {
    border-color: #C1392B !important;
    background-color: #EFCCC8;
}


.form-field.error .errors .errors-client,
.form-field.error .errors .errors-server {
    color: #C1392B;
}

.form-field.error .tooltip > .tooltip-inner,
.form-control.input-validation-error + .tooltip > .tooltip-inner {
    background-color: #C1392B;
    color: #FFFFFF;
}

.form-field.error .tooltip.top-right .tooltip-arrow,
.form-control.input-validation-error + .tooltip.top-right .tooltip-arrow,
.form-field.error .tooltip.top .tooltip-arrow,
.form-control.input-validation-error + .tooltip.top .tooltip-arrow {
    border-top-color: #C1392B;
}

/******************************/
/* LOGIN **********************/
/******************************/

.box-login-header {
    background-color: #102D5B;
}

/******************************/
/* REQUEST DETAIL *************/
/******************************/

.template h4 > i {
    color: #ABABAB;
}

.caption {
    background: #E0E0E0;
}

    .table-request-detail td {
        color: #ABABAB;
    }



#data-content-answer th {
    color: #4C4C4C !important;
}

#data-content-answer {
    color: #ABABAB;
}

    #data-content-answer > .row > div:first-child {
        color: #4C4C4C;
    }

    #data-content-answer .col-content * {
        color: #ABABAB !important;
    }

    #data-content-answer .history-btn {
        color: #284F86 !important;
    }


/******************************/
/* TABLES *******/
/******************************/


.table.table-bordered > tbody > tr > th, .table.table-bordered > thead > tr > th,
.table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
    border-color:#D6D6D6;
}

/* table pager modification for select */

.ng-table-pager > ul > li > input.jump-to-page {
    height:34px;
    color:#E77E23;
    background-color:#FFFFFF;
    border-color:#D6D6D6;
}

.table-wrapped {
    table-layout: fixed;
    word-wrap: break-word;
}


/******************************/
/* LOADING OVERLAY */
/******************************/
.ngplus-overlay-background {
    background-color: #212121;
}


.page-spinner-message {
    -webkit-text-shadow: 2px 2px #212121;
    text-shadow: 2px 2px #212121;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}



.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody.striped:nth-child(odd),
tbody > tr.table-even {
    background-color: #F7F7F7;
}

.table-striped > tbody.striped > tr:nth-child(odd),
.table-striped > tbody.striped > tr:nth-child(even) {
    background-color: transparent;
}

.table-striped > tbody.striped:nth-child(even) {
    background-color: #FFFFFF;
}


.table-striped > tbody.striped > tr:hover,
.table-hover > tbody > tr:hover {
    background-color: #E0F5FF;
}


    .dropdown-multiselect .dropdown-menu > li > a {
        color: #212121;
    }


/******************************/
/* NEW REQUEST SELECT */
/******************************/

select.with-placeholder option:first-child {
    color: #ABABAB !important;
}

select.with-placeholder option {
    color: #4C4C4C;
}

/******************************/
/* CADASTRE SELECT */
/******************************/

    .dropdown-cadastre-select .dropdown-menu {
        background-color: #F7F7F7;
        border-color: #D6D6D6;
    }

    .cadastre-select-control select {
        color: #4C4C4C;
        background-color: #FFFFFF;
        border-color: #D6D6D6;
    }

        .cadastre-select-control select:focus {
            border-color: #EAA51A;
            background-color: #FAE8C7;
        }

/******************************/
/* tooltip */
/******************************/



.tooltip-eurisc-inner {
    color: #99CEFF;
    background-color: #102D5B;
}

.tooltip-eurisc-arrow {
    border-color: transparent;
}

.tooltip-eurisc.top .tooltip-eurisc-arrow,
.tooltip-eurisc.top-left .tooltip-eurisc-arrow,
.tooltip-eurisc.top-right .tooltip-eurisc-arrow {
    border-top-color: #102D5B;
}

.tooltip-eurisc.right .tooltip-eurisc-arrow {
    border-right-color: #102D5B;
}

.tooltip-eurisc.left .tooltip-eurisc-arrow {
    border-left-color: #102D5B;
}

.tooltip-eurisc.bottom .tooltip-eurisc-arrow,
.tooltip-eurisc.bottom-left .tooltip-eurisc-arrow,
.tooltip-eurisc.bottom-right .tooltip-eurisc-arrow {
    border-bottom-color: #102D5B;
}

.clickable:hover {
    color: #E77E23;
}

/*************************************/
/*Coloring */
/*************************************/

.color-red {
    color: #C1392B !important;
}

.color-orange {
    color: #E77E23 !important;
}

.color-green {
    color: #27AE61 !important;
}

.color-black {
    color: #4C4C4C !important;
}

.color-grey {
    color: #ABABAB;
}

.color-white {
    color: #FFFFFF !important;
}

.back-color-orange {
    background-color: #fff3e0 !important;
}

.color-light-blue {
    color: #99CEFF !important;
}

.color-blue {
    color: #17386E !important;
}

.color-dark-blue {
    color: #102D5B !important;
}

/*************************************/
/*cnAutoComplete*/
/*************************************/


.cn-autocomplete-dropdown {
    border-color: #D6D6D6;
    -webkit-box-shadow: 0 0 8px 2px #D6D6D6;
    -ms-box-shadow: 0 0 8px 2px #D6D6D6;
    box-shadow: 0 0 8px 2px #D6D6D6;
    background-color: #FFFFFF;
}


.cn-autocomplete-searching,
.cn-autocomplete-title  {
    color: #ABABAB;
}

.cn-autocomplete-divider {
    background-color: #D6D6D6;
}

.cn-autocomplete-row > td {
    background-color: #FFFFFF;
}

.cn-autocomplete-row:nth-child(odd) > td {
    background-color: #F7F7F7;
}

.cn-autocomplete-selected-row td {
    background-color: #BCDEFB !important;
    color: #FFFFFF;
}

.ntf-icon:hover{
    color: #E77E23;
}

.ntf-icon {
    color: #99CEFF;
}

.ntf-date-time {
    color: #ABABAB;
}
.ntf-container {
    border-top-color: #D6D6D6 !important;
}
.ntf-unread {
    border-top-color: #82B4CE;
}

/* BUTON GROUP ENHANCEMENT */

.btn-group.group-separator > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-left-color: #E77E23;
    border-right-color: #E77E23;
}

.btn-group.group-separator > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right-color: #E77E23;
}

.btn-group.group-separator > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-left-color: #E77E23;
}

.search-params > code {
    color: #102D5B;
    background-color: #99CEFF;
}

.wide {
    background-color: #FFFFFF !important;
}