/*!
*   app custom css
!*/
@font-face {
    font-family: 'PorscheNext-Regular';
    src: url('../fonts/porsche/regular/PorscheNext-Regular.eot');
    src: url('../fonts/porsche/regular/PorscheNext-Regular.woff2') format('woff2'),
    url('../fonts/porsche/regular/PorscheNext-Regular.woff') format('woff'),
    url('../fonts/porsche/regular/PorscheNext-Regular.ttf') format('truetype'),
    url('../fonts/porsche/regular/PorscheNext-Regular.svg#PorscheNext-Regular') format('svg'),
    url('../fonts/porsche/regular/PorscheNext-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext-Bold';
    src: url('../fonts/porsche/bold/PorscheNext-Bold.eot');
    src: url('../fonts/porsche/bold/PorscheNext-Bold.woff2') format('woff2'),
    url('../fonts/porsche/bold/PorscheNext-Bold.woff') format('woff'),
    url('../fonts/porsche/bold/PorscheNext-Bold.ttf') format('truetype'),
    url('../fonts/porsche/bold/PorscheNext-Bold.svg#PorscheNext-Bold') format('svg'),
    url('../fonts/porsche/bold/PorscheNext-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext-BoldItalic';
    src: url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.eot');
    src: url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.woff2') format('woff2'),
    url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.woff') format('woff'),
    url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.ttf') format('truetype'),
    url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.svg#PorscheNext-BoldItalic') format('svg'),
    url('../fonts/porsche/bolditalic/PorscheNext-BoldItalic.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext-Italic';
    src: url('../fonts/porsche/italic/PorscheNext-Italic.eot');
    src: url('../fonts/porsche/italic/PorscheNext-Italic.woff2') format('woff2'),
    url('../fonts/porsche/italic/PorscheNext-Italic.woff') format('woff'),
    url('../fonts/porsche/italic/PorscheNext-Italic.ttf') format('truetype'),
    url('../fonts/porsche/italic/PorscheNext-Italic.svg#PorscheNext-Italic') format('svg'),
    url('../fonts/porsche/italic/PorscheNext-Italic.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext-Thin';
    src: url('../fonts/porsche/thin/PorscheNext-Thin.eot');
    src: url('../fonts/porsche/thin/PorscheNext-Thin.woff2') format('woff2'),
    url('../fonts/porsche/thin/PorscheNext-Thin.woff') format('woff'),
    url('../fonts/porsche/thin/PorscheNext-Thin.ttf') format('truetype'),
    url('../fonts/porsche/thin/PorscheNext-Thin.svg#PorscheNext-Thin') format('svg'),
    url('../fonts/porsche/thin/PorscheNext-Thin.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext-ThinItalic';
    src: url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.eot');
    src: url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.woff2') format('woff2'),
    url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.woff') format('woff'),
    url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.ttf') format('truetype'),
    url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.svg#PorscheNext-ThinItalic') format('svg'),
    url('../fonts/porsche/thinitalic/PorscheNext-ThinItalic.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
img[src$=".jpg"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic;
}
body {
    /* font-size: 100%; */
    font-family: 'PorscheNext-Regular', 'Helvetica';
    /* -webkit-font-smoothing: antialiased !important; */
}
.sidebar-menu > li > a:hover, .sidebar-menu > li.active > a {
    background: #d5001c;
}
.skin-porsche {
    background-color: #eff0f1;
}
.sidebar-menu>li.header {
    color: #313f4a;
    background: #ffffff!important;
}
.sidebar a {
    color: #616161!important;
}
a .sidebar-toggle{
    background-color: #00a157!important;
}
.skin-blue .sidebar a:hover {
    color:  #ffffff!important;
}
.treeview a span{
    font-size: 13px;
}
.treeview a:link, .treeview a:visited, .treeview a:hover, .treeview a:active{
    text-decoration: none;
}
.wrapper{
    height: 100% !important ;
}
@media (max-width:767px) {
    .skin-blue .main-header .navbar .sidebar-toggle {
        display: inline-block!important;
        color:  #f10000;;
    }

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        color: #870008;;
    }
}
.navbar-brand {
    float: none !important;
    height:0px !important;
    padding: 15px 15px;
}
.navbar-toggle {
    margin: 27px!important;
    background: #fff;
}
.navbar-hdivider {
    background: rgb(227, 227, 227);
    content: " ";
    /*top: -5px;*/
    height: 1px;
    text-align: center;
    position: relative;
    top: 49px;
}
body > div > header > div > div > div.collapse.navbar-collapse.navHeaderCollapse{
    right: 0;
    /* left: 50px; */
    margin-right: 7%;
    /* float: right; */
    position: absolute;
}
.row-slider-main {
    margin-right: -5% !important;
}
.row-agenda-main {
    margin-right: -4% !important;
}
.main-header .logo {
    padding: 11px 15px!important;
}
a {
    color: inherit;
}
ul.nav.navbar-nav.navbar-right>li {
    background-color: #fff;
    margin-right: 6px;
    padding: 0 10px;
}
ul.nav.navbar-nav.navbar-right{
    margin-top: 23px!important;
    /*margin-right: 12%;*/
    width: 400px;
}
ul.nav.navbar-nav.navbar-right>li>a>i.custom-fa{
    color: rgb(213, 0, 28);
    position:  relative;
}
ul.nav.navbar-nav.navbar-right>li>a{
    color: rgb(43, 76, 111)!important;
    background: #ececec;
    font-size: 15px;
}
ul.nav.navbar-nav.navbar-right>li>a>i {
    font-size: 23px;
    vertical-align : middle;
    color: rgb(43, 76, 111);
}
ul.nav.navbar-nav.navbar-right>li>a>i>span {
    font-size: 12px;
    color:#ffffff;
    position: absolute;
    left: 0;
    top: 7px;
    font-family: 'PorscheNext-Regular';
    width: 100%;
    text-align: center;
}
.navbar-default .navbar-toggle:hover {
    background-color: rgba(221, 221, 221, 0);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f90000;
}
/*Notifications in header*/
.icon {
    font-size: 15px;
    color: white;
}
span.pull-right{
    padding-top: 3px;
}
.icon_red{
    color: #ff3840;
}
.icon_green{
    color: #12b980;
}
.icon_yellow{
    color: #ffb033;
}
#modal-notifications .modal-body {
    padding: 0;
}
#table-notifications thead tr th {
    padding: 20px 6px;
    background: #ececec;
    color: #777;
    border-bottom: none !important;
}
#table-notifications tbody tr td {
    padding: 3px 10px;
}
#table-notifications tbody tr:first-child td {
    padding-top: 18px;
}
td + td{
    border-left: 1px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none!important;
}
.table {
    border-collapse: separate;
}
.modal-content {
    border-radius: 0;
}
@media (min-width: 768px) {
    .modal-dialog{
    }
}
@media (max-width: 767px) {
    .navbar-hdivider-long{
        width: 83.7%;
    }
}
/*------- XL columns ---------*/
@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}
@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .visible-xl {
        display: block !important;
    }
    table.visible-xl {
        display: table;
    }
    tr.visible-xl {
        display: table-row !important;
    }
    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }
    .visible-xl-block {
        display: block !important;
    }
    .visible-xl-inline {
        display: inline !important;
    }
    .visible-xl-inline-block {
        display: inline-block !important;
    }
    .hidden-xl {
        display: none !important;
    }
}
p.item-oppening-break{
    height: 60px;
    font-size: 14px;
}
/*---------SideBar----------*/
ul.treeview-menu span{
    font-size: 11px;
}
ul.treeview-menu > li > a:hover span{
    color: #d5001c;
}
ul.treeview-menu>li>a>span:focus{
    color: red!important;
    opacity: 0.7!important;
}

