/*---SKIN Blue UM ---*/

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid #4b545c;
    color: hsla(0, 0%, 100%, .8);
    padding-top: 0.5rem;
    padding-bottom: 0px;
}
.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 {
    width: 56%;
    position: relative;
    left: 26px;
    top: -3px;
}

@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/OpenSans-Regular-HGJZxRD.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'mulish, sans-serif';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Mulish-VariableFont_wght-Y_DL0ef.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'mulish-italic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Mulish-Italic-VariableFont_wght-LcAmQgm.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oswald-Regular';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Oswald-Regular-IJZLpiM.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-Black';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-Black-m-u2ZyC.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-BlackItalic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-BlackItalic-dJzRrtc.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-Bold-i5YBL1e.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-BoldItalic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-BoldItalic-YdRkyqG.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-ExtraLight';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-ExtraLight-Z0d_-wS.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-ExtraLightItalic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-ExtraLightItalic-gGOIWme.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-Italic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-Italic-lBvR_K3.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-Light-ZNe9ng7.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-LightItalic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-LightItalic-vWRCyTk.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-Regular-qY-tDey.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-SemiBold';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-SemiBold-hxbyzXg.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'SourceSansPro-SemiBoldItalic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SourceSansPro-SemiBoldItalic-zXHdMbB.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*breadcrumb*/

.breadcrumb-container .second a:hover {
    color: #4bc2bc !important;
}

.breadcrumb-container .active-2 {
    color: #4bc2bc !important;
}

.breadcrumb-container .second span:hover {
    padding-bottom: 21px !important;
    /*border-bottom: 3px solid #4bc2bc !important;*/
}

.breadcrumb-container .breadcrumb>li+li:before {
    content: "" !important;
}

.breadcrumb-container .breadcrumb {
    font-size: 14px;
    color: #999 !important;
    letter-spacing: 0.1em;
    border-radius: 5px !important;
}


.breadcrumb-container .first {
    background-color: white !important;
}

.breadcrumb-container a {
    text-decoration: none !important;
    color: #999 !important;
}

.breadcrumb-container a:focus,
.breadcrumb-container a:active {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .breadcrumb-container .breadcrumb {
        font-size: 10px;
        line-height: inherit;
    }

    .breadcrumb-container .breadcrumb-item+.breadcrumb-item {
        padding-left: 0;
    }
    .breadcrumb-container .fa{
        font-size: 9px !important;
    }
    .breadcrumb-container .breadcrumb {
        letter-spacing: 1px !important;
    }
    .breadcrumb-container .breadcrumb > * div {
        max-width: 60px;
    }

    .breadcrumb-container .first {
        background-color: inherit !important;
    }

    .breadcrumb-container .shadow-sm {
        box-shadow: inherit !important;
    }
}

/** FIN breadcrumb navigation **/

body {
    font-family:"mulish, sans-serif", "OpenSans-Regular",Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.93rem;
}

.logo_um {
    margin-left: 0;
    background-repeat: no-repeat;
    /*text-shadow: #2C3E50 0.3em 0.3em 0.3em !important;*/
    font-family: "OpenSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.logo-mini {
    margin-left: 0;
    background-repeat: no-repeat;
    font-family: "OpenSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #ffffff, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

.tdb-box{
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius: 9px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
}

.tdb-box-header{
    display: block;
    min-height: 50px;
    border-radius: 9px;
    margin: 10px auto auto;
}

.tdb-box-header .icon {
    transition: all .3s linear;
    font-size: 36px;
}

.tdb-box-header .title{
    display: block;
    font-size: 1em;
    font-weight: 800;
}

.tdb-box-content .title{
    display: block;
    font-weight: 800;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tdb-box-content .commentaire {
    display: block;
    font-size: 0.8em;
    min-height: 33px;
}

.tdb-box-content .btn{
    line-height: 1;
    margin: 20px auto 0;
    letter-spacing: 1px;
    border-radius: 6px;
    margin-bottom: 10px;
    min-width: 100%;
}

.tdb-box3{
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius: 9px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.modal-title {
    font-weight: 500;
}

.modal-content {
    border-radius: 10px;
}

.dataTables_wrapper .btn-default, .skin-um #sidebar-multiselect-actions .btn-default{
    padding: 5px 30px;
    border-radius: 5px!important;
    margin: 0 2px;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

.panel-default{
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.form-checkbox{
    position: relative;
    top: 36px;
}

#uploaded_file{
    margin-top: 1.5em;
}

#uploaded_file li a {
    font-size:16px;
    color:#4BC2BC;
}

.dropzone {
    padding:0;
}

.btn-download{
    margin-top:15px;
}

.messagerie {
    margin: 1em;
}

.messagerie .question, .messagerie .reponse{
    padding:1em;
    border:solid #CCC 1px;
    border-radius: 10px;
    margin-bottom: 1em;
}

.messagerie-compact .question, .messagerie-compact .reponse {
    padding:0.5em;
    border:solid #CCC 1px;
    border-radius: 5px;
    margin-bottom: 0.5em;
}


.messagerie .reponse{
    text-align: right;
}

.other-demande{
    position: relative;
    top: 10px;
    left: 20px;
    color: red;
}
.box-solid {
    box-shadow: 4px 4px 4px rgba(150, 150, 150, 0.4);
    border-radius: 0 0 12px 0;

}

.box-grey {
    border-top:0;
}

.box-warning .box-body {
    background-color: rgba(243, 156, 18, 0.05);
}

.legende .rectangle{
    position:relative;
    top:5px;
    display:inline-block;
    width:40px;
    height:20px;
}

.legende .rectangle-orange-rh{
    background-color: #F39C12;
}

.legende .rectangle-vert-demande {
    background-color: #4BC2BC;
}

.tr-demande-cloturee-favorable .currentState {
    background-color: rgba(75, 194, 188, 0.2);
}

.tr-demande-cloturee-defavorable .currentState{
    background-color: rgba(239, 43, 5, 0.2);
}

#reinit_filters_button {
    text-align: right;
}





