﻿/*START - ALL CUSTOM MEDIA QUERIES*/
@media (max-width: 1600px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 1366px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 1280px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 1024px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
/*END - ALL CUSTOM MEDIA QUERIES*/

/*START - ALL STANDARD MEDIA QUERIES*/
@media (min-width:1200px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 992px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 768px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 480px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
@media (max-width: 320px) {
    /*ADD YOUR CUSTOME MEDIA CSS HERE*/
}
/*END - ALL STANDARD MEDIA QUERIES*/

/*ADD YOUR COMMON CSS HERE*/
/*START - CUSTOME DESIGN VERCITAL SCROLLBAR*/
.VRScroll{overflow: scroll;overflow-y: auto;overflow-x: hidden;height: 500px;}
.VRScroll::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
.VRScroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: /*#555*/#cecece;}
.VRScroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*END - CUSTOME DESIGN VERCITAL SCROLLBAR*/
/*START - CUSTOME DESIGN HORIZONTAL SCROLLBAR*/
.HRScroll{overflow: scroll;overflow-x: auto;overflow-y: hidden;white-space:nowrap;}
.HRScroll::-webkit-scrollbar{width: 8px;height: 10px;background-color: #F5F5F5;}
.HRScroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: /*#555*/#cecece;}
.HRScroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*END - CUSTOME DESIGN HORIZONTAL SCROLLBAR*/
.Left5{left:5px !important;}
.Left10{left:10px !important;}
.Left15{left:15px !important;}
.Left20{left:20px !important;}

.Right5{right:5px !important;}
.Right10{right:10px !important;}
.Right15{right:15px !important;}
.Right20{right:20px !important;}

.Top5{top:5px !important;}
.Top10{top:10px !important;}
.Top15{top:15px !important;}
.Top20{top:20px !important;}

.Bottom5{bottom:5px !important;}
.Bottom10{bottom:10px !important;}
.Bottom15{bottom:15px !important;}
.Bottom20{bottom:20px !important;}

.PaddingTB5{padding:5px 0 !important;}
.PaddingTB10{padding:10px 0 !important;}
.PaddingLR5{padding:0 5px !important;}
.PaddingLR10{padding:0 10px !important;}

.NoPadding{padding:0 !important;}
.Padding5{padding:5px !important;}
.Padding10{padding:10px !important;}
.Padding15{padding:15px !important;}
.Padding20{padding:20px !important;}
.PaddingTop0{padding-top:0 !important;}
.PaddingTop1{padding-top:1px !important;}
.PaddingTop2{padding-top:2px !important;}
.PaddingTop5{padding-top:5px !important;}
.PaddingTop10{padding-top:10px !important;}
.PaddingTop20{padding-top:20px !important;}
.PaddingTop30{padding-top:30px !important;}
.PaddingTop40{padding-top:40px !important;}
.PaddingTop50{padding-top:50px !important;}
.PaddingBottom0{padding-bottom:0 !important;}
.PaddingBottom1{padding-bottom:1px !important;}
.PaddingBottom2{padding-bottom:2px !important;}
.PaddingBottom5{padding-bottom:5px !important;}
.PaddingBottom10{padding-bottom:10px !important;}
.PaddingBottom20{padding-bottom:20px !important;}
.PaddingBottom30{padding-bottom:30px !important;}
.PaddingBottom40{padding-bottom:40px !important;}
.PaddingBottom50{padding-bottom:50px !important;}
.PaddingLeft0{padding-left:0 !important;}
.PaddingLeft1{padding-left:1px !important;}
.PaddingLeft2{padding-left:2px !important;}
.PaddingLeft5{padding-left:5px !important;}
.PaddingLeft10{padding-left:10px !important;}
.PaddingLeft20{padding-left:20px !important;}
.PaddingLeft30{padding-left:30px !important;}
.PaddingLeft40{padding-left:40px !important;}
.PaddingLeft50{padding-left:50px !important;}
.PaddingRight0{padding-right:0 !important;}
.PaddingRight1{padding-right:1px !important;}
.PaddingRight2{padding-right:2px !important;}
.PaddingRight5{padding-right:5px !important;}
.PaddingRight10{padding-right:10px !important;}
.PaddingRight20{padding-right:20px !important;}
.PaddingRight30{padding-right:30px !important;}
.PaddingRight40{padding-right:40px !important;}
.PaddingRight50{padding-right:50px !important;}

.MarginTB5{margin:5px 0 !important;}
.MarginTB10{margin:10px 0 !important;}
.MarginLR5{margin:0 5px !important;}
.MarginLR10{margin:0 10px !important;}

.NoMargin{margin:0 !important;}
.Margin5{margin:5px !important;}
.Margin10{margin:10px !important;}
.Margin15{margin:15px !important;}
.Margin20{margin:20px !important;}
.MarginTop0{margin-top:0 !important;}
.MarginTop1{margin-top:1px !important;}
.MarginTop2{margin-top:2px !important;}
.MarginTop5{margin-top:5px !important;}
.MarginTop10{margin-top:10px !important;}
.MarginTop20{margin-top:20px !important;}
.MarginTop25{margin-top:25px !important;}
.MarginTop30{margin-top:30px !important;}
.MarginTop40{margin-top:40px !important;}
.MarginTop50{margin-top:50px !important;}
.MarginTop80{margin-top:80px !important;}
.MarginBottom0{margin-bottom:0 !important;}
.MarginBottom1{margin-bottom:1px !important;}
.MarginBottom2{margin-bottom:2px !important;}
.MarginBottom5{margin-bottom:5px !important;}
.MarginBottom10{margin-bottom:10px !important;}
.MarginBottom20{margin-bottom:20px !important;}
.MarginBottom30{margin-bottom:30px !important;}
.MarginBottom40{margin-bottom:40px !important;}
.MarginBottom50{margin-bottom:50px !important;}
.MarginLeft0{margin-left:0 !important;}
.MarginLeft1{margin-left:1px !important;}
.MarginLeft2{margin-left:2px !important;}
.MarginLeft5{margin-left:5px !important;}
.MarginLeft10{margin-left:10px !important;}
.MarginLeft20{margin-left:20px !important;}
.MarginLeft30{margin-left:30px !important;}
.MarginLeft40{margin-left:40px !important;}
.MarginLeft50{margin-left:50px !important;}
.MarginRight0{margin-right:0 !important;}
.MarginRight1{margin-right:1px !important;}
.MarginRight2{margin-right:2px !important;}
.MarginRight5{margin-right:5px !important;}
.MarginRight10{margin-right:10px !important;}
.MarginRight20{margin-right:20px !important;}
.MarginRight30{margin-right:30px !important;}
.MarginRight40{margin-right:40px !important;}
.MarginRight50{margin-right:50px !important;}

.TextDecoUnderline{text-decoration:underline;}
.TextDecoNone{text-decoration:none;}
a:hover.TextDecoNone{text-decoration:none;}
.DisNone{display:none !important;}
.WordWrap{word-wrap:break-word !important; /*THIS PROPERTY IS FOR WHEN U HAVE A SINGLE SENTANCE WITH SPACE*/}
.WordBreak{word-break:break-all !important; /*THIS PROPERTY IS FOR WHEN U HAVE A SINGLE SENTANCE WITHOUT SPACE*/}
.TextLeft{text-align:left !important;}
.TextRight{text-align:right !important;}
.TextCenter{text-align:center !important;}
.FloatLeft{float:left !important;}
.FloatRight{float:right !important;}
.NoResize{resize:none !important;}
.FontWeight400{font-weight:400;}
.FontWeight500{font-weight:500;}
.FontWeight600{font-weight:600;}
.BorderNone{border:none !important;}
.CustBorder{border:1px solid #c2cad8;}
.CustBorderLeft{border-left:1px solid #c2cad8;}
.CustBorderRight{border-right:1px solid #c2cad8;}
.CustBorderTop{border-top:1px solid #c2cad8;}
.CustBorderBottom{border-bottom:1px solid #c2cad8;}
.Width10{width:10px !important;}
.Width20{width:20px !important;}
.Width30{width:30px !important;}
.Width40{width:40px !important;}
.Width50{width:50px !important;}
.Width80{width:80px !important;}
.Width100{width:100px !important;}
.Width120{width:120px !important;}
.Width150{width:150px !important;}
.Width200{width:200px !important;}
.Width250{width:250px !important;}
.Width300{width:300px !important;}
.Width350{width:350px !important;}
.Width400{width:400px !important;}
.Width450{width:450px !important;}
.Width500{width:500px !important;}
.Width800{width:800px !important;}
.Width1100{width:1100px !important;}
.Width1P{width:1% !important;}
.Width2P{width:2% !important;}
.Width5P{width:5% !important;}
.Width8P{width:8% !important;}
.Width10P{width:10% !important;}
.Width15P{width:15% !important;}
.Width20P{width:20% !important;}
.Width25P{width:25% !important;}
.Width30P{width:30% !important;}
.Width40P{width:40% !important;}
.Width50P{width:50% !important;}
.Width100P{width:100% !important;}
.TextBlack{color:black !important;}
.TextWhite{color:white !important;}
.TextBlue{color:#1565C0 !important;}
.TextDeepPurple{color:#4527A0 !important;}
.TextTeal{color:#00695C !important;}
.TextBrown{color:#4E342E !important;}
.TextOrange{color:#EF6C00 !important;}
.Pointer{cursor:pointer;}
.VerticalMiddle{display: table-cell !important;vertical-align: middle !important;text-align: center !important;}
.CustShadow{box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.13) !important;}
.ClearBoth{clear:both !important;}
.VerticalAlignMiddle{vertical-align:middle !important;}
.VerticalAlignTop{vertical-align:top !important;}
.CustDisabled{pointer-events: none;cursor: not-allowed;}
.BorderRadius4{border-radius:4px !important;}
.FontSize10{font-size:10px !important;}
.FontSize12{font-size:12px !important;}
.FontSize15{font-size:15px !important;}
.FontSize16{font-size:16px !important;}
.FontSize18{font-size:18px !important;}
.FontSize20{font-size:20px !important;}
.FontSize22{font-size:22px !important;}
.FontSize25{font-size:25px !important;}
.FontSize26{font-size:26px !important;}
.FontSize30{font-size:30px !important;}
.FontSize32{font-size:32px !important;}
.FontSize35{font-size:35px !important;}
.FontSize40{font-size:40px !important;}
.FontSize42{font-size:42px !important;}
.FontSize45{font-size:45px !important;}
.FontSize50{font-size:50px !important;}
.FontSize52{font-size:52px !important;}
.FontSize55{font-size:55px !important;}
.DisplayBlock{display:block !important;}
.ContentCenter{position: absolute !important;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;margin:0;}
/*.se-pre-con{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../../../../contents/images/loadertheclass.gif) center no-repeat #fff;background-color:#FAFAFA;opacity:.8}*/
/*START - LOADER OPTION 1*/
/*.se-pre-con{display:none;position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.5);z-index:9999;display:none;}
@-webkit-keyframes spin {from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);}}
@keyframes spin {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}
.se-pre-con::after {content:'';display:block;position:absolute;left:48%;top:40%;width:100px;height:100px;border-style:solid;border-color:#60ac1c;border-top-color:#15580b;border-width: 8px;border-radius:50%;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}*/
/*END - LOADER OPTION 1*/
/*START - LOADER OPTION 2*/
.se-pre-con {display:none;position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(255, 255, 255, 0.8); z-index:11000;display:none;}
.se-pre-con div {box-sizing: border-box;display: block;position: absolute;left:48%;top:40%;width: 100px;height: 100px;margin: 8px;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.se-pre-con div:nth-child(1) {animation-delay: -0.45s;}
.se-pre-con div:nth-child(2) {animation-delay: -0.3s;}
.se-pre-con div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
/*END - LOADER OPTION 2*/
.se-pre-con .LoaderText{position: absolute;left: 44%;top: 50%;width: 100%;height: 100%;font-weight:600;}
@media (max-width: 768px) {
    .se-pre-con div {left:35%;}
    .se-pre-con .LoaderText{position: absolute;left: 35%;top: 60%;width: 100%;height: 100%;font-weight:600;}
    .RespWidth100P{width:100% !important;}
    .ContentCenter {width: 90% !important;}
}
@media (max-width: 480px) {
    .se-pre-con div {left:35%;}
    .se-pre-con .LoaderText{position: absolute;left: 17%;top: 65%;width: 100%;height: 100%;font-weight:600;}
    .RespWidth100P{width:100% !important;}
    .ContentCenter {width: 90% !important;}
}