.portlet-body.form, form {
    min-height: 100vh;
    min-height: calc(100vh - 100px);
}
img, iframe, fancybox-iframe {
    max-width: 95vw !important;
    max-width: 100%;
}
div#content.fullscreen {
    overflow-y: auto;
}
img#fullscreen:hover {
    cursor: move;
}
@keyframes move {
    0%,100% {
        background-position: 200% 0%;
    }

    50% {
        background-position: 0% 200%;
    }
}
input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 7.7px;
        cursor: pointer;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #ccc;
        border-radius: 25px;
        border: 0px solid #000101;
    }

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 19px;
        width: 13px;
        border-radius: 4px;
        background: #898989;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -3.6px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #ccc;
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 7.7px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #ccc;
        border-radius: 25px;
        border: 0px solid #000101;
    }

    input[type=range]::-moz-range-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 19px;
        width: 13px;
        border-radius: 7px;
        background: #898989;
        cursor: pointer;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 7.7px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        border-width: 39px 0;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower {
        background: #ccc;
        border: 0px solid #000101;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]::-ms-fill-upper {
        background: #ccc;
        border: 0px solid #000101;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]::-ms-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 20px;
        width: 39px;
        border-radius: 7px;
        background: #898989;
        cursor: pointer;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: #ccc;
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #ccc;
    }

.select2-container .select2-selection--single {
    margin-bottom: 4px;
}

.required {
    color: red;
}

@media print {
    @page {
        margin: 0;
    }
    #content {
        margin: 0 !important;
    }
    body {
        margin-bottom: 25px;
    }

    #left_bar, .blue_lin, .developer, .btn, .btn-primary, #print-button {
        display: none !important;
    }

    input {
        display: none;
        border-bottom: 2px solid #000000;
    }

        input[type=text] {
            display: inline-block;
            border: none;
        }

        input[type=submit], input[type=button] {
            display: none;
            -webkit-appearance: none;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

    .col-lg-6 {
        width: 49%;
        display: inline-block;
    }
}



::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px
}

.squareScroll ::-webkit-scrollbar-thumb {
    border-radius: 0px
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    background: #005430;
    background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 65%);
    /* background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 65%); */
    /* background: linear-gradient(to bottom, rgb(185 185 185) 0%, #7db56f 65%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}
    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgb(16 121 57) 0%, #2aca00 65%);
    }

::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
}

.threadpane ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2)
}

.msg-pane-v2 .threadpane ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2)
}

::selection {
    background: #a4ece1;
}

::-moz-selection {
    background: #a4dcec;
}

::-webkit-selection {
    background: #a4dcec;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc !important;
    font-style: italic;
}

li.subheading_menu {
    text-align: center;
    margin: 5px 0;
    font-size: 14px;
    color: #fff;
    background: #1889CB;
    padding: 5px;
}

.widget_wrap .widget_wrap {
    display: table;
    width: 100% !important;
}

ul.acitem li a {
    line-height: 15px !important;
    padding: 8px 0;
}

.saved-data {
    text-align: center;
    margin-top: 10px;
    border: 2px solid #23A6F0;
    padding: 0 0 12px;
}

.portlet-title {
    background: #ed2024 !important;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 14px;
}
th {
    border-bottom: none;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    vertical-align: middle;
}
.portlet-body table th {
    border-bottom: none;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: #F9F9F9;
    /*text-transform: lowercase;*/
}

.portlet-body table td {
    /*padding: 7px 3px !important;*/
    /* text-align: center; */
}

.portlet-body .table-bordered td {
    border: 1px solid #d4d3d3;
    text-align: center;
}

.portlet-body table tr:nth-child(odd) {
    /* background: #ddf7e3; */
}

.portlet-body table tr:nth-child(even) {
    /* background: #d8f9a6; */
}

.portlet-body table td a.btn {
    color: #efefef;
}


.left_label ul li label {
    vertical-align: middle;
    position: absolute;
    line-height: 34px;
}

h3.page-title {
    /* margin: 10px 0; */
    padding: 5px 10px;
    background: #ed2024 !important;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: center;
    text-shadow: 0 0px 7px #F00;
}

.control-group, .form-group {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 1px;
    padding-left: 10px;
}

    .form-group label, .control-group label, .control-group span {
        float: left;
        width: 29%;
        padding: 11px 0;
    }

    .form-control, .controls input, .control-group input, .control-group select {
        float: left;
        width: 70%;
    }

    .control-group input, .control-group select, .control-group textarea {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

span.radio-inline label {
    padding: 4px 0px;
}

.form-actions {
    text-align: center;
    margin: 20px 0 8px;
    display: inline-block;
    width: 100%;
}

.form-actions1 {
    text-align: center;
    margin: 20px 0 8px;
    display: inline-block;
    width: 100%;
}

.middle_of_page {
    margin: 0 auto;
    float: none;
}

h3 small {
    color: #FFF;
}

/* Tooltips */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 100;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        min-width: 120px;
        width: max-content;
        background-color: #000000;
        opacity: 100;
        color: #fff;
        /* text-align: center; */
        border-radius: 6px;
        padding: 5px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        text-align: center;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 100;
    }
