@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    margin: 0;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px;
    color: #000000;
    background-color: #efeff6;
}

/*html {
    overflow-x: hidden;
    overflow-y: scroll;
}
*/


:root {
    --dark-theme: #282d3e;
    --primary-bg-color: #4d65d9;
    --green-bg-color: #01b8ff;
    --yellow-bg-color: #ff9b21;
    --red-bg-color: #f1388b;
    --ts: .5s all ease-in-out;
}

.bg_red {
    background-color: red !important;
}

.bg_green {
    background-color: green !important;
}

.bg_lawngreen {
    background-color: lawngreen !important;
}


.text-green {
    color: var(--green-bg-color) !important;
}

.text-purple {
    color: var(--primary-bg-color) !important;
}

.text-red {
    color: var(--red-bg-color) !important;
}

.text-yellow {
    color: var(--yellow-bg-color) !important;
}

.text-blue {
    color: #4c68f3 !important;
}


.green {
    background: #19b159 !important;
}


/*-----------------------------Control Style--------------------------------*/
/*Activity Title*/
.activitytitle {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: #AC0E02;
    font-weight: bold;
}
/*Button*/
/*.buttonnormal
{	
	font-family: 'Inter', sans-serif;;
	font-size: 10px;
	color:Black;
	font-weight:bold;
}*/
.divleft {
    height: 66px;
}

.divright {
    height: 66px;
}

.banner1 {
    width: 1000px;
    height: auto;
    float: left;
}

.left1 {
    width: auto;
    height: auto;
    float: left;
}

.logo {
    width: 380px;
    height: 70px;
    float: left;
    padding: 30px 0 0 0px;
}

.inside-banner {
    width: 600px;
    height: 70px;
    float: left;
}

.buttonnormal {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    display: -moz-inline-stack;
    display: inline-block;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0080C0;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-shadow: #222222 1px 1px 0;
    color: White;
}

    .buttonnormal:hover {
        color: Orange;
    }

    .buttonnormal > span {
        display: -moz-inline-block;
    }

.buttonsmall {
    border-radius: 7px;
    display: -moz-inline-stack;
    display: inline-block;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0080C0;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-shadow: #222222 1px 1px 0;
    color: White;
    height: 23px;
}

    .buttonsmall:hover {
        color: Orange;
    }

    .buttonsmall > span {
        display: -moz-inline-block;
    }
/*checkbox*/
/*.grid-view
{
    padding: 0;
    margin: 0;
    border: 1px solid #333;
    font-family: "'Inter', sans-serif;, Trebuchet MS";
    font-size: 0.9em;
}
.grid-view tr.header
{
    color: white;
    background-color: #0080C0;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.grid-view tr.normal
{
    color: black;
    background-color: White;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.grid-view tr.alternate
{
    color: black;
    background-color: #99CCFF;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}
*/
.checkboxnormal {
    font-family: 'Inter', sans-serif;
    border: 0px solid #999999;
    font-size: 12px;
}

.checkboxbold {
    font-family: 'Inter', sans-serif;
    border: 0px solid #999999;
    font-size: 10px;
    font-weight: bold;
}
/*Dropdown*/
.dropdowndate {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    width: 65px;
}

.dropdownlong {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    width: 400px;
}

.fileupload {
    background-color: #0080C0;
}

.dropdownnormal {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 10px;
    background-color: #0080C0;
    color: White;
}

.dropdownnormalM {
    /*font-family: 'Inter', sans-serif;;*/
    font-family: Calibri; /* border: 1px solid #999999;*/
    border: #CCCCCC solid 1px;
    font-size: 15px;
    background-color: #0080C0;
    color: White;
    bore-radius: 5px;
}

input[type=text]:focus {
    background-color: #FEFED5;
}

.dropdownnormalsearch {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 10px;
    width: 165px;
}

.dropdownnowidth {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
}

.dropdownsmall {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    width: 50px;
}
/*Error Message*/
.errormsg {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    color: var(--red-bg-color);
    position: absolute;
    top: 11px;
    right: 1px;
}
/*Gridview*/
.gvalt {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    background-color: #EBEBEB;
}

