/*---SKIN Blue UM ---*/
.skin-um hr.solid {
    border-top: 1px solid #999;
}

.skin-um .main-header .navbar-brand {
    color: #fff;
}
.skin-um .navbar-expand .navbar-nav .nav-link {
    color: #fff;
}
.skin-um .main-header .navbar{
    background-color: black
}

.skin-um .main-header .navbar .nav>li>a{
    color:#fff
}

.skin-um section.content .h3{
    color: #2f495c;
    font-weight: 500;
    font-size: 24px;
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid #4b545c;
    color: hsla(0,0%,100%,.8);
    background-color: black;
    padding-top: 0.5rem;
    padding-bottom: 0;
}

.skin-um .main-header .navbar .nav .open>a,.skin-um .main-header .navbar .nav .open>a:focus,
.skin-um .main-header .navbar .nav .open>a:hover,.skin-um .main-header .navbar .nav>.active>a,
.skin-um .main-header .navbar .nav>li>a:active,.skin-um .main-header .navbar .nav>li>a:focus,
.skin-um .main-header .navbar .nav>li>a:hover,.skin-um .main-header .navbar .sidebar-toggle:hover{
    background:rgba(0,0,0,.1);color:#f6f6f6
}

.skin-um .main-header .navbar .sidebar-toggle{
    color:#fff
}

.skin-um .main-header .navbar .sidebar-toggle:hover{
    background-color:#C24b55
}

@media (max-width:767px){

    .skin-um .main-header .navbar .dropdown-menu li.divider{
        background-color:hsla(0,0%,100%,.1)
    }

    .skin-um .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-um .main-header .navbar .dropdown-menu li a:hover{
        background:#C24b55
    }
}

.skin-um .main-header .logo{
    background-color:#C24b55;color:#fff;border-bottom:0 solid transparent
}

.skin-um .main-header .logo:hover{
    background-color:#C24b55
}

.skin-um .main-header li.user-header{
    background-color:#C24b55
}

.skin-um .content-header{
    background:transparent
}

.skin-um .left-side,.skin-um .main-sidebar,.skin-um .wrapper{
    background-color:black
}

.skin-um .user-panel>.info,.skin-um .user-panel>.info>a{
    color:#fff
}

.skin-um .panel-default>.panel-heading {
    background-color: #fff;
}

.skin-um .panel-default>.panel-heading h4 {
    /*color: #C24b55;*/
    color: #000;
}

.skin-um .panel-success>.panel-heading {
    background-color: #fff;
}

.skin-um .panel-success > .panel-heading {
    background-color: #C24b55;
    padding: 5px 10px 5px 10px;
}

.skin-um .sidebar-menu>li.header{
    color:#4b646f;background:#1a2226
}

.skin-um .sidebar-menu>li>a{
    border-left:3px solid transparent
}

.skin-um .sidebar-menu>li.active>a,.skin-um .sidebar-menu>li.menu-open>a,.skin-um .sidebar-menu>li:hover>a{
    color:#fff;background:#1e282c
}

.skin-um .sidebar-menu>li.active>a{
    border-left-color: #C24b55
}

.skin-um .sidebar-menu>li>.treeview-menu{
    margin:0 1px;background:#2c3b41
}

.skin-um .sidebar a{
    color:#b8c7ce
}

.skin-um .sidebar a:hover{
    text-decoration:none
}

.skin-um .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}

.skin-um .sidebar-menu .treeview-menu>li.active>a,.skin-um .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}

.skin-um .sidebar-form{
    border-radius:3px;border:1px solid #374850;margin:10px
}

.skin-um .sidebar-form .btn,.skin-um .sidebar-form input[type=text]{
    box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px
}

.skin-um .sidebar-form input[type=text]{
    color:#666;
    border-radius: 2px 0 0 2px;
}

.skin-um .sidebar-form input[type=text]:focus,
.skin-um .sidebar-form input[type=text]:focus+.input-group-btn .btn{
    background-color:#fff;color:#666
}

.skin-um .sidebar-form input[type=text]:focus+.input-group-btn .btn{
    border-left-color:#fff
}

.skin-um .sidebar-form .btn{
    color:#999;
    border-radius: 0 2px 2px 0;
}

.skin-um.layout-top-nav .main-header>.logo{
    background-color:#C24b55;color:#fff;border-bottom:0 solid transparent
}

.skin-um.layout-top-nav .main-header>.logo:hover{
    background-color:#3b8ab8
}