/* setup tooltips */
    /* expand */
    .tooltip:before, .tooltiptext {
        transform: scale3d(.2,.2,1);
        transition: all .2s ease-in-out;
    }

    .tooltip:after, .tooltiptext {
        transform: translate3d(0,6px,0);
        transition: all .1s ease-in-out;
    }

.tooltip:hover, .tooltiptext:hover {
    opacity: 1;
    transform: scale3d(1,1,1);
}

.tooltip:hover, .tooltiptext {
    transition: all .2s .1s ease-in-out;
}


/* Error Messages */
.xerp_info, .xerp_success, .xerp_warning, .xerp_warn, .xerp_error, .xerp_stop {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    display: block;
}

.xerp_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('./img/info.png');
}

.xerp_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('./img/success.png');
}

.xerp_warning, .xerp_warn {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('./img/warning.png');
}

.xerp_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('./img/error.png');
}

.xerp_stop {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('./img/stop.png');
}
/* End Error Messages */

.control-group .button {
    float: right;
    width: auto;
    margin: 5px 10px 0;
}

.form-group input[type=checkbox], .form-group input[type=radio], .control-group input[type=checkbox], .control-group input[type=radio] {
    padding: 0;
    width: 30px !important;
    border: none !important;
    height: 22px !important;
    box-shadow: none !important;
    margin-top: 5px !important;
}

span.radio-inline label {
    padding: 10px 12px;
}

ul.chosen-results {
    background: #fff;
    z-index: 999;
}

    ul.chosen-results li:hover {
        background: #eee;
        cursor: pointer;
    }

.widget_content {
    max-width: 525px;
}

.widget_wrap h3 {
    padding: 5px 29px 20px;
}

/*legend {
    background: #24a7f2 !important;
    border: none !important;
    text-align: center;
}*/

li.user_thumb {
    box-sizing: content-box;
}

li.zxy ul {
    display: block !important;
}

/*Menu Current page*/
li.expand::before {
    /*border: #b5ccd4 1px solid;
color: #084e70;
background-position: 0 -289px;
font-weight: bold;*/
}
li.expand a > :not(ul), a.active span.material-icons {
    color: darkred;
    background: -webkit-linear-gradient(#f02024, #8b0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.xerp_curr {
    background-color: #3cb7dd42;
    font-weight: bold;
    color: #3bcb0e !important;
    /* border-radius: 5px !important; */
    /* border: 1px #f02024 solid !important; */
    /* box-shadow: 1px 1px 5px 6px rgb(255 236 0 / 22%) !important; */
    background: rgb(255 236 0 / 29%) !important;
}
li.xerp_curr a {
    color: #0b5f33;
    /* text-shadow: none !important; */
    font-weight: 900;
    text-shadow: 1px 1px 2px #ffffff00, -1px 1px 15px #f02024 !important;
}
/*Autocomplete animation*/
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 200px;
    font-family: 'Noto Sans Bengali', 'Exo', sans-serif;
    font-size: small;
    text-align: left;
    list-style-type: none;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/*color-profile*/

.xerp_green {
    color: #71c70c;
}

.xerp_green-bg {
    background-color: #71c70c;
    color: white;
}

.xerp_red {
    color: #821418;
}

.xerp_red-bg {
    background-color: #821418;
    color: white;
}

.control-group input[type="image"] {
    display: block;
    height: 22px;
    padding: 2px 2px;
    margin-bottom: 9px;
}

label.control-label.full-wdth {
    width: 100%;
}

input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover, button:hover {
    /* border-color: #a11d1d; */
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 51%), 0 0 8px rgba(102,175,233,.6);
}

/* Gradient transparent - color - transparent */

hr.xerp_line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(14,139,255, 0), rgba(14,139,255, 0.8), rgba(14,139,255, 0));
    background-image: -moz-linear-gradient(left, rgba(14,139,255, 0), rgba(14,139,255, 0.8), rgba(14,139,255, 0));
    background-image: -ms-linear-gradient(left, rgba(14,139,255, 0), rgba(14,139,255, 0.8), rgba(14,139,255, 0));
    background-image: -o-linear-gradient(left, rgba(14,139,255, 0), rgba(14,139,255, 0.8), rgba(14,139,255, 0));
}


