/*** ### BASE ***/

/*** ### NEW CSS ***/

/*** ### SELECT ***/

/*** ### TABLE ***/

/*** ### MENU ***/

/*** ### FOOTER ***/

/* ### CAMPAGNES */

/*** ### BASE ***/

/****** ### SETINGS *******/

/****** ### LOGIN *****/

/**** ### CALENDAR *****/

/**** ### View SIDEBAR *****/
/**** ### View DETAIL TABLE *****/

/*** ### Etablissement Index ***/

/*** ### Etablissement Form ***/

/*** ### Dashboard ***/

/*** ### Representant ***/

/*** ### Availabilty Search ***/

/*** ### Notifications ***/

/*** ### title-bar ***/

/*** ### warning table ***/









@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');


html,
body {
    height: 100%;
    font-family: 'Roboto';
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "signal_cellular_alt";
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 16px;
    width: 20px;
}

a.desc:after {
    content: /*"\e113"*/ "signal_cellular_alt";
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 16px;
    width: 20px;
    line-height: 20px;
    vertical-align: bottom;
}

.grid-view thead a{
    color: #000;
    font-size: 16px;
}

.grid-view thead a:hover{
    color: #00aeef;
}

.grid-view thead a.asc{
    color: #00aeef;
}

.grid-view thead a.desc{
    color: #00aeef;
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/*** ### NEW CSS ***/

/*** ### SELECT ***/
.mdl-selectfield{
    display: inline-block;
    position: relative;
    padding: 20px 0;
}

.mdl-selectfield select{
    background: transparent;
    width: 300px;
    padding: 4px 0;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    -webkit-appearance: none;
    cursor: pointer;
}

.mdl-selectfield select::-ms-expand {
    display: none;
}

.mdl-selectfield label{
    position: absolute;
    left: 0;
    top: 24px;
    font-size: 16px;
    color: rgba(0,0,0,0.26);
    pointer-events: none;
    overflow: hidden;
}
.mdl-selectfield i{
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 5px;
    color: rgba(0,0,0,0.26);
    top:22px;
    pointer-events: none;
}

.mdl-selectfield select:focus ~ label, .mdl-selectfield select.selected ~ label{
    color: #00aeef !important;
    font-size: 12px;
    bottom: calc(100% - 20px);
    top: auto;
    transition-duration: .2s;
}


.form-flex{
    display:flex;
    flex-wrap: wrap;
}

.form-flex .flex-form-table{
    flex: 1 1 auto;
}

.form-flex .mdl-textfield, .form-flex .mdl-select{
    margin-right: 10px;
}

#viewerContent > div{
    top: 80px !important;
}

.campagne-view .view-content #viewerContent > div{
    top: 0px !important;
}

.campagne-view .view-content {
    min-height: calc(100vh - 192px);
    position: relative;
}

