@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

::-webkit-scrollbar-thumb {
    /* background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.44, rgb(109, 197, 171)), color-stop(0.72, rgb(56, 74, 92)), color-stop(0.86, rgb(56, 105, 90))); */
    /* border-radius: 10px; */
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #0f9d73), color-stop(0.72, #98a142), color-stop(0.86, #558297));
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.alz_area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* flex-shrink: 0; */
}

fieldset:first-child .form-body {
    margin-top: 16px;
}

.portlet-body.form, form {
    /* min-height: 100vh; */
    /* min-height: calc(100vh - 100px); */
}

iframe#ctl00_ContentPlaceHolder1_if1 {
    margin-top: .1em;
    box-shadow: 0 2px 2px rgba(204,197,185,.5), #4340404f -1px 1px 4px 1px;
}

img, fancybox-iframe {
    max-width: 95vw !important;
    max-width: 100%;
}

div#content.fullscreen {
    overflow-y: auto;
}

img#fullscreen:hover {
    cursor: move;
}
div#IMGDIV{
    background:none !important;
}
div#IMGDIV img {
    opacity: .65;
}
@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;
    }

    .btn.btn_24_blue.iframe {
        display: inline-block !important;
    }

    a[href]:after {
        content: none !important;
    }

    .page-break, .table-responsive {
        page-break-after: always;
    }
}



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

ul#sidenav::-webkit-scrollbar {
    width: 5px !important;
}

ul#sidenav::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.44, rgb(143 143 143)), color-stop(0.72, rgb(56, 74, 92)), color-stop(0.86, rgb(105 102 102))) !important;
}

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

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

ul#sidenav {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    margin-bottom: 100px;
    padding-bottom: 100px;
}

    ul#sidenav::-webkit-scrollbar-thumb {
    }

::-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%);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,#1ca34f),color-stop(0.72,#f3a418),color-stop(0.86,#6e9ab1));
    }

html#ctl00_html {
}

::-webkit-scrollbar-track {
    background: rgb(158 158 158 / 41%);
}

.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;
}
/*!
 * jQuery.tipsy
 * Copyright (c) 2014 CreativeDream
 * Version: 1.0 (18-11-2014)
*/
.tipsy {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 8px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    color: white;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.75);
    z-index: 9999;
}

    .tipsy:before {
        position: absolute;
        bottom: -5px;
        left: 5px;
        display: inline-block;
        content: '';
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(0,0,0,0.75);
        border-bottom: 0 solid rgba(0,0,0,0.75);
        border-left: 5px solid transparent;
    }

    .tipsy.arrow-top:before {
        bottom: auto;
        top: -5px;
        border-top-width: 0;
        border-bottom-width: 5px;
    }

    .tipsy.arrow-bottom:before {
        bottom: -5px;
        top: auto;
        border-top-width: 5px;
        border-bottom-width: 0;
    }

    .tipsy.arrow-left:before {
        left: 5px;
        right: auto;
    }

    .tipsy.arrow-center:before {
        left: 50%;
        right: auto;
        margin-left: -5px;
    }

    .tipsy.arrow-right:before {
        right: 5px;
        left: auto;
    }

    .tipsy.arrow-side-left:before {
        top: 50%;
        bottom: auto;
        left: 0;
        right: auto;
        margin-top: -5px;
        margin-left: -5px;
        border-right-color: rgba(0,0,0,0.75);
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 0;
    }

    .tipsy.arrow-side-right:before {
        top: 50%;
        bottom: auto;
        right: 0;
        left: auto;
        margin-top: -5px;
        margin-right: -5px;
        border-left-color: rgba(0,0,0,0.75);
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 0;
    }

/*****************************************/
/* END OF TIPSY */
ol.steps {
    list-style-type: none;
    counter-reset: ordered;
    margin-left: 20px;
}

