.cold-dt-6{
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.cold-dt-6-0 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.cold-dt-6-1 {
    flex: 0 0 50%;
    max-width: 50%;
}

.cold-dt-6-2 {
    flex: 0 0 100%;
    max-width: 100%;
}

/*@media (min-width: 1800px) {*/
/*    .cold-dt-6 {*/
/*        flex: 0 0 33.33333%;*/
/*        max-width: 33.33333%;*/
/*    }*/
/*}*/

/*@media (max-width: 1800px) {*/
/*    .cold-dt-6 {*/
/*        flex: 0 0 50%;*/
/*        max-width: 50%;*/
/*    }*/
/*}*/
/*@media (max-width: 1300px){*/
/*    .cold-dt-6 {*/
/*        flex: 0 0 100%;*/
/*        max-width: 100%;*/
/*    }*/
/*}*/

.trasporto_andata{
    position: relative;
    width: 85px;
    height: 24px;
    border: 1px solid #d0d0d0;
    background: #fff;
    float: left;
    margin-right: 5px;
    margin-left: 3px;
    padding: 2px;
    border-radius: 10px;
}

.active_trasporto_completo:hover{
    border: 1px solid #26cc06;
}

.trasporto_andata_inner{
    /*width: 0%;*/
    height: 18px!important;
    /*background: #1fb311;*/
    border-radius: 10px;
    border: 0!important;
    margin-left: 0!important;
}

.trasporto_andata_green{
    background: #1fb311;
    color: #fff;
    border: 2px solid #1fb311;
}

.trasporto_andata_red{
    background: #ec3434;
    color: #fff;
    border: 2px solid #ec3434;
}

.trasporto_ritardo_label{
    color: #8b96a6;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-weight: bold;
}

.border-white-text{
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}


.trasporto_andata_nocolor{
    color: #4c5969;
    border: 0;
    font-size: 14px;
    font-weight: bold;
}

.trasporto_andata_label{
    height: 24px;
    background: transparent;
    float: left;
    margin-right: 5px;
    margin-left: 3px;
    padding: 2px;
}

.sliderBar-progress{
    width: 0%;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}


.text_percent_progressbar{
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    /*font-size: 1vh;*/
    /*margin-top: 2px;*/
}

.text_percent_progressbar:hover{
    cursor: pointer;
}


.text_percent_progressbar{
    position: absolute;
    left: 0;
    right: 0;
    color: #8b96a6;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-weight: bold;
}




.time_input{
    border: 1px solid #4c5969;
    color:  #4c5969;
}

.time_input:disabled{
    cursor: not-allowed;
    background: #dbdee1;
}
.menu_icon_slot{
    height: 21px;
    margin-top: -1px;
    padding: 0;
}

.sub-menu-slot,.sub-menu-withe{
    padding: 2px;
    white-space: nowrap;
}

.sub-menu-slot:hover{
    cursor: pointer;
    color: #a9ff99;
    background: rgba(0, 0, 0, 0.20)
}

.sub-menu-withe:hover{
    cursor: pointer;
    color: #fff;
    background: rgba(0, 0, 0, 0.20)
}

.sub-icon-slot-detail{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 0px;
}

.icon-slot-detail{
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    background-size: cover;
}


.icon-slot-medico {
  background-image: url(/static/mainapp/common/template/assets/images/medical/medico.svg);
  width: 16px;
  height: 14px;
  filter: invert(100%) sepia(73%) saturate(2%) hue-rotate(234deg) brightness(107%) contrast(101%);
}

.icon-slot-infermiere {
  background-image: url(/static/mainapp/common/template/assets/images/medical/infermiere.svg);
  width: 16px;
  height: 14px;
  filter: invert(100%) sepia(73%) saturate(2%) hue-rotate(234deg) brightness(107%) contrast(101%);
}

.icon-slot-soccorritore {
  background-image: url(/static/mainapp/common/template/assets/images/medical/soccorritore.svg);
  width: 16px;
  height: 14px;
  filter: invert(100%) sepia(73%) saturate(2%) hue-rotate(234deg) brightness(107%) contrast(101%);
}

.icon-slot-autista {
  background-image: url(/static/mainapp/common/template/assets/images/medical/pilot.svg);
  width: 16px;
  height: 14px;
  filter: invert(100%) sepia(73%) saturate(2%) hue-rotate(234deg) brightness(107%) contrast(101%);
}

.icon-slot-ambulanza {
  background-image: url(/static/mainapp/common/template/assets/images/medical/ambulance.svg);
  width: 17px;
  height: 14px;
  filter: invert(100%) sepia(73%) saturate(2%) hue-rotate(234deg) brightness(107%) contrast(101%);
}

.circle-notification{
    width: 11px;
    height: 11px;
    border: 1px solid #45ad37;
    border-radius: 10px;
    position: absolute;
    background: #2b8c1e;
    right: -3px;
    top: 8px;
    left: auto;
}

.circle-notification:before{
    /*background: #fff;*/
}

.notification_counter{
    width: 11px;
    height: 11px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    background: rgba(31, 31, 31, 0.5);
    color: #fff;
    padding: 2px 6px;
    padding-top: 3px;
}