.gvheader {
    background-color: #0080c0;
    color: White;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.gvheaderM {
    background-color: #EBEBEB;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.gvrow {
    background-color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
}

.table-div th {
    backgound: var(--dark-theme);
}

.gvpager {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
}
/*Label*/
.labelnormal {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.labelsmall {
    font-family: 'Inter', sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: normal;
}

.labelbig {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.labelbold {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.labelheading {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: Gray;
    font-weight: bold;
}
/*Anchor*/
.linkbutton:active {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
}

.linkbutton:hover {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: underline;
}

.linkbutton:link {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
}

.linkbutton:visited {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
}
/*Menu Control*/
.menulink:active {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: yellow;
    font-weight: bold;
    text-decoration: none;
}

.menulink:hover {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

.selected {
    background-color: Red;
}

.menulink:visited {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: green;
    font-weight: bold;
    text-decoration: none;
}

.menulink:link {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #085195;
    font-weight: bold;
    text-decoration: none;
}
/*Radiobutton*/
.radiobuttonnormal {
    font-family: 'Inter', sans-serif;
    border: 0px solid #999999;
    font-size: 12px;
}
/*Table*/
.tablenoborder {
    border: none;
    background-color: white;
}

.tableHidden {
    display: none;
}
/*TextBox*/
.textcolorgrey {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #6F6F6F;
}

.textboxnormal {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    text-transform: uppercase;
    color: #6F6F6F;
}

.textboxlong {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    text-transform: uppercase;
    width: 400px;
    color: #6F6F6F;
}

.textboxWihOutUpper {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    color: #6F6F6F;
}

.textbox {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    text-transform: uppercase;
    font-size: 12px;
    color: #6F6F6F;
}

.textboxm {
    border: 1px solid #ccc;
    display: block;
    color: #818181;
    padding-top: 3px;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
}

.textboxremark {
    border: 1px solid #ccc;
    height: 50px;
    display: block;
    color: #818181;
    padding-top: 3px;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
}

.textboxnoborder {
    font-family: 'Inter', sans-serif;
    background-color: #F1F1EB;
    border: none;
    font-size: 12px;
    width: 400px;
    color: #6F6F6F;
}

.textboxsmall {
    font-family: 'Inter', sans-serif;
    border: 1px solid #999999;
    font-size: 12px;
    text-transform: uppercase;
    width: 140px;
    color: #6F6F6F;
}

.textboxtranswithborder {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    background-color: #F1F1EB;
    border-color: #999999;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px;
}

.textboxtransnoborder {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    background-color: #F1F1EB;
    text-transform: uppercase;
    border-style: none;
}

.textboxhidden {
    font-family: 'Inter', sans-serif;
    background-color: #F1F1EB;
    border: none;
    font-size: 12px;
    width: 400px;
}
/*TreeView*/
.treeviewparent {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
    font-weight: bold;
}

.treeviewchild {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #0B5099;
    text-decoration: none;
}
/*-----------------------------End of Control Style--------------------------------*/
/*----------------------------------Usercontrol Style-------------------------------*/
/*Footer*/
.footermoco {
    color: #AC0E02;
    font-weight: bold;
}

.footermoco1 {
    color: #FF6600;
    font-weight: bold;
}

.bottomshade {
    background-image: url(../../images/botom_shade.gif);
}
/*Global Navigaror*/
.globalnav {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #003399;
    text-decoration: none;
}
/*Header*/
.headertable {
    background-color: Gray;
    border: none;
}

.headermenu {
    background-image: url(Images/bar1.gif);
}

.headermenuseparator {
    background-image: url(Images/bar.gif);
}

.headermenuleft {
    border: none;
    background-image: url(Images/left_bg_header.gif);
    height: 28px;
    width: 13px;
}

.headermenuright {
    background-image: url(Images/right_bg_header.gif);
    height: 28px;
    width: 13px;
}

.header {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.headerlink {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}

    .headerlink:hover {
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        color: Maroon;
        text-decoration: none;
    }
/*Logo*/
.imgheaderlogo {
    width: 182px;
    height: 41px;
}
/*--------------------------------Usercontrol End------------------------------------*/
/*--------------------------------Box--------------------------------------------------*/
.ct {
    background: transparent url(Images//cr_gg_ne.gif) no-repeat top right;
    top: -1px;
}

    .ct .cl {
        background: transparent url(Images//cr_gg_nw.gif) no-repeat top left;
    }

.cb {
    background: transparent url(Images//cr_gg_se.gif) no-repeat bottom right;
    bottom: -1px;
}

    .cb .cl {
        background: transparent url(Images//cr_gg_sw.gif) no-repeat bottom left;
    }

    .ct, .ct .cl, .cb, .cb .cl {
        display: block;
        font-size: 0;
        line-height: 0;
        margin: 0;
        height: 4px;
        position: relative;
    }

.ct, .cb {
    width: 100%;
    right: -1px;
}

    .ct .cl, .cb .cl {
        width: 4px;
        left: -2px;
    }

.yregbx {
    border: 1px solid;
    margin: 0 0 10px;
    background-color: #F1F1EB;
}

#yregtml #yreglg .yregbx {
    margin-right: 10px;
}

.yregbxi {
    margin: 12px;
}

#yregwp {
    text-align: left;
    margin: 0 auto;
    width: 98%;
    border-color: silver;
}

#yregwpinner {
    text-align: left;
    margin: 0 auto;
    width: 98%;
    border-color: silver;
}

.top .yregbxi {
    margin-top: 10px;
}
/*--------------------------------Box End--------------------------------------------------*/
/*-------------------------AJAX STYLE SHEET-------------------------------------------*/
.centertable {
    background-color: #EBEBEB;
    margin-left: auto;
    margin-right: auto;
}

    .centertable th {
        background-color: #A5B5C5;
        padding: 5px;
    }

    .centertable td {
        background-color: White;
        padding: 5px;
    }


.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #EBEBEB;
    color: red;
}

    .MyCalendar .ajax__calendar_container th {
        padding: 0px;
    }

    .MyCalendar .ajax__calendar_container td {
        background-color: #F1F1EB;
        padding: 0px;
    }

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.inviteheader {
    background-color: #EBEBEB;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-image: url("images/formnamebg.gif");
}

.inviteDesc {
    background-color: #EBEBEB;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.textreq {
    background-color: Yellow;
    position: relative;
}

.validatorCallout {
    background: transparent url('Images/ErrorBox2.gif') no-repeat scroll top;
    height: 100px;
    width: 230px;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: top;
}

.demoarea {
    padding: 20px;
    background: #FFF url(images/demotop.png) no-repeat left top;
}

    .demoarea p {
        padding: 5px;
    }

.modalPopup {
    background-color: #F1F1EB;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px; /*width:250px;*/
}

.modalheader {
    background-color: #EBEBEB;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: bold; /*width:250px;*/
}
/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.demoheading {
    padding-bottom: 20px;
    color: #5377A9;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.5em;
}
/* customCalloutStyle */
.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px Black;
    background-color: Blue;
}

.customCalloutStyle .ajax__validatorcallout_popup_table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none;
        border-right: none;
        border-left: none;
        width: 15px;
        background-color: transparent;
        padding: 0px;
    }

        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
        }

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 5px;
    border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}

    .customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: none;
        text-align: center;
        width: 10px;
        padding: 2px;
        cursor: pointer;
    }
/* Accordion */
.accordionHeader {
    border: none;
    color: #0B5099;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    padding: 0px;
    margin-top: 0px;
    cursor: pointer;
    text-decoration: underline;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 0px solid #2F4F4F;
    color: #0B5099;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    border: 0px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/*-------------------------END AJAX STYLE SHEET-------------------------------------------*/

.GridViewStyle {
    font-family: Arial, Sans-Serif;
    font-size: small;
    table-layout: auto;
    border-collapse: collapse;
    border: #91a7b4 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/ {
    background-image: url("~/images/Grid/YahooSprite.gif");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #d1dbe0;
}

    .HeaderStyle th {
        padding: 5px;
        color: #16387c;
    }

    .HeaderStyle a {
        text-decoration: none;
        color: #16387c;
        display: block;
        text-align: left;
        font-weight: normal;
    }

    .PagerStyle table {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td {
            border: 0px;
            padding: 5px;
        }

    .PagerStyle td {
        border-top: #91a7b4 1px solid;
    }

    .PagerStyle a {
        color: #16387c;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        border-top: solid 1px #fff;
        border-right: solid 1px #91a7b4;
        border-bottom: solid 1px #91a7b4;
        border-left: solid 1px #fff;
    }

    .PagerStyle span {
        font-weight: bold;
        color: #16387c;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
    }
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/ {
    padding: 5px;
    border-right: solid 1px #91a7b4;
}

.RowStyle td {
    background-color: #f1f5f6;
}

.AltRowStyle td {
    background-color: #9ab2ca;
    background-image: url("../image/Grid/YahooSprite.gif");
    background-position: 0 -80px;
    background-repeat: repeat-x;
}

.SelectedRowStyle td {
    background-color: #fcb814;
    background-image: url("~image/Grid/YahooSprite.gif");
    background-position: center;
    background-repeat: repeat-x;
}

.labelnormalMM {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

.dvLoading {
    background: #000 url(images/loader.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: Gray;
    border-width: 3px;
    border-style: solid;
    border-color: White;
    padding: 5px;
    width: 350px;
    height: 300px;
}

.PagerStyle /*Common Styles*/ {
    color: White; /*background-color: #39879E;*/
    font-size: 13px;
    font-family: Arial sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.lblErrorMessage {
    font-size: 20px;
    color: Red;
    font-family: Arial Sans-Serif;
}

.Maindiv {
    width: 800px;
    margin: 0px auto;
}

.CenterDiv {
    width: 500px;
    margin: 0px auto;
    margin-top: 20px;
}

.textboxfocus {
    background-color: #FFF5C3;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 2px solid #000000;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    content: "";
}

/* start new css (1 Nov, 2022)  */
.nav-lst_pro_img {
    background: #ededed;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    overflow: hidden;
}

.nav-lst_compny_nme {
    width: 128px;
    border-radius: 10px;
    object-fit: contain;
}

    .nav-lst_compny_nme > img {
        height: 45px;
        margin-top: 2px;
        width: 100%;
        object-fit: contain;
    }


.nav-link-badge {
    font-weight: 400;
    font-size: 9px;
    border-radius: 100%;
    margin-top: -4px;
    margin-left: -4px;
}


.nav-lst_alert svg, .nav-lst_msg svg {
    width: 22px;
    fill: #5a6485;
}

.nav-lst_alert, .nav-lst_msg {
    margin-top: 5px;
    width: 35px;
}

/* menu start */
.navbar {
    height: 50px;
    background-color: #282d3e;
}



#ucmenu1_menu > ul > li > a {
    /* font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 8px;
    white-space: nowrap;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif;
    margin-right: 10px;*/
    font-size: 14px;
    font-weight: 400;
    padding: 8px;
    white-space: nowrap;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif;
    margin-right: 10px;
    color: #a4b0bf;
    /*color: #8e8f90;*/
    font-weight: 600;
    margin-right: 15px;
}

#ucmenu1_menu > ul:first-child {
    display: flex;
}

.navbar-div {
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    bottom: auto;
    border-right: 0;
    overflow-y: inherit;
    display: block;
    border-bottom: 0;
    visibility: visible;
    transform: none;
    z-index: auto;
    z-index: 10;
    box-shadow: 0 2px 17px 1px rgb(162 169 204 / 24%);
    border-bottom: 1px solid transparent;
}

    .navbar-div .container::-webkit-scrollbar-track {
        border-radius: 0px;
        background-color: var(--blueColor);
        border: none !important;
        cursor: pointer;
    }

    .navbar-div .container::-webkit-scrollbar {
        width: 0px;
        height: 0;
        background-color: #F5F5F5;
        z-index: -1;
    }

    .navbar-div .container {
        overflow: auto;
        display: flex;
    }

#ucmenu1_menu, #ucmenu1_menu > ul > li {
    position: static;
}

.navbar-div > .container::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: var(--blueColor);
    border: none !important;
    cursor: pointer;
}

.navbar-div > .container::-webkit-scrollbar {
    width: 1px;
    height: 0;
    background-color: var(--dark-theme);
    z-index: -1;
}

#ucmenu1_menu > ul:first-child {
    position: static !important;
    /* margin-bottom: 0;*/
    margin-bottom: 25px;
}


