@font-face {
    font-family: 'PFDinDisplayPro-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('PFDinDisplayPro-Regular'), url('../../fonts/PFDinDisplayPro-Regular.woff') format('woff');
}


@font-face {
    font-family: 'PFDinDisplayPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('PFDinDisplayPro-Bold'), url('../../fonts/PFDinDisplayPro-Bold.woff') format('woff');
}


body {
    font-family: PFDinDisplayPro-Regular, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1.5;
}

body {
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1.5;
}



body {
    background-color: #F7F7F7;
    color: #42505e;
    font-weight: 300;
}



a {
    color: inherit;
}

    a:hover,
    a:focus {
        color: #ff9800;
        text-decoration: none;
    }

    a.text-info:hover,
    a.text-info:focus {
        color: #00a5bb;
    }



.line-choice {
    background-color: #e9e9e9;
}

.dropdown-menu {
    background-color: #ffffff !important;
}

    .dropdown-menu .dropdown-item:hover,
    .dropdown-menu .dropdown-item:focus,
    .dropdown-menu a:hover,
    .dropdown-menu a:focus,
    .dropdown-menu a:active {
        background-color: #2a3f54 !important;
        color: #FFFFFF !important;
    }

.bootstrap-select > .dropdown-toggle {
    background-color: white;
}



.form-group-right {
    border-bottom: #e0e0e0 solid 1px !important;
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, #2895bf 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}

    .form-control:invalid {
        background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
    }

    .form-control:read-only {
        background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
    }

.form-control-custom {
    width: 100%;
    border-radius: 3px;
    border: solid 1px #d2d2d2;
    padding-left: 6px;
}


.sidebar {
    background-color: #2a3f54;
    color: #e4e5e5;
}

    .sidebar .logo {
        padding: 0px 0px !important;
        background-color: white !important;
    }

    .sidebar[data-color="danger"] li.active > a {
    }

    .sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
        margin: 0px 0px 0;
        border-radius: 0px;
        color: #e4e5e5;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .sidebar[data-background-color="black"] .nav .nav-item.active [data-toggle="collapse"],
    .sidebar[data-background-color="black"] .nav .nav-item:hover [data-toggle="collapse"] {
        text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
        background: linear-gradient(#334556, #2C4257),#2A3F54;
        box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
        color: #e4e5e5;
    }

    .sidebar .nav-item .show {
        border-right: 5px solid #1ABB9C;
        background: rgba(255,255,255,0.05);
    }

    .sidebar .nav-item .active {
        background: rgba(255,255,255,0.05);
    }

        .sidebar .nav-item .active span {
            color: white;
        }


.main-panel > .navbar {
    margin-bottom: 0;
    background-color: #EDEDED;
    border-bottom: 1px solid #D9DEE4;
}




.bootstrap-select .dropdown-item.active {
    background: #1ABB9C !important;
}





.card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    border: 1px solid #E4E4E4;
}

.card-body li a, .card-collapse .card-header a {
    color: #333333;
}

.card [class*="card-header-"],
.card[class*="bg-"] {
}

.card-body li a:hover, .card-collapse .card-header a:hover, .card-collapse .card-header a:active, .card-collapse .card-header a[aria-expanded="true"] {
    color: #000;
}

.card [class*="card-header-"] .author a,
.card [class*="card-header-"] .stats,
.card [class*="card-header-"] .card-category,
.card [class*="card-header-"] .card-description,
.card[class*="bg-"] .author a,
.card[class*="bg-"] .stats,
.card[class*="bg-"] .card-category,
.card[class*="bg-"] .card-description {
    color: rgba(255, 255, 255, 0.8);
}

    .card [class*="card-header-"] .author a:hover,
    .card [class*="card-header-"] .author a:focus,
    .card [class*="card-header-"] .author a:active,
    .card[class*="bg-"] .author a:hover,
    .card[class*="bg-"] .author a:focus,
    .card[class*="bg-"] .author a:active {
        color: #000;
    }

.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text {
    min-width: 56px !important;
    min-height: 56px !important;
    text-align: center !important;
}

.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text {
}

.card-icon i {
    line-height: 40px !important;
    width: 39px !important;
    height: 40px !important;
    text-align: center !important;
    font-size: 36px !important;
    color: #73879c !important;
}

.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
    border-radius: 3px;
    background-color: #000000;
    padding: 5px !important;
    margin-top: 13px !important;
    margin-right: 13px !important;
    float: left;
}

.card .card-icon,
.card .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-danger .front,
.card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg, #fff, #fff) !important;
}

.nav-pills.nav-pills-warning .nav-item .nav-link.active,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #002E53 !important;
    box-shadow: 0 4px 20px 0px rgba(156, 154, 154, 0.14), 0 7px 10px -5px rgba(200, 194, 184, 0.4) !important;
    color: #fff;
}

.favorite {
    background-color: #E6F4F1 !important;
}

    .favorite a {
        color: black !important;
    }


/*GRID*/
.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #EF972C !important;
    border-color: #EF972C !important;
    color: #fff !important;
    box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2) !important;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    background: #259ac6 !important;
}