/**CUSTOM UM**/

.skin-um .card-grayUm .card-header {
    background-color: #f5f5f5;
}

.skin-um .card-grayUmEdit .card-header {
    background-color: #ffe5bf;
}

.skin-um .card-grayUmNew .card-header {
    background-color: #d8f1f0;
}



.skin-um .card-grayUm .card-header .card-title, .skin-um .card-grayUmEdit .card-header .card-title, .skin-um .card-grayUmNew .card-header .card-title {
    color: #333!important;
    font-weight: 800;
    font-size: 14px;
}

.skin-um .card.card-primary>.card-header {
    color: #fff;
    border: 1px solid #C24b55;
    background-color: #C24b55;
}

.skin-um .card.card-default>.card-header {
    color: #fff;
    border: 1px solid #C24b55;
    background-color: #C24b55;
}

.skin-um .card.card-warning>.card-header {
    color: #fff;
    border: 1px solid #f39c12;
    background-color: #f39c12;
}
.skin-um .card.card-warning>.card-body {
    background-color: rgba(243, 156, 18, 0.05);;
}

.skin-um .card-title {
    color: black;
    font-size: 1.1em;
}

.skin-um .small-box{
    color: #ffffff;
}

.skin-um .small-box .inner h3{
    color: #ffffff;
    font-weight: 800;
}

.skin-um .tdb-separation h6{
    color: #5c5c5c;
}

.skin-um .bg-um-grey1-1,.tdb-box-header.grey1-1{
    background-color:#2f495c!important
}

.skin-um .bg-um-grey1-2, .tdb-box-header.grey1-2{
    background-color:#273f50!important
}

.skin-um .bg-um-grey2-1, .tdb-box-header.grey2-1{
    background-color:#96a5a3!important
}

.skin-um .bg-um-grey2-2, .tdb-box-header.grey2-2{
    background-color:#7e8a8a!important
}

.skin-um .bg-um-yellow1, .tdb-box-header.yellow1{
    background-color:#f3c500!important
}

.skin-um .bg-um-yellow2, .tdb-box-header.yellow2{
    background-color:#f49f00!important
}

.skin-um .bg-um-green1, .tdb-box-header.green1{
    background-color:#56b067!important
}

.skin-um .bg-um-green2, .tdb-box-header.green2{
    background-color:#39a85b!important
}

.skin-um .bg-um-blue1, .tdb-box-header.blue1{
    background-color:#3395cd!important
}

.skin-um .bg-um-blue2,.tdb-box-header.blue2{
    background-color:#1781b7!important
}

.skin-um .bg-um-purple1,.tdb-box-header.purple1{
    background-color:#8c5b9c!important
}

.skin-um .bg-um-purple2,.tdb-box-header.purple2{
    background-color:#8c5b9c!important
}

.skin-um .bg-um-red1,.tdb-box-header.red1{
    background-color:#e7314b!important
}

.skin-um .bg-um-bleu1,.tdb-box-header.bleu1{
    background-color:#C24b55!important
}
.skin-um .bg-um-white1,.tdb-box-header.white1{
    background-color:#ffffff!important;
    color: #000;
    border: 1px solid #96a5a3;
}

.skin-um .bg-um-white1 .inner h3, .skin-um .bg-um-white1 .small-box-footer{
    color: #000;
}

/**DATATABLE**/

.skin-um .dataTable tr:hover{
    background-color:rgba(75,194,188,.30)!important;
}

.skin-um .pagination>.active>a, .skin-um .pagination>.active>a:focus, .skin-um .pagination>.active>a:hover,
.skin-um .pagination>.active>span, .skin-um .pagination>.active>span:focus, .skin-um .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color:#C24b55;
    border-color: #C24b55;
}

.skin-um .dataTable > thead > tr > th {
    color: #C24b55;
}

.skin-um .pagination>li>a:focus, .skin-um .pagination>li>a:hover, .skin-um .pagination>li>span:focus, .skin-um .pagination>li>span:hover {
    z-index: 2;
    color: #2f495c;
    background-color: #eee;
    border-color: #ddd;
}