.steps li {
    margin-bottom: 1rem;
    font-size: 1rem;
}

    .steps li::before {
        border: 1px solid #37bc4a;
        border-radius: 50%;
        color: #2fb944;
        content: counter(ordered);
        counter-increment: ordered;
        display: inline-block;
        font-weight: 100;
        margin-left: -35px;
        margin-top: -1px;
        padding: 2px 5px;
        position: absolute;
        min-width: 20px;
    }

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 {
    border: 1px solid #0a3e1e69;
    border-radius: 10px;
}

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

#theme-default #secondary_nav ul li:last-child, #theme-default #secondary_nav ul li:last-child a {
    border-bottom: none;
    /* border-bottom-right-radius: 10px; */
}

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

.portlet-title {
    background: #61c3ff75;
    color: #333333;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 14px;
    border-bottom: 1px solid #eee;
    box-shadow: -1px 1px 1px 1px #eee;
}

th {
    border-bottom: none;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    vertical-align: middle;
}

.portlet-body table th {
    border-bottom: 2px solid #999;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: #F9F9F9;
    border-radius: 0;
}

.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;
}
a.vurl {
    position: fixed;
    top: 30vh;
    right: 0;
    text-decoration: none;
    padding: 5px 10px;
    color: #c2dfc7;
    /* writing-mode: vertical-rl; */
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-weight: 500;
    font-size: 1.5rem;
    color: rgba(0,0,0,.6) !important;!i;!;
    background: #f7f7f7;
    box-shadow: 3px 2px 3px rgba(255,255,255,.2);
}
    a.vurl:hover, a.vurl:active {
        color: #988705;
        text-shadow: 3px 2px 3px rgb(255 183 16 / 75%);
    }

.vurl.material-icons.iframe {
    top: 34vh;
}

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

table tr.labels td:not(.ajax__calendar) {
    color: #797e81;
    padding: 7px 5px 0;
}

table tr.controls td:not(.ajax__calendar) {
    /* width: 1%; */
    white-space: nowrap;
}

table tr.controls td input {
    margin-top: 5px;
    border: 1px solid #aaaaaa;
    box-shadow: none;
}

table tr.controls td label {
    /* padding-top: 1px; */
}
/*table tr.controls td:last-child {
    width: auto;
} 
table tr.controls td:not(.ajax__calendar) {
    width: 20%;
} */

h3.page-title {
    /* margin: 10px 0; */
    padding: 5px 10px;
    background: #dbe2e547;
    border-radius: 10px 10px 0 0;
    color: #333333;
    text-align: center;
    text-shadow: 0 0px 7px #00000036;
    font-size: 1.4rem;
}

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

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

    .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: #ffffff87;
        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;
        backdrop-filter: blur(2px);
    }

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;
    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;
        display: inline-block;
    }

    .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: 2px solid;
    margin: 5px 10px;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    display: block;
    width: fit-content;
    max-width: 100vw;
}

    .xerp_info a, .xerp_success a, .xerp_warning a, .xerp_warn a, .xerp_error a, .xerp_stop a,
    .xerp_info b, .xerp_success b, .xerp_warning b, .xerp_warn b, .xerp_error b, .xerp_stop b,
    .xerp_info span, .xerp_success span, .xerp_warning span, .xerp_warn span, .xerp_error span, .xerp_stop span {
        vertical-align: baseline;
    }

.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');
    /*margin-top: 33px;*/
}

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

.panel .xerp_success, .panel .xerp_info, .panel .xerp_warning, .panel .xerp_warn, .panel .xerp_error, .panel .xerp_stop {
    border-radius: 0;
    width: 100%;
    border: none;
    text-shadow: 0 0 white;
    /* box-shadow: inset 0px 0px 2px 0px #9f9f9f7d; */
}
/* 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: 22px;
    border: none !important;
    /*height: 22px;*/
    box-shadow: none !important;
    margin-top: 5px;
    /* display: flex; */
    /* align-items:center; */
}

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;
    top: 10px !important;
}

.xerp_curr {
    background: rgb(165 169 1 / 14%) !important;
}