.title-bar-panneau{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.title-bar-panneau-tight{
    margin: 0 0 0;
}

.ui-datepicker-year{
    background: #00aeef;
    border: 1px solid #fff;
    
}

/*** ### TABLE ***/
.grid-view-scrollable{
    display: block;
    padding-left: 323px;
    padding-right: 139px;
    width: calc(100% - 323px - 139px);
    width: 100%;
    margin-bottom: 80px;
    position: relative;
}


.grid-view thead td{
    display: none;   
}

.grid-view-scrollable thead th{
    background: #f0f0f0 !important;
    box-shadow: none;
    z-index: 9999;
    border-top: none !important;
}

.grid-view-scrollable table{
    position: initial;
}

.grid-view-scrollable .summary{
    position: absolute;
    left: 0;
    top: 0;
}

.grid-view .action-col{
    border-left: 1px solid rgba(0,0,0,0.12);
    padding: 8px 12px 8px 14px !important;
    text-align: center;
}

.grid-view thead td.action-col{
    height: 58px;
}
/*
.grid-view-scrollable .pagination{
    position: absolute;
    left: 0;
    bottom: 0px;
}
*/


.grid-view .principle-col{
    /*border-right: 1px solid rgba(0,0,0,0.12);*/
    color: #000;
    font-weight: 500;
    
    
}
.grid-view-scrollable tbody tr:hover td{
    background: #eee !important;
}

.grid-view-scrollable tbody tr:hover td.principle-col, .grid-view-scrollable tbody tr:hover td:first-child{
    border-top: 1px solid rgba(0,0,0,0.12);
}

.grid-view-scrollable tbody tr td{
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color;
}

.grid-view thead th{
    height: 58px;
    /*margin-top: 1px;*/
}

.grid-view thead tr.filters td{
    height: 58px;
    top: 0;
}

.grid-view-scrollable thead tr td:first-child{
    height: 58px;
    border-bottom: none;
}

.grid-view-scrollable thead .principle-col,.grid-view-scrollable thead .principl-col{
    height: 58px;
    display:flex;
    align-items: flex-end;
    
}


.grid-view-scrollable thead td.action-col{
    border-bottom: none;
    padding-bottom: 0;
}

.grid-view-scrollable tr th:first-child, .grid-view-scrollable tr td:first-child{
    position: absolute;
    width: 73px;
    height: 49px;
    left: 0;
    display: flex;
    align-items: center;
    background: #fff;
    border-top: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    border-left: 1px solid rgba(0,0,0,0.12);
}

.grid-view-scrollable tr th:first-child{
    height: 59px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding-bottom: 0;
}

.grid-view thead tr.filters td.principle-col{
    border-bottom: none;
}

.grid-view-scrollable .principle-col{
    position: absolute;
    width: 250px;
    height: 49px;
    left: 73px;
    margin-top: 0px;
    background: #fff;
    border-top: none;
    overflow-x: hidden;
}

.grid-view-scrollable thead{
    background: #f0f0f0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    border-top: 1px solid #fff;
    overflow: initial;
}

.grid-view-scrollable .action-col{
    position: absolute;
    width: 140px;
    height: 49px;
    right: 0;
    margin-top: 0px;
    background: #fff;
    border-right: 1px solid rgba(0,0,0,0.12);
}

.grid-view-scrollable thead th.action-col{
    height: 59px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.grid-view-scrollable .principle-col, .grid-view-scrollable tbody tr td:first-child{
    height:49px;
    z-index: 9999999999;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: transparent;
}

.grid-view-scrollable tbody .principle-col, .grid-view-scrollable tbody tr td:first-child{
    border-top: 1px solid rgba(0,0,0,0.06);
}

.grid-view-scrollable thead .principle-col{
    height: 59px;
}

.inline-layout{
    display: flex;
}

/*** ### SEARCH FORM ***/

.search-form{
    margin-bottom: 50px;
}

.search-form-flex-parent{
    display: flex;
    flex-wrap: wrap;
    
}

.search-form-flex-parent .form-group{
    margin-right: 15px;
    margin-bottom: 0;
}

.options-expand{
    height: 50px;
}

.summary{
    background: #fff;
}

/*** ### MENU ***/
.sidebar-menu{
    width: 275px;
    background-color: #30343d;
    position: relative;
    
}

.sidebar-menu.sidebar-menu-fixed{
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: overlay;
}

.sidebar-menu.sidebar-menu-fixed .sidebar-menu-container{
    min-height: 646px;
    height: 100vh;
    position: relative;
}

.sidebar-menu-fixed.closed{
    width: 55px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.sidebar-menu-placeholder.closed{
    width: 55px;
    min-width: 55px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.sidebar-menu-fixed.opened{
    width: 275px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.08s;
}

.sidebar-menu-placeholder.opened{
    width: 321px;
    min-width: 275px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.sidebar-menu.closed .sidebar-bottom-menu .sidebar-bottom-menu-parent{
    display: block;
}

.sidebar-menu-section-header{
    height: 82px;
    padding: 7px;
    border-bottom: 2px solid rgba(255,255,255,0.3);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-menu-section-header a.home-link img{
      max-width: 220px;
      width: 100%;
      height: auto;
}

.sidebar-menu-section-header a.home-link img.sm-logo{
    height: 41px;
    width: 41px;
}

.sidebar-menu-section{
    padding: 15px 0;
    border-bottom: 2px solid rgba(255,255,255,0.3);
}
.sidebar-menu-section a{
    display: block;
    padding: 15px 50px 15px 60px;
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    font-weight: 400;
    position: relative;
    white-space: nowrap;
}


.sidebar-menu-section a:hover, .sidebar-menu-section a.active, .sidebar-menu-section a.colored{
    color: #fff;
}
.sidebar-menu-section a.active, .sidebar-menu-section a.colored{
    background-color: #00aeef;
}

.sidebar-menu-section a .menu-icon{
    position: absolute;
    left:11px;
    top: calc(50% - 16px);
    height: 32px;
}

.hide{
    display:none;
}

.sidebar-menu-section a .menu-icon i{
    font-size: 32px;
}

.sidebar-menu-section a .dropdown-arrow{
    position: absolute;
    right: 0px;
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
     transition-property: transform;
}

.sidebar-menu-section a.active .dropdown-arrow{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg); 
    -o-transform:rotate(0deg);
}

.sidebar-menu-section a .dropdown-arrow i{
    font-size: 32px;
}



.sidebar-menu .sidebar-submenu{
    padding: 5px 0;
    background-color: #222;
    margin-bottom: 0;
}

.sidebar-menu .sidebar-submenu li a{
    font-size: 14px;
    padding: 5px 50px 5px 60px;
}


.sidebar-bottom-menu{
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #222;
    padding: 0 20px;
}

.sidebar-bottom-menu-parent{
    display: flex;
}

.sidebar-bottom-menu-child{
    position: relative;
    flex: 1 1 33.3333%;
    height: 50px;
}

.sidebar-bottom-menu-child a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.6);
}

.sidebar-bottom-menu-child a:hover, .sidebar-bottom-menu-child a.colored{
    color: #fff;
}

/**** MENU HEADER ****/

.mdl-layout__header{
    background: #00aeef;
    position: fixed;
    top: 0;
    right: 0;
}

.mdl-layout__header.closed{
    width: calc(100% - 55px);
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.mdl-layout__header.opened{
    width: calc(100% - 275px);
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.mdl-layout__header-row{
    height: 80px;
    position: relative;
}

.app-content{
    flex: 1 1 100%;
}

.hamburger{
    position: absolute;
    left: 25px;
    padding-top: 5px;
    cursor: pointer;
}

.hamburger .icon-bar{
    width: 30px;
    height: 2px;
    background: #fff;
    margin-bottom: 7px;
}

.account-div{
    position: relative;
}

.account-div .my-account{
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
}

.account-div .my-account span{
    white-space:nowrap;
}

.account-div .my-account i{
    margin-right: 5px;
    font-size: 30px;
}

.account-div .account-submenu{
    border: none;
    position: absolute;
    left: calc(50% - 75px);
    width: 150px;
    top: calc(100% + 15px);
}

.account-div .account-submenu button{
    font-size: 16px;
    color: #00aeef;
    background: transparent;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.account-div .account-submenu button:hover{
    color: #fff;
    background: #00aeef;
}

.account-div .account-submenu-container{
    padding: 5px 0px;
    background: #f0f0f0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: flex;
    flex-wrap: wrap;
}

.account-div .account-submenu-container:after{
    bottom: 100%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 240, 240, 0);
	border-bottom-color: #f0f0f0;
	border-width: 10px;
	margin-left: -10px;
}
.account-div .account-submenu-container form, .account-div .account-submenu-container a{
    position: relative;
    flex: 1 1 100%;
    text-align: center;
    height: 30px;
}

.account-div .account-submenu-container a{
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 30px;
    vertical-align: middle;
}

.account-div .account-submenu-container a:hover{
    background: #00aeef;
    color: #fff;
}



.notification-div{
    padding: 5px 25px 0;
    position: relative
}

.notification-div a{
    color: #fff;
}

.notification-div a .mdl-badge{
    font-size: 30px;
}

.notification-div a .mdl-badge[data-badge]:after{
    background: #ff0000;
}

#notification-box{
    position: absolute;
    top: calc(100% + 10px);
    right: 20px;
    width: 250px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
}

#notification-box .options{
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
}

#notification-box .options p{
    margin: 0;
    text-align: left;
    color: #000;
    font-weight: 500;
    flex: 1 1 100%;
}

#notification-box .options a{
    line-height: 24px;
    height: 24px;
    font-size: 12px;
    flex: 0 0 auto;
}

#notification-box li i.notif-icon{
    font-size: 16px;
    background: #00aeef;
    color: #fff;
    border-radius: 50px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 2px 2px 2px 3px;
}

