/*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 FOR MAIN MENU*/
.VRScrollMenu{overflow: scroll;overflow-y: auto;overflow-x: hidden;height: 500px;}
.VRScrollMenu::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
.VRScrollMenu::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: /*#555*/#cecece;}
.VRScrollMenu::-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 FOR MAIN MENU*/
/*START - CUSTOME DESIGN VERCITAL SCROLLBAR*/
.VRScroll{overflow: scroll;overflow-y: auto;overflow-x: hidden;height: 408px;}
.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*/
.MenuCustBorderBottom {/*border-bottom: 1px solid #c2cad8;*/margin-left: 5px !important;margin-right: 5px !important;}
.Right15{right:15px !important}
.PaddingTB10{padding:10px 0 !important;}
.PaddingLR5{padding:0 5px !important;}
.PaddingTB5{padding:5px 0 !important;}
.PaddingLRB5{padding:0 5px 3px !important;}
.Padding5{padding:5px !important;}
.Padding10{padding:10px !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;}
.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;}
.PaddingBottom50{padding-bottom:50px !important;}
.PaddingLeft0{padding-left:0 !important;}
.PaddingRight0{padding-right:0 !important;}
.PaddingRight5 {padding-right: 5px !important;}
.PaddingRight10{padding-right:10px !important;}
.MarginTB5{margin:5px 0 !important;}
.Margin5{margin:5px !important;}
.Margin10{margin:10px !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;}
.MarginTop30{margin-top:30px !important;}
.MarginTop50{margin-top:50px !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;}
.MarginBottom50{margin-bottom:50px !important;}
.MarginLeft0{margin-left:0 !important;}
.MarginLeft10{margin-left:10px !important;}
.MarginLeft20{margin-left:20px !important;}
.MarginLeft40{margin-left:40px !important;}
.MarginRight0{margin-right:0 !important;}
.MarginRight5{margin-right:5px !important;}
.MarginRight10{margin-right:10px !important;}
.MarginRight20{margin-right:20px !important;}
.NoPadding{padding:0 !important;}
.NoMargin{margin:0 !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;}
.FontWeight500{font-weight:500;}
.FontWeight600{font-weight:600;}
.BorderNone{border:none !important;}
.CustBorder{border:/*1px solid #eee;*/1px solid #c2cad8;}
.CustBorderLeft{border-left:/*1px solid #eee;*/1px solid #c2cad8;}
.CustBorderRight{border-right:/*1px solid #eee;*/1px solid #c2cad8;}
.CustBorderTop{border-top:/*1px solid #eee;*/1px solid #c2cad8;}
.CustBorderBottom{border-bottom:/*1px solid #eee;*/1px solid #c2cad8;}
.Width10{width:10px !important;}
.Width20{width:20px !important;}
.Width30{width:30px !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;}
.Width210{width:210px !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;}
.Width6P{width:6% !important;}
.Width8P{width:8% !important;}
.Width9P{width:9% !important;}
.Width10P{width:10% !important;}
.Width14P{width:14% !important;}
.Width20P{width:20% !important;}
.Width25P{width:25% !important;}
.Width40P{width:40% !important;}
.Width50P{width:50% !important;}
.Width100P{width:100% !important;}
.page-header .page-header-top .page-logo .logo-default{/*margin:1px 0 0;*/margin:6px 2px 0;}
.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;}
.CustModalClose{padding:2px !important;line-height:1 !important;float:right !important;padding-top:0 !important;}
#toast-container>div {opacity: 1 !important;}
.ClearBoth{clear:both !important;}
/*START - SCROLL TOP TO BOTTOM*/
.scroll-to-bottom>i{color: #BCC2CB;font-size: 32px;opacity: 0.7 ;filter: alpha(opacity=70);}
.scroll-to-bottom{padding: 2px;text-align: center;position: fixed;z-index: 10001;top: 101px;display: inline-block;right: /*20px*/5px;}
.scroll-to-bottom>i{display: inline-block;font-size: 32px;opacity: 0.7 ;filter: alpha(opacity=70);}
.scroll-to-bottom:hover{cursor: pointer;}
.scroll-to-bottom:hover>i{opacity: 1;filter: alpha(opacity=100);}
@media(max-width:991px){.scroll-to-bottom{right: 10px;}.scroll-to-bottom>i{font-size: 28px;}}
/*END - SCROLL TOP TO BOTTOM*/
/*.mt-checkbox{padding-left:15px !important;}*/
table >  thead > tr > th > .mt-checkbox,table >  tbody > tr > td > .mt-checkbox{padding-left:17px !important;}
.mt-checkbox>span:after{left: 5px !important;top: 1px !important;}
.mt-checkbox>span{border:2px solid #c2cad8 !important;}
.mt-radio>span:after{left: 4px !important;top: 4px !important;}
.mt-radio>span{border:2px solid #c2cad8 !important;}
.NewBadge {position:relative;}
.NewBadge[data-badge]:after {content:attr(data-badge);position:absolute;top:-12px;right:-15px;font-size:12px;background:#44b6ae!important;color:white;width:22px;height:22px;text-align:center;line-height:22px;border-radius:50%;box-shadow:0 0 1px #333;font-weight:600;}
.dt-buttons > a.btn{border-radius:4px !important;}
.BorderRadius2{border-radius:4px !important;}
/*START - FOR MULTISELECT DROPDOWN CSS*/
.multiselect-container .btn-group .btn{padding: 2px 10px !important;}
.multiselect-container>li>a>label{padding: 3px 20px 3px 40px !important;}
.multiselect-container{min-height: 300px;max-height: 300px;overflow: auto;overflow-x: auto;}
.multiselect-item .input-group .form-control{height:32px !important;border-color: #c2cad8 !important;}
.multiselect-native-select .btn-default{border-color:/*#4B77BE!important;*/ #97b9f1b0 !important;}
.multiselect-native-select .multiselect-filter .btn-default{border-color:#c2cad8 !important;}
.multiselect-native-select .btn{padding:5px;}
/*END - FOR MULTISELECT DROPDOWN CSS*/
.bootstrap-select .btn {border-color: transparent !important;}/*SINGLE SELECT BORDER COLOR*/
.bootstrap-select .btn-default:hover{border-color: transparent !important;}/*SINGLE SELECT BORDER COLOR*/
.table .bootstrap-select .btn-default{border-color: #c2cad8 !important;}/*SINGLE SELECT BORDER COLOR*/
.form-group ::-webkit-input-placeholder {font-size:14px !important;font-weight:100; color:#a9a9a9;}
.form-group ::-moz-placeholder {font-size:14px !important;font-weight:100;color:#a9a9a9;}
.form-group :-ms-input-placeholder {font-size:14px!important;font-weight:100;color:#a9a9a9;}
.form-group :-moz-placeholder {font-size:14px !important;font-weight:100;color:#a9a9a9;}
.form-group .form-control{border: /*1px solid #4B77BE !important;*/1px solid #97b9f1b0 !important;}
.bs-select .btn{padding:5px;}
.VerticalAlignMiddle{vertical-align:middle !important;}
.VerticalAlignTop{vertical-align:top !important;}
.CustDisabled{pointer-events: none;cursor: not-allowed;}
.modal-dialog {margin: 10px auto !important;}
.RptOverflowTextEllipsis{width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;line-height: 1.42;vertical-align: middle;margin-top: -1%;}
.MainDivCenter{position: relative;}
.MainDivCenter>.MainContentCenter{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
@media (max-width: 768px) {    
}
@media (max-width: 480px) {
    .page-header .page-header-top .page-logo {float: left;display: block;width: 255px;height: 80px !important;}
    .scroll-to-bottom{padding: 2px;text-align: center;position: fixed;z-index: 10001;top: 120px;display: inline-block;right: /*20px*/5px;}
    .page-header .page-header-top .menu-toggler {float: right !important;margin: 0 3px 0 13px !important;width: 35px !important;height: 30px !important;background: url(/assets/layouts/layout3/img/menu-toggler.png) center center no-repeat;opacity: .7;filter: alpha(opacity=70);}    
}
#SrchFPNNo::-webkit-input-placeholder {color: #555 !important;}
#SrchFPNNo::-moz-placeholder {color: #555 !important;}
#SrchFPNNo:-ms-input-placeholder {color: #555 !important;}
#SrchFPNNo:-moz-placeholder {color: #555 !important;}
.ScrollImg{display:none;}