li.xerp_curr a {
    color: #365e45;
    font-weight: 500;
    /* text-shadow: 1px 1px 2px #ffffffb3, -1px 1px 15px #8bc34a00 !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);
    /* cursor: pointer; */
}

/* 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;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background-color: rgba(255, 255, 255, 0.95) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

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, .ajax__calendar_title:hover, .ajax__calendar_footer ajax__calendar_today:hover, .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    background-color: transparent;
    border-color: none !important;
    color: #009300 !important;
    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;
    /* display: flex; */
    /* align-items: center; */
}

    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: 11px;
    /* max-width: 200px; */
    border-radius: 3px;
}

.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; */
    box-shadow: 6px 29px 13px 2px rgb(0 0 0 / 4%), #9E9E9E 0px 1px 9px -1px;
    /* 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;
    }

    .flex_grid {
        display: inline-flex;
    }

    .panelAddToGrid {
        min-height: 100px;
    }
}

.panelAddToGrid {
    min-height: .01%;
    overflow-x: auto;
    border: 1px #fff solid !important;
    border-radius: 12px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;
    box-shadow: -2px 4px 5px rgba(0,0,0,.05), inset 3px -3px 14px 1px rgb(16 217 226 / 9%) !important;
    /* margin-top: 10px; */
    overflow: hidden;
}

section.panelAddToGrid fieldset {
    border: 1px solid #baebff;
}

.panel table, .membersinfo {
    /* margin: 40px 0 20px; */
    width: 96%;
    margin-left: 2%;
}
table.membersinfo.tdfirstright.bg-green.search_text td:not(input) {
    text-align: right;
    padding-right:8px
}
.table-responsive table, fieldset table[id*="grid"] {
    margin: 0;
    width: 99%;
}

#ctl00_BodyContent_GridView1 {
    margin: 0;
    width: -webkit-fill-available;
    border-spacing: 0;
    /* border-collapse: separate !important; */
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 13px;
}

table#ctl00_BodyContent_GridView1 > tbody > tr:last-child {
    /*border-bottom: 2px #00af9a solid;*/
    border-bottom: 2px #949998 solid;
}

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

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

fieldset table [id*="grid"] {
    width: 95%;
    margin: 1px !important;
    /* margin-left: 3%; */
}

table.margin0 {
    margin: 1px !important;
    min-height: 45px;
}

