/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */


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

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.cl_span_docno {
    cursor: pointer;
}

.cl_span_docno:hover {
    color: aquamarine;
}

.cl_span_doc {
    cursor: pointer;
}

    .cl_span_doc:hover {
        color: aquamarine;
    }

.cl_span_for {
    cursor: pointer;
}

    .cl_span_for:hover {
        color: greenyellow;
    }

.cl_span_back {
    cursor: pointer;
}

    .cl_span_back:hover {
        color: orangered;
    }

.cl_span_refDoc {
    cursor: pointer;
}
    .cl_span_refDoc:hover {
        color: darkgray;
    }

.center {
    margin: auto;
    width: 60%;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 10px;
}

li > span {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cl_span_error{
    color:orangered;
}

.tooltipspan {
    position: relative;
    display: inline-block;
    
}

    .tooltipspan .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: darkslategray;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltipspan:hover .tooltiptext {
        visibility: visible;
    }

.cl_span_doc{
    margin:10px;
    border:thin;
    border-radius:5px;
}

span.mandatory {
    color: red;
}

#id_div_select_case {
    position: fixed;
    top: 1vw;
    left: 15vw;
    width: 69.25vw;
    height: 45.4vw;
    /*margin-top: 9vw; /*set to a negative number 1/2 of your height
    margin-left: 15vw; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    display: none;
    z-index: 2000;
    align-items: center;
    overflow: auto;
}

#id_div_cover {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75; /* khtml, old safari */
    -moz-opacity: 0.75; /* mozilla, netscape */
    opacity: 0.75; /* fx, safari, opera */
    display: none;
}

#id_div_cover_case {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75; /* khtml, old safari */
    -moz-opacity: 0.75; /* mozilla, netscape */
    opacity: 0.75; /* fx, safari, opera */
    display: none;
}

#id_div_new_case {
    position: fixed;
    top: 1vw;
    left: 15vw;
    width: 69.25vw;
    /*height: 45.4vw;*/
    /*margin-top: 9vw; /*set to a negative number 1/2 of your height
    margin-left: 15vw; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    display: none;
    z-index: 2005;
    align-items: center;
    overflow: auto;
    padding: 10px;
}

.filterWrapper {
    border: 1px solid #ddd;
    padding: 15px;
    width: 99.8%;
}

.multipleSelection {
    width: 300px;
    background-color: #f4f1d5e8;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

.overSelect {
    /*position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkBoxesDept {
    display: none;
    border: 1px #8DF5E4 solid;
    height: 200px;
    overflow-y: scroll;
}

#checkBoxesSec {
    display: none;
    border: 1px #8DF5E4 solid;
    height: 200px;
    overflow-y: scroll;
}

    /*#checkBoxesDept label {
        display: block;
    }*/

        #checkBoxesDept label:hover {
            background-color: #4F615E;
            color: white;
            /* Added text color for better visibility */
        }

#checkBoxesSec label:hover {
    background-color: #4F615E;
    color: white;
    /* Added text color for better visibility */
}

#id_div_cover_password {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75; /* khtml, old safari */
    -moz-opacity: 0.75; /* mozilla, netscape */
    opacity: 0.75; /* fx, safari, opera */
    display: none;
}

#id_div_new_password {
    position: fixed;
    top: 1vw;
    left: 15vw;
    width: 69.25vw;
    /*height: 45.4vw;*/
    /*margin-top: 9vw; /*set to a negative number 1/2 of your height
    margin-left: 15vw; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    display: none;
    z-index: 2005;
    align-items: center;
    overflow: auto;
    padding: 10px;
}

#id_div_cover_otp {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75; /* khtml, old safari */
    -moz-opacity: 0.75; /* mozilla, netscape */
    opacity: 0.75; /* fx, safari, opera */
    display: none;
}

#id_div_new_otp {
    position: fixed;
    top: 1vw;
    left: 15vw;
    width: 69.25vw;
    /*height: 45.4vw;*/
    /*margin-top: 9vw; /*set to a negative number 1/2 of your height
    margin-left: 15vw; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    display: none;
    z-index: 2005;
    align-items: center;
    overflow: auto;
    padding: 10px;
}