.smart-form .form-group label {width: 100%}
.smart-form .icon-append, .smart-form .icon-prepend {position: inherit}
.jsPanel {z-index: 999}
.smart-form label { color: #607D8B}
div.calendario-bootstrap {overflow: hidden}
.labelServiceDay {width: 95%; border-bottom: 1px dotted #0e70ca; padding-bottom: 2.5px; margin-bottom: 2.5px;}
textarea {resize: vertical;}
.w-100 {width: 100%}
.color-white {color: #fff}
.bgOpen, .responsive-calendar .day.bgOpen,
.bgStatus1, .responsive-calendar .day.bgStatus1{
    background: repeating-linear-gradient(
            45deg,
            #05bdbd, #05bdbd 5px,
            #059595 5px, #059595 10px
    ) !important;
}
.bgClosed, .responsive-calendar .day.bgClosed,
.bgStatus2, .responsive-calendar .day.bgStatus2 {
    background: repeating-linear-gradient(
        45deg,
        #c4262e, #c4262e 5px,
        #991e24 5px, #991e24 10px
    ) !important;
}
.bgCompleted, .responsive-calendar .day.bgCompleted ,
.bgStatus3, .responsive-calendar .day.bgStatus3,
.bgStatus4, .responsive-calendar .day.bgStatus4{
    background: repeating-linear-gradient(
            45deg,
            #ff6d22, #ff6d22 5px,
            #be511a 5px, #be511a 10px
    ) !important;
}

.bgCompletedPhone, .responsive-calendar .day.bgCompletedPhone ,
.bgStatus4, .responsive-calendar .day.bgStatus4 {
    background: repeating-linear-gradient(
            45deg,
            #ff9800, #ff9800 5px,
            #be511a 5px, #be511a 10px
    ) !important;

    background: repeating-linear-gradient(
            45deg,
            #ffd817, #ff9800 5px,
            #ff9800 5px, #ff9800 10px
    ) !important;
}

.responsive-calendar .day.bgRed ,
.bgStatus5, .responsive-calendar .day.bgStatus5{
    background: repeating-linear-gradient(
        45deg,
        #606dbc, #606dbc 5px,
        #465298 5px, #465298 10px
    ) !important;
}

.responsive-calendar .day.bgOpen a,
.responsive-calendar .day.bgClosed a,
.responsive-calendar .day.bgCompleted a,
.responsive-calendar .day.bgRed a,
.responsive-calendar .day.bgStatus1 a,
.responsive-calendar .day.bgStatus2 a,
.responsive-calendar .day.bgStatus3 a,
.responsive-calendar .day.bgStatus4 a,
.responsive-calendar .day.bgStatus5 a {background: none !important;}

.responsive-calendar .day.not-current,
.responsive-calendar .day.not-current,
.responsive-calendar .day.not-current,
.responsive-calendar .day.not-current{
    opacity: 0.4;
}
.days > div {
    border: 1px solid black;
}

.showLegend {width: 40px; height: 17.5px; display: inline-block; border-radius: 5px; margin-right: 7.5px; border: 1.5px solid black}

table thead th {white-space: nowrap;}
.dtr-details li {width: 100%}
.truncate{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}
.tooltip-inner {
    white-space: pre-wrap;
    text-align: left;
}

.dataTables_filter { width:  100%; text-align: right;}
.dataTables_filter label {width: 100%}
.dataTables_filter label input {display: inline-block; max-width: 300px; margin-left: 5px; margin-right: 5px;}


body.smart-style-6 .table>tfoot>tr>th{
    padding: 5px !important;
    /*padding-left: 5px
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    */
}
.d-none {display: none}
.clear {  clear: both;  }

.bg-info-400 {
    background-color: #39a1f4;
    color: #fff;
}

body.smart-style-6 .alert-warning {
    color: #c18300;
    background-color: #fff8e9;
    border: 1px solid #f9a825;
    border-radius: 5px;
}

.border-list {border: none; border-bottom: 1px solid #dddddd;}

#selectorRefugioCalendario {
    min-width: 400px;
}

.position-absolute {position: absolute;}
.position-relative {position: relative;}
.position-static {position: static;}
.position-fixed {position: fixed;}

.float-right {float: right;}
.float-left {float: left;}
.float-none {float: none;}

.MessageBoxMiddle {
    position: relative;
    left: 0%;
    width: 100%;
}


.smart-form .checkbox input+i:after {
    font-family: 'Font Awesome 5 Free' !important;
    font: inherit !important;
    font-size: 16px;
    line-height: 19px;
    vertical-align: middle;
    top: 4px;
}


.endEuros:after {
    content: ' €';
}

.flagSelected {
    border: 1px solid #333333;
    opacity: 1 !important;
}
.contenedorProcesando{
    position: absolute;
    width:  100%;
}
.loader {
    margin-top: 1%;
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1.4s linear infinite;
    z-index: 1!important;
}

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