#ucmenu1_menu > ul > li > ul {
    display: none;
    position: absolute;
    top: 46px;
    /*  top: 39px;*/
    left: 0;
    width: 250px;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    padding: 8px 6px !important;
    z-index: 900;
    border-radius: 11px;
    box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
}

    #ucmenu1_menu > ul > li > ul > li > ul {
        display: none;
        position: absolute;
        top: 0;
        left: 243px;
        min-width: 200px;
        max-width: 230px;
        background-color: #ffffff;
        border: 1px solid #e8e8f7;
        padding: 8px 6px !important;
        z-index: 900;
        border-radius: 11px;
        box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
    }

        #ucmenu1_menu > ul > li > ul > li > ul > li > ul {
            position: absolute;
            top: 0;
            display: none;
            left: 193px;
            width: 200px;
            background-color: #ffffff;
            border: 1px solid #e8e8f7;
            padding: 8px 6px !important;
            z-index: 900;
            border-radius: 11px;
            box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
        }

#ucmenu1_menu > ul:first-child {
    padding-left: 0px;
    transition: .5s all ease-in-out;
}

#ucmenu1_menu > ul > li > ul::before {
    /*    content: "";
    position: absolute;
    top: -8px;
    left: 45px;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    border-top-color: #e8e8f7;
    border-left-color: #e8e8f7;
    transform: rotate(45deg);
    background-color: #ffffff;
    z-index: 901;
    display: block;
    transition-duration: 0.25s;*/
    content: "";
    position: absolute;
    top: -6px;
    left: 45px;
    width: 11px;
    height: 11px;
    border: 1px solid transparent;
    border-top-color: #e8e8f7;
    border-left-color: #e8e8f7;
    transform: rotate(45deg);
    background-color: #ffffff;
    z-index: 901;
    display: block;
    transition-duration: 0.25s;
}


