@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
html, body, * {font-family: 'Roboto Condensed', sans-serif;}
body {
    /*padding-top: 60px;*/
    padding-bottom: 40px;
    /*font-size:12px !important;  CIRO */
}
.reset { clear:both; }
footer {  }
.zf-green {
    color: #ff0000;
}

.navbar-header img.logo { height:30px; margin:8px 15px; }

body {
    background: #f0f0f0!important;
}

.img-wide {width:100%;}

.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:top;
}

.styled-table {
    vertical-align:top;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 1.1em;
    font-family: sans-serif;
    width:100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    font-weight: bold;
}

.styled-table thead tr {
    background-color: #696969;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #d9d9d9;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #696969;
}

.btn { 
	margin-right:5px;
	margin-right: 10px;
    margin-bottom: 15px; }

.container .jumbotron, .container-fluid .jumbotron {
    background: #e5dcd4 url("/bgAndo.jpg") no-repeat top right;

    padding-left: 60px;
    padding-right: 60px;
}
/*
.btn-success, .btn-primary {
    background-color: #ff0000;
    background-image: -moz-linear-gradient(top, #ff5353, #ff0000);
    background-image: -ms-linear-gradient(top, #ff5353, #ff0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5353), to(#ff0000));
    background-image: -webkit-linear-gradient(top, #ff5353, #ff0000);
    background-image: -o-linear-gradient(top, #ff5353, #ff0000);
    background-image: linear-gradient(top, #ff5353, #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5353', endColorstr='#57a900', GradientType=0);
    border:1px solid #ff0000;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] 
{
    background-color: #ff0000;
}
*/
div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

div.app-caption {
    padding: 25px 0px;    
    font-size:3.0em;
    font-weight: bold;
    color:#68b604;
}
div.app-caption a.logo { color:#68b604; }
div.app-caption a.logo:hover { color:#23527c; }

form ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 5px;
}

form ul li {    
    color: red;        
}

.alert ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 5px;
}

div.report .giorno { font-weight:bold; }
.required label:after {
    color: #e32;
    content: ' *';
}

.elenco_form_varianti span { font-weight:bold; }
.elenco_form_varianti .badge input { color:green; width:40px; }