legend {
    background: #f0f0f082;
    background: -moz-linear-gradient(top, #00968824 0%, #f0f0f0 65%);
    background: -webkit-linear-gradient(top, #00968824 0%,#f0f0f0 65%);
    background: linear-gradient(to bottom, #70c6e724 0%, #abe7ff21 26%);
    border: none;
    text-align: center;
    color: #323232;
    font-weight: 500;
    /* 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: 13px; */
    /* 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; */
    -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: #ffffff;
    /* border-color: green; */
    /* background-color: #005430; */
    /* background-color: #1c1c1c;;box-shadow: 0 9px 5px -9px #605f5fd1;
    /* box-shadow: inset 0px 8px 8px -10px darkred; */
    text-shadow: 0px 0px 1px rgb(0 0 0 / 25%);
    opacity: .8;
    transition: .2s linear filter,.2s linear clip-path;
    border: none;
    height: 30px;
}

    /*input[type=submit]:hover {*/
    /* color: #c2ffc2; */
    /*background-color: #008734 !important;
        background: linear-gradient(45deg,#F17C58, #E94584, #24AADB, #27DBB1,#FFDC18, #FF3706);
        background-size: 600% 100%;
        animation: gradient 16s linear infinite;
        animation-direction: alternate;
        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;
        opacity: 1;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }*/
    input[type=submit]:hover {
        /* color: #c2ffc2; */
        background-color: #000;
        background: linear-gradient(45deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
        background-size: 600% 100%;
        animation: gradient 16s linear infinite;
        animation-direction: alternate;
        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;
        opacity: 1;
        box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25), 0px 6px 8px rgba(0, 0, 0, 0.22);
    }
/*
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 #055931;
}

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

table#ctl00_BodyContent_GridView1 tr:first-child {
    border-bottom: 2px solid #018374;
}

.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;
}

#ctl00_BodyContent_GridView1 tr td:nth-of-type(2) ~ td, #ctl00_BodyContent_AddItemsGridView tr td:nth-of-type(2) ~ td, #ctl00_BodyContent_GridView2 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;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff9;
    background-image: none;
    border: 1px solid #aaaaaa;
    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;
    min-width: 120px;
}

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;
}

td input[type=radio], td input[type=checkbox], .control-label input[type=radio], .control-label input[type=checkbox] {
    /* vertical-align: middle; */
    /* margin: 4px 5px 3px 15px; */
    zoom: 1.4 !important;
    box-shadow: none;
    max-width: 30px;
}

.table-responsive input[type=radio], .table-responsive input[type=checkbox] {
    zoom: 1.4;
    margin: 0;
}

td > span.control-group input[type=checkbox] {
    zoom: 1 !important;
}
a.zoom {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: rgb(251 245 228 / 61%);
    /* background-image: linear-gradient(to right top, #a6a6a6, #bcbcbc, #d2d2d2, #e8e8e8, #ffffff); */
    color: #666;
    font-size: 10px;
    padding-top: 10px;
    cursor: pointer;
    margin-left: 10px;
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    /* -webkit-filter: drop-shadow(0px 0px 2px #999); */
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    /* text-shadow: 1px 1px 2px #6d758d, -1px 1px 4px #e9e9e9; */
    /* opacity: .9; */
}

.red.danger label {
    color: rgb(204 0 0);
    padding: 0px 6px;
}

.green label {
    color: rgb(9 113 3);
    padding: 0px 6px;
}

.white label {
    color: #4CAF50;
}

.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: 100px !important;
    max-width: 170px;
}


.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;
}

.ajax__calendar .ajax__calendar_day {
    text-align: center;
}


.navigation {
    width: 100%;
    background-color: #ddd;
    height: 43px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    bottom: 69px;
    position: fixed;
    width: 227px;
    overflow: hidden;
}

    .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%; */
    }

a#ctl00_hlLogout:hover > p#userLogout, p#userLogout :hover {
    display: none;
}

.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;
}


.company_info {
    text-align: center;
    color: rgba(0,0,0,.6);
    padding-bottom: 13rem;
}

/***  Mobile Devices  ***/
@media (max-width: 480px) {
    .logo {
        display: none;
    }

    #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 td:first-child {
        /* font-size: 1.2rem; */
    }

    table.membersinfo.tdfirstright.bg-green input {
        width: 100% !important;
    }

    input {
        padding: 4px 0 4px 5px !important;
    }

    a.zoom {
        margin-left: 8%;
    }

    .navigation {
        width: 100%;
        bottom: 29px;
    }

    .navigation2 {
        width: 100%;
        margin-left: 2%;
    }

    input[type="range"] {
        display: none;
    }

    select.select2me, td span.select2 {
        max-width: 250px !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, .col-lg-3.col-sm-6 {
        padding: 0 !important;
    }

    .flex_grid {
        display: inline-grid;
    }

    .legend_table {
        position: relative;
    }
    .search-area {
        margin: 0;
        overflow-x: auto;
        position: relative;
    }
        .legend_table table {
            /* display: inline-flex; */
        }

    table#ctl00_BodyContent_GridView1 {
        margin-top: 0;
    }

    section.rpt_panel .table1 td, section.rpt_panel .table1 tr {
        display: block;
    }

    .fancybox-slide {
        padding: 0 !important;
    }

    .fancybox-content {
        width: 100% !important;
    }

    .alz_area {
        display: block !important;
        /* position: fixed; */
        /* width: 100%; */
        /* flex-shrink: 0; */
        /* width: 1050px; */
        /* margin: 0 auto; */
    }

    .company_info {
        display: none;
    }

    legend {
        overflow-x: auto;
    }

    input#ctl00_BodyContent_btnSearch {
        max-width: 35px;
    }
}

    .row0 > div {
        display: table-row-group;
    }