div.xerp_upload {
    width: 230px;
    height: 20px;
    margin: 40px auto;
}

input.file {
    width: 150px;
    height: 20px;
    border: 1px solid #BBB;
    border-right: 0;
    color: #888;
    padding: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        font-size: 1.25em;
        font-weight: 700;
        color: white;
        background-color: black;
        display: inline-block;
        cursor: pointer; /* "hand" cursor */
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            background-color: red;
        }

    .inputfile:focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

div.file_upload {
    width: 80px;
    height: 24px;
    background: #7abcff;
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    /*background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding-top: 8px;
}

    div.file_upload:before {
        content: 'UPLOAD';
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        cursor: pointer;
    }

    div.file_upload input {
        position: relative;
        height: 30px;
        width: 250px;
        display: inline;
        cursor: pointer;
        opacity: 0;
    }

.gridview, #ctl00_BodyContent_GridView1 {
    width: 100%;
}

.xerp_vmiddle {
    vertical-align: middle;
}

.xerp_absolute_centre {
    text-align: center;
    vertical-align: middle;
}

.ajax__calendar_body td {
    padding: 1px 2px !important;
}

.ajax__calendar .ajax__calendar_container {
    padding: 5px 0;
    color: #114600 !important;
    background: rgba( 255, 255, 255, 0.75 ) !important;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 14px );
    -webkit-backdrop-filter: blur( 14px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

td.ajax__calendar_other {
    opacity: .3;
}

.ajax__calendar_body tr:nth-child(even) {
    background: transparent !important;
}
.ajax__calendar_months td, .ajax__calendar_year td {
    display: inline-table !important;
}
.ajax__calendar_years td {
    display: inline-table !important;
}
.ajax__calendar_days td:hover {
    /* color: red; */
    /* background: pink; */
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #ffeded !important;
    border-color: pink !important;
    color: #7c0305 !important;
}
.ajax__calendar .ajax__calendar_today .ajax__calendar_day {
    border-color: greenyellow !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #ffeded;
    border-color: none !important;
    color: #167100;
    font-weight: bold;
}
/*Gridview Paging Style*/

.gvpaging {
    background-color: #ddf7e3;
    padding: 2px;
    margin: 2% auto;
}

    .gvpaging a {
        margin: auto 1%;
        border-radius: 25%;
        background-color: #96D9FF;
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }

        .gvpaging a:hover {
            background-color: #23A6F0; /*#ae2676;*/
            color: #fff;
            text-decoration: none;
        }

    .gvpaging span {
        background-color: #1889CB;
        color: #fff;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        border-radius: 25%;
        padding: 5px 10px 5px 10px;
    }

    .gvpaging td {
        background-color: #ddf7e3;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: 'Noto Sans Bengali', 'Exo', sans-serif;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}
.legendspace legend {
    display: block;
    margin-bottom: 15px;
}
input {
    vertical-align: middle;
}
.xtable-b {
    border: 2px solid #999;
}

#print-button {
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
    float: right;
}

    #print-button:focus, #print-button:hover {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        filter: none;
    }

td {
    vertical-align: middle !important;
}

    td input.form-control, td select.form-control, td textarea.form-control {
        width: 100% !important;
        max-width: 350px;
    }

.float_right {
    float: right;
}

td.float_right {
    padding: 1px 1px !important;
    text-align: right;
}

.align_right {
    text-align: right;
}

table#ctl00_BodyContent_GridView1 td {
    padding: 3px;
    line-height: 20px;
    font-size: 13px;
    max-width: 200px;
}

.panel {
    min-height: .01%;
    overflow-x: auto;
    outline: 2px #f02024 solid !important;
    border-radius: 12px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;
    box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;
    /* margin-top: 10px; */
    overflow: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) {
    .panel {
        min-height: 380px;
        z-index: 1;
    }
}

.panelAddToGrid {
    min-height: .01%;
    overflow-x: auto;
    border: 2px #d41515d9 solid !important;
    border-radius: 12px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;
    box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;
    /* margin-top: 10px; */
    overflow: hidden;
}

@media (min-width: 1025px) {
    .panelAddToGrid {
        min-height: 100px;
    }
}

.table-responsive table, fieldset table[id*="grid"] {
    margin: 0 !important;
    width: 99%;
}

#ctl00_BodyContent_GridView1 {
    margin: 0 !important;
}

/*.right, #ctl00_BodyContent_GridView1 td:last-child {
        float: right;
        text-align: right;
    }*/

.right {
    float: right;
    text-align: right;
}

.panel table, .membersinfo {
    margin: 10px;
    width: 97%;
    margin-left: 2%;
}
fieldset table [id*="grid"] {
    width: 95%;
    margin: 1px !important;
    /* margin-left: 3%; */
}

