body {
}








thead tr {
    font-weight: normal;
    background-color: teal;
}



.FilterSubTableSubHeader {
    display: none;
}


    .FilterSubTableSubHeader ~ .btn-group {
        display: none;
    }






.form-group {
    margin-bottom: 0.2rem;
}



/*.EditCol div span[id*='_lbl'] {
    display: none;
}*/




.nav-link {
}



.nav-tabs {
    border-bottom: 0px;
}







@media (max-width: 600px) {
    .smSetting {
        position: absolute;
        top: -30px;
        right: 0px;
    }


    .smSettingContent {
        position: absolute;
        top: 0px;
        right: 0px;
    }
}




.ajax__calendar_container {
    transform: scale(1.5);
    z-index: 1000;
    background: white;
    border: 1px black;
    word-wrap: normal;
    top: 80px !important;
    left: 50px !important;
    /*
    
    padding: 100px;
    font-size: 55px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;*/
}



.ajax__calendar_body {
    /*width: 500px !important;*/
    /*line-height: 100px !important;
    height: 200px !important;*/
}




/*.autocomplete_listItem {
    z-index: 2147483647 !important;
}

.autocomplete_highlightedListItem {
    z-index: 2147483647 !important;
}*/




.autocomplete_completionListElement {
    z-index: 2147483647 !important;
    position: absolute;
    background: #fff;
    font-size: 20px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    list-style-type: none;
    cursor: pointer;
    min-width: 300px !important;
    /*float: left;
    margin-left: 0px;*/
}




.fullScreen {
    width: 99vw;
    height: 99vh;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}




.form-control {
    display: block;
    /*width: 100%;*/
    /*height: calc(1.9rem + 2px);*/
    /*height: calc(2.25rem + 2px);*/
    /*padding: .375rem .75rem;*/
    font-size: .875rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    /*background-color: #fff;*/
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .form-control::placeholder {
        text-align: right;
        color: #8e8e08;
        letter-spacing: 2px;
        word-spacing: 5px;
        opacity: 1; /* Firefox */
    }

    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        text-align: right;
        color: #8e8e08;
        letter-spacing: 2px;
        word-spacing: 5px;
    }

    .form-control::-ms-input-placeholder { /* Microsoft Edge */
        text-align: right;
        color: #8e8e08;
        letter-spacing: 2px;
        word-spacing: 5px;
    }





textarea.form-control {
    /*height: calc(2.9rem + 2px);*/
    /*height: 80px;*/
    height: 50px;
}


    textarea.form-control[id=ctl00_ContentPlaceHolder1_SampleEdit_txtlCss_LL] {
        /*height: calc(2.9rem + 2px);*/
        /*height: 80px;*/
        height: 200px;
    }

    textarea.form-control[id=ctl00_ContentPlaceHolder1_SampleEdit_txtlHtml_LL] {
        /*height: calc(2.9rem + 2px);*/
        /*height: 80px;*/
        height: 200px;
    }

    textarea.form-control[id=ctl00_ContentPlaceHolder1_SampleEdit_txtlCode_LL] {
        /*height: calc(2.9rem + 2px);*/
        /*height: 80px;*/
        height: 200px;
    }



label {
    font-size: .875rem !important;
    display: unset;
}


/*select {
    font-size: .875rem !important;
    height: 30px;    
}*/


input[type=text] {
    /*font-size: .875rem !important;*/
    height: 35px;
    /*padding:0px;*/
}
















.btn {
    /*min-width: 200px;*/
    /*background-color: #007bff;*/
}

.btn {
    /*width: 100%;*/
}

.right {
    float: right;
}


.lnk {
    text-decoration: underline;
    color: dodgerblue;
}






.card {
}

.NoBorder {
    box-shadow: none;
}



.cardScrollY {
    height: calc(100vh - 0px);
    overflow-y: auto;
}



.card-header {
}

.card-body {
    /*max-height: calc(100vh - 210px);
    overflow-y: auto;*/
}

.card-body-SubTable {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}

.cardSubTable {
    background-color: azure;
}



.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #17a2b8;
    border-color: #17a2b8;
}





.multiselect {
    /*width: 1200px;*/
}



.FullWidth {
    width: 100%;
}


.btn-group {
    width: 100%;
}

.form-control {
    cursor: pointer;
}


.SmallPlaceHolder::-webkit-input-placeholder {
    font-size: 12px;
    letter-spacing: 0px;
    word-spacing: 0px;
    line-height: 1;
}











/*@media (max-width: 768px) {
    .row {
        flex-wrap: wrap;
    }
}*/








a {
    color: black;
}





/*body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

body.viewport-lg {*/
    /*  // block scroll for desktop;
    // will not jump to top;
    // will not prevent scroll on mobile */
    /*position: absolute !important;
}*/





.modalBackground {
   /* overflow: hidden !important;*/
    /*position: fixed !important;*/
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.3;
}

.modalPopup {
   /* overflow: hidden !important;
    position: fixed !important;*/
    width: 90%;
    height: 99%;
    transition: background-color .5s ease-in;
    transition-duration: 0.4s;
}





