body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 320px;
}

.form-group-ex {
    margin-bottom:2px!important;
}

.form-group-lg {
    margin-bottom: 10px !important;
}

.tr-works {
    height:32px;
}

.tr-preworks {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px !important;
    font-weight: 500;
    height: 20px;
}

.td-wrk-lbl {
    
    text-align:start; 
}

.td-wrk-ctl {
    
    text-align:start;  
}

.modal-header-msgbox {
    background-color:#73baee; 
    border-top-left-radius:4px!important; 
    border-top-right-radius:4px!important;
}

.work-profile {
    text-align:center;   
    font-size:15px!important;
    padding-bottom:0.75em!important;
}

.work-label, .work-label-left {
    font-size: 12px !important;
    padding-top: 0.75em !important;
}

.work-label-left {
    padding-top: 0.60em !important;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.eps-label {
    font-size: 20px !important;
    color:mediumblue;
}

.eps-end {
    font-size: 14px !important;
    color: mediumblue;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.canvas-signature {
    border: solid 1px silver ;
    border-radius: 4px 4px 4px 4px!important;
}

.textenphasize{

    text-decoration:underline;
    text-decoration-color:red;
    text-decoration-line:2px;
}

/*--------------------------------------------------------------------------------------------------*/


.photobox, .work-label-left { max-width: 100%; }

.no-width-limit{
    max-width:100% !important;
}

.regular-label-font, .regular-label-font-md, .regular-label-font-sm {
    font-family: Calibri, Consolas,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-display: block;
}

.regular-label-font-sm {
    font-size: 12px;
}

.regular-label-font-md {
    font-size: 15px;
}

.header-label-font {
    font-family: Calibri, Consolas,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-display: block;
}

.header-label-font-big {
    font-family: Calibri, Consolas,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-display: block;
}



@media (min-width: 576px) {

    
    
    .work-label-left { max-width: 100%; }

    .regular-label-font-sm {
        font-size: 12px;
        font-weight: 600;
    }

    .regular-label-font {
        font-size: 14px;
        font-weight: 500;
    }

    .regular-label-font-md {
        font-size: 16px;
        font-weight: 500;
    }

    .header-label-font {
        font-size: 20px;
        font-display: block;
    }

    .header-label-font-big {
        font-size: 26px;
        font-display: block;
    }
    
}



@media (min-width: 768px) {
    
    
    
     .work-label-left { max-width: 85%; }

    .regular-label-font-sm {
        font-size: 14px;
        font-weight: 500;
    }

    .regular-label-font {
        font-size: 16px;
        font-weight: 500;
    }

    .regular-label-font-md {
        font-size: 18px;
        font-weight: 500;
    }

    .header-label-font {
        font-size: 22px;
        font-display: block;
    }

    .header-label-font-big {
        font-size: 28px;
        font-display: block;
    }
    
}

@media  (min-width: 992px) {
    
    
    
     .work-label-left { max-width: 66%; }

    .regular-label-font-sm {
        font-size: 16px;
        font-weight: 500;
    }

    .regular-label-font {
        font-size: 18px;
        font-weight: 500;
    }

    .regular-label-font-md {
        font-size: 20px;
        font-weight: 500;
    }

    .header-label-font {
        font-size: 22px;
        font-display: block;
    }

    .header-label-font-big {
        font-size: 28px;
        font-display: block;
    }
    
}

@media  (min-width: 1200px) {
    
    
    
    .work-label-left { max-width: 50%; }

    .regular-label-font-sm {
        font-size: 18px;
        font-weight: 500;
    }

    .regular-label-font {
        font-size: 20px;
        font-weight: 500;
    }

    .regular-label-font-md {
        font-size: 22px;
        font-weight: 500;
    }

    .header-label-font {
        font-size: 24px;
        font-display: block;
    }

    .header-label-font-big {
        font-size: 30px;
        font-display: block;
    }
    
}




.select2-container--default .select2-selection--single {

    border: none!important;

}

span.select2:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
span.select2:focus-within {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

span.select2:focus-visible {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.custom-tooltip {
    --bs-tooltip-bg: #004861;
    --bs-tooltip-color: white;
}