table.margin0 {
    margin: 1px !important;
    min-height: 200px;
}
legend {
    background: #f02024 !important;
    border: none !important;
    text-align: center;
    color: #ffffff !important;
    /* border-bottom: 2px solid darkred; */
/* From https: //css.glass */
    /* border-radius: 2px; */
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
}

.form-button {
    position: relative;
    min-height: 50px;
}

    .form-button.controls {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
    }

.btn {
    /* display: block; */
    padding: 6px 12px;
    /* margin-bottom: 0; */
    /* font-size: 14px; */
    /* font-weight: 400; */
    line-height: 1.42857143;
    /* text-align: center; */
    /* white-space: nowrap; */
    /* vertical-align: middle; */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    /* cursor: pointer; */
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    /* background-image: none; */
    /* border: 1px solid #064492; */
    border-radius: 4px;
}

input[type=submit] {
    padding: 3px 10px;
    /* border-radius: 5px; */
    color: #ebebeb;
    /* border-color: green; */
    background-color: #005430;
    box-shadow: 0 9px 5px -9px #605f5fd1;
    /* box-shadow: inset 0px 8px 8px -10px darkred; */
    text-shadow: 0px 0px 1px rgb(89 88 88 / 25%);
}

    input[type=submit]:hover {
        /* background-color: green; */
        color: #c2ffc2;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
/*
table#ctl00_BodyContent_GridView1 td {
    padding: 3px;
    line-height: 15px;
}

th, td {
    border: 1px solid gray !important;
    padding: 5px !important;
    vertical-align: middle;
}

#Div2 th, #Div2 td {
    border: none !important;
    vertical-align: middle;
}

.div2 th, .div2 td {
    border: none !important;
    vertical-align: middle;
}

#CrystalReportViewer1 td, #CrystalReportViewer1 th {
    border: none !important;
    padding: initial !important;
}

#CrystalReportViewer1__widget td, #CrystalReportViewer1__widget th {
    border: none !important;
    padding: initial !important;
}

.required-field-block span {
    width: 100%;
}

.ajax__calendar {
    z-index: 9999;
}*/
.table {
    /* width: 100%; */
    /* max-width: 100%; */
    /* margin-bottom: 20px; */
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #c8c1c1;
}
tr td:nth-of-type(2) ~ td {
    vertical-align: middle;
    text-align: center;
    border-radius: 0 !important;
}
tr td input[type=text] {
    vertical-align: middle;
    background-color: #ffffffc2;
    color: #484848;
}
table.table.table-bordered.table-striped tr td, table.table.table-bordered.table-hover tr td {
    padding-left: 5px;
}
table.table.table-bordered.table-striped tr td input[type=text] {
    border: none;
}
table.table.table-striped thead {
    background-color: silver;
        font-weight: bold;
}
    table.table.table-striped thead td {        
        padding: 5px;
    }
input[name="txtTerm"] {
    text-align: center;
}
input[type=radio], input[type=checkbox] {
    /* margin: 6px 0 6px; */
    vertical-align: middle;
    margin: 3px 5px 3px 15px;
    zoom: 1.4;
    box-shadow: none;
}

.red.danger label {
    color: rgb(204 0 0);
    padding: 0px 6px;
}
.green label {
    color: rgb(9 113 3);
    padding: 0px 6px;
}
.white label {
    color: white;
}
.box1 {
    /* margin: 10px; */
    min-height: 50px;
}

    .box1 legend {
        background: #ffae00 !important;
        border-bottom: 2px solid #8b000026;
        color: #5d5151 !important;
        font-weight: 900;
        /* width: 50%; */
    }

i.hint {
    font-size: smaller;
    color: darkgray;
    /* margin: 0 0 20px; */
    padding: 0 0 11px;
    display: block;
    text-align: center;
}
span#ctl00_BodyContent_lblItemInfo, .info.hint {
    color: cornflowerblue;
    /* width: 100%; */
    /* display: block; */
    /* position: relative; */
    /* height: 20px; */
}
input#ctl00_BodyContent_txtDateFrom, input#ctl00_BodyContent_txtDateTo {
    min-width: 93px !important;
}


.ajax__calendar * {
    /* -webkit-box-sizing: content-box; */
    -moz-box-sizing: content-box;
    box-sizing: border-box !important;
}
.ajax__calendar_container td {
    font-size: 11px;
    margin: 0;
    padding: 0;
    display: inline-block;
    clear: none;
}
.ajax__calendar_days td {
    padding: 2px !important;
}

    /***  Mobile Devices  ***/