#notification-box li a:hover i.notif-icon{
    background: #fff;
    color: #00aeef;
}

#notification-box li .remove-notif{
    display: none;
    background: #fff;
    color: #00aeef;
    height: 16px;
    border-radius: 50px;
    position: absolute;
    right: 15px;
}

#notification-box li a:hover .remove-notif{
    display: inline-block;
}

#notification-box li a .remove-notif:hover{
    display: inline-block;
    background: #aaa;
    color: #fff;
    border-radius: 50px;
}

#notification-box li .remove-notif i{
    font-size: 16px;
}

#notification-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    max-height: 400px;
    overflow: overlay;
}

#notification-box:after {
	bottom: 100%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffff;
	border-width: 10px;
	margin-left: -10px;
}

#notification-box ul li{
    position: relative;
    min-height: 35px;
}

#notification-box ul li.date{
    color: #000;
    padding: 10px 10px;
    background-color: #f0f0f0;
    text-align: left;
}

#notification-box ul li a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #00aeef;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#notification-box ul li a:hover{
    color: #fff;
    background-color: #00aeef;
}

/*** SEACH BAR ***/

.header-searchbar-div{
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 268px);
}

.header-searchbar-div .header-searchbar-container{
    position: relative;
}

.header-searchbar-div form{
    position: relative;
}

.header-searchbar-div input{
    width: 536px;
    height: 40px;
    background: #fff;
    border: none;
    color: #000;
    padding: 0 50px;
}

.header-searchbar-div #general-search i{
    position: absolute;
    color: #000;
    top: calc(50% - 12px);
    left: 15px;
} 

.header-searchbar-div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.header-searchbar-div input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.header-searchbar-div input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.header-searchbar-div input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

#search-results{
    position: absolute;
    top: 100%;
    left:0;
    width: 100%;
}

#search-results .search-results-container{
    background: #f0f0f0;
    
}

#search-results .search-results-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #000;
    border-bottom: 1px solid #222;
    padding: 10px;
}

#search-results .search-results-header span{
    margin-right: 10px;
    font-size: 16px;
}

#search-results .search-results-header select{
    background: transparent;
    height: 30px;
    min-width: 200px;
    border: none;
    border-bottom: 1px solid #808080;
    cursor: pointer;
}

#search-results .search-results-body ul{
    padding: 0;
}

#search-results .search-results-body ul li{
    position:relative;
    width: 536px;
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background: #f2f2f2;
}

#search-results .search-results-body ul .zero-found{
    background: #fff;
}

#search-results .search-results-body ul li.results-title{
    
}

#search-results .search-results-body ul li a{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 0 50px 0 0;
    display: flex;
    align-items: center;
    color: #00aeef;
}

#search-results .search-results-body ul li a:hover{
    background: #00aeef;
    color: #fff;
}

#search-results .search-results-body ul li a i{
    position: initial;
    color: inherit;
    margin-left: 10px;
    margin-right: 10px;
}
    




.language-div{
    position: relative;
    cursor: pointer;
}

.language-div .current-language{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.language-div .current-language i{
    font-size: 30px;
}

.language-div .language-dropdown{
    position: absolute;
    top: calc(100% + 15px);
    right: 20px;
    width: 150px;
}

.language-div .language-dropdown-container:after{
    bottom: 100%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 240, 240, 0);
	border-bottom-color: #f0f0f0;
	border-width: 10px;
	margin-left: -10px;
}