/*---------DataTables-CSS-------*/
#operations thead tr  th{
    text-align: center;
    /*font-size: 12px;*/
}
table.dataTable  {
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
}
table.dataTable.no-footer {
    border: 1px solid #cccccc;
    font-size: 12px;
}
.fa-trash {
    font-size: 18px;
}

/* The switch - the box around the slider */
a.toggler {
    background: #3e801b;
    cursor: pointer;
    border: 2px solid rgba(243, 243, 243, 0.92);
    border-right-width: 15px;
    padding: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s ease;
}
a.toggler.off {
    background: red;
    border-right-width: 2px;
    border-left-width: 15px;
}

/*--------------------*/
.box-body-custom {
    padding: 0px;
}
.box-custom {
    position: relative;
    border-radius: 3px;
    background: none;
    border-top:none;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: none;
}
#activities_filter{
    display: none;
}
.col-centered{
    float: none;
    margin-left: 35%;
}
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #d5001c;
    color: white;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ff0000;
    border-radius: 6px;
    background: none;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border-radius: 6px;
    border: none;
    background: #ff0000;
    color: white;
}

/*--------Slide Toggle button for operation table----------*/
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 50px;
    height: 29px;
    background-color: #f1f1f1;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 30px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}
input.cmn-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;

    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 30px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 20px;
    background-color: #dd0012;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius:10px;
    border-radius: 30px;
    -webkit-transition: margin 0.4s, background 0.4s;
    -moz-transition: margin 0.4s, background 0.4s;
    -o-transition: margin 0.4s, background 0.4s;
    transition: margin 0.2s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
    background-color: #f1f1f1;
}
input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 21px;
    background-color: #00e114;
}
.toggle_btn{
    display: inline-flex;
}
.switch{
    margin-left: 85px;
}
.op_name{
    position: absolute;
    margin-left: 15px;
    margin-top: 7px;
}
#operations > tbody > tr > td {
    /*word-break: break-all;*/
}