/***  End Mobile Devices  ***/
.ajax__calendar_days table {
    margin: 0 !important;
}

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;
}

ul#sidenav span.material-icons {
    display: block;
    position: absolute;
    left: 7px;
    top: 8px;
    font-size: 21px;
    border-radius: 0;
}

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: #333333 !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: 2px 2px 4px 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.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .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;
    font-weight: 600;
}

.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;
    /* float: inline-end; */
    /* min-width: max-content; */
    /* text-wrap: nowrap; */
}

.card hr {
    margin: 0;
}

.card, .card a {
    color: gray;
    -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
    transition: all .5s; /* For modern browsers */
    color: #0a3e1e !important;
    /* font-weight: 600; */
    background: rgba(255, 255, 255, 0.5);
    color: transparent;
    background: #ffffff;
    /* -webkit-background-clip: text; */
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 0px 1px rgb(4 4 4 / 25%);
}

    .card:hover {
        cursor: pointer;
        background: rgba(255, 255, 255, 0.7);
        text-shadow: 0px 2px 3px rgb(4 4 4 / 25%);
        box-shadow: inset 0 1px 13px 0px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.widget_wrap .widget_top {
    height: 39px;
    background-color: aliceblue;
    border-bottom: #e1e1e1 1px solid;
    background-position: 0 -368px;
    position: relative;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 14px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 14px;
    -moz-border-radius-topright: 10px;
    padding-top: 3px;
    background: linear-gradient(to bottom, rgb(246 236 216) 0%, #fffce38a 65%);
    backdrop-filter: blur(10px);
}

.widget_top h6 {
    float: left;
    /* max-width: 280px; */
    display: block;
}

.widget_top label {
    float: left;
    padding: 9px;
    color: #0a3e1e;
    text-shadow: 1px 1px 0px #ffffff;
    font-weight: 400;
}

.ajax__calendar, .ajax__calendar_container {
    width: 175px;
    height: 200px;
    box-shadow: none;
    text-shadow: none;
}

.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']:not(input#ctl00_BodyContent_btnSearch) {
    margin: 7px;
    /* height: 100%; */
    /* transition: background-color 1s; */
    /* opacity: 0.6; */
    /* transition: 1s; */
    font-size: max(13px,min(1.1vw,15px));
    min-height: 1.8em;
    min-width: 5em;
    /* padding: 0 2em .1em; */
    /* background-color: #1c1c1c; */
}

input#ctl00_BodyContent_btnSearch, input#ctl00_BodyContent_btnSearch2 {
    border: none;
    cursor: pointer;
    /* color: #fff; */
    background-color: #5eba7d;
    background: #000000;
    /* border-radius: 3px; */
    font-family: "Material Icons";
    font-size: 19px;
    /* content: "\e5cc"; */
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    text-shadow: 1px -1px 2px #000000;
    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: 0.85rem;
    text-align: center;
    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);
    padding: 2px;
}

    .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 rgb(206 206 206 / 50%);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
/*.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;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#background {
    position: absolute;
    right: 0;
    /* z-index: 0; */
    /* background: white; */
    /* display: block; */
    /* min-height: 50%; */
    /* min-width: 50%; */
    /* color: yellow; */
}

#bg-text {
    color: #cac9c8;
    font-size: 6rem;
    text-align: right;
    line-height: 7px;
    color: white;
    background: #ffffff;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 1px 1px 2px #dedede, -1px 1px 15px #b3ffe98f;
}

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

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

span.select2-selection__rendered {
    text-align: center;
    text-transform: uppercase;
}

section.rpt_panel .table1 td .select2 {
    min-width: 250px !important;
}