.navbar-div_main {
    overflow: inherit;
    padding: 4px;
}

#ucmenu1_menu > ul > li > ul {
    left: auto !important;
}

#ucmenu1_menu > ul:first-child > li {
    /*padding: 10px 13px;*/
    padding: 10px 3px 10px 13px;    
    letter-spacing: .05em;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
    color: #4d65d9;
    font-weight: 600;
    margin-right: 0px;
}

    #ucmenu1_menu > ul:first-child > li > a.selected {
        background: var(--primary-bg-color) !important;
    }



/* copyright start */
.copyright-div {
    padding: 10px 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .5px;
    margin-top: auto;
    background: black !important;
}

    .copyright-div a {
        font-weight: 500;
        text-decoration: none;
    }

/* extra link */
#ucmenu1_menu a {
    font-weight: 400;
    background: transparent;
    color: var(--dark-theme);
    background-image: none !important;
    padding: 5px 10px 8px 10px !important;
    border-radius: 8px;
    font-size: 13px;
}
/* @media(max-width:768px){
    #ucmenu1_menu > ul:first-child > li > a {
        white-space: nowrap;
        transition: .5s all ease-in-out;
        padding: 0.4rem 0.6rem !important;
    }
    
} */

#ucmenu1_menu > ul:first-child > li > a {
    white-space: nowrap;
    transition: .5s all ease-in-out;
    padding: 0.6rem 0.6rem !important;
}


#ucmenu1_menu > ul:first-child > li > ul > li a {
    white-space: normal;
    display: block;
    padding: 6px 16px;
    transition: .2s all ease-in-out;
    font-weight: 500;
}

#ucmenu1_menu > ul:first-child > li > ul li {
    position: relative !important;
}

    #ucmenu1_menu > ul:first-child > li > ul li:hover > a, #ucmenu1_menu > ul:first-child > li > ul > li:hover > span.nav_plus, #ucmenu1_menu > ul:first-child > li > ul > li > ul > li:hover > span.nav_plus {
        /*  background: var(--primary-bg-color);
        color: #fff;
        border-radius: 2px;*/
        /* background: var(--primary-bg-color);  */
        color: rgb(100 176 242);
        border-radius: 2px;
        background-color: #4d65d9;
        color: white;
        background-color: #4d65d9 !important;
    }

#ucmenu1_menu ul:first-child > li > ul > li ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 24px;
    height: 100%;
    background: transparent;
}

/* multi select chkbox */
.multi-chklst input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}

.multiselect-search {
    font-size: 13px;
    padding: 4px 10px !important;
}