/*----Operation css------*/
.remove_bootstrap  {
    border: none!important;
    background-color: transparent;
}
#delete_operation_modal > div > div > div{
    margin-bottom: 0!important;
    border: none!important;
}
#delete_operation_modal > div > div{
    border: none!important;
}

/*-----------------------*/
.loading-message {
    display: inline-block;
    padding: 10px;
    margin: 0 auto;
    color: #000!important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
.loading-message.loading-message-boxed {
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
}
.loading-message>span {
    line-height: 20px;
    vertical-align: middle;
}
.blockUI.blockOverlay, .blockUI.blockPage {
    z-index: 2000 !important;
}
.page-loading {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
}
.block-spinner-bar>div, .page-spinner-bar>div {
    background: #eee;
    border-radius: 100%!important;
}
.page-loading>span {
    line-height: 20px;
    vertical-align: middle;
}
.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}
.page-spinner-bar>div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.page-spinner-bar .bounce1, .block-spinner-bar .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.page-spinner-bar .bounce2, .block-spinner-bar .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
}
.block-spinner-bar>div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.block-spinner-bar>div, .page-spinner-bar>div {
    background: #FC3C32;
}
@-webkit-keyframes bounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}@keyframes bounceDelay {
     0%, 100%, 80% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }
     40% {
         transform: scale(1);
         -webkit-transform: scale(1);
     }
 }
#toast-container > div {
    padding: 10px 10px 10px 50px;
    width: 400px;
    border-radius: 0px;
    box-shadow: none;
    color: #ffffff;
    opacity: .9;
}