a.material-icons {
    cursor: pointer;
    color: #005430;
}

    a.material-icons.minus {
        padding: 1px;
        border: 1px solid #f02024;
        color: #f02024;
        cursor: pointer;
        margin: 0;
        float: left;
        position: relative;
        width: 27px;
    }

    a.material-icons.plus {
        padding: 1px;
        border: 1px solid #0b5f33;
        color: #0b5f33;
        cursor: pointer;
        margin: 0;
        float: right;
        width: 27px;
        position: absolute;
    }

        a.material-icons.plus:hover, a.material-icons.plus:focus, a.material-icons.plus:active {
            background: #0b5f33;
            color: white;
            cursor: pointer;
        }

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

.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: white;
        }



td a.material-icons {
    box-shadow: inset 0 0 0 0 #ffffff;
    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 orchid;
        color: white;
        border-color: currentColor;
    }


    td a.material-icons.delete:hover {
        box-shadow: inset 100px 0 0 0 orangered;
        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;
    min-width: 180px !important;
}

input#ctl00_BodyContent_txtDate, input#ctl00_BodyContent_txtTransferVoucherNo, #ctl00_BodyContent_txtOpBalance {
    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 0px -1px 1px rgb(195 2 2), 0 0 8px rgb(233 102 102 / 60%);
        background: white;
        /* color: white; */
        outline: orange;
    }

.membersinfo input#ctl00_BodyContent_btnSearch {
    float: left;
    margin: 5px 0 0 -16px;
    /* height: 34px; */
    /* max-width: 25px; */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

input[type=radio] {
    font-size: 1.5rem;
    accent-color: lightslategrey;
}

span.green input[type=radio] {
    accent-color: #333333;
}

span.orange input[type=radio] {
    accent-color: darkgoldenrod;
}

span.red input[type=radio] {
    accent-color: #FF0000;
}

input#ctl00_BodyContent_rbQuotation {
    accent-color: #b7334c;
}

input#ctl00_BodyContent_rbDrafted {
    accent-color: #1a6d87;
}

input#ctl00_BodyContent_rbSubmitted {
    accent-color: #146835;
}

label[for="ctl00_BodyContent_rbSubmitted"], label[for="ctl00_BodyContent_rbDrafted"] {
    min-width: 125px;
}

span.radiobtn.control-group {
    width: 45%;
    float: left;
}

td label[for] {
    max-width: 73%;
    padding: 7px 0;
    /* max-width: 225px; */
}

    td label[for]:hover {
        cursor: pointer !important;
        /* color: green; */
    }

input[type=checkbox]:focus, select:focus, input[type=radio]:focus, label[for]:focus, input[type=checkbox]:hover, select:hover, input[type=radio]:hover, label[for]:hover {
    cursor: pointer;
}

div#ctl00_BodyContent_pnl {
    min-height: 94vh;
    /* width: calc(100vw - 212px); */
}

div#ctl00_BodyContent_ceDate_today, .ajax__calendar_footer.ajax__calendar_today, .ajax__calendar_title {
    color: #1a6d87;
}

    div#ctl00_BodyContent_ceDate_today:hover, .ajax__calendar_footer.ajax__calendar_today:hover {
        font-weight: lighter !important;
    }

.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; */
    /* background-color: #2ecc71; */
    color: #ecf0f1;
    transition: background-color .3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#ctl00_BodyContent_GridView1 a.btn {
    font-size: 12px;
    padding: 3px 6px;
    height: 24px;
    margin: 2px 0;
    color: black;
    background-color: #00bcd438;
    transition: all .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;
    }


div#divChart1 {
    /* padding-left: 0; */
}

.pagination {
    /* padding-left: 0; */
    /* border-radius: 4px; */
    font-size: 12px;
    text-align: center;
}

    .pagination .btn {
        height: 22px;
        font-size: 11px;
        z-index: 0;
    }

.radious_zero, .radious_zero td {
    border-radius: 0;
}

#ctl00_BodyContent_GridView1 th {
    color: #34413a;
    font-size: 12px;
    border-radius: 0;
    height: 32px;
}

a.btn span {
    font-size: 11px;
    font-weight: 500;
}

input#ctl00_BodyContent_btnSearch:hover {
    color: white;
    background: #055931;
}