/* title start */
.title-div_cnt {
    color: #4d69f3;
    font-size: 15px;
}

.title-div h2 {
    font-size: 14px;
    font-weight: 700;
    color: #495057;
}
/* title end */
/* form start */
.form-div_box {
    background-color: #fff !important; /*#f3e4d0*/
    /*    box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%);*/
    margin: 0;
    border-radius: 2px;
    background-clip: border-box;
    border: 1px solid #bdbdbd;
}

.ajax__tab_xp .ajax__tab_body {
    background-color: #fff !important;
}

.form-div_box label {
    font-family: 'Inter', sans-serif;
    color: #3c4858;
    font-weight: 600;
    margin-left: 5px;
    font-size: 12px;
}

.form-div {
    position: relative;
    margin-bottom: 6px;
}

.form-div_btn input[type="submit"], .buttonnorm {
    min-width: 100px;
    max-width: fit-content;
    width: 100%;
    /* border-radius: 5px;*/
    color: #fff !important;
    background: #19b159;
    text-shadow: none !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    font-size: 13px;
    transition: var(--ts);
    padding: 8px;
}

.form-div_btn input[type="submit"], .buttonnorm {
    margin-bottom: 5px !important;
}

.table-div td, .table-div th {
    font-weight: 600 !important;
}

.buttonnormsmall {
    min-width: 50px !important;
    border: 1px solid rgba(0,0,0,.125);
    height: 25px;
    line-height: 19px;
    border-radius: 4px;
    margin-top: 4px;
    color: #fff;
    background: #f1388b;
    padding: 0 6px 3px !important;
    font-size: 14px;
    font-weight: 700 !important;
}

/* bb start */
.bb {
    border-bottom: 2px solid #968c8c;
}

    .bb > span {
        color: Red;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .5px;
    }

.buttonnorm.new {
    background: #01b8ff !important;
}

.buttonnorm.close {
    background: #fd6074 !important;
}

.buttonnorm.preview {
    background: #f1388b !important;
}

.buttonnorm.del {
    background: rgb(59 72 99 / 80%) !important;
}

.buttonnorm.search {
    background: rgb(77 101 217 / 80%) !important;
}

.buttonnorm.searchpopup {
    background: rgb(77 101 217 / 80%) !important;
    padding: 5px !important;
}

.btnsmalls.search {
    background: rgb(77 101 217 / 80%) !important;
}

.buttonnormsmall.search {
    background: rgb(77 101 217 / 80%) !important;
}

.buttonsmall {
    flex: 1;
}

.form-div_inp input[type="text"], .form-div_inp input[type="password"], .form-div_inp select {
    color: #000;
    width: 100% !important;
    /* border: 1px solid rgba(0,0,0,.125); */
    border: 1px solid rgba(0,0,0,27%);
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    margin-top: 4px;
    padding: 0 8px 0px;
    font-size: 14px;
    font-weight: 600;
}

::placeholder {
    font-weight: 500;
    font-size: 12px;
    color: #747474;
}

.txtbarcode {
    border-radius: 0 !important;
    border: 1px solid black !important;
    height: 40px !important;
    color: red !important;
    /* padding: 1px 2px 0px 5px; */
    padding-left: 5px !important;
    width: 100%;
    font-size: 26px !important;
}

.dropdowns, .textbs {
    color: #000;
    width: 100% !important;
    /* border: 1px solid rgba(0,0,0,.125);*/
    border: 1px solid rgba(0,0,0,27%);
    height: 28px !important;
    line-height: 28px;
    border-radius: 2px;
    margin-top: 4px;
    padding: 0 12px 3px;
    font-size: 13px !important;
    font-weight: 600;
}

select:focus-visible, input[type="text"]:focus-visible, input[type="text"]:focus {
    outline-color: green !important;
}

input[type="button"], input[type="submit"] {
    outline-color: orange !important;
}

.chk_new > input[type="checkbox"]:checked + label:before, .chk_new_single > input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    height: 23px;
    left: 16px;
    border-color: #00cd56;
    border-width: 3.5px !important;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chk_new_single > input[type="checkbox"]:checked + label:before {
    top: -11px !important;
}

.chk_new > input[type="checkbox"]:checked + label:after, .chk_new_single > input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #333;
    position: absolute;
    left: 7px;
    top: 7px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.chk_new input[type="checkbox"] + label:before, .chk_new_single input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid gray;
    position: absolute;
    left: 9px;
    top: 7px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    background: #fff;
}

.chk_new_single > input[type="checkbox"]:checked + label:after {
    top: 0px !important;
}

.chk_new_single input[type="checkbox"] + label:before {
    top: 0px !important;
}


.chk_new, .chk_new_single {
    position: relative;
    padding-left: 24px !important;
}

    .chk_new input[type="checkbox"], .chk_new_single input[type="checkbox"] {
        display: none;
    }

/* form end */

