@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');

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


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

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

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-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-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-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{vertical-align : middle !important;}

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

.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 td{
    max-width: 220px;
    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: #ffdddd !important;}
.cs-pale-green, .cs-hover-pale-green:hover {color: #000 !important; background-color: #ddffdd !important;}
.cs-pale-yellow, .cs-hover-pale-yellow:hover {color: #000 !important; background-color: #ffffcc !important;}
.cs-pale-blue, .cs-hover-pale-blue:hover {color: #000 !important; background-color: #ddffff !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;}


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

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

#scrollToTop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  font-size: 25px;
}

.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 .ajs-message.ajs-error {
/*    background: #FE1A00;
    background: rgba(254,26,0,.9);
    color: #FFF;
    border: none;
    border: 1px solid black;*/
    /*text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25) !important;*/
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
    background: rgba(250,80,70,.95);
}


.alertify-notifier .ajs-message.ajs-success {
/*    background: #C7EA6D; #5CB811;
    background: rgba(199,234,109,.9); rgba(92,184,17,.9);
    color: black; #FFF;
    border: none;
    border: 1px solid black;*/
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.25) !important;
}

.alertify-notifier {
    top: 10px !important;
    right: 10px !important;
}
.alertify-notifier .ajs-message {
    width: 350px !important;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible{
    right: 355px !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-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0d6efd;
    color: white;
}

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


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