/*input#ctl00_BodyContent_txtName, input#ctl00_BodyContent_txtCode {
    text-transform: uppercase;
}*/

#theme-default #secondary_nav ul li a:hover {
    text-shadow: 1px 1px 2px #392400, -1px 1px 15px #e9e9e9;
}

table#ctl00_BodyContent_AddItemsGridView {
    margin-left: 0;
    min-height: 50px;
    height: 100%;
    /* margin-top: 31px; */
}

div#ctl00_BodyContent_pnl > div:first-child .topbar_branding, .topbar_branding:first-child {
    /*background-image: url(../../branding/logo-min.png);
    background-position: right top;
    opacity: .9;*/
}
/*div#ctl00_BodyContent_pnl > div:nth-child(2) .topbar_branding, div#grid_container > div:nth-child(1) > section > fieldset > .topbar_branding {
    background-position: left;
}*/
div.topbar_branding {
    /*width: 99%;
    height: 27px;
    background-repeat: no-repeat;
    background-size: auto;
    margin: 3px 0 11px;
    */
}

div#ctl00_BodyContent_pnlBox1, div#ctl00_BodyContent_pnlBox2 {
    /* position: fixed; */
    /* top: 0; */
}

span.radiobtn.control-group input {
    margin: 0;
    /* width: 35px; */
    margin-top: 4px;
    height: 22px;
    margin-right: 6px;
}

span.radiobtn.control-group label[for] {
    width: 135px;
    margin-top: 0;
}

.table-striped > tbody > tr th {
    background-color: #eafffd;
}

a.zoom:hover {
    color: #9370eb;
    box-shadow: 0 4px 6px 1px rgb(37 0 133 / 15%), inset 0 4px 6px 1px rgb(37 0 133 / 8%);
    background: rgb(251 245 228 / 61%);
}

table.tdfirstright {
    margin-top: 0;
    /* margin-bottom: 50px; */
}

fieldset::before {
    background-image: url(../../branding/logo-min.png);
    background-position: right top;
    background-repeat: no-repeat;
}

span#ctl00_BodyContent_lblMsg a {
    color: #005430;
}

#ctl00_BodyContent_GridView1 a.btn:hover {
    border: none;
    background-color: aliceblue;
}

.confirm-modal {
    font-size: 1.2rem;
    /* margin: 0 auto; */
    /* display: table; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 50%; */
    /* border: 1px solid; */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    background: rgb(255 255 255);
    padding: 20px;
    border-radius: 34px;
    border: 5px #4040401c solid;
    transition: box-shadow 150ms linear;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .1), -4px -4px 10px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

span.hint {
    color: #949495;
    text-transform: lowercase;
    font-style: italic;
    text-align: center;
    margin-left: 25px;
}

.Pagination td {
    border-spacing: 0;
    border-collapse: separate;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

td div.uploader {
    width: 100%;
    text-align: left;
}

table#ctl00_BodyContent_GridView1 tr:last-child td {
    /* border-bottom: none; */
}

table#ctl00_BodyContent_GridView1 tr td:first-child, table#ctl00_BodyContent_GridView1 tr th:first-child {
    border-left: none;
    border-left-width: 0;
}

table#ctl00_BodyContent_GridView1 tr td:last-child, table#ctl00_BodyContent_GridView1 tr th:last-child {
    border-right: none;
    border-right-width: 0;
}

#ctl00_BodyContent_lbAdd, .material-icons.plusbtn {
    border-radius: 5px;
    color: #5a5a5a;
    font-size: 24px;
    top: 6px;
    background: white;
    margin-top: 8px;
}

label[for=ctl00_BodyContent_cbAll] {
    color: gray;
}

.search_text {
    color: #1a6d87;
}

div#switch {
    background-color: aliceblue;
    min-width: 50%;
    max-width: 100vw;
    display: inline-block;
    overflow: hidden;
    line-height: 2rem;
}