/*-----------------------*/
.footer {
    position: relative;
    /*position: absolute;*/
    bottom: 0;
    /*width: 100%;*/
    /* Set the fixed height of the footer here */
    height: 40px;
    /*background-color: #f5f5f5; */
    background-color: rgba(8, 8, 8, 0.92);
    z-index: 20;
}
.footer .container.footer-container{
    position: absolute;
    left: 30px;
    top: 10px;
}
.modal-footer {
    border-top: 0px;
}
.cp-select{
    margin-left: 25%;
    width: 214px !important;
}
.cal-centered {
    margin-left: 25%;
}
.cal-centered-right {
    margin-right: 3%;
}
.btn-ope {
    background-color: white !important;
    border-color: white !important;
}
.treeview.active > a span{
    color: white;
}
.treeview.active .treeview-menu.menu-open li.active span{
    color: #d5001c;
}
.bg-white {
    background: #fff;
}
.box-white {
    padding: 20px;
    background: #fff;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.bg-dark-blue {
    background: #182e45;
    padding: 20px 0 40px;
}
.bg-dark-blue h3 {
    color: #8d949c;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.bg-dark-blue select {
    margin: auto;
    text-align: center;
    width: 300px;
    display: block;
    background: #f2f2f2;
    padding: 8px;
    border: none;
    color: #182e45;
}
.bg-dark-blue .form-control {
    padding: 6px;
    background: #47586a;
    color: #fff;
    border: none;
}
.bg-dark-blue .btn {
    border-color: #fff;
    color: #fff;
}
.bg-dark-blue .btn-default {
    color: #182e45;
}
.big-number {
    font-size: 34px;
    color: #fff;
    border-bottom: 1px solid #8d949c;
}
.big-number-dark {
    font-size: 32px;
    font-weight: bold;
}
.boxed {
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.boxed h4, .boxed h3 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
.boxed h3 {
    text-align: left;
}
.boxed h2 {
    background: #546f8a;
    border-radius: 5px;
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
.boxed h5 {
    display: list-item;
    margin-left: 20px;
    margin-bottom: 5px;
}
.boxed .btn-fold {
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 5px;
}
.boxed.folded .to-fold {
    display: none;
}
.boxed.folded .amount-axe {
    position: absolute;
    top: 17px;
    width: 200px;
    margin: 0;
    left: 0;
}
.boxed.folded .total-percent, .boxed.folded .total-amount {
    font-size: 18px;
    height: 40px;
    padding: 6px;
}
.boxed.folded .total-amount-title {
    display: none;
}
.boxed .description {
    /*color: #5c7c9d;*/
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
}
.boxed-axe .total-percent {
    background: #298eff;
    color: #fff;
    height: 65px;
    padding: 15px;
    font-size: 26px;
    display: block;
    float: left;
}
.boxed-axe .total-amount {
    position: relative;
    background: #284a6f;
    color: #fff;
    height: 65px;
    padding: 14px;
    font-size: 26px;
    display: inline-block;
}
.boxed-axe .total-amount-title {
    color: #8d949c;
    text-transform: uppercase;
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
    font-weight: bold;
}
.row-models {
    margin: auto;
}
.row-models > div {
    float: left;
    width: 80px;
    margin-right: 40px;
}
.row-models .big-number {
    font-size: 28px;
}
.table-spendings {
    width: 100%;
    border: none;
}
.table-spendings th {
    background: #284a6f;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px;
}
.table-spendings .fa-info-circle {
    font-size: 18px;
}
.table-spendings td {
    padding: 10px;
    border: none;
}
.table-spendings .td-comment {
    font-size: 13px;
    font-style: italic;
}
.table-spendings .morelink {
    color: #298eff;
}
.table-spendings .tr-marged {
    border-top: 16px solid #fff;
}
.table-spendings tr:nth-child(odd), .table-spendings td.gray {
    background-color: #f7f8fa;
}
.table-spendings td.gray {
    border-right: 10px solid #fff;
}
.table-spendings .td-montant-editable {
    padding: 2px;
}
.table-spendings .input-amount{
    background-color: #96c7e7;
    border: none;
    display: inline;
    width: 100%;
    padding: 8px;
}
.table-spendings .comment-input {
    height: 150px;
    float: left;
    width: 90%;
}
.table-spendings .comment-text {
    width: 90%;
}
.table-spendings td.td-montant {
    font-weight: bold;
}
.confirm-plan .jconfirm-title {
    display: none !important;
}
.confirm-plan {
    text-align: center;
    color: #182e43;
}
.confirm-plan .jconfirm-icon-c {
    font-size: 52px !important;
}
.confirm-plan p {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
.list-simple {
    padding: 0;
}
.list-simple li {
    list-style: none;
    margin-bottom: 12px;
}
#top-bar-pm.affix {
    padding: 10px 0 0;
    top: 0px;
    z-index: 20;
    left: 230px;
    right: 0px;
}
#top-bar-pm.affix #center, #top-bar-pm.affix #row-year-select {
    display: none;
}
#top-bar-pm.affix h3 {
    margin: 4px 0;
}
#top-bar-pm.affix .big-number {
    font-size: 26px;
}
#top-bar-pm.affix .row-models {
    display: table;
    width: 100% !important;
    padding: 10px 40px;
}
#top-bar-pm.affix .row-models > div {
    display: table-cell;
    float: none;
    width: auto;
}
#top-bar-pm.affix .row-models h3 {
    float: left;
    margin: 0px;
    margin-top: 10px;
}
#top-bar-pm.affix .row-models .big-number {
    float: left;
    margin-left: 10px;
    font-size: 24px;
}
#modal-content .modal-dialog {
    width: 800px !important;
}
.modal-dialog a {
    -ms-hyphens: auto;
}
#modal-content .modal-body {
    height: 350px;
    overflow: auto;
    padding: 30px;
}
#modal-content .modal-header {
    border: none;
    padding: 5px 10px;
}
#modal-content h3, #modal-content h2 {
    font-weight: bold;
    text-transform: uppercase;
}
#modal-content h2 {
    margin-top: 0px;
}
.boxed.bg-white h5 {
    display: block;
    margin-left: 0px;
    /*color: #182e45;*/
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.boxed.bg-white .description {
    font-style: normal;
    /*color: #182e45;*/
}
.full-width .content {
    padding: 0px;
}
.nav-tabs>li>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    border-radius: 0;
}
.btn {
    border-radius: 0px;
}