@media (max-width: 480px) {
    #content {
        margin: 0 !important;
    }
    div#ctl00_BodyContent_pnl .col-lg-12, div#ctl00_BodyContent_pnl .col-lg-6, div#ctl00_BodyContent_pnl .col-lg-5, div#ctl00_BodyContent_pnl .col-lg-7, div#ctl00_BodyContent_pnl .panel, div#ctl00_BodyContent_pnl .panelAddToGrid {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none !important;
    }

    table.membersinfo.tdfirstright.bg-green td {
        display: block;
        clear: both;
    }
    table.membersinfo.tdfirstright.bg-green input{
        width: 100% !important;
    }
        table.membersinfo.tdfirstright.bg-green input[type=radio], table.membersinfo.tdfirstright.bg-green input[type=checkbox] {
            width: auto !important;
        }

    .col-lg-3.col-sm-6 {
        padding: 0;
    }

}

/***  End Mobile Devices  ***/
.ajax__calendar_days table {
    margin: 0 !important;
}


.navigation {
    width: 100%;
    background-color: #ddd;
    height: 43px;
/* From https: //css.glass */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    .navigation img, .navigation input[type=image] {
        /* width: 25px; */
        border-radius: 47px;
        float: left;
        margin-right: 6px;
    }

    .navigation .logout {
        /* font-size: .9em; */
        /* font-family: 'Oswald', sans-serif; */
        position: relative;
        /* right: -18px; */
        /* bottom: -4px; */
        overflow: hidden;
        letter-spacing: 3px;
        opacity: 0;
        transition: opacity .45s;
        -webkit-transition: opacity .35s;
        padding-top: 9px;
        /* width: 100%; */
    }

    .navigation .button {
        text-decoration: none;
        /* float: left; */
        padding: 5px;
        /* margin: 5px; */
        color: #666;
        /* width: 29px; */
        /* height: 33px; */
        /* background-color: black; */
        transition: width .35s;
        -webkit-transition: width .35s;
        overflow: hidden;
        width: 100%;
    }

    .navigation a:hover {
        width: 100%;
    }

        .navigation a:hover .logout {
            opacity: .9;
            width: auto;
            font-weight: bold;
            /* color: #fe7a01; */
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            background-size: 400%;
            animation: move 5s ease infinite;
            background-image: linear-gradient( 68.7deg, rgba(29,173,235,1) 13.2%, rgba(137,149,250,1) 29.8%, rgba(229,109,212,1) 48.9%, rgba(255,68,128,1) 68.2%, rgba(255,94,0,1) 86.4% );
            overflow: hidden;
        }

legend i.material-icons {
    position: relative;
    top: 2px;
    font-size: 16px;
}


.right-inner-addon {
    position: relative;
    float: right;
    padding: 10px
}

    .right-inner-addon input {
        padding-right: 35px !important;
        width: 100% !important;
    }

    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 5px 16px;
        pointer-events: none;
        color: cadetblue;
    }

a.bold {
    font-weight: 500;
}
.navigation2 {
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    padding: 6px 6px;
}
a.zoom {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: rgb(217,217,218);
    background-image: linear-gradient(to right top, #a6a6a6, #bcbcbc, #d2d2d2, #e8e8e8, #ffffff);
    color: #898989;
    font-size: 10px;
    padding-top: 10px;
    cursor: pointer;
    margin-left: 5px;
}
ul#sidenav span.material-icons {
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    font-size: 21px;
}
input#ctl00_BodyContent_txtSearchByDateFrom, input#ctl00_BodyContent_txtSearchByDateTo {
    width: 100%;
    margin: 0 !important;
    height: auto;
    padding: 5px;
}