.RadGrid_Bootstrap .rgHeader,
.RadGrid_Bootstrap th.rgResizeCol,
.RadGrid_Bootstrap .rgHeaderWrapper,
.RadGrid_Bootstrap .rgPagerCell {
    background: white !important;
}

.btn-link {
    color: #0000008c;
}

    .btn-link:hover {
        color: #ff9800;
        border-color: transparent;
    }

    .btn-link:focus,
    .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }

    .btn-link:disabled,
    .btn-link.disabled {
        color: #000000;
    }

.btn a {
    color: #fff !important;
}


.btn.btn-primary,
.btn.btn-default,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-success {
    color: #fff;
    background: #1ABB9C;
    border-color: #1c7430;
    border-radius: 0.2rem;
}


    .btn.btn-default:hover,
    .btn.btn-primary:hover,
    .btn.btn-info:hover,
    .btn.btn-warning:hover,
    .btn.btn-success:hover {
        color: #fff !important;
        background-color: #117d68;
    }

    .btn.btn-primary:active,
    .btn.btn-primary.active,
    .open > .btn.btn-primary.dropdown-toggle,
    .show > .btn.btn-primary.dropdown-toggle,
    .btn.btn-default:active,
    .btn.btn-default.active,
    .open > .btn.btn-default.dropdown-toggle,
    .show > .btn.btn-default.dropdown-toggle,
    .btn.btn-info:active,
    .btn.btn-info.active,
    .open > .btn.btn-info.dropdown-toggle,
    .show > .btn.btn-info.dropdown-toggle .btn.btn-warning:active,
    .btn.btn-warning.active,
    .open > .btn.btn-warning.dropdown-toggle,
    .show > .btn.btn-warning.dropdown-toggle,
    .btn.btn-success:active,
    .btn.btn-success.active,
    .open > .btn.btn-success.dropdown-toggle,
    .show > .btn.btn-success.dropdown-toggle {
        color: #fff !important;
        box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
    }


.btn.btn-danger {
    color: #fff;
    background: #F44336;
    border-color: #d11002;
    border-radius: 0.2rem;
}

    .btn.btn-danger:hover {
        color: #fff !important;
        background-color: #7d1111;
    }

    .btn.btn-danger:active,
    .btn.btn-danger.active,
    .open > .btn.btn-danger.dropdown-toggle,
    .show > .btn.btn-danger.dropdown-toggle {
        color: #fff !important;
        box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
    }

.help-icon-modal {
    top: 20px;
    display: block;
    left: 15px;
    position: absolute;
    margin-top: -39px;
    font-size: 20px;
    background-color: #fff;
    padding: 9px;
    border-radius: 50%;
    max-width: 38px;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}


/*REDMENU*/
.RadMenu_Bootstrap {
}

    .RadMenu_Bootstrap .rmGroup, .RadMenu_Bootstrap.rmRoundedCorners .rmGroup, .RadMenu_Bootstrap .rmMultiColumn {
        border-radius: 0px !important;
    }

.RadMenu .rmGroup .rmText.rmDisabled:hover,
.RadMenu .rmGroup .rmText.rmDisabled {
    color: #969696 !important;
}

.RadMenu .rmGroup .rmText:hover {
    /* background-color: #ff9800 !important; */
    color: #9eda29 !important;
}

.RadMenu_Bootstrap .rmGroup.rmVertical > .rmSeparator {
    /*background-color: #505050 !important;*/
}

.RadMenu .rmGroup .rmText:hover {
    background-color: #1abb9c !important;
    color: #fff !important;
}

.SearchGrid {
    background-color: inherit !important;
}

    .SearchGrid .card {
        padding: 10px;
    }

    .SearchGrid .header_search {
        color: #2a3f54;
        font-size: 24px;
    }
/*TOOLTIP*/
.popover, .tooltip-inner {
    line-height: 1.5em;
    background: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #555;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff;
}







/*MODAL*/
.modal-title {
    /*color: white;*/
}

.modal-content {
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
}



.sum-div {
    background-color: #eeeeee;
}

.sum-values {
    padding: 10px;
    border: #f3f3f3 solid 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
}

.bootstrap-datetimepicker-widget {
    color: #000;
}

    .bootstrap-datetimepicker-widget table td.day > div {
        height: 30px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        padding: 0;
        border-radius: 50%;
        position: relative;
        z-index: -1;
        color: #000 !important;
        font-size: .875rem;
    }

    .bootstrap-datetimepicker-widget table td.new > div, .bootstrap-datetimepicker-widget table td.old > div {
        color: #8a8a8a !important;
    }

    .bootstrap-datetimepicker-widget table td.active:hover > div, .bootstrap-datetimepicker-widget table td.active > div {
        color: #000;
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
    }

    .bootstrap-datetimepicker-widget table td.day:hover > div,
    .bootstrap-datetimepicker-widget table td.hour:hover > div,
    .bootstrap-datetimepicker-widget table td.minute:hover > div,
    .bootstrap-datetimepicker-widget table td.second:hover > div,
    .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
        color: #000 !important;
        background: none !important;
    }

.highlight {
    background-color: yellow;
}