.item-btn {
    margin-bottom: 5%;
    margin-top: auto;
    background: rgb(72, 72, 74);
    color: white;
}
.col-md-12.caption {
    height: 235px;
}
#news .news-item {
    background: white;
    margin-bottom: 30px;
}
#news .news-img-wrapper {
    overflow: hidden;
    position: static;
    margin: 0 -15px 15px;
}
#news .news-img-wrapper img {
    padding: 0;
    width: 100%;
}
#actualites .headers > .box-title {
    padding-left: 5px;
    font-family: 'PorscheNext-Bold';
}
#actualites .headers {
    background: #ececec;
}
#actualites #main-box {
    box-shadow: none;
    border: none;
}
#main-box {
    height: auto;
    width: 95%;
    background: inherit;
}
.box {
    border: none;
    margin-bottom: 0;
}
.headers h3 {
    font-weight: bold;
}
.no-padding-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#nouvelles #main-box {
    box-shadow: none;
    border: none !important;
}
#nouvelles .news-page-details {
    border: none !important;
}
#nouvelles #news {
    box-shadow: none;
    background: white;
}
#nouvelles #news .box-header {
    background: #ececec;
    padding: 10px 0;
}
#nouvelles #news .box-header .btn-back {
    float: right;
    background: rgb(72, 72, 74);
    color: white;
}
.btn-primary {
    background-color: #284a6f;
    border-color: #284a6f;
}
.panel-default>.panel-heading h2 {
    margin: 4px 0;
    font-size: 18px;
    text-transform: uppercase;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.ml-20 {
    margin-left: 20px;
}
.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.m-0 {
    margin: 0 !important;
}
.circle-progress {
    position: relative;
}
.circle-progress strong {
    position: absolute;
    top: 25px;
    left: 0;
    width: 90px;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    color: #fff;
}
.circle-progress.circle-small strong {
    color: #222;
    width: 100%;
    top: 50px;
    font-size: 44px;
}
.circle-progress.circle-small.circle-spending strong {
    line-height: 20px;
}
.circle-progress.circle-small.circle-spending span {
    font-size: 14px;
    line-height: 1px;
}
.circle-progress.circle-small.circle-spending small {
    color: #aaa;
    font-size: 11px;
    font-weight: normal;
}
.text-white {
    color: #fff;
}
.text-small {
    font-size: 12px;
}
.display-none {
    display: none;
}
.inline-block {
    display: inline-block;
}
.ajax-loading {
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 95% center;
}
.ajax-loading-force {
    background-image: url(images/ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.ajax-loading-full {
    position: relative;
}
.ajax-loading-full:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5) url(images/ajax-loader.gif) no-repeat center center !important;
}
.ajax-loading-full-transparent:after {
    background: transparent url(images/ajax-loader.gif) no-repeat center center !important;
}
.rounded {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    display: inline-block;
    font-size: 12px;
}
.btn-xl {
    padding: 11px 20px;
}
.dataTable .tr-highlighted td {
    background: #e8e8e8 !important;
    font-weight: bold;
}
.flex-align-center {
    display: flex;
    align-items: center;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #12b980;
    border-color: #12b980;
}
.col-md-10 .checkbox.checkbox-inline {
    width: 50%;
    margin: 0 !important;
    float: left;
    margin-bottom: 4px !important;
}
input:focus::placeholder, textarea:focus::placeholder {
    color: transparent !important;
}

/** form inputs **/
select.form-control, input.form-control {
    padding: 10px;
    height: 44px;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-left: 30px;
}
.checkbox label {
    text-transform: uppercase;
}
.checkbox-all-wrapper {
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    padding-top: 10px;
}
.btn-check-all {
    clear: both;
    display: block;
    text-align: left;
}
.select-blue-wrapper select {
    background: #286090;
    border-color: #286090;
    color: #fff;
}
.hide-labels .form-group label.label-inline {
    display: none;
}
.radio-hide-label .col-md-2 {
    display: none;
}
.label-form {
    font-weight: 600;
    line-height: 45px;
    color: #6f6f6f;
}
.input-addon-simple .input-group .input-group-addon {
    background-color: transparent;
    color: #222;
}
.input-addon-simple .form-control {
    border-right: none;
}
.hide-radio-label .control-label {
    display: none;
}
.hide-radio-label .radio {
    padding-left: 0;
}
.file-input .btn-primary {
    background-color: #dd0012;
    border-color: #dd0012;
}
.nav-tabs>li.active>a {
    color: #fff;
    cursor: default;
    background-color: #bc3828;
    border-color: #bc3828;
}
.form-split-group .col-md-2 {
    width: 33.33333333%;
}
.form-split-group .col-md-10 {
    width: 66.66666667%;
}
.form-column-3 .col-md-10 {
    display: flex;
    flex-wrap: wrap;
}
.form-column-3 .col-md-10 > div {
    flex-basis: 33%;
}
.form-group-no-margin .form-group {
    margin: 0;
}

/** others **/
.dataTable tbody td {
    background: #f6f6f6 !important;
}
table.dataTable thead th {
    /*border: 1px solid #ddd !important;
    padding: 18px 10px;*/
    background-color: #fff;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #d0cccc !important;
    padding: 12px 0;
    vertical-align: middle;
}
table.dataTable thead th + th {
    border-left: 0 !important;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_length select {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}
h4 {
    text-transform: uppercase;
    font-weight: bold;
    /*color: #286090;*/
    font-family: PorscheNext-Bold !important;
}
hr {
    border-color: #bbb;
    margin-top: 10px;
}
.btn-color-black {
    color: #000;
}
.btn-color-black .fa {
    color: #8d949c;
    font-size: 20px;
}
.btn-black {
    background: #48484a;
    color: #fff;
}
.btn-red {
    background: #d5001c;
    color: #fff;
}
.btn-black:hover, .btn-light-blue:hover, .btn-black:focus, .btn-red:hover, .btn-red:focus {
    color: #f2f2f2;
}
.btn-white {
    background: #fff;
    color: #284a6f;
    border: 1px solid #ccc;
}
.btn-light-blue {
    background: #94a5b7;
    color: #fff;
}
.color-gray {
    color: #888;
}
.filters-wrapper .form-group {
    margin-bottom: 0;
}
.table-no-border td {
    border: none;
}
.ui-datepicker {
    z-index: 9999 !important;
}
.btn-color-blue {
    color: #373a4d;
    font-size: 18px;
}
.file-input .btn-file .hidden-xs {
    display: none;
}
.fileinput-simple .krajee-default.file-preview-frame {
    border: none;
    box-shadow: none !important;
    float: none;
    margin: 8px 0;
    padding: 0;
}
.fileinput-simple .krajee-default.file-preview-frame .kv-file-content {
    display: none;
}
.fileinput-simple .krajee-default .file-footer-caption {
    text-align: left;
    padding-top: 4px;
    font-size: 16px;
    margin-bottom: 0;
}
.fileinput-simple .krajee-default .file-caption-info {
    width: auto;
    height: auto;
}
.fileinput-simple .krajee-default .file-size-info, .fileinput-simple .krajee-default .file-upload-indicator {
    display: none;
}
.fileinput-simple .kv-file-upload.btn {
    display: none;
}
.fileinput-simple .file-actions {
    position: absolute;
    top: 0;
    right: 0;
}
.fileinput-simple .krajee-default.file-preview-frame .kv-file-content {
    display: none;
}
.fileinput-simple .krajee-default.file-preview-frame .file-thumbnail-footer {
    height: auto;
}
.file-input .btn.btn-kv {
    background: none;
    border: none;
    color: #284a6f;
}
.file-input .fileinput-upload-button,
.file-input .fileinput-remove {
    display: none;
}
.file-input .file-preview {
    border: none;
    padding: 0;
}

#news .item-date {
    color: #2b4c6f;
    margin-top: 15px;
    font-weight: bold;
    font-family: 'PorscheNext-Bold';
    font-size: 15px;
}
#news .item-title {
    text-transform: none;
    /* font-family: PorscheNext-Bold !important; */
    font-size: 26px;
    color: #48484a;
}
/*News*/
#nouvelles #main-box {
    box-shadow: none;
    border: none !important;
}
#nouvelles #news {
    box-shadow: none;
    background: white;
}
#nouvelles #news .box-header {
    background: #ececec;
    padding: 10px 0;
}
#nouvelles #news .box-header .box-title {
    vertical-align: middle;
}
#nouvelles #news .box-header .btn-back {
    float: right;
    background: rgb(72, 72, 74);
    color: white;
}
#nouvelles #article .news-top-part .news-date {
    /*color: rgb(102, 125, 149);*/
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 20px;
}
#nouvelles #article .news-top-part .news-title {
    margin-top: 10px;
    margin-bottom: 20px;
}
#nouvelles #article .news-bottom-part .caption {
    margin-top: 20px;
}
#nouvelles #article .news-bottom-part .caption .news-content {
    font-size: 15px;
    white-space: pre-line;
    text-align: justify;
}
#nouvelles #article .news-bottom-part .caption .news-content a:hover{
    color: rgb(223,0,28);
}
#nouvelles #article .news-bottom-part .caption mark {
    color: red;
    background: none;
}
#nouvelles #article .news-bottom-part .news-opening-break {
    font-size: 18px;
    white-space: pre-line;
    text-align: justify;
}
#nouvelles .news-page-details {
    border: none !important;
}
#nouvelles #article .news-img-part .news-image {
    max-height: 440px;
    object-fit: cover;
}