/*TOUCH TABS*/
.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
    visibility: visible;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#2f6ed3),color-stop(20%,#5095e4),color-stop(60%,#5095e4),color-stop(95%,#2f6ed3));
    background-image: -moz-linear-gradient(top,#2f6ed3 5%,#5095e4 20%,#5095e4 60%,#2f6ed3 95%);
    background-image: linear-gradient(180deg,#2f6ed3 5%,#5095e4 20%,#5095e4 60%,#2f6ed3 95%);
    z-index: -3;
}

.scroller {
    padding: 0px;
    margin: 0px;
    padding-right: 12px;
    /* overflow: hidden; */
}

.tiles {
    margin-right: -10px;
}

button.touch-area {
    display: inline-block;
    margin: 5px;
    margin-right: auto;
    min-width: 50px !Important;
    /* padding: 5px 5px; */
    line-height: 10px;
    /* background: rgb(210, 20, 20); */
    background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    /* background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); */
    background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    /* background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); */
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    border-radius: 5px !important;
    /* color: #fff; */
    /* color: rgba(255, 255, 255, 1) !important; */
    /* text-shadow: 0 1px 0px rgba(0, 23, 31, 0.90) !important; */
    /* background: linear-gradient( #ff3019, #cf0404); */
    box-shadow: 0px 2px 1px rgb(250, 20, 20);
    /* color: rgb(250, 20, 20) !important; */
    /* text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; */
    max-width: 116px;
    height: 98px;
    color: rgb(0 100 93) !important;
    /* text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba( 255, 255, 255, 0.5 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 0.5px );
    -webkit-backdrop-filter: blur( 0.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    background: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.25);
    float: left;
}

    button.touch-area:hover, button.touch-area:focus, button.touch-area:active {
        background: linear-gradient( #ff3019, #cf0404);
        box-shadow: 0px 2px 1px rgb(250, 20, 20);
        color: rgb(2 46 43) !important;
        /* text-shadow: 0 1px 0px #0a0809 !important; */
    /* From https: //css.glass */
        background: rgba(255, 255, 255, 0.2);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
button b {
    line-height: 1em !important;
    /* margin: 1px 0; */
    /* min-height: 1.5em; */
    /* max-height: 3em; */
    /* display: block; */
    /* overflow: hidden; */
    color: #681212;
    font-size: 1.0em;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
    border-bottom: 4px solid orange;
}
.nav-tabs > li > a {
    border-bottom: 4px solid pink;
}
.nav-tabs > li.active > a, .nav-tabs li.active a {
    border-bottom: 4px solid green !important;
    color: darkgreen !important;
}
.btn.active, .btn.active:focus, .btn.focus, .btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.1);
}

ul#sidenav a span.material-icons:hover {
    color: #440405 !important;
}
.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}
.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.alert-info {
    padding: 1px 10px;
    border-radius: 22px;
}
.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}
.card {
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(204,197,185,.5);
    background-color: #fff;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
}
    .card .content {
        padding: 15px 15px 10px;
    }
    .card .icon-big {
        font-size: 3em;
        min-height: 64px;
    }
    .card .footer {
        padding: 0;
        line-height: 30px;
    }
.footer {
    background-attachment: fixed;
    position: relative;
    line-height: 20px;
}
.card .numbers {
    font-size: 2em;
    text-align: right;
}

.card .material-icons {
    /* color: #f3bb45; */
    font-size: 1.3em;
}
.icon-warning {
    color: #f3bb45;
}
.icon-success {
    color: #7ac29a;
}
.icon-danger {
    color: #ff9268;
}
.icon-info {
    color: #68b3c8;
}
.icon-primary {
    color: #af98ea;
}
.card .numbers p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 100;
    font-weight: lighter;
}
.card hr {
    margin: 0;
}
.card, .card a {
    color: gray;
    -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
    transition: color .5s; /* For modern browsers */
}
    .card:hover {
        color: #ed2024 !important;
        /*font-weight: 600;*/
    }

.widget_wrap .widget_top {
    height: 39px;
    background-color: aliceblue;
    border-bottom: #e1e1e1 1px solid;
    background-position: 0 -368px;
    position: relative;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    padding-top: 3px;
}
.widget_top h6 {
    float: left;
    max-width: 200px;
    display: block;
}
.widget_top label {
    float: left;
    padding: 9px;
    color: grey;
}
.ajax__calendar, .ajax__calendar_container {
    width: 175px;
    height: 200px;
}
.ajax__calendar_body {
    min-height: 150px;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    
    max-width: 164px;
}
    .ajax__calendar_days table, .ajax__calendar_months table, .ajax__calendar_years table {
     margin: 5px 2px 5px 0 !important; 
     width: 100% !important; 
}
table#ctl00_BodyContent_CalendarExtender1_daysTable {
    margin: 5px 2px !important;
}
/*.ajax__calendar_day {
    font-size: 12px;
}
.ajax__calendar_dayname {
    font-size: 12px;
    font-weight: 300;
}
.ajax__calendar_today {
    font-size: 12px;
}*/
td input.btn, td input[type='submit'] {
    margin: 7px;
    height: 100%;
    /* transition: background-color 1s; */
    /* opacity: 0.6; */
    /* transition: 1s; */
}