.skin-um .btn{
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.skin-um .btn-primary {
    background-color:#13855c!important;
    border-color:#13854c;
}
.skin-um .btn-primary:hover {
    background-color:#3da09b;
}

.skin-um .btn-primary-white {
    background-color:#ffffff!important;
    border-color:#C24b55;
    background-image: linear-gradient(180deg, #C24b55 10%,#13855c 100%);
    color: #C24b55;
}
.skin-um .btn-primary-white:hover {
    background-color:#C24b55!important;
    border-color:#C24b55;
    color: #fff;
}


.skin-um .btn-primary.active {
    background-color:#3da09b!important;
    border-color:#3da09b;
}
.skin-um .btn-primary:hover {
    background-color:#3da09b;
}

.skin-um .btn-danger{
    color: #fff!important;
    background-color: #e7314b!important;
    border-color: #e7314b;
}

.skin-um .btn-danger:hover{
    background-color: #bd273e;
}

.skin-um .help-block .list-unstyled{
    color:  #e7314b
}

.skin-um .btn-warning {
    background-color: #f3c500!important;
    border-color: #f3c500;
    color: #fff;
}

.skin-um .btn-warning:hover{
    background-color: #d1ab00;
    color: #fff;
}

.skin-um .dataTables_wrapper .dt-buttons.btn-group, .skin-um #sidebar-multiselect-actions {
    z-index:1;
}

.skin-um .buttons-print{
    position: relative;
    left: 161px;
}

.skin-um .btn-default{
    background-color: #ffffff!important;
    border:1px solid #C24b55!important;
    color: #C24b55!important;
    border-radius: 5px!important;
}
.skin-um .btn-default a{
    color: #C24b55!important;
}

.skin-um hr.degrade{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(185 185 185 / 75%), rgba(0, 0, 0, 0));
}

.skin-um hr.grey{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #f3f3f3;
    margin: 1em 0; padding: 0;
}

.skin-um .picto-infos{
    color: #C24b55;
    border: 2px solid #C24b55;
    background-color: #ffffff;
}

.skin-um .modal-title {
    color: #C24b55;
}

.skin-um .danger .modal-title {
    color: #dd4b39;
}

.skin-um .danger .btn-primary {
    background-color: #dd4b39!important;
    color: #fff!important;
}


.skin-um .dropdown-menu {
    border-left: 1px solid #C24b55;
    border-right: 1px solid #C24b55;
    border-bottom: 1px solid #C24b55;
    border-radius: 10px;
}


/*** FORMULAIRE ***/

.skin-um .form-control{
    border-radius: 5px;
}

.skin-um #exception .conteneur h2 {
    color: #151723;
}

.skin-um #exception .conteneur .erreur:before {
    background-color: #fff;
    border: 1px solid #C24b55;
}

.skin-um #exception .conteneur p {
    color: #999fa5;
}

.skin-um #exception .conteneur a {
    color: #C24b55;
}

.skin-um #exception .conteneur h1 {
    color: #151723;
}

.skin-um .dropzone {
    background: white;
    border: 2px dashed #C24b55;
}

.skin-um .dropzone .dz-preview .dz-remove {
    background-color: #dd4b39;
    color: white;
}

.skin-um .crumbs ul li:last-child a {
    background: #C24b55;
}

.skin-um .crumbs ul li a {
    background:#2f495c;
}

.skin-um .crumbs ul li a {
    background: #2f495c;
    color: #fff;
}

.skin-um .crumbs ul li a:after {
    border-left: 22px solid #2f495c;
}

.skin-um .crumbs ul li a:before {
    border-left: 22px solid #ecf0f5;
}

.skin-um .crumbs ul li a:hover {
    /**background: #FF5963;**/
}

.skin-um .crumbs ul li a:hover:after {
    /**border-left-color: #FF5963;**/
}

/**Crumbs revers**/

.skin-um .crumbs-revert ul li:last-child a {
    background:#2f495c;
}

.skin-um .crumbs-revert ul li a {
    background: #C24b55;
}

.skin-um .crumbs-revert ul li a {
    color: #fff;
}


.skin-um .logo_um {
    color: white !important;
}

.skin-um .logo-mini {
    color: white !important;
    text-shadow: #2C3E50 0.3em 0.3em 0.3em !important;
}

.skin-um .logo-lg {
    position: relative;
    left: -45px;
    top: -3px;
}

.skin-um .logo-um img{
    left: 26px;
    top: -3px;
}


.skin-um .transparent_btn {
    background-color: rgba(255,255,255, 0);
    color: #FFF;
    border: 1px solid #FFF;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.skin-um .transparent_btn:hover {
    background-color: rgba(255,255,255, 0.3);
    color: #FFF;
}

.skin-um .navbar-form label {
    color: white;
}

.skin-um .dropdown   {
    border-color:rgba(255, 255, 255, .3)
}