/* icon start */
.fa-trash-can {
    background: #ff0e25;
    padding: 8px;
    color: #fff;
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-title {
    font-size: 14px;
    font-weight: 600;
}

.ui-dialog .ui-dialog-titlebar {
    background: #000;
    color: #fff;
}

.MXW_None {
    max-width: none !important;
}
/***********CUstomer Radio*/
.Customradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .Customradio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 8px;
    right: 5px;
    height: 20px;
    width: 20px;
    border: 1px solid;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.Customradio :hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.Customradio input:checked ~ .checkmark {
    background-color: #ffa500;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.Customradio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.Customradio .checkmark:after {
    border-radius: 50%;
    background: white;
}

#back-to-top {
    color: #ffffff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    z-index: 999;
    height: 40px;
    width: 40px;
    line-height: 15px;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    border-radius: 3px;
    background-color: #4d65d9;
}

    #back-to-top i {
        padding-top: 2px;
        font-size: 18px;
        line-height: 2.2rem;
    }

    #back-to-top:hover {
        background: #ffffff !important;
        color: var(--primary-bg-color);
        border: 1px solid var(--primary-bg-color);
    }

.accordion-button {
    padding: 7px !important;
    font-weight: 600 !important;
    background-color: beige;
}

    .accordion-button:not(.collapsed) {
        color: #000;
        background-color: #e0e0e0;
    }

.h-27 {
    height: 27px !important;
}

tbody input[type="text"], input[type="number"], select {
    font-weight: 600 !important;
    color: #000 !important;
}

tfoot > tr > td {
    font-size: 17px !important;
}

.trtotal1 > td {
    font-size: 17px !important;
}

input[type=text]:focus {
    user-select: all;
}

.disabled {
    background: #d4d4d4 !important;
    cursor: not-allowed !important;
}

.Div_Search {
    background: #fff;
    min-height: 0px;
    width: 400px;
    display: none;
    position: absolute;
    z-index: 1000;
    box-shadow: gray 0px 0px 10px;
    padding: 15px;
}

.BtnSearchSubmit {
    cursor: pointer;
    display: inline-block;
    outline: 0px;
    border: none;
    min-width: 88px;
    vertical-align: baseline;
    text-transform: none;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 16px;
    line-height: 16px;
    border-radius: 4px;
    background-color: rgb(105, 48, 202);
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.BtnSearchClear {
    cursor: pointer;
    display: inline-block;
    outline: 0px;
    border: none;
    min-width: 88px;
    vertical-align: baseline;
    text-transform: none;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    padding: 8px 16px;
    line-height: 16px;
    border-radius: 4px;
    background: none;
    color: rgb(105, 48, 202) !important;
    font-weight: 600;
}

.highlighted {
    background-color: #fcb814 !important;
}

/* Custom Checkbox */
.Customcheckbox {
    display: block;
    position: relative;
    padding-left: 6px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 25px;
}

    /* Hide the default checkbox */
    .Customcheckbox input {
        visibility: hidden;
        cursor: pointer;
    }

/* Create a custom checkbox */
.markcheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 22px;
    background-color: #ffffff;
    border: 1px solid #000;
}

.Customcheckbox:hover input ~ .markcheck {
    background-color: #fff;
}

.Customcheckbox input:checked ~ .markcheck {
    background-color: #f1388b;
}

/* Create the mark/indicator (hidden when not checked) */
.markcheck:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the mark when checked */
.Customcheckbox input:checked ~ .markcheck:after {
    display: block;
}

/* Style the mark/indicator */
.Customcheckbox .markcheck:after {
    left: 8px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}
/* End of custom check box */
/* Custom Switch*/
.custom-switch {
    padding-left: 2.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding-left: 0;
}

.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-switch-input:checked ~ .custom-switch-indicator {
        background: var(--primary-bg-color);
    }

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: #000;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #f0f2f8;
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-input:checked ~ .custom-switch-indicator:before {
    left: calc(1rem + 1px);
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #ffffff;
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: none;
}
/* ENd Custom Switch*/
.lnkbtn {
    /* background: linear-gradient( 45deg , #42e695, #3bb2b8)!important; */
    /* background: linear-gradient( 45deg , #ffdf40, #ff8359)!important; */
    background: #3bb2b8;
    color: #0000CC;
    font-weight: bold;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    /* font-size: var(--bs-badge-font-size); */
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
    /* padding: 2px 5px 2px 4px; */
    font-weight: 700;
    width: 100%;
}

.supcss {
    font-size: 25px !important;
    top: 0 !important;
}

.input-group > .form-select {
    height: 30px;
    border: 1px solid rgba(0,0,0,27%) !important;
    padding-top: 3px;
    font-size: 14px;
}

.input-group > .form-control {
    border: 1px solid rgba(0,0,0,27%);
    font-weight: 600;
    font-size: 13px;
}

.input-group .btn {
    height: 30px;
    padding-top: 4px;
}

.badge {
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
}