/* ----- spendings ------ */
#total-spendings, #total-filtered-spendings {
    background: #fff;
    border: 4px solid #284a6f;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}
#total-spendings small, #total-filtered-spendings small {
    color: #bbb;
    font-style: italic;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

/* chose styles */
body .chosen-container-multi .chosen-choices {
    min-height: 40px;
    overflow: visible;
    background: #fff;
    border: none;
    box-shadow: none;
}
body .chosen-container .chosen-drop {
    top: 44px;
    background: #eee;
    box-shadow: none;
    border-color: #ccc;
}
body .chosen-container-multi .chosen-choices li.search-choice {
    float: none;
    background: transparent;
    box-shadow: none;
    border: none;
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 6px 0 6px 22px;
}
body .chosen-container-multi .chosen-choices li.search-choice:first-child {
    margin-top: 46px;
}
body .chosen-container-multi .chosen-choices li.search-field {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 44px;
    border: 1px solid #ccc;
    padding-left: 14px;
    padding-top: 8px;
}
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(images/icon-multiselect-check.png) no-repeat;
    height: 16px;
    width: 16px;
    left: 0;
    top: 3px;
}
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: center center;
}
body .chosen-container .chosen-results li.highlighted {
    background: transparent;
    color: #444;
}
body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #555;
    font-size: 14px;
    font-family: 'PorscheNext-Regular', 'Helvetica';
}
body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    width: 100% !important;
}