#switch a.btn {
    background-color: #4CAF50;
    width: 100%;
    /*background-image: url("../../img/hue.png");*/
    background-color: rgba(0, 0, 0, 0.85); /* use rgba for fine adjustments */
    background-blend-mode: multiply;
    color: blanchedalmond;
}

    #switch a.btn:hover {
        background-color: #4f0000;
        color: white;
    }

    #switch a.btn.active {
        background-color: #000;
        font-weight: bold;
        color: #6bbb1c;
    }

@keyframes gradient {
    0% {
        background-position: 0%
    }

    100% {
        background-position: 100%
    }
}

span .round {
    border: 1px solid #9e9e9e;
    padding: 2px 4px;
    margin-right: 10px;
    width: 30px;
    /* display: inline-block; */
    text-align: center;
    position: relative;
}

table.table1 input[type=submit] {
    border-radius: 33px !important;
    height: 30px;
    /*width: 40px;*/
}

.table1 th {
    vertical-align: middle;
    font-weight: 500;
    border: none;
    text-align: left;
    font-size: 15px;
    padding: 0 7px;
}

.rpt_panel .topbar_branding {
    /*height: 73px;*/
}

#rpt_Panel .topbar_branding {
    height: 44px;
}

iframe#ctl00_BodyContent_if1 {
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

select {
    color: #444;
    line-height: 1.4;
    padding: .4em 1.4em .3em .8em;
    width: 100%;
    box-sizing: border-box;
    /* margin: 20px auto; */
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    text-align: center;
    font-size: 14px;
}

.m_ontop {
    z-index: 99999;
    position: relative;
}

.w_bottom {
    z-index: 9;
    position: relative;
}

legend input, legend select {
    font-size: 14px;
    border-radius: 5px;
}

    legend input#ctl00_BodyContent_btnSearch {
        border-radius: 6px;
    }

legend td {
    color: darkslategray;
    text-align: left;
    font-size: 1rem;
}

button#btnPrintCustomer {
    background-color: #0a3e1e;
    color: white;
}
    button#btnPrintCustomer:hover, button#btnPrintCustomer:focus, button#btnPrintCustomer:active {
        background-color: #058f3a;
        color: #ffe7a1;
    }
table#ctl00_BodyContent_AddItemsGridView input[type=text] {
    text-align: center;
    color: black;
}

.modalBackground {
    background: #00120c4a;
}

.⚠ {
    position: relative; /* So we can position the content as absolute */
    /* Using the borders to create a triangle  */
    border-left: 0.80em solid transparent;
    border-right: 0.80em solid transparent;
    border-bottom: 1.60em solid #d70e0e;
    top: -1em; /* Correction because of the CSS Triangle trick*/
}

    .⚠::before {
        content: "⚠";
        /* Position the character over the triangle */
        top: 0.45em;
        left: -0.45em;
        position: absolute;
        color: black;
        font-size: 2em;
        line-height: 1em;
    }

section.rpt_panel .topbar_branding {
    min-height: 0px !important;
}

.sales_left {
    padding: 0;
    border-right: 1px solid skyblue;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 310px;
    box-shadow: inset -1px 0px #e5e5e5;
    height: max-content;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #673ab75e !important; /*rgba(0, 0, 0, .1) !important;*/
    color: black;
}

#loading_indicator {
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 40%;
    right: 0;
    margin: auto;
    border: 10px solid grey;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    /*animation: spinIndicator 1s linear infinite;*/
}

/*@keyframes spinIndicator {
    100% {
        transform: rotate(360deg);
    }
}*/
section.m_ontop {
    display: contents;
}

span#ctl00_deshboard_lblBranchName {
    padding: .2rem .7rem 0;
    color: #795548;
    background: #dbbf7433;
    display: inline-block;
    position: relative;
    min-width: fit-content;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.live_news {
    display: flex;
}

span#ctl00_deshboard_lblNews {
    display: block;
}


*[data-title]:empty {
    /*display: none;*/
}

/*input#ctl00_BodyContent_txtName {
    text-transform: uppercase;
}*/



/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}