.btngrid {
    padding: 5px !important;
    border-radius: 0.5rem;
    text-transform: none !important;
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.modalImg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-contentImg {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#captionImg {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-contentImg, #captionImg {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.closeImg {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .closeImg:hover,
    .closeImg:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

.card-header {
    background-color: #e0e0e0 !important;
}

.amountcss {
    font-size: 15px;
    font-weight: 500;
    text-align: end !important;
}

.gtotalcss {
    font-size: 20px;
    font-weight: 500;
    text-align: end !important;
}

.card-title {
    font-size: 16px;
    margin: 0 0 7px 0;
}

.lineclamp {
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.btn-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

:is(.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6) {
    color: #000;
    font-family: 'Inter', sans-serif !important;
}

.btngroupmultisel {
    margin-top: 4px;
    height: 28px !important;
    padding-top: 2px !important;
}

.modal-header h4 {
    color: #fff !important;
}
/******* Toggle Switch  ***/
.button-cover,
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.buttonChk {
    position: relative;
    top: 29%;
    width: 74px;
    height: 23px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

    .buttonChk.r,
    .buttonChk.r .layer {
        border-radius: 100px;
    }

    .buttonChk.b2 {
        border-radius: 2px;
    }

.ChkSwitch {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 4 */
.Chkbtn .knobs:before,
.Chkbtn .knobs:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22PX;
    height: 17px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    /*    padding: 9px 4px;*/
    padding: 5px 4px;
    background-color: #03a9f4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.Chkbtn .knobs:before {
    content: "YES";
}

.Chkbtn .knobs:after {
    content: "NO";
}

.Chkbtn .knobs:after {
    top: -28px;
    right: 4px;
    left: auto;
    background-color: #f44336;
}

.Chkbtn .ChkSwitch:checked + .knobs:before {
    top: -28px;
}

.Chkbtn .ChkSwitch:checked + .knobs:after {
    top: 4px;
}

.Chkbtn .ChkSwitch:checked ~ .layer {
    background-color: #fcebeb;
}

.ExcelExport {
    color: #b7b22a !important;
}

/* @media only screen 991px */
@media only screen and (min-width: 991px) {
    .form_half {
        width: calc(100%/2);
    }

    .form_half1 {
        width: calc(100%/1.3);
    }

    .bg_yellow {
        background-color: yellow !important;
    }
}

@media only screen and (max-width: 991px) {
    .logo-div {
        width: 230px;
    }

    #nav-list_profile-div {
        right: 0 !important;
    }

    ul#lblUser_list::before {
        right: 12px !important;
    }

    .nav-lst {
        gap: 12px;
        margin-right: 10px;
    }

    .companyNme > span {
        font-size: 24px !important;
        line-height: 25px;
    }
}

@media only screen and (min-width: 767px) {
    #ucmenu1_menu > ul > li:hover > ul, #ucmenu1_menu > ul > li > ul > li:hover > ul, #ucmenu1_menu > ul > li > ul > li > ul > li:hover > ul {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-div_main {
        overflow: inherit;
        padding: 0px !important;
    }

    #ucmenu1_menu a {
        font-weight: 400;
        background: transparent;
        color: var(--dark-theme);
        background-image: none !important;
        padding: 5px 10px !important;
        border-radius: 8px;
        font-size: 13px;
    }

    @media only screen and (max-width: 768px) {

        #ucmenu1_menu {
            min-height: 60vh;
        }

        .navbar-div {
            box-shadow: none;
            border: none;
        }

        .companyNme > span {
            line-height: 18px !important;
        }

        .menu-copyright span {
            color: #919191;
            font-size: 12px;
            letter-spacing: .5px;
        }

            .menu-copyright span > a {
                color: #919191;
            }

        .labelbold {
            font-weight: 500;
        }

        .title-div_cnt {
            font-size: 14px;
        }

        #LblUserName {
            font-size: 13px !important;
            padding: 5px 4px !important;
        }

        #lblUser_list > li {
            padding: 3px 10px !important;
        }

        #nav-list_profile-div {
            top: 67px !important;
        }

        #ucmenu1_menu > ul > li > ul > li > span.nav_plus i {
            font-size: 10px;
            color: #ffffffb3;
            right: -190px !important;
        }

        .nav_plus i {
            position: absolute;
            font-size: 10px;
            top: 2px;
            right: -206px !important;
        }

        .companyNme > span {
            font-variant: none !important;
            font-size: 20px !important;
        }

        .slide-left, .slide-right {
            display: none;
        }

        #ucmenu1_menu, #ucmenu1_menu > ul > li {
            position: relative;
        }


        .mob-logo {
            background: #fff;
            border-radius: 10px;
            padding: 15px 15px;
            margin: 30px 0 10px;
            width: 100px;
            margin: 0 auto 20px;
        }

        #ucmenu1_menu > ul > li > a > span.nav_plus {
            position: absolute;
            color: #fff;
            right: 18px;
            top: 10px;
        }

        #ucmenu1_menu > ul > li > ul > li > a > span.nav_plus {
            position: absolute;
            color: #fff;
            right: 0px;
            top: 0px;
        }

        .header-div {
            z-index: 2;
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            box-shadow: 0px 0px 16px #3333331f;
        }



        .login-div_form_input label {
            font-size: 13px;
        }


        #ucmenu1_menu > ul {
            width: 230px !important;
        }

            #ucmenu1_menu > ul > li > ul > li > a {
                color: #fff;
                padding: 3px 10px !important
            }

            #ucmenu1_menu > ul > li > a {
                font-size: 14px !important;
                white-space: normal !important;
                margin-right: 0 !important;
            }

            #ucmenu1_menu > ul:first-child > li > ul > li a {
                font-size: 12px;
                font-weight: 500;
                line-height: 19px;
                letter-spacing: .5px;
                color: #919191;
                transition: var(--ts);
            }

            #ucmenu1_menu > ul:first-child > li > ul > li:hover > a, #ucmenu1_menu > ul:first-child > li > ul > li > ul > li:hover > a, li.show > a {
                /* color: #4d65d9 !important; */
                color: white;
            }


            #ucmenu1_menu > ul:first-child > li > ul > li > ul > li > ul > li > a {
                padding: 0 4px !important;
            }

            #ucmenu1_menu > ul:first-child {
                display: grid !important;
            }

            #ucmenu1_menu > ul > li > ul > li > ul > li > ul {
                position: relative !important;
                background: transparent !important;
                border: none !important;
            }

            #ucmenu1_menu > ul:first-child > li > ul, #ucmenu1_menu > ul:first-child > li > ul > li > ul {
                display: none;
                line-height: 26px;
                background: transparent !important;
                position: relative !important;
                top: 0px !important;
                border: 0 !important;
            }

            #ucmenu1_menu > ul:first-child > li > ul {
                padding: 0 6px !important;
            }


            #ucmenu1_menu > ul > li > ul::before {
                display: none;
                border: 0
            }



        .navbar {
            width: 260px;
            padding: 0 0 !important;
            left: 0;
            position: fixed;
            top: 0;
            height: -webkit-fill-available;
            z-index: 1;
            overflow-y: scroll;
            display: none !important;
            transition: .5s all ease-in-out;
        }

        .menu-div {
            margin-top: 100px;
        }

        .nav-lst_pro_img {
            border-radius: 0 !important;
        }

        .menu-icon-div {
            width: 35px;
            background: var(--dark-theme);
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
        }

        .logo-div {
            width: 100%;
        }

        .navbar.d-block {
            display: block !important;
            z-index: 9;
            position: fixed;
        }

        #Image1 {
            width: 200px;
        }

        #ucmenu1_menu > ul > li ul {
            left: 0 !important;
        }

        #ucmenu1_menu > ul > li > ul > li > span.nav_plus i {
            top: 8px !important;
            color: #fff !important;
            font-size: 9px;
        }

        #ucmenu1_menu > ul > li > ul > li > ul > li > span.nav_plus i {
            top: 24px !important;
            font-size: 12px;
        }


        .menu-icon-div > svg {
            fill: #5a6485;
            width: 30px;
        }

        .nav-lst {
            gap: 0px !important;
        }
    }

    @media only screen and (max-width: 568px) {
        .dropdowns, .textbs {
            height: 28px !important;
        }

        .companyNme > span {
            font-size: 17px !important;
            line-height: 20px;
        }

        #ucmenu1_menu > ul > li > ul > li > ul > li > span.nav_plus i {
            top: 24px !important;
            font-size: 12px;
        }

        #ucmenu1_menu, #ucmenu1_menu > ul > li {
            position: relative;
        }

            #ucmenu1_menu > ul:first-child > li.show > a {
                padding: 10px 10px !important;
                /* background: var(--primary-bg-color);  */
                border-radius: 8px;
                color: #4d65d9 !important;
            }

        .nav-lst {
            gap: 4px !important;
        }

        .slide-left, .slide-right {
            display: none;
        }

        .form-div_btn input[type="submit"] {
            min-width: 70px;
        }

        .nav-link-badge {
            font-size: 8px;
            margin-left: -9px;
            margin-top: -9px;
        }

        .nav-lst_alert > a, .nav-lst_msg > a {
            display: block;
            width: 18px !important;
        }

        .nav-lst_alert, .nav-lst_msg {
            width: auto;
        }

        .nav-lst_pro_img {
            width: 30px;
            height: 30px;
        }
    }

    @media only screen and (max-width: 700px) {
        .modal-contentImg {
            width: 100%;
        }
    }
}