@media screen and (max-width: 1140px) {
    .activities_filters .filters_space {
        display: block;
        padding: 0 2px;
        float: left;
        width: 33%;
    }
}
@media screen and (max-width: 990px) {
    .activities_filters .filters_space {
        width: 50%;
    }
}

/*------------- BOOTSTRAP TABS ---------------*/
.nav .open>a {
    border-color: #eee !important;
    color: #444;
}
.dropdown-menu {
    min-width: 200px;
}
.dropdown-menu>li>a {
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 13px;
}
.nav-dropdown-horizontal .dropdown-menu {
    margin-right:-1000px;
}
.nav-dropdown-horizontal .dropdown-menu > li {
    display: inline-block;
}
.nav-dropdown-horizontal li.dropdown:hover > ul.dropdown-menu,
.nav-dropdown-horizontal li.dropdown.active > ul.dropdown-menu {
    display: block;
}

/*------------- BOOTSTRAP SELECT ---------------*/
.bootstrap-select > .dropdown-toggle, .bootstrap-select.form-control {
    height: 44px;
    padding: 10px;
    background-color: #fff;
}

.operation-progressbar {
    border: 1px solid #BCBCBC; 
    border-radius: 5px; 
    height: 1.5em; 
    overflow: hidden; 
    position: relative;
}

.progressbar__progress-value {
    display: flex; 
    justify-content: center; 
    color: #b9b9b9; 
    text-shadow: 1px 1px 0 #000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

.progressbar__bar {
    background-color: #3980bb;
    height: 100%;
}

.btn-secondary {
    background-color: #FFF;
    border-color: #FFF;
    box-shadow: 0 0 2px #CCC;
}