@charset "utf-8";
/* CSS Document */

/* Import fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Ruda:400,700');
@import url('https://fonts.googleapis.com/css?family=Coda:400,800');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700');

@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Quattrocento:400,700');
@import url('https://fonts.googleapis.com/css?family=Patua+One');

@import url('https://fonts.googleapis.com/css?family=Baloo+Thambi');

@import url('https://fonts.googleapis.com/css?family=Scada:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=KoHo:wght@300;500&family=Merriweather:wght@300;700&family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

.fontUbuntu {font-family: 'Ubuntu', sans-serif !important;}
.fontRubik {font-family: 'Rubik', sans-serif !important;}


.fontCourierPrime{font-family:"Courier Prime",Arial,sans-serif !important;}
.fontOpenSans{font-family:"Open Sans",Arial,sans-serif !important;}
.fontRoboto{font-family:Roboto,Arial,sans-serif !important;}
.fontRobotoCondensed{font-family: 'Roboto Condensed',Arial,sans-serif !important;}
.fontBarlowCondensed{font-family: 'Barlow Condensed',Arial,sans-serif !important;}
.fontAsapCondensed{font-family: 'Asap Condensed',Arial,sans-serif !important;}
.fontRuda{font-family:"Ruda",Arial,sans-serif !important;}
.fontDroidSans{font-family:"Droid Sans",Arial,sans-serif !important;}
.fontQuattrocento{font-family:"Quattrocento",Arial,sans-serif !important;}
.fontPatuaOne{font-family:"Patua One",Arial,sans-serif !important;}
.fontCoda{font-family: 'Coda',cursive,Arial,sans-serif !important;}
.fontNunito{font-family: 'Nunito', Arial, sans-serif !important;}
.fontScada{font-family: 'Scada', Arial, sans-serif !important;}
.fontNotoSans{font-family: 'Noto Sans', Arial, sans-serif !important;}
.fontGoldman{font-family: 'Goldman', cursive !important;}
.fontMerriweather{font-family: 'Merriweather', serif !important;}
.fontPtSans{font-family: 'PT Sans', sans-serif !important;}
.fontKoHo{font-family: 'KoHo', sans-serif !important;}
.fontVarelaRound{font-family: 'Varela Round', sans-serif !important;}*/


.fontBold{font-weight:bold;}
.fontWet400{font-weight:400;}
.fontWet500{font-weight:500;}
.fontWet600{font-weight:600;}
.fontWet700{font-weight:700;}

.fontSize10{font-size: 10px;}
.fontSize11{font-size: 11px;}
.fontSize12{font-size: 12px;}
.fontSize13{font-size: 13px;}
.fontSize14{font-size: 14px;}
.fontSize15{font-size: 15px;}
.fontSize16{font-size: 16px;}
.fontSize17{font-size: 17px;}
.fontSize18{font-size: 18px;}

.letterSpacing1px {letter-spacing: 1px;}
.letterSpacing2px {letter-spacing: 2px;}
.letterSpacing3px {letter-spacing: 3px;}

.avoidFlicker, .avoidDocumentFlicker {
    visibility: hidden;
}

html {
  scroll-behavior: smooth;
}    

/*Start Table Col Resize Functions ==========================================*/
.table.table-col-resizable th {
    position: relative;
    user-select: none;
}

.col_resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
}

.col_resizer:hover,
.col_resizing {
    border-right: 1px solid #A0A0A0;
}

.col_dragging {
    background-color: #f0f0f0;
}
/*End Table Col Resize Functions ==========================================*/


/*Bootstrap button focus draw outline border*/
.btn:focus { 
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(25,112,205, .35);            
    border-style: solid;
    border-color: rgb(255,255,255);
}            

button.btn:hover, a.btn[role=button]:hover {
    box-shadow: none !important;
    border: 1px solid #607d8b !important;
}

/*.btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-font-size: 0.95rem;
    --bs-btn-border-radius: 0.25rem;
}    */
.table-sm .btn-sm {
    /*--bs-btn-padding-y: 0.175rem;*/
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-font-size: 0.87rem;
    --bs-btn-border-radius: 0.25rem;
    margin: 0.12rem 0rem;
}    
.table-sm .form-check-input, .table-sm .form-check-label {
    margin-bottom: 0rem !important;
}

.table-sm > :not(caption) > * > *, .table-sm .table > :not(caption) > * > * {
    padding: .055rem .25rem;
}
.table-sm table > tbody > tr > td {
    padding: 0rem .25rem !important;
}    
.table-sm span.badge {
    padding: 0.24em 0.65em;
}


.table-sm .input-group {
    padding: 0rem 0rem !important;
}
.table-sm .form-control-sm {
    min-height: calc(0.5em + .5rem + 2px);
    padding: .1rem .5rem;
    font-size: 0.92rem;
    margin: 0.12rem 0rem !important;
}
.table-sm .input-group-text {
    min-height: calc(0.5em + .5rem + 2px);
    padding: .1rem .5rem;
    font-size: .875rem;
    margin: 0.12rem 0rem 0.12rem -1px !important;
}

.table-sm select.form-control-sm + .select2 .select2-selection {
    min-height: 1.85rem !important;
    margin: 0.12rem 0rem !important;
}



.table-sm .input-group-text.selMasterRefreshBtn {
    min-height: calc(0.5em + .5rem + 2px);
    padding: .1rem .5rem;
    font-size: .875rem;
    margin: 0rem 0rem 0rem -1px !important;
    
}
.table-sm .input-group select.form-control-sm + .select2 .select2-selection {
    min-height: 1.55rem !important;
    /*margin: 0.12rem 0rem !important;*/
}
.table-sm .input-group select.form-control-sm + .select2  .select2-selection__rendered {
    line-height: 1.45rem;
    margin: 0rem .10rem !important;
}
.table-sm .input-group .select2-container--default .select2-selection--single .select2-selection__arrow,
.table-sm .input-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.table-sm .input-group .select2-selection__arrow {
    line-height: 1.55rem;
    margin: 0rem .10rem !important;
    height: 1.5rem !important;
    /*padding: .1rem .5rem;*/
}

/*------------------------------------------------------*/

thead tr th {
  font-weight:500 !important;
}

tfoot tr td {
  font-weight:500 !important;
}

.cs-text-shadow{
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25) !important;
}
.cs-text-shadow-sm{
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.20) !important;
}
.cs-text-shadow-white{
  text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.25) !important;
}

.textDecorationNone a{text-decoration:none;}
.hoverLinkClrYellow a:hover{color:yellow;}
.textOverflowEllipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.textOverflowEllipsisLine2{
    text-align:left; 
    line-height:19.6px; 
    height:39.2px; 
    overflow:hidden; 
    display:-webkit-box; 
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}

