html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.mdtooltip {
  z-index: 1000; /* Ajuste la valeur selon tes besoins */
}

[ng-cloak].splash {
	display: block !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.ghost{
  opacity:0.4;
}

.corbeille{
  opacity:0.6;
  color:rgb(175, 11, 11);
  background-color:rgb(255, 206, 206);
}

md-menu-content { max-height: 90vh; }



.filtreType md-select:not([data-filter="cinepresence,tournage,filmClient"]) md-select-value {
  color: red !important;
}

.filtreMandataire md-select:not([data-filter="0"]) md-select-value {
  color: red !important;
}

.filtreReferent md-select:not([data-filter="0"]) md-select-value {
  color: red !important;
}

.filtresSpeciaux md-select-value {
  color: red !important;
}

.splash{
	display: none;
}

.md-select-menu-container{
  z-index:999999 !important;
}

i.material-icons:before{display:none;}


.dropfile{
  border: 2px dashed rgb(0,151,167);
  line-height:50px;
  text-align: center;
  font-size:0.8em;
  cursor:pointer;
  color:rgb(0,151,167);
}

.dropfileBAT{
  border: 2px dashed rgb(0,151,167);
  line-height:50px;
  text-align: center;
  font-size:0.8em;
  cursor:pointer;
  color:rgb(0,151,167);
}



.highlightSearch { font-weight: 900; color:#0097a7 }



.dropfileQRCODE{
  border: 2px dashed rgb(0,151,167);
  line-height:50px;
  text-align: center;
  font-size:0.8em;
  cursor:pointer;
  color:rgb(0,151,167);
}

.dropfileDocument{
  border: 2px dashed rgb(0,151,167);
  line-height:50px;
  text-align: center;
  font-size:0.8em;
  cursor:pointer;
  color:rgb(0,151,167);
}

.selectClients{
  height:500px !important;
}

.selectClients md-select-menu{
  height:500px !important;
  min-height:500px !important;
}

.selectClients md-content{
  height:500px !important;
  min-height:500px !important;
}

.md-datepicker-button{
  margin:0 0 0 4px !important;
}

.md-datepicker-input-container{
  margin-left:6px !important;
}

.warnCheckbox {
  color: rgb(244, 67, 54) !important;
}

.warnCheckbox>div>.md-icon {
  background: rgb(244, 67, 54) !important;
}

.primaryCheckbox {
  color: rgb(0,151,167);
}

.primaryCheckbox>div>.md-icon {
  background: rgb(0,151,167);
}




md-select-menu, md-select-menu md-content{
  max-height:500px !important;
}

.selectHeader {
}
  .selectHeader .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }

  .selectHeader .select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto; }
  .selectHeader md-content._md {
    max-height: 240px; }
  .selectHeader md-input-container {
    min-width: 112px; }

a { text-decoration: none; }

a:link, a:visited {
    color: inherit;
}
a:hover {
    color: inherit;
    text-decoration: underline;
}


.link{
  cursor:pointer;
    background:none;
}

.link:hover {
    background:#e8ecec;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none;
}

.button-icon{
  cursor:pointer;
  outline: 0;
}

.button-icon:active{
  color:#cbd7df;
}

.menuSubRoute{

}

.menuSubRoute:hover{
  	background:#31393e !important;
}



.primary-background-color-100{
	background:#bee2e6 !important;
	color:#222525 !important;
}
.primary-background-color-200{
	background:#9dc7cc !important;
	color:#222525 !important;
}
.primary-background-color-300{
	background:#80b9bf!important;
	color:#222525 !important;
}
.primary-background-color-400{
	background:#62adb5 !important;
	color:#222525 !important;
}
.primary-background-color-500{
	background:#489fa8!important;
	color:#d9e7e8!important;
}
.primary-background-color-600{
	background:#0097a7 !important;
	color:#d9e7e8 !important;
}
.primary-background-color-700{
	background:#14656e !important;
	color:#d9e7e8!important;
}
.primary-background-color-800{
	background:#0b3b40 !important;
	color:#d9e7e8 !important;
}


.grey-background-color-100{
	background:#d8e1e7 !important;
	color:#1a1f21 !important;
}
.grey-background-color-200{
	background:#94a5b0 !important;
	color:#d8e1e8 !important;
}
.grey-background-color-300{
	background:#7c8e99 !important;
	color:#1a1f21 !important;
}
.grey-background-color-400{
	background:#667680 !important;
	color:#1a1f21 !important;
}
.grey-background-color-500{
	background:#505e66 !important;
	color:#d8e1e8 !important;
}
.grey-background-color-600{
	background:#3e494f !important;
	color:#d8e1e8 !important;
}
.grey-background-color-700{
	background:#2a3236 !important;
	color:#d8e1e8 !important;
}
.grey-background-color-800{
	background:#1a1f21 !important;
	color:#d8e1e8 !important;
}

.menuSeparate{
  border-top: solid #3e494f   1px;
}

md-radio-button .md-label{
  margin-left:25px;
}

.progress-white svg path { stroke: white; }


.text-primary{
  color: #0097a7 !important;
}

.text-warn{
    color: #f44336 !important;
}

.background-warn{
	background:#f44336 !important;
	color:#ffffff !important;
}


md-toast.md-error-toast-theme div.md-toast-content{
    color: white !important;
    background-color: red !important;
}

md-toast.md-success-toast-theme div.md-toast-content{
    color: white !important;
    background-color: rgb(0,151,167) !important;
}


.fade.ng-hide {
  opacity: 0;
}

.fade.ng-hide-add,
.fade.ng-hide-remove {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
}

.fade.ng-enter, .fade.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.fade.ng-enter,
.fade.ng-leave.ng-leave-active {
  opacity:0;
}

.fade.ng-leave,
.fade.ng-enter.ng-enter-active {
  opacity:1;
}

md-grid-tile figure {
    align-items: flex-start!important;
}

.md-autocomplete-suggestions-container{
    .md-virtual-repeat-sizer{
        height:auto!important;
    }
}


.md-accordion .expandCollapse { width:34px; height:24px; position:relative; font-size:13px; font-weight:bold;  display:block; overflow:hidden; }
.md-accordion .expandCollapse:active { border:0px; }
.md-accordion .expandCollapse:before, .md-accordion .expandCollapse:after { width:34px; height:24px; display:block; position:absolute; top:0; left:0; line-height:23px; text-align:center; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; }
.md-accordion .expandCollapse:before { opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg); content: "|";margin-left:1px;  }
.md-accordion .expandCollapse:after { opacity:1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); content: "|"; }
.md-accordion .active:before { opacity:1; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.md-accordion .dataContent { height:0px; overflow:hidden; -webkit-transition: .1s all ease-out; transition: .1s all ease-out; }
.md-accordion .activeContent { height:35px; display:block !important; }


.md-accordion .dataContentMain { max-height:0px !important; overflow:hidden; -webkit-transition: .2s all ease-out; transition: .2s all ease-out; }
.md-accordion .activeContentMain { max-height:50vh !important; }




.selectOnPhone{
    height:445px;
}

@media all and (max-device-width: 480px)
{
    .selectOnPhone{
        height:245px;
    }

    .selectClients{
      height:300px !important;
    }

    .selectClients md-select-menu{
      height:300px !important;
      min-height:300px !important;
    }

    .selectClients md-content{
      height:300px !important;
      min-height:300px !important;
    }
}