input#ctl00_BodyContent_btnSearch {
    border: none;
    cursor: pointer;
    color: #fff;
    background-color: #5eba7d;
    background: #b7c47f;
    background-image: -webkit-linear-gradient(top, #008000, #5eba7d3b);
    background-image: -moz-linear-gradient(top, #5BA8E8, #5BA8E8);
    background-image: -ms-linear-gradient(top, #5BA8E8, #5BA8E8);
    background-image: -o-linear-gradient(top, #5BA8E8, #5BA8E8);
    background-image: linear-gradient(to bottom, #008000, #5eba7d3b);
    /* border-radius: 3px; */
    /* padding: 0px 5px; */
    /* color: white; */
    /* border: 1px solid #5BA8E8; */
    padding: 1px 8px 3px;
    font-family: "Material Icons";
    font-size: 19px;
    /* content: "\e5cc"; */
    /* font-family: "Material Symbols Outlined"; */
    /* content: "\e5cc"; */
    margin: 0;
    margin-left: -5px;
    margin-top: 2px;
    /* border-radius: 5px; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    text-shadow: 1px -1px 2px #333333;
    box-shadow: 0 9px 5px -9px #605f5f00;
}
td span.select2.select2-container.select2-container--default {
    margin-top: 5px;
    float:left;
}
.switch_bar li span.label {
    font-size: 14px;
    text-align: center;
    /* color: #526c51; */
    color: transparent;
    background: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 3px 3px rgba(255,255,255,0.5);
}
    .switch_bar li span.label:hover {
        color: #79f96082;
        background: #666666;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        text-shadow: 0px 3px 3px rgba(255,255,255,0.5);
    }
/*.switch_bar ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}*/

section.panel {
    /* background-image: url(http://localhost/dloweb/Uploads/Docs/Admin/2072.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-color: #ffffffb8;
    background-blend-mode: color;
}
#background {
    position: absolute;
    z-index: 0;
    /* background: white; */
    display: block;
    /* min-height: 50%; */
    /* min-width: 50%; */
    color: yellow;
    width: 100%;
}

#bg-text {
    color: #fffffff7;
    font-size: 80px;
    text-align: right;
    line-height: 37px;
    /* color: transparent; */
    /* background: #ebebeb; */
    /* -webkit-background-clip: text; */
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 3px 3px rgb(255 255 255 / 50%);
    text-shadow: #e2e2e2 1px 1px 0;
}

.table1 {
    width: 100%;
    margin: 0 !important;
}

h5.heading {
    width: 100%;
    margin-bottom: 5px;
    background: #d9d2d278;
    color: #666;
    padding: 2px;
    font-size: 15px;
    position: relative;
    box-shadow: inset 0px 8px 8px -10px #333;
    text-shadow: 1px 0px 1px rgb(255 247 205);
    text-align: center;
}

span.select2-selection__rendered {
    text-align: center;
    text-transform: uppercase;
}
a.material-icons {
    cursor: pointer;
    color: #005430;
}

.confirm-modal {
    width: 380px;
    background-color: White;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
    padding: 20px;
    /**/
    /*position: absolute;
    height: fit-content;*/
    background: rgba(255, 255, 255, 0.2);
    border: solid 1px rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    padding: 1.5rem 2.5rem;
    box-shadow: 0px 8px 20px rgba(0,0,0, .15);
    /*display: none;*/
    flex-direction: column;
    backdrop-filter: blur(20px);
    z-index: 100;
    transition: width 1s, height 350ms;
    color: #595959;
}
    .confirm-modal input[value=OK] {
        border: 1px solid #0bc20f;
        border-radius: 2px;
        padding: 4px 10px;
        text-shadow: 1px 1px 0px #333;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(233 102 102 / 60%);
    }
    .confirm-modal input[value=OK]:hover {
        color:lime;
    }



td a.material-icons {
    box-shadow: inset 0 0 0 0 #0f803b;
    color: #54b3d6;
    /* margin: 0 -.25rem; */
    /* padding: 0 .25rem; */
    padding: 1px;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 50px;
    /*  */
}
    
    td a.material-icons:hover {
        text-decoration: none;
        text-transform: none;
        color: #0b5f33;
        text-shadow: 0 1px 1px #8c8c8c;
        /*zoom: 1.05;*/
    }


    td a.material-icons.edit:hover {
        box-shadow: inset 100px 0 0 0 #0f803b;
        color: white;
    }


    td a.material-icons.delete:hover {
        box-shadow: inset 100px 0 0 0 #f02024;
        color: white;
    }


.material-icons.edit, .material-icons.delete {
    font-size: 18px;
    vertical-align: middle;
    padding: 2px;
    color: #4aa54a;
}
.material-icons.delete {
    color: #ea9b9b;
}

td span.select2 {
    max-width: 350px;
}
input#ctl00_BodyContent_txtDate, input#ctl00_BodyContent_txtTransferVoucherNo {
    max-width: 180px;
}

a.dropdown-toggle.alert {
    margin-bottom: 20px;
    border: 1px solid #268e16;
    border-radius: 14px;
    padding: 5px;
}

.dropdown span.material-icons {
    color: #84ff9c;
    font-size: 20px;
}
span#ctl00_lblLogedIn {
    color: #d2e12d;
}
li.user_thumb:hover {
    background-color: #ff1b1b;
    background: #ff1b1b;
}
td[contenteditable=true] {
    border: 1px #bf0a0a solid;
    text-align: center;
    font-size: 1.0rem;
    /* border: 1px #e67e22 solid; */
    box-shadow: inset #e3d5d5 -2px -1px 3px 1px;
}
    td[contenteditable=true]:hover, td[contenteditable=true]:active, td[contenteditable=true]:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgb(195 2 2), 0 0 8px rgb(233 102 102 / 60%);
        background: #950000;
        color: white;
        outline: orange;
    }