.language-div .language-dropdown-container{
    background: #f0f0f0;
    padding: 5px 0px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    position:relative;
    display: flex;
    flex-wrap: wrap;
}

.language-div .language-dropdown-container a{
    font-size: 16px;
    color: #00aeef;
    font-weight: 400;
    text-align: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    flex: 1 1 100%;
}

.language-div .language-dropdown-container a:hover{
    color: #fff;
    background: #00aeef;
}

/*** ### FOOTER ***/

footer .footer-container{
    background: #00aeef;
}

footer .footer-container p{
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 50px;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

/*** ###base ***/

h1, h2.h1{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
    line-height: 1.35;
    margin: 24px 0;
}

h2{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
    line-height: 1.35;
    margin: 24px 0;
}

a:hover, a:focus{
    text-decoration: none;
    
}
:focus{
    outline: 0 !important;
}

.mdl-layout__content{
    background: #f0f0f0;
}

.page-content{
    min-height: calc(100vh - 50px);
    padding-top: 80px;
    background: #fff;
    overflow: overlay;
    /*width: calc(100vw - 69px);*/
}

@media screen and (max-width: 767px){
    
}

.logged-out .page-content{
    
    padding-top: 20px;
}

.breadcrumb {
    background-color: #e0e0e0;
    border-radius: 0;
}

.form-control {
    padding: 0px 5px;
    min-width: 50px;
}

.mdl-data-table{
    width: 100%;
}

.view-table tbody tr:first-child{
    background: #aaa;
}

.view-table tbody tr:first-child td{
    color: #fff;
}

.mdl-textfield__label:after{
    bottom: 25px;
}

.gj-textbox-md:active, .gj-textbox-md:focus{
    border-bottom-width: 1px;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #00aeef;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #00aeef;
    border-color: #00aeef;
}

.switch-client-fav{
    padding: 0 8px;
}

.switch-client-fav span{
    color: rgba(0,0,0,.26);
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline{
    border: 2px solid #00aeef;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #00aeef url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiI…lsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K);
}

.mdl-radio{
    margin-right: 5px;
}

.mdl-radio.is-checked .mdl-radio__outer-circle{
    border: 2px solid #00aeef;
}

.mdl-radio__inner-circle{
    background: #00aeef;
}



.mdl-switch.is-checked .mdl-switch__thumb {
    background: #00aeef;
}

.mdl-switch.is-checked .mdl-switch__track {
    background: #00aeef;
}

.mdl-switch{
    width: 50px;
}

.modal-backdrop.in{
    display: none;
}

.close{
    opacity: 1;
}

.close:hover{
    opacity: 1;
}

@media screen and (min-width: 768px){
    .modal-dialog {
        width: calc(100% - 40px);
        margin: 75px auto;
    }
    .modal-content{
        height: calc(100vh - 150px);
        overflow-y: scroll;
    }
}


.drawback-btn{
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 26px;
    padding: 15px;
}

.drawback-btn:hover{
    color: #fff;
    background: #666;
}

/* ### Dashboard */

.cards-dashboard{
    padding: 50px 15px 20px;
}

.cards-dashboard .demo-card-wide.mdl-card{
    margin-bottom: 30px;
}


/* ### CAMPAGNES */
.index-content .flex-parent{
    display: flex;
}

.index-content .flex-child-table{
    flex: 1 1 auto;
    position: relative;
}

.index-content .flex-child-other{
    flex: 0 1 290px;
    margin-left: 30px;
}

.grid-view tbody tr{
    cursor: pointer;
}

.grid-view tbody tr.selected{
    background: #00aeef;
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div{
    background: #00aeef;
}

.grid-view tbody tr.selected td{
    color: #fff;
}

.campagne-form{
    display: flex;
    
}

.campagne-form .input-section{
    flex: 1 1 calc(100% - 600px);
}

.campagne-form .table-section{
    flex: 0 0 600px;
}


.form-flex-campagne-panels{
    display: flex;
}

.form-flex-campagne-panels .grid-view-scrollable .principle-col{
    width: 100px;
}

.form-flex-campagne-panels .grid-view-scrollable {
    padding-left: 173px;
}

.campagne-index .grid-view-scrollable{
    padding-left: 600px;
}

.campagne-index .grid-view-scrollable .principle-col{
    width: 527px;
}

.etablissement-view-campagne .grid-view-scrollable{
    padding-left: 600px;
}

.etablissement-view-campagne .grid-view-scrollable .principle-col{
    width: 527px;
}

.campagne_col-duplicate i{
    font-size: 17px;
    vertical-align: middle;
}

.flash-message {
    position: absolute;
    width: 100%;
    background: #f0f0f0;
    z-index: 99999999999;
    height: 50px;
    max-width: 500px;
    left: calc(50% - 250px);
    top: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-transform: uppercase;
}

.flash-message-error{
    background: rgba(255,0,0,0.5);
    color: #fff;
    border: 2px solid #ff0000;
}

.flash-message-success{
    background: rgba(50,255,50,0.5);
    color: #fff;
    border: 2px solid #32ff32;
}



/*** ### FORM ***/

.form-flex-parent{
    display: flex;
    flex-wrap: wrap;
}

.inline-inputs{
    display: flex;
}

.inline-inputs .inline-inputs-child{
    padding-right: 15px;
}

.form-flex-parent .form-group{
    display: inline-block;
    padding: 0 10px;
}

.form-flex-parent .input-flex-child{
    flex: 1 1 calc(100% - 600px);
}

.form-flex-parent .table-flex-child{
    flex: 0 0 600px;
}

.age-table select{
    width: 217px;
}

.form-flex-parent-etab{
    flex-wrap:initial;
}

.form-flex-parent .input-etab{
    flex: 0 1 auto;
}

.form-flex-parent .table-etab1{
    flex: 0 0 600px;
    padding-right: 20px;
}

.form-flex-parent .table-etab2{
    flex: 0 0 600px;
}

.form-flex-parent-etab table{
    margin-bottom: 20px;
}

table tbody tr.selected td .mdl-button{
    color: #fff;
}

.my-search-table {
    width: 100%
}

.my-search-table .thead-row .table-row{
    display: flex;
}

.my-search-table .thead-row .table-row .td{
    border: 2px solid #000;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 15px;
}


.my-search-table .tbody{
    background: #f0f0f0;
    height: 450px;
    overflow: overlay;
}

.my-search-table .tbody .table-row{
    
    display: flex;
}

.my-search-table .tbody .table-row .td{
    border: 2px solid #000;
    padding: 5px 10px;
    border-top: none;
}

.my-search-table .table-row .td{
    flex: 1 1 100%;
    display: flex;
    align-items: center;
}

.my-search-table .table-row .td:first-child{
    flex: 0 0 150px;
    border-right: none;
}

.my-search-table .table-row .td:last-child{
    flex: 0 0 115px;
    text-align: center;
    border-left: none;
    justify-content: center;
}

.my-search-table .sm-mdl-btn{
    margin-left: 0;
}



.mdl-textfield__label:after{
    background-color: #00aeef;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{
    color: #00aeef;
}

.gj-textbox-md{
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.gj-datepicker-md{
    color: #00aeef;
}

/*** ### VIEW ***/

.view-table{
    max-width: 700px;
    margin-bottom: 50px;
}

.list-label{
    font-weight: 700px;
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.list-value{}



.tout-panneau-search-flex-parent{
    display: flex;
    padding-top: 40px;
}
.tout-panneau-search-flex-child1{
    flex: 1 1 100%;
}

#pjax-search-list-panels, .tout-panneau-search-flex-child2{
    flex: 0 1 785px;
}

.tout-panneau-search-flex-child1 .multiple-selectfield select{
    height: 300px;
}

.tout-panneau-search-flex-child1 .multiple-selectfield i{
    display: none;
}

.multiple-selectfield-fhn select{
    height: 70px !important;
}

.multiple-selectfield-type-panneau select{
    height: 190px !important;
}

.multiple-selectfield-age select{
    height: 50px !important;
}

.multiple-selectfield-secteur select{
    height: 215px !important;
}

.multiple-selectfield-cat select{
    height: 215px !important;
}

.multiple-selectfield-etab select{
    height: 473px !important;
}

.multiple-selectfield label{
    color: #00aeef !important;
    font-size: 12px !important;
    bottom: calc(100% - 20px) !important;
    top: auto !important;
    transition-duration: .2s !important;
}

/*** ### Clients ***/

.client-flex-parent{
    display: flex;
    justify-content: flex-end;
}

.client-flex-parent .detail{
    flex: 1 1 auto;
}

.client-flex-parent .grid{
    flex: 0 0 auto;
}



/*** ### ESTABLISHMENT ***/

.etab-age-section .mdl-data-table{
    min-width: 600px;
}

.flex-etab-ristourne{
    display: flex;
    justify-content: flex-end;
}

.flex-etab-ristourne .child-1{
    flex: 1 1 100%;
}

.flex-etab-ristourne .child-2{
    flex: 0 0 auto;
}

.flex-etab-ristourne .child-2 span{
    position: absolute;
    top: 25px;
    right: 5px;
    color: red;
}

.mdl-textfield__label.mdl-textfield__label-fix:after {
    bottom: 15px;
}

.etablissement-ristourne table{
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.etablissement-ristourne td{
    padding: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

/****** ### SETINGS *******/

.settings-parent{
    display: flex;
}

.settings-parent .settings-child{
    flex: 1 1 25%;
    padding: 0 10px;
}

.site-settings .flex-parent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-top: 45px;
}

.site-settings .flex-parent .flex-child{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.3333% - 60px);
    margin-bottom: 45px;
    
}

.site-settings .mdl-card {
    width: 100%;
}

.site-settings .mdl-card .mdl-card__title{
    height: 250px;
    background: url('/img/settings_card_campagne.jpg') center / cover;
}

.site-settings .mdl-card .mdl-card__title-text{
    color: #000;
}

.site-settings .mdl-card .mdl-card__supporting-text{
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    color: #000;
}

.site-settings .mdl-card .mdl-card__actions{
    padding: 15px;
}

.site-settings .mdl-card .mdl-button{
    width: 100px;
}


.site-settings .mdl-card-campagne .mdl-card__title{
    background: url('/img/settings_card_campagne.jpg') center / cover;
}

.site-settings .mdl-card-clients .mdl-card__title{
    background: url('/img/settings_card_clients.jpg') center / cover;
}

.site-settings .mdl-card-etablissement .mdl-card__title{
    background: url('/img/settings_card_etablissement.jpg') center / cover;
}

.site-settings .mdl-card-panel .mdl-card__title{
    background: url('/img/settings_card_pannels.jpg') center / cover;
}

.site-settings .mdl-card-representant .mdl-card__title{
    background: url('/img/settings_card_representant.jpg') center / cover;
}

.site-settings .mdl-card-technicien .mdl-card__title{
    background: url('/img/settings_card_technicien.jpg') center / cover;
}

.mdl-card-list-establishments .mdl-card__title{
    background: url('/img/settings_card_etablissement.jpg') center / cover;
}


/****** ### LOGIN *****/

.logged-out .page-content{
    padding: 0;
    min-height: calc(100vh - 50px);
    background-color: #30343d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logged-out .mdl-layout__content {
    background: #30343d;
}

.site-login .login-img-container{
    margin-bottom: 50px;
    text-align: center;
}

.site-login .login-img-container img{
    max-width: 362px;
}

.site-login .login-form-container{
    background-color: #fff;
    padding: 30px;
    min-width: 550px;
    border: 5px solid #00aeef;
}

.site-login .help-block{
    position: absolute;
}

.site-login .mdl-textfield__label:after {
    bottom: 15px;
}

.site-login .form-group{
    text-align: center;
}

.site-login .field-remember-checkbox{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.site-login .form-group-btn{
    text-align: left;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px){
    .site-login .login-form-container{
        min-width: 0;
    }
    .site-login .login-img-container img {
        max-width: 275px;
    }
    .site-login .mdl-textfield{
        width: 250px;
    }
}


/****** ### TITLE BAR *****/

.title-bar{
    background-color: #f2f2f2;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 2px solid #c0c0c0;
}

.title-bar .flex-parent{
    display: flex;
    align-items: center;
    min-height: 60px;
}

.title-bar .my-title{
    font-size: 16px;
    margin:0;
}

.title-bar .sep{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 24px;
    color: rgba(0,0,0,0.3);
}

.title-bar .my-options{
    display: flex;
    
}
.title-bar .my-options a{
    margin-right: 10px;
    display: flex;
}

.title-bar .my-options a i{
    color: rgba(0,0,0,0.3);
}

.title-bar .my-options a:hover i{
    color: rgba(0,0,0,1);
}

.title-bar .amount-selected{
    color: #00aeef;
    margin-right: 20px;
    line-height: 24px;
    vertical-align:middle;
}


/**** ### CALENDAR *****/

.ui-widget.ui-widget-content{
    border: none;
    padding: 0;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
    width: 259px;
}

.ui-datepicker .ui-datepicker-header.ui-widget-header{
    border-radius: 0;
    border: none;
    background: #00aeef;
    color: #fff;
    padding: 5px 0;
}

.ui-widget-header .ui-datepicker-month{
    font-size: 16px;
}


.ui-widget-header .ui-datepicker-year{
    font-size: 16px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 31px;
    width: 31px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-prev-hover{
    left: 2px;
    top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover{
    right: 2px;
    top: 2px;
}

.ui-widget-header .ui-icon {
    background-image: none;
    z-index: 9999999;
    height: 31px;
    width: 31px;
    
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background-image: url(/img/calendar-chevron-left.png);
    background-position: -3px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background-image: url(/img/calendar-chevron-right.png);
    background-position: -3px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    margin-left: -15px;
    margin-top: -15px;
}

/*** dates ***/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 3px 1px 1px;
    line-height: 33px;
    vertical-align: middle;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    background: none;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default.ui-state-highlight{
    background: rgba(0,0,0,0.2);
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-active{
    background: #00aeef;
    color: #fff;
}

/**** ### View SIDEBAR *****/

.page-view{
    padding-left: 250px;
    position: relative;
    width: 100%;
}

.page-view .menu-sidebar{
    position: absolute;
    height: 100%;
    left: 0;
    top:0;
    background-color: #00aeef;
    padding: 20px 0;
    min-height: calc(100vh - 192px);
}

.page-view .menu-sidebar a{
    width: 250px;
    height: 60px;
    color: rgba(255,255,255,0.6);
    position: relative;
    padding: 0 30px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
}

.page-view .menu-sidebar a:hover, .page-view .menu-sidebar a.active{
    color: #fff;
}

.page-view .menu-sidebar a i{
    margin-right: 10px;
    font-size: 32px;
    line-height: 32px;
}

.page-view .menu-sidebar a .arrow{
    position: absolute;
    right: 15px;
    font-size: 24px;
}

/**** ### View DETAIL TABLE *****/

.view-content{
    height: 100%;
    position: relative;
}

.view-content .detail-table-parent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-content .detail-table-parent .detail-table-child{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(50% - 50px);
}

.view-content .detail-table{
    width: 100%;
}

.view-content .detail-table thead{
    background-color: #f0f0f0;
    border-bottom: 2px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}

.view-content .detail-table thead td{
    font-size: 18px;
}


.view-content .detail-table tbody tr{
    border-bottom: #c0c0c0;
}

.view-content .detail-table tr td{
    height: 45px
}

.view-content .detail-table tbody tr td{
    border-bottom: 1px solid #c0c0c0;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    vertical-align: middle;
    border-right: 1px solid #c0c0c0;
    padding: 10px 20px;
}

.view-content .detail-table tr td.title{
    padding-left: 40px !important;
    min-width: 215px;
}


.view-content .detail-table tbody tr td.border-left{
    border-left: 1px solid #c0c0c0;
}

.billing-card-wide.mdl-card {
    width: 100%;
}
.billing-card-wide > .mdl-card__title {
    color: #000;
    height: 176px;
    background: url('/img/Drawback-etab-view.jpg') center bottom / cover;
    padding: 10px 16px;
}
.billing-card-wide > .mdl-card__menu {
    color: #fff;
}



/******** STEP FORMS ********/

.page-view .menu-sidebar a.form-step-btn.disabled{
    cursor: no-drop;
}

.page-view .menu-sidebar a.form-step-btn.disabled:hover{
    color: rgba(255,255,255,0.6);
}

.view-content .step{
    padding: 15px;
}
.campagne-form .view-content .step .title-bar{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}

.view-content .step .form-flex{
    display: flex;
    flex-wrap: wrap;
}

.view-content .step .input-div{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 575px);
    display: flex;
    flex-wrap: wrap;
}



.view-content .step .form-flex .form-group{
    margin-right: 15px;
}

/*** ### Etablissement Index ***/

.etab-index-flex-parent{
    display: flex;
    flex-wrap: wrap;
}

.etab-index-flex-parent .etab-index-flex-child-1{
    flex: 1 1 auto;
}

.etab-index-flex-parent .etab-index-flex-child-2{
    flex: 0 0 550px;
    padding-left: 50px;
}

.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card {
    width: 100%;
}
.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card > .mdl-card__title {
    color: #000;
    height: 250px;
}

.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card > .mdl-card__menu {
    color: #000;
}

.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card .mdl-card__actions a{
    width: 75px;
}

.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card-etablissement-drawback > .mdl-card__title{
    background: url('/img/settings_card_drawback.jpg') center / cover;
}

.etab-index-flex-parent .etab-index-flex-child-2 .mdl-card-list-panels > .mdl-card__title, .mdl-card-list-panels > .mdl-card__title{
    background: url('/img/card_list_etablissement.jpg') center / cover;
}




/*** ### Etablissement Form ***/

.etab-step2-flex{
    display: flex;
}

.etab-step2-flex-form{
    flex: 0 1 340px;
}

.etab-step2-flex-table{
    flex: 1 1 auto;
}

.etablissement-panel-form .form-flex{
    display: flex;
}



/*** ### Dashboard ***/

.dashboard-flex-parent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 50px 0px 0;
}

.dashboard-flex-child{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.3333% - 50px);
    margin-bottom: 40px;
}


.dashboard-flex-parent .mdl-card {
    width: 100%;
}
.dashboard-flex-parent .mdl-card > .mdl-card__title {
    color: #000;
    height: 250px;
}

.dashboard-flex-parent .mdl-card > .mdl-card__menu {
    color: #000;
}

.dashboard-flex-parent .mdl-card .mdl-card__actions a{
    width: 75px;
}

.dashboard-flex-parent .mdl-card-dashboard-campagin > .mdl-card__title{
    background: url('/img/settings_card_campagne.jpg') center / cover;
}

.dashboard-flex-parent .mdl-card-dashboard-clients > .mdl-card__title{
    background: url('/img/settings_card_clients.jpg') center / cover;
}

.dashboard-flex-parent .mdl-card-dashboard-etablissement > .mdl-card__title{
    background: url('/img/settings_card_etablissement.jpg') center / cover;
}

.dashboard-flex-parent .mdl-card-dashboard-drawback > .mdl-card__title{
    background: url('/img/settings_card_drawback.jpg') center / cover;
}

.dashboard-flex-parent .mdl-card-dashboard-roadsheet > .mdl-card__title{
    background: url('/img/settings_card_roadsheet.jpg') center / cover;
}


.log-section{
    background: #f0f0f0;
}

.log-section .title{
    display: flex;
    align-items: center;
    padding: 20px 15px;
    border-bottom: 1px solid #c0c0c0;
}

.log-section .title i{
    margin-right: 15px;
    color: #00aeef;
    font-size: 30px
}

.log-section .title h2{
    margin: 0;
    font-size: 18px;
}

.log-section .the-logs{
    padding: 10px 15px;
}

.log-section .the-logs .standard{
    height: calc(59px * 5);
    overflow-y: scroll;
}

.log-section-history .the-logs .standard{
    height: 722px;
    overflow-y: scroll;
}

.log-section .log{
    display: flex;
    align-items: center;
}
.log-section .log i{
    font-size: 30px;
}
.log-section .log .log-container{
    flex: 1 1 auto;
    padding: 10px 0;
}

.log-section .log p{
    margin: 0;
    line-height: 1.3;
}

.log-section .show-all{
    padding: 10px 15px;
    border-top: 1px solid #c0c0c0;
}

.text-block-fix .mdl-textfield{
    padding: 5px 0;
}

.text-block-fix .mdl-textfield__label{
    top: 0;
}

.text-block-fix .mdl-textfield__label.mdl-textfield__label-fix:after {
    bottom: 0px;
}

.text-block-fix .mdl-textfield--floating-label.is-focused .mdl-textfield__label, 
.text-block-fix .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, 
.text-block-fix .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    top: -10px;
}

.datepicker-choose .mdl-textfield{
    width: 100%;
} 
    

.datepicker-choose .mdl-card__actions{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.datepicker-choose .mdl-card__actions .my-input{
    flex: 0 0 50%;
}

.datepicker-choose .mdl-card__actions .my-btn{
    flex: 0 0 50%;
    display:flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 30px;
}



.dashboard-flex-parent .mdl-card-dashboard-drawback .mdl-card__actions .my-btn {
    display: block;
    padding: 0 10px;
}

.dashboard-flex-parent .mdl-card-dashboard-drawback .mdl-card__actions .my-btn a{
    width: 100%;
}

.dashboard-flex-parent .mdl-card-dashboard-drawback .mdl-card__actions .my-btn a:first-child{
    margin-bottom: 10px;
}

.datepicker-choose .mdl-card__actions .my-btn a{
    width: auto;
}

@media screen and (max-width: 1299px){
    .header-searchbar-div input{
        width: 400px;
    }
}

@media screen and (max-width: 1199px){
    .dashboard-flex-child{
        flex-basis: calc(50% - 50px);
    }
}
@media screen and (max-width: 991px){
    .header-searchbar-div input {
        width: 275px;
    }
}

@media screen and (max-width: 767px){
    .general-search-form{
        display: none;
    }
    .dashboard-flex-child {
        flex-basis: 100%;
    }
    .notification-div{
        display: none;
    }
    .mdl-layout__header-row {
        padding: 0 16px 0 16px;
    }
    .mdl-layout__header-row .mdl-navigation{
        display: flex;
        flex-direction: column;
    }
    footer .footer-container p{
        font-size: 16px;
        line-height: 24px;
    }
}



/*** ### Representant ***/

.password-div{
    display: flex;
    align-items: center;
}

.password-div i{
    color: #00aeef;
    padding-bottom: 25px;
    font-size: 28px;
    cursor: pointer;
}


/*** ### Availabilty Search ***/

.flex-availabilty-parent .mdl-textfield__label:after {
    bottom: 15px;
}

.flex-availabilty-parent{
    display: flex;
    justify-content: flex-end;
}

.flex-availability-child-1{
    flex: 1 1 auto;
}

.flex-availability-child-2{
    flex: 0 0 550px;
}

.flex-availability-child-2 .summary{
    display: none;
}

/*.tout-panneau-search-flex-child1 .multiple-selectfield{
    height: 400px;
    overflow-y: overlay;
    overflow-x: hidden;
}

.tout-panneau-search-flex-child1 .multiple-selectfield select{
    height: 100% !important;
    overflow: visible;
}*/




/*** ### Notifications ***/

.site-notifications table{
    width: 100%;
}

/*.site-notifications table thead tr{
    background: #00aeef;
    color: #fff;
}
*/
.site-notifications table thead td{
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
}
/*
.site-notifications table tbody tr.even{
    background: #ddd;
}
.site-notifications table tbody tr.odd{
    background: #eee;
}

.site-notifications table tbody tr td{
    padding: 5px 10px;
    font-weight: 700;
}*/



/*** ### title-bar ***/


.sm-mdl-btn{
    margin-left: 15px;
    line-height: 30px;
    height: 30px;
}


/*** ### warning table ***/

.title-bar-warning{
    background: #ff4848;
    border-bottom: 2px solid #dd0000;
}

.title-bar-warning .my-title{
    color: #fff;
}

.title-bar-warning  .my-options a i{
    color: rgba(255,255,255,0.8);
}

.title-bar-warning  .my-options a:hover i{
    color: rgba(255,255,255,1);
}

.title-bar-warning  .amount-selected {
    color: #fff;
}

.warning-table.grid-view-scrollable thead th{
    background: #ff4848 !important;
}

.warning-table.grid-view-scrollable thead{
    background: #ff4848 !important;
}

.warning-table.grid-view thead a{
    color: #fff;
}

.warning-table.grid-view thead .mdl-checkbox__box-outline{
    border: 2px solid #fff;
}

.warning-table.grid-view thead .mdl-checkbox.is-checked .mdl-checkbox__box-outline{
    border: 2px solid #00aeef;
    background: #fff;
}


/****** ### smaller table ********/

.grid-view-smaller tbody, .grid-view-smaller thead{
    display: block;
    
}

.grid-view-smaller tbody{
    max-height: 500px;
    overflow: auto;
}
    
.grid-view-smaller tbody tr, .grid-view-smaller thead tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}

.grid-view-smaller thead tr{
    width: calc( 100% - 17px ); /**** remove scroll bar width ****/
}

.grid-view-smaller table{
    width: 100%;
}

.grid-view.grid-view-smaller .principle-col{
    width: 600px;
}

.grid-view-smaller .summary{
    display: none;
}

.grid-view-smaller thead{
    background-color: #f2f2f2;
}

.grid-view-smaller .mdl-data-table td{
        height: 36px;
        padding: 0px 18px;
}

/****** ### smaller table ********/


.grid-view-normal table{
    width: calc(100% - 1px);
}


.grid-view-normal .summary{
    display: none;
}

.grid-view-normal thead{
    background-color: #f2f2f2;
}

.grid-view-normal {
    box-shadow: none;
}

.grid-view-normal table{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.mdl-card-list-establishments .mdl-card__actions{
    padding: 20px;
    position: relative;
}

.mdl-card-list-establishments .mdl-card__actions a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
}


.form-etablissement.step1 .multiple-selectfield select{
    height: 290px !important;
}

.form-etablissement.step1 .multiple-selectfield i{
    display: none;
}

.view-content .form-etablissement.step1 .form-flex .form-group{
    margin-right: 10px;
}

.form-flex-campagne-panels-child .current-panels{
    margin-bottom: 20px;
}

.loading-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999999999999999999;
}

.loading-div {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.log-section-drawback{
  margin-bottom: 15px;
}