.modalBackgroundFilter {
    /*background-color: Black;*/
    /*filter:  brightness();        */ /*alpha(opacity=60);*/
    /*opacity: 0.3;*/
}


.modalPopupFilter {
    /*top: 150px !important;*/
    min-width: 300px;
    width: 50vw;
    height: 99vh;
    /*transition: background-color .5s ease-in;
    transition-duration: 0.4s;*/
}






.Small {
    height: 30px;
    width: auto;
}


.Error {
    background-color: yellow;
    font-size: 16pt;
    white-space: normal;
    /*position:relative;*/
    line-height: 2 !important;
    padding: 10px;
    /*margin: 20px;*/
}

    .Error:empty {
        padding: 0px;
    }



.bg-success {
    line-height: 3 !important;
}

    .bg-success:empty {
        padding: 0px;
    }








.divlblFilter {
    /*padding-top: 20px;*/
    padding-bottom: 0px;
}

.lblFilter {
}








.chklFilter input {
    display: none;
}


    .chklFilter input + label {
        display: inline-block;
        cursor: pointer;
        background-color: #87c8e5; /*#17a2b8;*/
        color: white;
        border-radius: 5px;
        padding: 10px;
        margin: 1px;
    }

    .chklFilter input:checked + label {
        background-color: #13a2e1;
    }






.divSearchRight2 {
    width: 240px;
    margin: auto;
}










.sText {
    font-weight: 400;
    font-size: 0.8rem;
}




.chkinput {
}

    .chkinput input {
        width: 24px; /*Desired width*/
        height: 24px; /*Desired height*/
        cursor: pointer;
    }

    .chkinput label {
        padding-left: 10px;
        vertical-align: top;
    }


label:not(.form-check-label):not(.custom-file-label) {
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}











.vCentre {
    height: calc(95vh-100px);
    margin: auto;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
}



.borderIframe {
    border: Teal solid 5px;
    border-radius: 20px;
    background-color: azure;
    margin: 5px;
    overflow: auto;
    padding: 20px;
}

.borderchkSubTable {
    /*border: Teal solid 5px;
    border-radius: 20px;
    background-color: azure;*/
    margin: 5px;
    overflow: visible;
    padding: 50px;
}

.border {
    border: Teal solid 5px;
    border-radius: 10px;
    background-color: azure;
}

    .border div {
        border: solid 1px #525252;
    }

        .border div div {
            border: solid 1px #525252;
        }

.half div div {
    width: 50%;
}


.fading1 {
    animation: fadingDelay 2s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

.fading2 {
    animation: fadingDelay 4s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

.fading3 {
    animation: fadingDelay 6s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

.fading4 {
    animation: fadingDelay 8s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

.fading5 {
    animation: fadingDelay 10s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

@keyframes fadingDelay {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}





.fading {
    animation: fading 0.5s;
    /*animation: dripple 20s ease-out 1.7s;*/
    /*animation: drip 4s forwards;*/
}

@keyframes fading {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.5
    }

    50% {
        opacity: 0.7
    }

    75% {
        opacity: 0.8
    }

    100% {
        opacity: 1
    }
}











/*New*/

.btnImg {
    background-color: dodgerblue;
    border-color: dodgerblue;
    border-radius: 5px;
    color: white;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
}

    .btnImg:hover {
        background-color: RoyalBlue;
    }



.btnImgMap {
    background-color: teal;
    border: none;
    color: white;
    padding: 6px 8px;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
}

    .btnImgMap:hover {
        background-color: #076565;
    }


.btnImgS {
    border: none;
    cursor: pointer;
    height: 20px;
}








/*table tr > * {
    display: block;
}

table tr {
    display: table-cell;
}*/



.myfootable {
    /*overflow: scroll;*/
    /*white-space: pre-line;*/
}

    .myfootable > thead > tr > th, .footable > thead > tr > td {
        position: relative;
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: white;
    }

    .myfootable.breakpoint > tbody > tr > td.expand {
        background: url(https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/img/plus.png) no-repeat right 5px center;
        padding-left: 40px;
    }

    .myfootable.breakpoint > tbody > tr.footable-detail-show > td.expand {
        background: url(https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/img/minus.png) no-repeat right 5px center;
    }

    .myfootable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
        cursor: pointer
    }








.sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}

.stickyT70L70 {
    position: sticky !important;
    top: 70px;
    left: 70px;
    z-index: 10;
}




.card-footer {
    background-color: #f3f0f0;
}






.Title {
    padding-left: 20px;
    /*font-size: 20pt;
    color: teal;*/
}


.TitleEdit {
    padding: 20px 0px 0px 20px !important;
    font-size: 16pt;
    color: teal;
}



.SubHeader1 {
    background-color: #a8dbc8;
    color: teal;
    font-size: 20pt;
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-align: center;
}

.SubHeader2 {
    color: teal;
    font-size: 16pt;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}



.CompulsoryControl {
    background-color: #daeff8;
}



.EditCol {
    padding-left: 3vw;
    padding-right: 3vw;
}

.FilterCol {
    padding-left: 3vw;
    padding-right: 3vw;
}



.FilterSubHeader {
    color: teal;
    font-size: 16pt;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}

.FilterSubTableSubHeader {
    color: teal;
    font-size: 16pt;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}