.membersinfo input#ctl00_BodyContent_btnSearch {
    float: left;
    margin: 5px 0 0 -3px;
    height: 34px;
}
input[type=radio] {
    font-size: 1.5rem;
}
span.green input[type=radio] {
    accent-color: darkgreen;
}
span.orange input[type=radio] {
    accent-color: darkgoldenrod;
}

span.red input[type=radio] {
    accent-color: #FF0000;
}
span.radiobtn.control-group {
    width: 45%;
    float: left;
}
td label[for] {
    max-width: 73%;
    padding: 7px 0;
    /* max-width: 225px; */
}
div#ctl00_BodyContent_pnl {
    min-height: 95vh;
}
div#ctl00_BodyContent_ceDate_today, .ajax__calendar_footer.ajax__calendar_today, .ajax__calendar_title {
    color: #c00307;
}

    .btn::-moz-focus-inner {
        border: none;
    }

    /* Hover, Focus */
    .btn:hover,
    .btn:focus {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    }

        .btn:hover::before {
            opacity: 0.08;
        }

        .btn:focus::before {
            opacity: 0.24;
        }

        .btn:hover:focus::before {
            opacity: 0.3;
        }

    /* Active */
    .btn:active {
        box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

        .btn:active::after {
            opacity: 0.32;
            transform: translate(-50%, -50%) scale(0);
            transition: transform 0s;
        }

    /* Disabled */
    .btn:disabled {
        color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
        background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
        box-shadow: none;
        cursor: initial;
    }

        .btn:disabled::before {
            opacity: 0;
        }

        .btn:disabled::after {
            opacity: 0;
        }
.btn {
    position: relative;
    display: inline-block;
    /* margin: 30px auto; */
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    /* border-radius: 2px; */
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    /* background-color: #2ecc71; */
    color: #ecf0f1;
    transition: background-color .3s;
}

    .btn:hover, .btn:focus {
        background-color: #27ae60;
    }

    .btn > * {
        position: relative;
    }

    .btn span {
        display: block;
        padding: 12px 24px;
    }

    .btn:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0;
        padding-top: 0;
        border-radius: 100%;
        background-color: rgba(236, 240, 241, .3);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .btn:active:before {
        width: 120%;
        padding-top: 120%;
        transition: width .2s ease-out, padding-top .2s ease-out;
    }

h2 {
    font-weight: normal;
}

.btn.orange {
    background-color: #e67e22;
}

    .btn.orange:hover, .btn.orange:focus {
        background-color: #d35400;
    }

.btn.red {
    background-color: #e74c3c;
}

    .btn.red:hover, .btn.red:focus {
        background-color: #c0392b;
    }


/*span.material-icons.plus {
    padding: 1px;
    border: 1px solid #0b5f33;    
    color: #0b5f33;
    cursor: pointer;
    margin: 0;
}

    span.material-icons.plus:hover, span.material-icons.plus:focus, span.material-icons.plus:active{
        background: #0b5f33;
        color: white;
        cursor: pointer;
    }
span.material-icons.minus {
    padding: 1px;
    border: 1px solid #f02024;
    color: #f02024;
    cursor: pointer;
    margin: 0;
}

    span.material-icons.minus:hover, span.material-icons.minus:focus, span.material-icons.minus:active {
        background: #f02024;
        color: white;
        cursor: pointer;
    }*/


[data-message] {
    position: relative;
    z-index: 999;
}

    [data-message]:hover:after {
        opacity: 1;
        transition: all .3s ease;
        bottom: 25px;
        left: 0;
    }

    [data-message]:after {
        content: attr(data-message);
        position: absolute;
        left: 0;
        bottom: 20px;
        font-size: .8em;
        opacity: 0;
        padding: 5px 10px;
        background: rgba(0,0,0, .8);
        border-radius: 5px;
        transition: all .3s ease;
        white-space: nowrap;
        color: #fff;
    }

    [data-message]:before {
        height: 0;
        width: 0;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(0,0,0, .8);
        position: absolute;
        left: 5px;
        opacity: 0;
        bottom: 15px;
        transition: all .3s ease;
    }

    [data-message]:hover:before {
        opacity: 1;
        bottom: 20px;
        transition: all .3s ease;
    }