#ulmenu > li:hover a {
    color: #ffffff;
}

#ulmenu > li:hover > .nav_plus > i {
    color: #ffffff !important;
    rotate: 180deg !important;
    transition: 0.5s !important;
}

#ulmenu > li:hover .nav_plus i {
    color: #4d65d9;
    rotate: 360deg;
    transition: 0.5s;
    font-size: 12px;
}

#ulmenu > li:hover ul a {
    color: #6a717c;
}

.slide-left:hover i, .slide-right:hover i {
    color: #181717;
}

#ulmenu > li > ul > li:hover > ul > li .nav_plus i {
    color: #131212 !important;
    rotate: 0deg;
    transition: 0.5s;
    /* margin-top: 6px; */
}

#ulmenu > li > ul > li > ul > li:hover .nav_plus i {
    color: #050505 !important;
    rotate: 90deg;
    transition: 0.5s;
    /* margin-top: 6px; */
}

#ulmenu > li > ul > li > ul > li:hover .nav_plus i {
    color: #f1f1f1 !important;
    rotate: 90deg;
    transition: 0.5s;
    /* margin-top: 6px; */
}

@media(max-width:768px) {
    #ulmenu > li > ul > li:hover .nav_plus i {
        color: #ffffff !important;
        rotate: 0deg !important;
        transition: 0.5s;
        /* margin-top: 6px; */
    }
}

#ulmenu > li > ul > li > .nav_plus i {
    color: #292828 !important;
    rotate: 90deg;
    transition: 0.5s;
    /* margin-top: 6px; */
}

#ulmenu > li > ul > li:hover > .nav_plus i {
    color: white !important;
    rotate: 90deg;
}

/*source new Css*/
.menuss {
    overflow: hidden;
    margin-left: 57px;
    margin-right: 57px;
}