.skin-um .dropdown a  {
    color: #FFF;
}

.skin-um .box.box-blue {
    border-top-color: #C24b55;
}

.skin-um .box.box-blue .box-header .box-title {
    color: #C24b55;
    font-weight: 800;
}

.skin-um .tdb-box{
    background: #fff;
    border: 1px solid #dcdcdc;
}

.skin-um .tdb-box-header{
    border: 1px solid #fff;
}

.skin-um .tdb-box-header .icon {
    color: rgb(255 255 255);
}

.tdb-box-header .title {
    color: white;
}

.tdb-box-header .title.blue {
    color: #C24b55;
}

.skin-um .tdb-box-content .title{
    color:black;
}

.skin-um h3.title{
    color:#273c50;
}


.skin-um .tdb-box-content .commentaire, .skin-um .tdb-box-header .commentaire {
    color:#7d8c8e;
}


.skin-um .tdb-box-content .btn{
    background-color: #C24b55;
    color: #fff!important;
}

.skin-um .tdb-box3{
    background: #fff;
    border: 1px solid #dcdcdc;
}

.skin-um .card.card-primary>.card-header {
    color: #fff;
    background: #C24b55;
}

.skin-um .card.card-primary {
    border: 1px solid #C24b55;
}

.skin-um input:focus {
    outline: none !important;
    border: 1px solid #C24b55;
    box-shadow: 0 0 10px #e2e2e2;
}

.skin-um .title1{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.skin-um .badge-info, .skin-um .alert-info, .skin-um .callout.callout-info,
.skin-um .label-info{
    background-color: #C24b55!important;
}

.skin-um .badge-success, .skin-um .alert-success, .skin-um .callout.callout-success,
.skin-um .label-success{
    background-color: #00bb55!important;
}

.skin-um .badge-warning, .skin-um .alert-warning, .skin-um .bg-yellow, .skin-um .callout.callout-warning,
.skin-um .label-warning{
    background-color: #f3c500!important;
    color: darkblue!important;
}

.skin-um .badge-danger, .skin-um .alert-danger, .skin-um .callout.callout-danger,
.skin-um .label-danger{
    background-color: #e7314b!important;
}

.skin-um .empty{
    background: lightgray;
}

.skin-um .green{
    color: green !important;
}

.skin-um .red{
    color: red !important;
}

.skin-um .blue{
    color: #2980B9 !important;
}

.skin-um .text-white{
    color: #fff;
}

.skin-um .text-grey{
    color: #b5b5b5;
}

.skin-um .text-default{
    color: #C24b55;
}

.skin-um .cursor-none{
    cursor: none;
}

.skin-um .nav-profile{
    color: #C2C7D0 !important;
}

.skin-um.align-self-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.skin-um .nav-sidebar {
    position: relative;
    left: -18px;
}
.skin-um .nav-sidebar>.nav-item .nav-icon{
    font-size: small;
}


.skin-um .sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link, .sidebar-mini .nav-sidebar>.nav-header {
    white-space: nowrap;
    overflow: hidden;
    font-size: small;
}

.skin-um .nav-pills>li.active>a, .skin-um .nav-pills>li.active>a:focus, .skin-um .nav-pills>li.active>a:hover,
.skin-um .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: hsla(0,0%,100%,.1);
    color: #fff;
}

.skin-um [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    border-top-color: #C24b55;
    background-color: #C24b55;
    color: #fff;
}


.skin-um .nav-pills>li.active>a, .skin-um .nav-pills>li.active>a:focus, .skin-um .nav-pills>li.active>a:hover,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:not(.active):hover  {
    color: #fff;
    background-color: #C24b55;
}


/** focus shadow pinkish **/
.custom-checkbox .custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 247, 0.25);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: 1;
}

select:disabled {
    text-indent: 1px;
    border: none;
    font-size: 1em!important;
    cursor: default!important;
}

.overflowhidden{
    overflow: hidden;
}

legend {
    font-weight: 700; !important;
}

legend.required::after {
    content: " *";
    color: red;
    font-size: 110%;
}

label.required:not([for^="radio"])::after {
    content: " *";
    color: red;
    font-size: 110%;
}

input[type="radio"] + label.required::after {
    content: none;
}

.dt-scroll-headInner {
    width: 100% !important;
}
.dataTables_scrollHeadInner {
    width: 100% !important;
}

table.dataTable.table-bordered {
    border-left-width: 1px;
}