.gap{height:10px;}
.clr{clear:both;}

.borderBlack{border:1px solid #000;}
.borderA0{border:1px solid #A0A0A0;}
.borderB0{border:1px solid #B0B0B0;}
.borderC0{border:1px solid #C0C0C0;}
.borderD0{border:1px solid #D0D0D0;}
.borderE0{border:1px solid #E0E0E0;}
.borderF0{border:1px solid #F0F0F0;}
.borderF9{border:1px solid #F9F9F9;}
.borderFC{border:1px solid #FcFcFc;}

.bdrClrA0{border-color: #A0A0A0 !important;}
.bdrClrB0{border-color: #B0B0B0 !important;}
.bdrClrC0{border-color: #C0C0C0 !important;}
.bdrClrD0{border-color: #D0D0D0 !important;}
.bdrClrE0{border-color: #E0E0E0 !important;}
.bdrClrF0{border-color: #F0F0F0 !important;}
.bdrClrF9{border-color: #F9F9F9 !important;}
.bdrClrFC{border-color: #FcFcFc !important;}

.bgclrA0{background-color: #A0A0A0;}
.bgclrB0{background-color: #B0B0B0;}
.bgclrC0{background-color: #C0C0C0;}
.bgclrD0{background-color: #D0D0D0;}
.bgclrE0{background-color: #E0E0E0;}
.bgclrF0{background-color: #F0F0F0;}
.bgclrF5{background-color: #F5F5F5;}
.bgclrF9{background-color: #F9F9F9;}
.bgclrFC{background-color: #FcFcFc;}

.clrA0{color: #A0A0A0;}
.clrB0{color: #B0B0B0;}
.clrC0{color: #C0C0C0;}
.clrD0{color: #D0D0D0;}
.clrE0{color: #E0E0E0;}
.clrF0{color: #F0F0F0;}
.clrF5{color: #F5F5F5;}
.clrF9{color: #F9F9F9;}
.clrFC{color: #FcFcFc;}

.cursorPointer{cursor:pointer !important;}

.margin0, .cs-m0{margin:0px !important;}
.margin3, .cs-m3{margin:3px !important;}
.margin5, .cs-m5{margin:5px !important;}
.margin10, .cs-m10{margin:10px !important;}
.margin15, .cs-m15{margin:15px !important;}

.cs-mx0{margin-left:0px !important; margin-right:0px !important}
.cs-mx5{margin-left:5px !important; margin-right:5px !important}
.cs-mx10{margin-left:10px !important; margin-right:10px !important}
.cs-mx15{margin-left:15px !important; margin-right:15px !important}
.cs-mx20{margin-left:20px !important; margin-right:20px !important}
.cs-mx25{margin-left:25px !important; margin-right:25px !important}

.cs-my0{margin-top:0px !important; margin-bottom:0px !important}
.cs-my5{margin-top:5px !important; margin-bottom:5px !important}
.cs-my10{margin-top:10px !important; margin-bottom:10px !important}
.cs-my15{margin-top:15px !important; margin-bottom:15px !important}
.cs-my20{margin-top:20px !important; margin-bottom:20px !important}
.cs-my25{margin-top:25px !important; margin-bottom:25px !important}

.marginTop0, .cs-mt0{margin-top:0px !important;}
.marginTop5, .cs-mt5{margin-top:5px !important;}
.marginTop10, .cs-mt10{margin-top:10px !important;}
.marginTop15, .cs-mt15{margin-top:15px !important;}
.marginTop20, .cs-mt20{margin-top:20px !important;}
.marginTop25, .cs-mt25{margin-top:25px !important;}

.marginRight0, .cs-mr0{margin-right:0px !important}
.marginRight5, .cs-mr5{margin-right:5px !important}
.marginRight10, .cs-mr10{margin-right:10px !important}
.marginRight15, .cs-mr15{margin-right:15px !important}
.marginRight20, .cs-mr20{margin-right:20px !important}
.marginRight25, .cs-mr25{margin-right:25px !important}

.marginBottom0, .cs-mb0{margin-bottom:0px !important}
.marginBottom5, .cs-mb5{margin-bottom:5px !important}
.marginBottom10, .cs-mb10{margin-bottom:10px !important}
.marginBottom15, .cs-mb15{margin-bottom:15px !important}
.marginBottom100, .cs-mb100{margin-bottom:100px !important}

.marginLeft0, .cs-ml0{margin-left:0px !important}
.marginLeft5, .cs-ml5{margin-left:5px !important}
.marginLeft10, .cs-ml10{margin-left:10px !important}
.marginLeft15, .cs-ml15{margin-left:15px !important}


.padding0, .cs-p0{padding:0px !important;}
.padding2, .cs-p2{padding:2px !important;}
.padding3, .cs-p3{padding:3px !important;}
.padding5, .cs-p5{padding:5px !important;}
.padding10, .cs-p10{padding:10px !important;}
.padding15, .cs-p15{padding:15px !important;}

.cs-px0{padding-left:0px !important; padding-right:0px !important}
.cs-px2{padding-left:2px !important; padding-right:2px !important}
.cs-px4{padding-left:4px !important; padding-right:4px !important}
.cs-px5{padding-left:5px !important; padding-right:5px !important}
.cs-px10{padding-left:10px !important; padding-right:10px !important}
.cs-px15{padding-left:15px !important; padding-right:15px !important}

.cs-py0{padding-top:0px !important; padding-bottom:0px !important}
.cs-py2{padding-top:2px !important; padding-bottom:2px !important}
.cs-py4{padding-top:4px !important; padding-bottom:4px !important}
.cs-py5{padding-top:5px !important; padding-bottom:5px !important}
.cs-py10{padding-top:10px !important; padding-bottom:10px !important}
.cs-py15{padding-top:15px !important; padding-bottom:15px !important}

.paddingTop0, .cs-pt0{padding-top:0px !important;}
.paddingTop2, .cs-pt2{padding-top:2px !important;}
.paddingTop4, .cs-pt4{padding-top:3px !important;}
.paddingTop5, .cs-pt5{padding-top:5px !important;}
.paddingTop10, .cs-pt10{padding-top:10px !important;}
.paddingTop15, .cs-pt15{padding-top:15px !important;}

.paddingRight0, .cs-pr0{padding-right:0px !important}
.paddingRight5, .cs-pr5{padding-right:5px !important}
.paddingRight10, .cs-pr10{padding-right:10px !important}
.paddingRight15, .cs-pr15{padding-right:15px !important}
.paddingRight20, .cs-pr20{padding-right:20px !important}
.paddingRight25, .cs-pr25{padding-right:25px !important}
.paddingRight30, .cs-pr30{padding-right:30px !important}

.paddingBottom0, .cs-pb0{padding-bottom:0px !important}
.paddingBottom5, .cs-pb5{padding-bottom:5px !important}
.paddingBottom10, .cs-pb10{padding-bottom:10px !important}
.paddingBottom15, .cs-pb15{padding-bottom:15px !important}

.paddingLeft0, .cs-pl0{padding-left:0px !important}
.paddingLeft5, .cs-pl5{padding-left:5px !important}
.paddingLeft10, .cs-pl10{padding-left:10px !important}
.paddingLeft15, .cs-pl15{padding-left:15px !important}
.paddingLeft20, .cs-pl20{padding-left:20px !important}
.paddingLeft25, .cs-pl25{padding-left:25px !important}
.paddingLeft30, .cs-pl30{padding-left:30px !important}

.hoverZoom:hover{transform:scale(1.1,1.1);transition:all 0.2s ease;}
.hoverImgZoom:hover img{transform:scale(1.1,1.1);transition:all 0.2s ease;}

.widthPerc20{width:20%;}
.widthPerc25{width:25%;}
.widthPerc50{width:50%;}
.widthPerc100{width:100%;}

.containerSameSize20 {position: relative; width:20%; padding-top: 20%; /* 1:1 Aspect Ratio */}
.containerSameSize25 {position: relative; width:25%; padding-top: 25%; /* 1:1 Aspect Ratio */}
.containerSameSize50 {position: relative; width:50%; padding-top: 50%; /* 1:1 Aspect Ratio */}
.containerSameSize100 {position: relative; width:100%; padding-top: 100%; /* 1:1 Aspect Ratio */}
.SameSize {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.aspectRatio20 {position:relative; width:20%; padding-top: 20%; /* 1:1 Aspect Ratio */}
.aspectRatio25 {position:relative; width:25%; padding-top: 25%; /* 1:1 Aspect Ratio */}
.aspectRatio50 {position:relative; width:50%; padding-top: 50%; /* 1:1 Aspect Ratio */}
.aspectRatio100{position:relative; width:100%; padding-top:100%; /* 1:1 Aspect Ratio */}


.cs-modal-content{
    border-radius: 5px;
}
.cs-modal-hdr{
    border-radius: 5px 5px 0px 0px;
    background-image: linear-gradient(180deg, rgb(94,165,223), rgb(64,135,193));
    color: white;
    border-bottom: 1px solid #ccc !important;
    font-size: 16px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 16px !important;
}
.cs-modal-body{
    max-height: 70vh !important;
    overflow: auto;
}
.cs-modal-ftr{
    background-color: #fcfcfc;
    border-radius: 0px 0px 5px 5px;
    border-top: 1px solid #ccc !important;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 16px !important;
}

.cs-col{float:left;width:100%}
.cs-col.xs1{width:4.1666%}
.cs-col.xs2{width:8.33333%}
.cs-col.xs3{width:12.4999%}
.cs-col.xs4{width:16.66666%}
.cs-col.xs5{width:20.8333%}
.cs-col.xs6{width:24.99999%}
.cs-col.xs7{width:29.1666%}
.cs-col.xs8{width:33.33333%}
.cs-col.xs9{width:37.4999%}
.cs-col.xs10{width:41.66666%}
.cs-col.xs11{width:45.8333%}
.cs-col.xs12{width:49.99999%}
.cs-col.xs13{width:54.1666%}
.cs-col.xs14{width:58.33333%}
.cs-col.xs15{width:62.4999%}
.cs-col.xs16{width:66.66666%}
.cs-col.xs17{width:70.8333%}
.cs-col.xs18{width:74.99999%}
.cs-col.xs19{width:79.1666%}
.cs-col.xs20{width:83.33333%}
.cs-col.xs21{width:87.4999%}
.cs-col.xs22{width:91.66666%}
.cs-col.xs23{width:95.8333%}
.cs-col.xs24{width:99.99999%}

@media only screen and (min-width:300px){
    .cs-col.s1{width:4.1666%}
    .cs-col.s2{width:8.33333%}
    .cs-col.s3{width:12.4999%}
    .cs-col.s4{width:16.66666%}
    .cs-col.s5{width:20.8333%}
    .cs-col.s6{width:24.99999%}
    .cs-col.s7{width:29.1666%}
    .cs-col.s8{width:33.33333%}
    .cs-col.s9{width:37.4999%}
    .cs-col.s10{width:41.66666%}
    .cs-col.s11{width:45.8333%}
    .cs-col.s12{width:49.99999%}
    .cs-col.s13{width:54.1666%}
    .cs-col.s14{width:58.33333%}
    .cs-col.s15{width:62.4999%}
    .cs-col.s16{width:66.66666%}
    .cs-col.s17{width:70.8333%}
    .cs-col.s18{width:74.99999%}
    .cs-col.s19{width:79.1666%}
    .cs-col.s20{width:83.33333%}
    .cs-col.s21{width:87.4999%}
    .cs-col.s22{width:91.66666%}
    .cs-col.s23{width:95.8333%}
    .cs-col.s24{width:99.99999%}
}

@media only screen and (min-width:500px){
    .cs-col.m1{width:4.1666%}
    .cs-col.m2{width:8.33333%}
    .cs-col.m3{width:12.4999%}
    .cs-col.m4{width:16.66666%}
    .cs-col.m5{width:20.8333%}
    .cs-col.m6{width:24.99999%}
    .cs-col.m7{width:29.1666%}
    .cs-col.m8{width:33.33333%}
    .cs-col.m9{width:37.4999%}
    .cs-col.m10{width:41.66666%}
    .cs-col.m11{width:45.8333%}
    .cs-col.m12{width:49.99999%}
    .cs-col.m13{width:54.1666%}
    .cs-col.m14{width:58.33333%}
    .cs-col.m15{width:62.4999%}
    .cs-col.m16{width:66.66666%}
    .cs-col.m17{width:70.8333%}
    .cs-col.m18{width:74.99999%}
    .cs-col.m19{width:79.1666%}
    .cs-col.m20{width:83.33333%}
    .cs-col.m21{width:87.4999%}
    .cs-col.m22{width:91.66666%}
    .cs-col.m23{width:95.8333%}
    .cs-col.m24{width:99.99999%}    
}
@media only screen and (min-width:700px){
    .cs-col.l1{width:4.1666%}
    .cs-col.l2{width:8.33333%}
    .cs-col.l3{width:12.4999%}
    .cs-col.l4{width:16.66666%}
    .cs-col.l5{width:20.8333%}
    .cs-col.l6{width:24.99999%}
    .cs-col.l7{width:29.1666%}
    .cs-col.l8{width:33.33333%}
    .cs-col.l9{width:37.4999%}
    .cs-col.l10{width:41.66666%}
    .cs-col.l11{width:45.8333%}
    .cs-col.l12{width:49.99999%}
    .cs-col.l13{width:54.1666%}
    .cs-col.l14{width:58.33333%}
    .cs-col.l15{width:62.4999%}
    .cs-col.l16{width:66.66666%}
    .cs-col.l17{width:70.8333%}
    .cs-col.l18{width:74.99999%}
    .cs-col.l19{width:79.1666%}
    .cs-col.l20{width:83.33333%}
    .cs-col.l21{width:87.4999%}
    .cs-col.l22{width:91.66666%}
    .cs-col.l23{width:95.8333%}
    .cs-col.l24{width:99.99999%}  
}
@media only screen and (min-width:900px){
    .cs-col.xl1{width:4.1666%}
    .cs-col.xl2{width:8.33333%}
    .cs-col.xl3{width:12.4999%}
    .cs-col.xl4{width:16.66666%}
    .cs-col.xl5{width:20.8333%}
    .cs-col.xl6{width:24.99999%}
    .cs-col.xl7{width:29.1666%}
    .cs-col.xl8{width:33.33333%}
    .cs-col.xl9{width:37.4999%}
    .cs-col.xl10{width:41.66666%}
    .cs-col.xl11{width:45.8333%}
    .cs-col.xl12{width:49.99999%}
    .cs-col.xl13{width:54.1666%}
    .cs-col.xl14{width:58.33333%}
    .cs-col.xl15{width:62.4999%}
    .cs-col.xl16{width:66.66666%}
    .cs-col.xl17{width:70.8333%}
    .cs-col.xl18{width:74.99999%}
    .cs-col.xl19{width:79.1666%}
    .cs-col.xl20{width:83.33333%}
    .cs-col.xl21{width:87.4999%}
    .cs-col.xl22{width:91.66666%}
    .cs-col.xl23{width:95.8333%}
    .cs-col.xl24{width:99.99999%}  
}

@media only screen and (min-width:1100px){
    .cs-col.xxl1{width:4.1666%}
    .cs-col.xxl2{width:8.33333%}
    .cs-col.xxl3{width:12.4999%}
    .cs-col.xxl4{width:16.66666%}
    .cs-col.xxl5{width:20.8333%}
    .cs-col.xxl6{width:24.99999%}
    .cs-col.xxl7{width:29.1666%}
    .cs-col.xxl8{width:33.33333%}
    .cs-col.xxl9{width:37.4999%}
    .cs-col.xxl10{width:41.66666%}
    .cs-col.xxl11{width:45.8333%}
    .cs-col.xxl12{width:49.99999%}
    .cs-col.xxl13{width:54.1666%}
    .cs-col.xxl14{width:58.33333%}
    .cs-col.xxl15{width:62.4999%}
    .cs-col.xxl16{width:66.66666%}
    .cs-col.xxl17{width:70.8333%}
    .cs-col.xxl18{width:74.99999%}
    .cs-col.xxl19{width:79.1666%}
    .cs-col.xxl20{width:83.33333%}
    .cs-col.xxl21{width:87.4999%}
    .cs-col.xxl22{width:91.66666%}
    .cs-col.xxl23{width:95.8333%}
    .cs-col.xxl24{width:99.99999%}  
}

.cs-row-padding,.cs-row-padding>.cs-col{padding:0 8px}
.cs-row:after,.cs-row-padding:after{content:"";display:table;clear:both}


.cs-container:after,.cs-container:before{content:"";display:table;clear:both}
.cs-container{padding:0.01em 16px}
@media only screen and (max-width:600px){
    .cs-container{padding:0.01em 0px}
}

.cs-red{background-color: rgb(255,108,96); color: white;}
.cs-dark-red{background-color: rgb(229,97,85); color: white;}
.cs-green{background-color: rgb(169,217,108); color: white;}
.cs-dark-green{background-color: rgb(153,194,98); color: white;}
.cs-blue{background-color: rgb(87,200,242); color: white;}
.cs-orange{background-color: rgb(252,179,34); color: white;}
.cs-yellow{background-color: rgb(248,211,71); color: white;}
.cs-aqua{background-color: rgb(108,202,201); color: white;}
.cs-purple{background-color: rgb(128,117,196); color: white;}

.cs-gd-white{background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;  color: black;}
.cs-gd-red{background-image: linear-gradient(180deg, rgb(255,108,96), rgb(225,78,66)); color: white;}
.cs-gd-dark-red{background-image: linear-gradient(180deg, rgb(229,97,85), rgb(219,87,75));  color: white;}
.cs-gd-green{background-image: linear-gradient(180deg, rgb(169,217,108), rgb(139,187,78));  color: white;}
.cs-gd-dark-green{background-image: linear-gradient(180deg, rgb(153,194,98), rgb(123,164,68));  color: white;}
.cs-gd-blue{background-image: linear-gradient(180deg, rgb(87,200,242), rgb(57,170,212));  color: white;}
.cs-gd-orange{background-image: linear-gradient(180deg, rgb(252,179,34), rgb(222,149,4));  color: white;}
.cs-gd-yellow{background-image: linear-gradient(180deg, rgb(248,211,71), rgb(218,181,41));  color: white;}
.cs-gd-aqua{background-image: linear-gradient(180deg, rgb(108,202,201), rgb(78,104,171));  color: white;}
.cs-gd-purple{background-image: linear-gradient(180deg, rgb(128,117,196), rgb(98,87,166));  color: white;}

.cs-gd-white2{background-image: linear-gradient(180deg, rgb(225,234,237), rgb(248,249,249)) !important;  color: black;}
.cs-gd-white3{background-image: linear-gradient(180deg, rgb(251,252,252), rgb(240,250,255)) !important;  color: black;}
.cs-gd-red2{background-image: linear-gradient(180deg, rgb(225,78,66), rgb(255,108,96)); color: white;}
.cs-gd-green2{background-image: linear-gradient(180deg, rgb(139,187,78), rgb(169,217,108));  color: white;}

.cs-gd-sliver{background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;  color: black;}
.cs-gd-sliver2{background-image: linear-gradient(180deg, rgb(215,224,227), rgb(248,249,249)) !important;  color: black;}

.cs-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.cs-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
.csAcrdanBtnGroup {background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)); cursor: pointer; margin-top: -1px; border: 1px solid rgb(150,150,150); border-radius: 3px 3px 0px 0px;}
.cs-accordion-content{cursor:auto;display:none;}
.cs-accordion-content a{text-decoration:none!important; padding:6px 16px; display:block; -webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s; transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
.cs-accordion-content a:hover{background-color:#ccc}
.cs-padding-0{padding:0!important}
.cs-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.cs-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.cs-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.cs-padding-top{padding-top:8px!important}
.cs-padding-bottom{padding-bottom:8px!important}
.cs-padding-left{padding-left:16px!important}
.cs-padding-right{padding-right:16px!important}
.cs-margin-0{margin:0!important}
.cs-round{border-radius: 255px 255px 255px 255px !important;}

/* Product List css*/
.prodListHeading{
    font-family:"Coda",Arial,sans-serif;
    background-color:#F7F7F7;
}
.prodListViewAllBtn{
    font-family:"Coda",Arial,sans-serif;
    font-size:15px;
}
/*-----------------------*/
.prodBoxSlider{width:100%; padding:15px !important;}
.prodBoxSlider:hover{}
.prodBoxSlider .prodDescription{width:100%;}
.prodBoxSlider .prodTitle{font-size:15px; font-weight: 500; color:#5A5A5A; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.prodBoxSlider .prodSellPrice{font-size:16px; color:#B12704; font-weight:500;}
.prodBoxSlider .prodMRP{font-size:14px;}
.prodBoxSlider .prodPerDisc{font-size:13px; margin-top: 5px; font-weight: 500;}

.prodBoxSlider>.prodImgBox {
    height: 210px;
}

@media screen and (min-width:300px){.prodBoxSlider .prodImgBox {height: 90px;}}
@media screen and (min-width:600px){.prodBoxSlider .prodImgBox {height: 120px;}}
@media screen and (min-width:900px){.prodBoxSlider .prodImgBox {height: 150px;}}
@media screen and (min-width:1200px){.prodBoxSlider .prodImgBox {height: 180px;}}
@media screen and (min-width:1500px){.prodBoxSlider .prodImgBox {height: 210px;}}
@media screen and (min-width:1800px){.prodBoxSlider .prodImgBox {height: 240px;}}
@media screen and (min-width:2100px){.prodBoxSlider .prodImgBox {height: 270px;}}


@media screen and (max-width:400px){
    .prodBoxSlider .prodTitle{font-size:13px;}
    .prodBoxSlider .prodSellPrice{font-size:14px;}
    .prodBoxSlider .prodMRP{font-size:12px;}
    .prodBoxSlider .prodPerDisc{font-size:11px;}
}

@media screen and (max-width:200px){
    .prodBoxSlider .prodTitle{font-size:12px;}
    .prodBoxSlider .prodSellPrice{font-size:13px;}
    .prodBoxSlider .prodMRP{font-size:11px;}
    .prodBoxSlider .prodPerDisc{font-size:10px;}
}
/*-----------------------*/
.prodBox{width:360px;padding:15px !important; border:1px solid #FaFaFa;}
.prodBox:hover{}
.prodTitle{font-size:15px; font-weight: 500; color:#5A5A5A; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.prodSellPrice{font-size:16px; color:#B12704; font-weight:500;}
.prodMRP{font-size:14px;}
.prodPerDisc{font-size:13px; margin-top: 5px; font-weight: 500;}

/*
@media screen and (max-width:2520px){.prodBox{width:14.285%;}}
@media screen and (max-width:2160px){.prodBox{width:16.666%;}}
@media screen and (max-width:1800px){.prodBox{width:20%;}}
@media screen and (max-width:1440px){.prodBox{width:25%;}}
@media screen and (max-width:1080px){.prodBox{width:33.33%;}}
@media screen and (max-width:720px){.prodBox{width:50%;}}
@media screen and (max-width:360px){.prodBox{width:100%;}}
*/

@media screen and (max-width:2100px){.prodBox{width:14.285%;}}
@media screen and (max-width:1800px){.prodBox{width:16.666%;}}
@media screen and (max-width:1500px){.prodBox{width:20%;}}
@media screen and (max-width:1200px){.prodBox{width:25%;}}
@media screen and (max-width:900px){.prodBox{width:33.33%;}}
@media screen and (max-width:600px){.prodBox{width:50%; border:1px solid #F6F6F6;}}
@media screen and (max-width:300px){.prodBox{width:100%; border:1px solid #F6F6F6;}}


@media screen and (max-width:400px){
    .prodTitle{font-size:13px;}
    .prodSellPrice{font-size:14px;}
    .prodMRP{font-size:12px;}
    .prodPerDisc{font-size:11px;}
}

@media screen and (max-width:200px){
    .prodTitle{font-size:12px;}
    .prodSellPrice{font-size:13px;}
    .prodMRP{font-size:11px;}
    .prodPerDisc{font-size:10px;}
}
/*-----------------------*/

.cs-shadow{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
}
.cs-shadow2{
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05), 0 2px 15px 0 rgba(50,50,50,.05);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05), 0 2px 15px 0 rgba(50,50,50,.05);
}

.cs-grey2{color: #FFFFFF !important; background-color: rgb(77,103,135) !important;}
.cs-grey3{color: #000000 !important; background-color: rgb(215,237,248) !important;}
.cs-grey4{color: #000000 !important; background-color: rgb(225,247,258) !important;}
.cs-grey5{color: #000000 !important; background-color: rgb(240,242,245) !important;}

.table {
    --bs-table-striped-bg: rgba(0, 150, 70, 0.03);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.09);
}
    
.tblHdrClr {
    color: #000000 !important;
    background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;
    border-bottom: 1px solid rgb(185,194,197);
}
.tblFtrClr {
    color: #000000 !important;
    background-image: linear-gradient(180deg, rgb(225,234,237), rgb(240,241,241)) !important;
    border-top: 2px solid rgb(205,214,217);
}

.tblVAlignMiddle > table > tbody > tr > td{vertical-align : middle !important;}
.limitColWidth th, .limitColWidth td{
    word-wrap: break-word;    
    max-width: 300px;
}

.tblFrzCol1 > thead > tr > th:nth-child(1) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;    
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol1 > tfoot > tr > td:nth-child(1) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(225,234,237), rgb(240,241,241)) !important;
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol1 > tbody > tr > td:nth-child(1) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-color: rgba(255,255,250,1) !important;
    /*border-right: 3px solid rgb(130,130,130) !important;*/
    /*background-color: inherit !important;*/
    z-index: 1 !important;
    
    /*box-shadow: inset 0 0 0 #000000, inset -1px 0 0 #AAAAAA !important;*/
}

.tblFrzCol2 > thead > tr > th:nth-child(2) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;    
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol2 > tfoot > tr > td:nth-child(2) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(225,234,237), rgb(240,241,241)) !important;
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol2 > tbody > tr > td:nth-child(2) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-color: rgba(255,255,250,1) !important;
    /*border-right: 3px solid rgb(130,130,130) !important;*/
    /*background-color: inherit !important;*/
    z-index: 1 !important;
}

.tblFrzCol3 > thead > tr > th:nth-child(3) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(248,249,249), rgb(225,234,237)) !important;    
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol3 > tfoot > tr > td:nth-child(3) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-image: linear-gradient(180deg, rgb(225,234,237), rgb(240,241,241)) !important;
    /*border-right: 1px solid rgb(130,130,130) !important;*/
    z-index: 3 !important;
}
.tblFrzCol3 > tbody > tr > td:nth-child(3) {  
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-color: rgba(255,255,250,1) !important;
    /*border-right: 3px solid rgb(130,130,130) !important;*/
    /*background-color: inherit !important;*/
    z-index: 1 !important;
}

.tblFrzHdr thead{
    z-index: 100 !important;
}
.tblFrzHdr-WithoutRowHeighlight thead{
    z-index: 100 !important;
}

.frzCtrlTop{
    z-index: 100 !important;
}

.cs-nowrap-text{
    overflow:hidden; 
    white-space:nowrap !important;
}

.cs-nowrap{
    max-width: 200px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}

.cs-nowrap-cell-th > tbody > tr > th{
    max-width: 200px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}

.cs-nowrap-cell > tbody > tr > td:not(.cs-nowrap-cell-w-full, .cs-nowrap-cell-w-300, .cs-nowrap-cell-w-400, .cs-nowrap-cell-w-500){
    max-width: 200px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}
.cs-nowrap-cell > tbody > tr > td.cs-nowrap-cell-w-full {
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}
.cs-nowrap-cell > tbody > tr > td.cs-nowrap-cell-w-300 {
    max-width: 300px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}
.cs-nowrap-cell > tbody > tr > td.cs-nowrap-cell-w-400 {
    max-width: 400px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}
.cs-nowrap-cell > tbody > tr > td.cs-nowrap-cell-w-500 {
    max-width: 500px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}


.cs-nowrap-cell-only > tbody > tr > td{
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap !important;
}

.cs-word-wrap-normal{word-wrap: normal !important;}
.cs-nowrap-normal{
    overflow:hidden; 
    white-space:nowrap !important;
}

.cs-row:after, .cs-row:before {content: ""; display: table; clear: both;}
.cs-col{float: left; width: 100%;}
.cs-rest {overflow: hidden;}

.cs-left-align {text-align: left !important;}
.cs-right-align {text-align: right !important;}
.cs-justify {text-align: justify !important;}
.cs-center {text-align: center !important;}

.cs-hide {display: none !important;}
.cs-show-block,.cs-show {display: block !important;}
.cs-show-inline-block {display: inline-block !important;}

.cs-tiny {font-size: 10px !important;}
.cs-small {font-size: 12px !important;}
.cs-medium {font-size: 15px !important;}
.cs-large {font-size: 18px !important;}
.cs-xlarge {font-size: 24px !important;}
.cs-xxlarge {font-size: 36px !important;}
.cs-xxxlarge {font-size: 48px !important;}
.cs-jumbo {font-size: 64px !important;}

.cs-border {border: 1px solid #ccc !important;}

.cs-topbar {border-top: 6px solid #ccc !important;}
.cs-bottombar {border-bottom: 6px solid #ccc !important;}
.cs-leftbar {border-left: 6px solid #ccc !important;}
.cs-rightbar {border-right: 6px solid #ccc !important;}

/* Colors */
/*.cs-ctrl-lblcolour{color: rgb(130,130,130)}*/
.cs-ctrl-lblcolour{color: rgb(0,0,180)}
.cs-cream{background-color: rgb(253,253,250) !important}
.cs-dark-cream{background-color: rgb(250,250,247) !important}
.cs-amber, .cs-hover-amber:hover {color: #000 !important; background-color: #ffc107 !important;}
.cs-aqua, .cs-hover-aqua:hover {color: #000 !important; background-color: #00ffff !important;}
.cs-blue, .cs-hover-blue:hover {color: #fff !important; background-color: #2196f3 !important;}
.cs-light-blue, .cs-hover-light-blue:hover {color: #000 !important; background-color: #87ceeb !important;}
.cs-brown, .cs-hover-brown:hover {color: #fff !important; background-color: #795548 !important;}
.cs-cyan, .cs-hover-cyan:hover {color: #000 !important; background-color: #00bcd4 !important;}
.cs-blue-grey, .cs-hover-blue-grey:hover, .cs-blue-gray, .cs-hover-blue-gray:hover {color: #fff !important; background-color: #607d8b !important;}
.cs-green, .cs-hover-green:hover {color: #fff !important; background-color: #4caf50 !important;}
.cs-light-green, .cs-hover-light-green:hover {color: #000 !important; background-color: #8bc34a !important;}
.cs-indigo, .cs-hover-indigo:hover {color: #fff !important; background-color: #3f51b5 !important;}
.cs-khaki, .cs-hover-khaki:hover {color: #000 !important; background-color: #f0e68c !important;}
.cs-lime, .cs-hover-lime:hover {color: #000 !important; background-color: #cddc39 !important;}
.cs-orange, .cs-hover-orange:hover {color: #000 !important; background-color: #ff9800 !important;}
.cs-deep-orange, .cs-hover-deep-orange:hover {color: #fff !important; background-color: #ff5722 !important;}
.cs-pink, .cs-hover-pink:hover {color: #fff !important; background-color: #e91e63 !important;}
.cs-purple, .cs-hover-purple:hover {color: #fff !important; background-color: #9c27b0 !important;}
.cs-deep-purple, .cs-hover-deep-purple:hover {color: #fff !important; background-color: #673ab7 !important;}
.cs-red, .cs-hover-red:hover {color: #fff !important; background-color: #f44336 !important;}
.cs-sand, .cs-hover-sand:hover {color: #000 !important; background-color: #fdf5e6 !important;}
.cs-teal, .cs-hover-teal:hover {color: #fff !important; background-color: #009688 !important;}
.cs-yellow, .cs-hover-yellow:hover {color: #000 !important; background-color: #ffeb3b !important;}
.cs-white, .cs-hover-white:hover {color: #000 !important; background-color: #fff !important;}
.cs-black, .cs-hover-black:hover {color: #fff !important; background-color: #000 !important;}
.cs-grey, .cs-hover-grey:hover, .cs-gray, .cs-hover-gray:hover {color: #000 !important; background-color: #9e9e9e !important;}
.cs-light-grey, .cs-hover-light-grey:hover, .cs-light-gray, .cs-hover-light-gray:hover {color: #000 !important; background-color: #f1f1f1 !important;}
.cs-dark-grey, .cs-hover-dark-grey:hover, .cs-dark-gray, .cs-hover-dark-gray:hover {color: #fff !important; background-color: #616161 !important;}

.cs-pale-red, .cs-hover-pale-red:hover {color: #000 !important; background-color: rgb(255,221,221) !important;}
.cs-pale-green, .cs-hover-pale-green:hover {color: #000 !important; background-color: rgb(221,255,221) !important;}
.cs-pale-white-green, .cs-hover-pale-white-green:hover {color: #000 !important; background-color: rgb(240,248,242) !important;}
.cs-pale-light-green, .cs-hover-pale-white-green:hover {color: #000 !important; background-color: rgb(248,255,250) !important;}
.cs-pale-yellow, .cs-hover-pale-yellow:hover {color: #000 !important; background-color: rgb(255,255,204) !important;}
.cs-pale-white-yellow, .cs-hover-pale-white-yellow:hover {color: #000 !important; background-color: rgb(255,255,238) !important;}
.cs-pale-blue, .cs-hover-pale-blue:hover {color: #000 !important; background-color: rgb(221,255,255) !important;}
.cs-pale-orange, .cs-hover-pale-orange:hover {color: #000 !important; background-color: rgb(255,239,183) !important;}
.cs-pale-light-orange, .cs-hover-pale-light-orange:hover {color: #000 !important; background-color: rgb(253,240,221) !important;}
.cs-pale-indigo, .cs-hover-pale-indigo:hover {color: #000 !important; background-color: rgb(221,221,255) !important;}
.cs-pale-purple, .cs-hover-pale-purple:hover {color: #000 !important; background-color: rgb(255,221,255) !important;}
.cs-pale-gray, .cs-hover-pale-gray:hover {color: #000 !important; background-color: rgb(222,217,214) !important;}
.cs-pale-light-gray, .cs-hover-pale-gray:hover {color: #000 !important; background-color: rgb(242,237,234) !important;}

.cs-text-black, .cs-hover-text-black:hover {color: #000 !important;}
.cs-text-amber, .cs-hover-text-amber:hover {color: #ffc107 !important;}
.cs-text-aqua, .cs-hover-text-aqua:hover {color: #00ffff !important;}
.cs-text-blue, .cs-hover-text-blue:hover {color: #2196f3 !important;}
.cs-text-light-blue, .cs-hover-text-light-blue:hover {color: #87ceeb !important;}
.cs-text-brown, .cs-hover-text-brown:hover {color: #795548 !important;}
.cs-text-cyan, .cs-hover-text-cyan:hover {color: #00bcd4 !important;}
.cs-text-blue-grey, .cs-hover-text-blue-grey:hover, .cs-text-blue-gray, .cs-hover-text-blue-gray:hover {color: #607d8b !important;}
.cs-text-green, .cs-hover-text-green:hover {color: #4caf50 !important;}
.cs-text-light-green, .cs-hover-text-light-green:hover {color: #8bc34a !important;}
.cs-text-indigo, .cs-hover-text-indigo:hover {color: #3f51b5 !important;}
.cs-text-khaki, .cs-hover-text-khaki:hover {color: #b4aa50 !important;}
.cs-text-lime, .cs-hover-text-lime:hover {color: #cddc39 !important;}
.cs-text-orange, .cs-hover-text-orange:hover {color: #ff9800 !important;}
.cs-text-deep-orange, .cs-hover-text-deep-orange:hover {color: #ff5722 !important;}
.cs-text-pink, .cs-hover-text-pink:hover {color: #e91e63 !important;}
.cs-text-purple, .cs-hover-text-purple:hover {color: #9c27b0 !important;}
.cs-text-deep-purple, .cs-hover-text-deep-purple:hover {color: #673ab7 !important;}
.cs-text-red, .cs-hover-text-red:hover {color: #f44336 !important;}
.cs-text-sand, .cs-hover-text-sand:hover {color: #fdf5e6 !important;}
.cs-text-teal, .cs-hover-text-teal:hover {color: #009688 !important;}
.cs-text-yellow, .cs-hover-text-yellow:hover {color: #d2be0e !important;}
.cs-text-white, .cs-hover-text-white:hover {color: #fff !important;}
.cs-text-black, .cs-hover-text-black:hover {color: #000 !important;}
.cs-text-grey, .cs-hover-text-grey:hover, .cs-text-gray, .cs-hover-text-gray:hover {color: #757575 !important;}
.cs-text-light-grey, .cs-hover-text-light-grey:hover, .cs-text-light-gray, .cs-hover-text-light-gray:hover {color: #f1f1f1 !important;}
.cs-text-dark-grey, .cs-hover-text-dark-grey:hover, .cs-text-dark-gray, .cs-hover-text-dark-gray:hover {color: #3a3a3a !important;}
.cs-border-amber, .cs-hover-border-amber:hover {border-color: #ffc107 !important;}
.cs-border-aqua, .cs-hover-border-aqua:hover {border-color: #00ffff !important;}
.cs-border-blue, .cs-hover-border-blue:hover {border-color: #2196f3 !important;}
.cs-border-light-blue, .cs-hover-border-light-blue:hover {border-color: #87ceeb !important;}
.cs-border-brown, .cs-hover-border-brown:hover {border-color: #795548 !important;}
.cs-border-cyan, .cs-hover-border-cyan:hover {border-color: #00bcd4 !important;}
.cs-border-blue-grey, .cs-hover-border-blue-grey:hover, .cs-border-blue-gray, .cs-hover-border-blue-gray:hover {border-color: #607d8b !important;}
.cs-border-green, .cs-hover-border-green:hover {border-color: #4caf50 !important;}
.cs-border-light-green, .cs-hover-border-light-green:hover {border-color: #8bc34a !important;}
.cs-border-indigo, .cs-hover-border-indigo:hover {border-color: #3f51b5 !important;}
.cs-border-khaki, .cs-hover-border-khaki:hover {border-color: #f0e68c !important;}
.cs-border-lime, .cs-hover-border-lime:hover {border-color: #cddc39 !important;}
.cs-border-orange, .cs-hover-border-orange:hover {border-color: #ff9800 !important;}
.cs-border-deep-orange, .cs-hover-border-deep-orange:hover {border-color: #ff5722 !important;}
.cs-border-pink, .cs-hover-border-pink:hover {border-color: #e91e63 !important;}
.cs-border-purple, .cs-hover-border-purple:hover {border-color: #9c27b0 !important;}
.cs-border-deep-purple, .cs-hover-border-deep-purple:hover {border-color: #673ab7 !important;}
.cs-border-red, .cs-hover-border-red:hover {border-color: #f44336 !important;}
.cs-border-sand, .cs-hover-border-sand:hover {border-color: #fdf5e6 !important;}
.cs-border-teal, .cs-hover-border-teal:hover {border-color: #009688 !important;}
.cs-border-yellow, .cs-hover-border-yellow:hover {border-color: #ffeb3b !important;}
.cs-border-white, .cs-hover-border-white:hover {border-color: #fff !important;}
.cs-border-black, .cs-hover-border-black:hover {border-color: #000 !important;}
.cs-border-grey, .cs-hover-border-grey:hover, .cs-border-gray, .cs-hover-border-gray:hover {border-color: #9e9e9e !important;}
.cs-border-light-grey, .cs-hover-border-light-grey:hover, .cs-border-light-gray, .cs-hover-border-light-gray:hover {border-color: #f1f1f1 !important;}
.cs-border-dark-grey, .cs-hover-border-dark-grey:hover, .cs-border-dark-gray, .cs-hover-border-dark-gray:hover {border-color: #616161 !important;}
.cs-border-pale-red, .cs-hover-border-pale-red:hover {border-color: #ffe7e7 !important;}
.cs-border-pale-green, .cs-hover-border-pale-green:hover {border-color: #e7ffe7 !important;}
.cs-border-pale-yellow, .cs-hover-border-pale-yellow:hover {border-color: #ffffcc !important;}
.cs-border-pale-blue, .cs-hover-border-pale-blue:hover {border-color: #e7ffff !important;}
.cs-border-pale-orange, .cs-hover-border-pale-orange:hover {border-color: #ffefb7 !important;}
.cs-border-pale-indigo, .cs-hover-border-pale-indigo:hover {border-color: #ddddff !important;}
.cs-border-pale-purple, .cs-hover-border-pale-purple:hover {border-color: #ffddff !important;}


.form-control:disabled, .form-control-sm:disabled, .form-control[readonly], .form-control-sm[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control[readonly], select.form-control-sm[readonly] {
    pointer-events: none;
}

/*.input-group-text:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="time"]:hover,
select.form-select:hover,
.select2-selection--single:hover,
.input-group .select2-selection--single:hover,
textarea:hover{
    -webkit-box-shadow: 0 0 0 1px rgb(96,125,139) !important;
    box-shadow: 0 0 0 1px rgb(96,125,139) !important;
    border: 1px solid rgb(96,125,139) !important;
}*/

.modal-dialog .modal-header {
    cursor: move
}

/*For glass effect in modal*/
/*.modal > .modal-dialog > .modal-content {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 5px solid rgba(255, 255, 255, 0.90);
    border-radius: 15px;
}*/
/*For Transparent Border in modal*/
/*.modal > .modal-dialog > .modal-content {
    border: 7px solid rgba(255, 255, 255, 0.70);
    border-radius: 10px;
}*/

.modal > .modal-dialog > .modal-content {
    background: rgba(245, 250, 255, 0.20);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 7px solid rgba(255, 255, 255, 0.02);
    border-radius: 10px;
}
.modal > .modal-dialog > .modal-content > .modal-header {
    /*background: rgb(230,245,255, 0.80);*/
    /*background-image: linear-gradient(rgb(220,235,255), rgb(255,255,255));*/
    background-image: linear-gradient(rgb(255,250,222), rgb(255,254,252));
    opacity: 0.8;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.modal > .modal-dialog > .modal-content .modal-title {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.modal > .modal-dialog > .modal-content > .modal-body {
    background: rgba(255, 255, 255, 1);
}
.modal > .modal-dialog > .modal-content > .modal-footer {
    background: rgba(255, 255, 255, 1);
}

/* .modal-header {
    background: rgba(0, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}*/


.modal-backdrop {
    opacity:0.15 !important;
}


#scrollToTop {
  display: none;
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1.5rem;
}

.fs-7{font-size:0.8rem!important}

/*====== alertify.js =========*/
/*.alertify-log {
    background: #1F1F1F;
    background: rgba(255,255,204,.9);
    padding: 10px;
    border-radius: 4px;
    color: black;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5) !important;
    text-shadow: none;
    border: 1px solid black;
}*/

.alertify-notifier {
    top: 10px !important;
    right: 10px !important;
}

.alertify-notifier .ajs-message.ajs-visible {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0.3rem !important;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible{
    right: 355px !important;
}

.alertify-notifier .ajs-message {
    width: 350px !important;
    border: 1px solid black !important;    
    background: rgba(252,252,255,.95);
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.20) !important    
}

.ajs-message-heading-info {
    background: rgba(232,232,235,.7) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    border-bottom: 1px solid rgb(180,180,180) !important;    
}
.ajs-message-heading-error {
    background: rgba(255,190,180,.7) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    border-bottom: 1px solid rgb(150,150,150) !important;    
}
.ajs-message-heading-warning {
    background: rgba(244,203,147,.7) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    border-bottom: 1px solid rgb(150,150,150) !important;    
}
.ajs-message-heading-success {
    background: rgba(214,225,163,.7) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    border-bottom: 1px solid rgb(150,150,150) !important;    
}


.alertify-notifier .ajs-message.ajs-error {
    color: black !important;
    background: rgba(255,220,210,.95) !important;
}

.alertify-notifier .ajs-message.ajs-warning {
    color: black !important;
    background: rgba(254,243,187,.95) !important;
}

.alertify-notifier .ajs-message.ajs-success {
    color: black !important;
    background: rgba(244,255,193,.95) !important;
}

/*@media only screen and (min-width: 680px) {
	.alertify-logs {
		width: 400px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}*/

.bdrDrakGray {border-color: rgb(150,150,120) !important;}


/*====== select2 Dropdown combobox =========*/
.select2 {
    width:100% !important;
}

.select2-selection {
    min-height: 2.375rem;
    border-color: rgb(206,212,218) !important;
}
select.form-control-sm + .select2 .select2-selection {
    min-height: 1.95rem !important;
}

.select2-dropdown--below {
    /*your input height*/
    /*top: -1.95rem;*/ 
}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0d6efd;
    color: white;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 275px;
  overflow-y: auto;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgb(134,183,254);
    outline: 0;
}

.select2-selection:focus{
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: rgb(134,183,254);
    outline: 0;
}

.select2-selection__rendered {
    margin: .275rem .20rem;
}
select.form-control-sm + .select2  .select2-selection__rendered {
    margin: .100rem .10rem !important;
}

.select2-selection__arrow {
    margin: .275rem .20rem;
}
select.form-control-sm + .select2  .select2-selection__arrow {
    /*margin: .160rem .20rem !important;*/
    margin: 0rem .20rem !important;
}

.select2-container .select2-selection--single {
    height: 0rem;
}
select.form-control-sm + .select2 .select2-selection__rendered {
    margin: 0rem 0.1rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.8rem;
}
.select2-results__option {
    padding: 0.3rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.8rem;
}

.select2-container--open .select2-dropdown{
    /*    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);*/
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;*/
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;*/
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.075) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.075) !important;
}
.select2-container--open .select2-dropdown--below{
    border-width: 5px;
    border: 1px solid rgba(0,0,0,0.5) !important;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}            
/*============================================================*/

/*====== pickadate.js =========*/
.picker, .picker__holder {
    margin-top: 20px !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 15px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 15px 0 rgba(0,0,0,.1) !important;
}
/*============================================================*/