@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/materialicon/MaterialIcons-Regular.woff2') format('woff2');
}
body {
    font-family: 'Roboto',Arial,Tahoma,sans-serif;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.circle-clipper .circle {
    border-width: 4px;
    border-style: dotted;
}
.wrapper-login-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ECEFF1 url('../images/bg.logo_blan.png') no-repeat 50%;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover;
}
.login-page {background: initial;}
.logo {max-height: 100px;}
.logo img{max-height: 100px; margin: 10px auto;}
.sidebar .menu .list a {
    padding: 7px 13px;
    border-bottom: solid 1px rgba(241, 241, 241, 0.98);
}
.sidebar .menu .list .ml-menu li {padding-left:25px; }
.sidebar .menu .list .ml-menu li a {
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: dashed 1px rgba(241, 241, 241, 0.98);
    border-left: dashed 1px rgba(241, 241, 241, 0.98);
}
.sidebar .menu .list .ml-menu li .ml-menu li a{
    padding-left: 10px;
}
.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a{
    padding-left: 10px;
}
.sidebar .user-info .info-container .name {font-size: 16px; white-space: initial;}
.sidebar .user-info .image {
    float: left;
    background: #FFF;
    padding: 3px;
    border-radius: 50%;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {color:#4caf50;}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
    content: '\f10c';
    font-family: 'FontAwesome';
    position: relative;
    color: #4caf50;
    font-size: 10px;
    height: 20px;
    top: 3px;
    right: 5px;
}
.info-box-2 .content .text {
    font-size: 16px;
    margin-top: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.info-box-2 {height: 85px;}
.table.table-with-actions .material-icons {font-size: 16px !important;}
.navbar-brand {padding: 0px 10px;}
.navbar-brand img{width: auto;
    max-height: 50px;}
.block-header {
    position: relative;
    margin-bottom: 20px;
}
.block-header h2 {font-size: 24px;}
.block-header .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px; line-height: 24px;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 10px;
}
.block-header .breadcrumb li.active{
    color: #777;
}
.block-header .breadcrumb>li>a {
    color: #444;
    text-decoration: none;
    display: inline-block;
}
.table-list-actions {margin: 0; padding:0; list-style: none;}
.table-list-actions>li>a>i {font-size: 18px;}
.table-list-actions .dropdown-menu>li>a {
    padding: 4px 18px;
    border-bottom: dotted 1px #EFEFEF;
    font-size: 13px;
}
.table-list-actions .dropdown-menu>li:last-child>a {  border-bottom: none;  }
.table-list-actions .dropdown-menu>li>a i { margin-right: 5px; }
.nav-tabs li.active a {
    color: #4caf50 !important;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 6px; font-size: 13px;
}
.fa-6x {font-size: 80px;}
.table-block-legend {
    margin-bottom: 7px; padding: 5px; border-bottom: solid 1px #eeeeee;
}
.p-40 {padding: 40px;}
.bg-dark-grey{background-color:#4B4B4B !important;color:#fff;}
.icon-and-text-button-demo a {margin-right: 5px;}
.card.profil-agent {min-height: 182px;}
.card.profil-agent .body{padding: 5px;}
/* .img-profil-agent img{ width: 100%;
    height: auto;
    margin: auto;
    max-height: 145px; */
.img-profil-agent img{
    width: 225px;
    height: 260px;
    margin: auto;
    max-height: 600px;

}
.img-profil-agent .caption {
    position: absolute;
    bottom: 0;

    color: #FFF;
    text-align: center;
    display: block;
    width: 100%;
    margin-left: -5px;
    padding: 10px;
}

@media (min-width: 992px) {
    .modal-lg-2 {
        width: 960px;
        margin: 60px auto;
    }
}
@media (min-width: 768px) {
   .modal-dialog-2 {
        width: 640px;
        margin: 50px auto;
    }
}
.border-blue {border-top: solid 3px #2196f3; }
.border-light-blue {border-top: solid 3px #03A9F4; }
.border-red {border-top: solid 3px #F44336; }
.border-rose {border-top: solid 3px #E91E63; }
.border-purple {border-top: solid 3px #9C27B0; }
.border-deep-purple {border-top: solid 3px #673AB7; }
.border-green {border-top: solid 3px #4CAF50; }
.border-light-green {border-top: solid 3px #8BC34A; }
.border-orange {border-top: solid 3px #FF9800; }
.border-deep-orange {border-top: solid 3px #FF5722; }
.highcharts-credits {display: none !important;}
/******** additional color ****/
.bg-dark-gray {
    background-color: #4b4b4b !important;
    color: #fff;
}

.mydp .selection {
    background: transparent !important;
    height: 30px !important;
}
.mydp, .mydp .headertodaybtn {
    border: none !important;
}
.selbtngroup {
    height: 25px !important;
}
.form-group.radio .col-sm-12 {
    margin-bottom: 0px;
}
.ui-dialog {border-radius:0px; border:none;}
.ui-dialog-titlebar {
    background: #FFF;
    font-size: 18px;
}
.ui-dialog.ui-widget .ui-dialog-titlebar {
    background: #1f91f3;
    color: #FFF; border-radius: 0px;
}
.ui-confirmdialog.ui-dialog .ui-dialog-content {
    padding: 2em;
}
.ui-dialog .ui-dialog-titlebar-close span {color: #fff;}
.ui-dialog .ui-dialog-titlebar-close:hover {background: transparent; border:none;}

/**** personnalisation bloc recherche multicritere pour agent ****/
.card.search-form .body {padding: 10px 20px;}
.card.search-form .body hr {margin-top: 10px; margin-bottom: 10px;}
.card.search-form .card-inside-title {margin-top: 10px;}
.card.search-form .form-group {margin-bottom: 10px;}
.card.search-form [class*='col-'] {margin-bottom: 0px !important; }

/**************** info-box ans sidebar ******************/
.info-box .content .text,
.info-box-2 .content .text,
.info-box-4 .content .text {
    font-size: 14px;
    margin-top: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.info-box, .info-box-2, .info-box-4 {height: 85px;border-radius: 10px !important;}
.info-box-4 .icon i {font-size: 50px;}
.info-box-4 .icon {
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    margin-top: -15px;
}
.sidebar {width: 275px;}
.sidebar .legal .copyright { font-size: 11.5px;}
section.content { margin: 100px 15px 0 290px;}

/**************** End info-box ans sidebar ******************/

/**************** Select corps dans recherche ******************/
.ui.dropdown, .ui-dropdown:not(.ui-state-disabled):hover, .ui-dropdown:not(.ui-state-disabled) {
    border: none;
    background: none;
    height: 30px !important;
}
.ui-dropdown .ui-dropdown-trigger {border: none;}
/******** table prime ng**************/
.ui-datatable .ui-datatable-thead > tr > th, 
.ui-datatable .ui-datatable-tfoot > tr > td, 
.ui-datatable .ui-datatable-data > tr > td {
    border-left-width: 0;
    border-bottom-width: 0;
    padding: 8px;
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;
    box-sizing: content-box; 
}
.ui-datatable .ui-datatable-thead > tr > th {
    text-align: left;
}
.ui-datatable .ui-sortable-column-icon {
    float: right;
    margin-top: 3px;
}
.ui-paginator {
    background: transparent; border: none; margin-top: 20px;
    text-align: right;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    padding: 6px;
    float: left;
    margin-left: 0 !important;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    display: inline-block;
    padding: 5px 10px;
    zoom: 1;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    border-radius: 0;
}
.ui-state-default {border-color: #aaa;}
.ui-datatable .ui-datatable-thead > tr > th {
    border-color: #e4e4e4;
    font-weight: bold;
    border-top-width: 0;
}
.ui-datatable .ui-datatable-thead > tr > th:last-child, 
.ui-datatable .ui-datatable-thead > tr > td:last-child, 
.ui-datatable .ui-datatable-data > tr > td:last-child {
    border-right-width: 0;
}
th.col_Etat_Projet span.ui-column-title {display: none;}
.ui-widget-header input{
    color: rgb(80, 80, 80);
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 7px 10px;
    max-width: 300px;
    padding-left: 30px;
}
.ui-widget-header{
    padding: 4px 10px;
    border-bottom: 0 none;
    background: transparent !important;
    border: none;
    margin-bottom: 10px;
    padding-left: 0px !important;
} 
.ui-widget-header .fa-search{
    position: absolute;
    margin-top: 12px !important;
}
/******** select table tous les projets colonne etat**************/
.ui-multiselect .ui-multiselect-label {
    padding: 4px; border-radius: 0; margin-bottom: 0px;
}
.ui-datatable .ui-column-filter {
    margin-top: 0px;
    border-radius: 0px;
}  
.ui-multiselect-header .ui-multiselect-filter-container .fa {top:-7px !important;}

/******** formulaire add agent espace entre cellules**************/
.form_add_Update_Agent .form-group {margin-bottom: 0px !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle !important;
}

/******** modal detail projet acte**************/
.mat-dialog-container {padding: 0;}
.mat-dialog-container .modal-body {margin: 0;}
.mat-dialog-container .modal-body .body{padding: 0 !important;}
.mat-dialog-container .modal-body .body table{width: 100% !important;}
.mat-dialog-title, .mat-dialog-container .modal-header{
    background: #1f91f3;
    color: #FFF; border-radius: 0px;
}
.mat-dialog-title, .mat-dialog-container .modal-header h4{
    font-size: 20px;
    font-weight: 300;
}
.mat-dialog-container {padding: 0px !important; 
    overflow: initial !important;
    height: initial !important;
}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mt10 {margin-top: 10px !important;}
.box-shadow-none {box-shadow: none !important;}

/***************** new menu *****************/
.ui-panelmenu .fa {float: right; margin-top: 6px}
.ui-panelmenu .fa.item-icon {float: left; margin-top: 6px;}
.ui-panelmenu .ui-panelmenu-header a {
    padding: 12px;
    background: #fff;
    text-decoration: none;
}

/***************** css active side menu *****************/
.ui-state-active {
    background: #337ab77a;
}