a {color:#ff0000;}

a:hover {color:#ff5353;}

.qta_varianti {

    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 100%;
    text-align:center;
}
.qta_varianti::before {
    content: ""
}

.qta_varianti .blocco_taglia {
    display:inline-block;
}
.disable{

    color:#999999;
}

.qta_varianti .blocco_taglia::after { 
    /*content: "  ";*/
}

.taglia {
    color:#666666;    
}

.taglia::after{
    /*content: " "*/
}

/*.qta {font-weight: bold;}
.qta::after { content:" pz." }*/

.container {

}




#tabellaQtaPartner { margin-bottom:25px; }
#tabellaQtaPartner td { vertical-align:top; text-align:center; padding:5px; }
#tabellaQtaPartner td div.taglia { line-height:28px; }
#tabellaQtaPartner td div.qta { line-height:35px; }
#tabellaQtaPartner td div.active { line-height:30px; }
#tabellaQtaPartner td div.azione { line-height:35px; }

.anteprima_foto_edit_prodotto > div { margin-top:15px; margin-bottom:15px; }
.gestione_galleria_prodotto .img-thumbnail.watermark { background-color:#f0f0f0; }
.gestione_galleria_prodotto .img-thumbnail img.img-wide { margin-top:5px; margin-bottom:5px; }
form.qta_magazzino { margin-top:15px; margin-bottom:15px; }
form.qta_magazzino input.qta_parent, form.qta_magazzino input.active_parent { margin-right:15px; }
td.miniatura_prodotto_elenco img { max-width:80px; }

.row.anteprima_foto_vista_prodotto .box_foto { padding:10px; }

.avviso_gestione_magazzino_da_admin { font-size:16px; }
.elenco_fornitori_attivi a.fornitore { display:inline; }
.elenco_fornitori_attivi li { margin-bottom:20px; }

.wrap_edit_prodotto .magazzino_prodotto { margin:20px 0 10px 0; padding:10px 0; border-top:1px dashed #cccccc; }
.wrap_edit_prodotto h4.nome_fornitore { font-weight:bold; }
.wrap_add_fornitore_articolo select { margin-bottom:25px; }

h1.editlotto span.id_lotto { font-weight:bold; padding-right:10px; }
table.tabellaLotti td.lotto_id { font-weight:bold; }
div.note_edit_lotto { margin-top:25px; margin-bottom:25px; }
div.note_edit_lotto h4 { font-weight:bold; }

.view ul.dettagli { list-style-type:none; padding-left:0; }
.view ul.dettagli li .valore { font-weight:bold; }

div.editqtaforn p.prezzo_vendita_magazzino { border:1px solid green; padding:10px; }
div.editqtaforn h4.nome_fornitore span.etichetta { font-weight:bold; }
div.editqtaforn div.dati_lotto { font-size:18px; margin-bottom:10px; }
div.editqtaforn div.dati_lotto span.etichetta { font-weight:bold; }

div.visibile_solo_sviluppatore { border:1px dashed gray; }

.row.editqtaforn .editqtaforn_cont .btn { margin-bottom:5px; }

div.azioni_collettive { margin-bottom:10px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding-bottom:8px; padding-top:8px; }

.elenco_fatture_lotto .riga_fattura { margin-top:0px; margin-bottom:10px; }

form.qta_magazzino label { width:100%; }
form.codice_fornitore_magazzino {  }

div.editqtaforn_cont h4.nome_articolo span.codice_produttore { font-size:16px; color:black; }
div.editqtaforn_cont h5.nome_prodotto { font-size:16px; color:red; }

div.row.pulsanti_anagrafica > div { margin-top:15px; padding-top:5px; padding-bottom:5px; }

div.wrap_top_bottone_apri_chiudi_seo_anagrafica_prodotto { border-top:1px solid #cccccc; }
div.wrap_bottom_bottone_apri_chiudi_seo_anagrafica_prodotto { padding-bottom:10px; border-bottom:1px solid #cccccc; }
span#apri_chiudi_elenco_anteprima_watermark, span#apri_chiudi_seo_anagrafica_prodotto { cursor:pointer; }
div#wrap_elenco_anteprima_watermark { display:none; }

span#apri_chiudi_seo_anagrafica_prodotto {  }
.button {
  /*font: bold 11px Arial;*/
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
display: block;
}

.centerbutton {
  display: flex;
  justify-content: center;
  align-items: center;
}

#contatore_loop_lotto { font-size:18px; margin 15px; padding:10px; text-align:center; }
#contatore_loop_lotto span { font-weight:bold; }
#contatore_loop_lotto img.loading_gif_lotto { margin-right:15px; width:30px; }
#contatore_loop_lotto .note { font-size:12px; }

.preload_riepilogo_lotto img.loading_gif { width:100%; }
.preload_riga img.loading_gif { height:20px; }
.progress_gif { height:25px; }

.loader {
    padding: 10px;
}
.loader_ajax_small {
    border: 5px solid #DCDCDC;
    border-radius: 50%;
    border-top: 5px solid #696969;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    -webkit-animation: spin_loader_ajax_small 2s linear infinite;
    animation: spin_loader_ajax_small 2s linear infinite;
}

@-webkit-keyframes spin_loader_ajax_small {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin_loader_ajax_small {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

p.stato_canale_sinc.vendita_massiva { border:1px solid green; padding:10px; display:inline-block; }

@media screen and (max-width: 750px) {
	div.azioni_collettive form#form_modifica_prodotti_collettivo input#submitbutton { margin-top:25px; }
}

@media screen and (min-width: 1300px) {
    .container { width:95%; }
}
.button { cursor:pointer; }

/* tiny in line, pi� compatto */
.demo-inline {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #626262;
  line-height: 1.3;
  font-size: 14px;
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
  padding: 20px 20px 20px 20px;
}
.demo-inline container {
  background-color: #fafafa;
  margin: -20px -20px 0 -20px;
  padding: 20px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.nascosto { visibility:hidden; height:0px;  overflow:hidden; }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.CellWithComment{
    position:relative;
}

.CellComment{
    display:none;
    position:absolute;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    z-index:100;
    border:2px;
    border-style:solid;
    top: 70%;
    left: 10%;
}

.CellWithComment:hover span.CellComment{
    display:block;
}
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin: 0 0 0 0;
    margin-left: 5px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}
.form_radio_group {
    display: inline-block;
    overflow: hidden;
}

.form_radio_group-item {
    display: inline-block;
    float: left;
}

.form_radio_group input[type=radio] {
    display: none;
}

.form_radio_group label {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 34px;
    border: 1px solid #999;
    border-right: none;
    user-select: none;
    font-weight: normal
}

.form_radio_group .form_radio_group-item:first-child label {
    border-radius: 10px 0 0 10px;
}

.form_radio_group .form_radio_group-item:last-child label {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #999;
}

/* Checked */
.form_radio_group input[type=radio]:checked+label {
    background: #2196F3;
    color: #efefef
}

/* Hover */
.form_radio_group label:hover {
    color: #666;
}

/* Disabled */
.form_radio_group input[type=radio]:disabled+label {
    background: #efefef;
    color: #666;
}
.tail-select,
    .tail-select *,
    .tail-select *:before,
    .tail-select *:after {
        box-sizing: border-box;
    }

    .tail-select {
        width: 250px;
        margin: 1px;
        padding: 0;
        display: inline-block;
        position: relative;
        font-size: 14px;
        line-height: 22px;
        font-family: inherit;
    }

    .tail-select mark {
        color: white;
        background-color: #DC4650;
    }

    .tail-select button {
        outline: none;
    }

    .tail-select button.tail-all,
    .tail-select button.tail-none {
        height: auto;
        margin: 0 2px;
        padding: 2px 6px;
        display: inline-block;
        font-size: 10px;
        line-height: 14px;
        text-shadow: none;
        letter-spacing: 0;
        text-transform: none;
        vertical-align: top;
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
        border-radius: 3px;
        box-shadow: none;
        transition: color 142ms linear, border 142ms linear, background 142ms linear;
    }

    .tail-select button.tail-all {
        color: rgba(48, 52, 56, 0.5);
        border-color: rgba(48, 52, 56, 0.5);
        background-color: transparent;
    }

    .tail-select button.tail-all:hover {
        color: #62C462;
        border-color: #62C462;
        background-color: transparent;
    }

    .tail-select button.tail-none {
        color: rgba(48, 52, 56, 0.5);
        border-color: rgba(48, 52, 56, 0.5);
        background-color: transparent;
    }

    .tail-select button.tail-none:hover {
        color: #EE5F5B;
        border-color: #EE5F5B;
        background-color: transparent;
    }

    .tail-select.disabled button.tail-all {
        color: rgba(48, 52, 56, 0.25);
        border-color: rgba(48, 52, 56, 0.25);
        background-color: transparent;
    }

    .tail-select.disabled button.tail-none {
        color: rgba(48, 52, 56, 0.25);
        border-color: rgba(48, 52, 56, 0.25);
        background-color: transparent;
    }

    .tail-select input[type="text"] {
        color: #303438;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 10px 15px;
        display: inline-block;
        outline: 0;
        font-size: 12px;
        line-height: 20px;
        vertical-align: middle;
        background-color: transparent;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .tail-select input[type="text"]:hover {
        color: #303438;
        border-color: transparent;
        background-color: transparent;
    }

    .tail-select input[type="text"]:focus {
        color: #3C82E6;
        border-color: transparent;
        background-color: transparent;
    }

    .tail-select.disabled input[type="text"] {
        color: rgba(48, 52, 56, 0.75);
        border-color: transparent;
        background-color: transparent;
    }

    .tail-select-container {
        margin: 0;
        padding: 3px;
        text-align: left;
        border-radius: 3px;
    }

    .tail-select-container .select-handle {
        width: auto;
        color: #303438;
        cursor: pointer;
        margin: 1px;
        padding: 0.2em 0.6em 0.3em;
        display: inline-block;
        position: relative;
        font-size: 11.844px;
        text-align: left;
        font-weight: bold;
        line-height: 16px;
        text-shadow: none;
        vertical-align: top;
        background-color: #d9d9d9;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
        border-radius: 3px;
        transition: background 142ms linear;
    }

    .tail-select-container .select-handle:hover {
        color: #303438;
        background-color: #DC4650;
    }

    .tail-select-container.select-label .select-handle {
        margin: 5px 3px;
    }

    /* @end GENERAL */

    /* @start LABEL */
    .tail-select .select-label {
        cursor: pointer;
        color: rgba(48, 52, 56, 0.85);
        width: 100%;
        margin: 0;
        padding: 5px 30px 5px 10px;
        display: block;
        z-index: 27;
        position: relative;
        text-align: left;
        background-color: white;
        border-width: 0px;
        border-style: solid;
        border-color: #d9d9d9;
        border-radius: 3px;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
        transition: background 142ms linear, box-shadow 142ms linear;
    }

    .tail-select .select-label:after {
        top: 15px;
        right: 12px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        z-index: 25;
        content: "";
        opacity: 0.5;
        display: inline-block;
        position: absolute;
        border-top: 5px dashed;
        border-top: 5px solid\9;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        text-shadow: none;
        transition: opacity 142ms linear, transform 142ms linear;
    }

    .tail-select .select-label .label-count,
    .tail-select .select-label .label-inner {
        width: auto;
        margin: 0;
        text-align: left;
        vertical-align: top;
    }

    .tail-select .select-label .label-count {
        float: left;
        color: rgba(48, 52, 56, 0.85);
        margin: 0 5px 0 0;
        padding: 0 7px 0 0;
        display: inline-block;
        font-size: 11.844px;
        font-weight: bold;
        text-shadow: none;
        white-space: nowrap;
        vertical-align: top;
        border-width: 0px 1px 0 0;
        border-style: solid;
        border-color: #d9d9d9;
        border-radius: 0px;
    }

    .tail-select .select-label .label-inner {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tail-select:hover .select-label,
    .tail-select.idle .select-label,
    .tail-select.active .select-label {
        z-index: 25;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
    }

    .tail-select:hover .select-label:after,
    .tail-select.idle .select-label:after,
    .tail-select.active .select-label:after {
        opacity: 0.85;
    }

    .tail-select:hover .select-label .label-count,
    .tail-select.idle .select-label .label-count,
    .tail-select.active .select-label .label-count,
    .tail-select:hover .select-label .label-inner,
    .tail-select.idle .select-label .label-inner,
    .tail-select.active .select-label .label-inner {
        opacity: 1;
    }

    .tail-select.active .select-label {
        z-index: 27;
    }

    .tail-select.active .select-label:after {
        opacity: 0.85;
        transform: rotate(180deg);
    }

    .tail-select.disabled .select-label {
        cursor: not-allowed;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    }

    /* @end LABEL */

    /* @start DROPDOWN */
    .tail-select .select-dropdown {
        top: 100%;
        left: 0;
        color: #303438;
        width: 100%;
        min-height: 35px;
        margin: -1px 0 0 0;
        padding: 0;
        z-index: 30;
        display: none;
        overflow: hidden;
        position: absolute;
        background-color: white;
        border-width: 0px;
        border-style: solid;
        border-color: #d9d9d9;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    }

    .tail-select .select-dropdown .dropdown-search {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #d9d9d9;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    }

    .tail-select .select-dropdown .dropdown-inner {
        width: 100%;
        margin: 0;
        padding: 1px 0;
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .tail-select .select-dropdown .dropdown-empty {
        margin: 0;
        padding: 16px 0;
        display: block;
        font-size: 12px;
        text-align: center;
        line-height: 18px;
    }

    .tail-select .select-dropdown .dropdown-action {
        top: 3px;
        right: 15px;
        width: auto;
        margin: 0;
        padding: 7px 0;
        z-index: 35;
        display: inline-block;
        position: absolute;
        text-align: center;
    }

    .tail-select .select-dropdown ul,
    .tail-select .select-dropdown ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        list-style: none;
        font-size: 14px;
        line-height: 20px;
        vertical-align: top;
    }

    .tail-select .select-dropdown ul li {
        color: #303438;
        padding: 5px 10px 5px 35px;
        font-size: 12px;
        text-align: left;
        line-height: 18px;
        font-weight: normal;
    }

    .tail-select .select-dropdown ul li:first-of-type {
        margin-top: 7px;
    }

    .tail-select .select-dropdown ul li:last-of-type {
        margin-bottom: 7px;
    }

    .tail-select .select-dropdown ul li.optgroup-title {
        color: rgba(48, 52, 56, 0.7);
        cursor: default;
        margin: 9px 0 0 0;
        padding-left: 10px;
        font-size: 14px;
        text-shadow: none;
    }

    .tail-select .select-dropdown ul li.optgroup-title button {
        float: right;
        margin-top: -2px;
        opacity: 0;
    }

    .tail-select .select-dropdown ul:hover li button {
        opacity: 1;
    }

    .tail-select .select-dropdown ul li.dropdown-option {
        cursor: pointer;
        color: #303438;
    }

    .tail-select .select-dropdown ul li.dropdown-option:before {
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        z-index: 21;
        display: inline-block;
        content: "";
        opacity: 0;
        position: absolute;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center center;
        transition: opacity 50ms linear;
    }

    .tail-select .select-dropdown ul li.dropdown-option .option-description {
        color: rgba(48, 52, 56, 0.85);
        width: auto;
        margin: 0;
        padding: 0;
        display: block;
        font-size: 10px;
        text-align: left;
        line-height: 14px;
        vertical-align: top;
    }

    .tail-select .select-dropdown ul li.dropdown-option:hover,
    .tail-select .select-dropdown ul li.dropdown-option.hover {
        color: #303438;
    }

    .tail-select .select-dropdown ul li.dropdown-option:hover .option-description,
    .tail-select .select-dropdown ul li.dropdown-option.hover .option-description {
        color: #303438;
    }

    .tail-select.open-top .select-dropdown {
        top: auto;
        bottom: 100%;
        margin: 0 0 -1px 0;
        border-radius: 3px 3px 0 0;
    }

    .tail-select.hide-selected .select-dropdown ul li.selected,
    .tail-select.hide-disabled .select-dropdown ul li.disabled {
        display: none;
    }

    /* State & Icons :: Single */
    .tail-select .select-dropdown ul li.dropdown-option:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M12%205l-8%208-4-4%201.5-1.5L4%2010l6.5-6.5L12%205z%22/%3E%3C/svg%3E");
    }

    .tail-select .select-dropdown ul li.dropdown-option:hover:before,
    .tail-select .select-dropdown ul li.dropdown-option.hover:before {
        opacity: 0.5;
    }

    .tail-select .select-dropdown ul li.dropdown-option.selected {
        color: #3C82E6;
        background-color: white;
    }

    .tail-select .select-dropdown ul li.dropdown-option.selected:before {
        opacity: 0.85;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M12%205l-8%208-4-4%201.5-1.5L4%2010l6.5-6.5L12%205z%22/%3E%3C/svg%3E");
    }

    .tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
        color: #3C82E6;
    }

    .tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before,
    .tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before {
        opacity: 0.85;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M7.48%208l3.75%203.75-1.48%201.48L6%209.48l-3.75%203.75-1.48-1.48L4.52%208%20.77%204.25l1.48-1.48L6%206.52l3.75-3.75%201.48%201.48L7.48%208z%22/%3E%3C/svg%3E");
    }

    .tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover .option-description,
    .tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover .option-description {
        color: #3C82E6;
    }

    .tail-select .select-dropdown ul li.dropdown-option {
        transition: all 0.3s ease-in;
    }

    .tail-select .select-dropdown ul li.dropdown-option:hover,
    .tail-select .select-dropdown ul li.dropdown-option.hover {
        transition: all 0.4s ease;
        background-color: #e9edf2;
    }

    .tail-select.disabled .select-dropdown ul li.dropdown-option,
    .tail-select .select-dropdown ul li.dropdown-option.disabled {
        cursor: not-allowed;
        color: rgba(48, 52, 56, 0.4);
        text-shadow: 0px 1px 0px rgba(119, 129, 138, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
        background-color: #fafafa;
    }

    .tail-select.disabled .select-dropdown ul li.dropdown-option:before,
    .tail-select .select-dropdown ul li.dropdown-option.disabled:before {
        opacity: 0.85;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M7%201C3.14%201%200%204.14%200%208s3.14%207%207%207%207-3.14%207-7-3.14-7-7-7zm0%201.3c1.3%200%202.5.44%203.47%201.17l-8%208A5.755%205.755%200%200%201%201.3%208c0-3.14%202.56-5.7%205.7-5.7zm0%2011.41c-1.3%200-2.5-.44-3.47-1.17l8-8c.73.97%201.17%202.17%201.17%203.47%200%203.14-2.56%205.7-5.7%205.7z%22/%3E%3C/svg%3E");
    }

    .tail-select.disabled .select-dropdown ul li.dropdown-option .option-description,
    .tail-select .select-dropdown ul li.dropdown-option.disabled .option-description {
        color: rgba(48, 52, 56, 0.4);
    }

    /* State & Icons :: Multiple */
    .tail-select.multiple .select-dropdown ul li.dropdown-option:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zM6%209H3V7h3V4h2v3h3v2H8v3H6V9z%22/%3E%3C/svg%3E");
    }

    .tail-select.multiple .select-dropdown ul li.dropdown-option.selected:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zM4%208c0-1.66%201.34-3%203-3s3%201.34%203%203-1.34%203-3%203-3-1.34-3-3z%22/%3E%3C/svg%3E");
    }

    .tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before,
    .tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zm-2-5H3V7h8v2z%22/%3E%3C/svg%3E");
    }

    .tail-select.multiple.disabled .select-dropdown ul li.dropdown-option:before,
    .tail-select.multiple .select-dropdown ul li.dropdown-option.disabled:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zm-8.5-2H3v-1.5L9.5%204H11v1.5L4.5%2012z%22/%3E%3C/svg%3E");
    }

    /* @end DROPDOWN */

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem;
        }
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem;
        }
    }

    .progress {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: 2rem;
        background-color: #e9ecef;
        border-radius: 2.25rem;
    }

    .progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #0d6efd;
        transition: width 0.6s ease;
        font-size: 25px;
        border-radius: 2.25rem;
    }

    @media (prefers-reduced-motion: reduce) {
        .progress-bar {
            transition: none;
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .progress-bar-animated {
        -webkit-animation: 1s linear infinite progress-bar-stripes;
        animation: 1s linear infinite progress-bar-stripes;
    }

    @media (prefers-reduced-motion: reduce) {
        .progress-bar-animated {
            -webkit-animation: none;
            animation: none;
        }
    }

    .bg-success {
        background-color: #198754 !important;
    }