@-ms-viewport {
  width: device-width;  
}

body{font-family: 'OpenSansRegular'; font-size:13px;}

@font-face {
  font-family: 'KhmerUI';
  src: url('../fonts/KhmerUI.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/KhmerUI.woff') format('woff'), 
  url('../fonts/KhmerUI.ttf')  format('truetype'), 
  url('../fonts/KhmerUI.svg#KhmerUI') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{
    font-family:'georgia';
    src: url('../fonts/georgia.eot');
    src: url('../fonts/georgia.eot') format('embedded-opentype'), 
         url('../fonts/georgia.woff2') format('woff2'), 
         url('../fonts/georgia.woff') format('woff'), 
         url('../fonts/georgia.ttf') format('truetype'), 
         url('../fonts/georgia.svg#georgia') format('svg');
}

@font-face {
    font-family:"PTSans-Regular";
    font-style:normal;
    font-weight:normal;
    src:url("../fonts/PTSans-Regular.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/PTSans-Regular.woff") format("woff"), 
        url("../fonts/PTSans-Regular.ttf") format("truetype"), 
        url("../fonts/PTSans-Regular.svg#PTSans-Regular") format("svg");
}

@font-face {
    font-family: 'bentonsansregular';
    src: url('../fonts/bentonsansregular.eot');
    src: url('../fonts/bentonsansregular.eot') format('embedded-opentype'),
         url('../fonts/bentonsansregular.woff2') format('woff2'),
         url('../fonts/bentonsansregular.woff') format('woff'),
         url('../fonts/bentonsansregular.ttf') format('truetype'),
         url('../fonts/bentonsansregular.svg#bentonsansregular') format('svg');
}
@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}
@font-face {
    font-family: 'PoppinsLight';
    src: url('../fonts/PoppinsLight.eot');
    src: url('../fonts/PoppinsLight.eot') format('embedded-opentype'),
         url('../fonts/PoppinsLight.woff2') format('woff2'),
         url('../fonts/PoppinsLight.woff') format('woff'),
         url('../fonts/PoppinsLight.ttf') format('truetype'),
         url('../fonts/PoppinsLight.svg#PoppinsLight') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight.woff2') format('woff2'),
         url('../fonts/OpenSansLight.woff') format('woff'),
         url('../fonts/OpenSansLight.ttf') format('truetype'),
         url('../fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}
.inputvalid{border:1px solid #3c8e12 !important}
.inputinvalid{border:1px solid #dd4e1a !important}
a:hover, a:focus{text-decoration:none; outline:none;}
ul, ul li{margin:0; padding:0; list-style:none;}
ol, ol li {margin: 0;padding: 0;}
.MT0{margin-top:0;}
.MT5{margin-top:5px;}
.MT10{margin-top:10px;}
.MT15{margin-top:15px;}
.MT20{margin-top:20px;}
.MT25{margin-top:25px;}
.MT30{margin-top:30px;}
.MT50{margin-top:50px;}
.MR5{margin-right:5px;}
.MR10{margin-right:10px;}
.MR15{margin-right:15px;}
.MR20{margin-right:20px;}
.MR25{margin-right:25px;}
.MR30{margin-right:30px;}
.MB0{margin-bottom:0px;}
.MB5{margin-bottom:5px;}
.MB10{margin-bottom:10px;}
.MB15{margin-bottom:15px;}
.MB20{margin-bottom:20px;}
.MB25{margin-bottom:25px;}
.MB30{margin-bottom:30px;}
.ML5{margin-left:5px;}
.ML10{margin-left:10px;}
.ML15{margin-left:15px;}
.ML20{margin-left:20px;}
.ML25{margin-left:25px;}
.ML30{margin-left:30px;}
.M0{margin:0;}
.P5{padding:5px;}
.P10{padding:10px;}
.P20{padding:20px;}
.PR{position:relative;}
.BT{border-top:solid 1px #ddd;}
.BB{border-bottom:solid 1px #ddd;}
.BBGR{border-bottom:solid 1px #86a779 !important;}}
.BR{border-right:solid 1px #ddd;}
.BL{border-left:solid 1px #ddd;}
.PT10{padding-top:10px;}
.PT15{padding-top:15px;}
.W40{width:40%;}
.W30{width:30%;}
.W20{width:20%;}
.W25{width:25%;}
.F12{font-size:12px;}
.F13{font-size:13px;}
.F15{font-size:15px;}
a .label{display:inline-block;}
h1, h2, h3, h4, h5{font-family: 'PoppinsRegular';}
.font-italic{font-style:italic;}
.btn-plain{background-image:none;}
.text-default{color:#666;}
.Header{background-color:#1e3245; min-height:72px; padding-top:5px;}
.Brand{margin:5px 5px 0; float:left; background:url(../images/logo.png) no-repeat scroll 0 0; background-size:100% auto; text-indent:-9999px; display:inline-block; width:228px; height:50px;}
.Brand:hover{color:#fff;}
.btn{position:relative; z-index:1;}
.btn:before{content:''; position:absolute; height:100%; width:0px; left:0; top:0; background:rgba(0,0,0,.1); z-index:-1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.btn:hover:before{width:100%;}
.form-control{height:32px;}
.text-warning{color:#ff8800;}
.LoginPart{max-width:500px; margin:50px auto 30px; background:#fff;}
.LoginPart .Head{font:30px/1 'PoppinsRegular'; padding:15px; text-align:center;}
.LoginPart .Content{background:#1e3245; border:solid 1px transparent; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.2);}
.LoginPart .form-control{min-height:42px; padding-left:50px;}
.LoginPart .form-control:focus{border-color:#4FC5AD; outline:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.LoginPart .IcoField{position:relative; margin-top:3px;}
.LoginPart .IcoField .Icon{background:#4FC5AD; position:absolute; left:0; top:0; width:45px; height:100%; color:#fff; text-align:center; padding:8px 0; font-size:24px; line-height:1;}
.LoginPart .btn{font-size:18px; padding:10px 20px; line-height:1;}
.LoginPart .btn-green{background-color:#4FC5AD; color:#fff; border:none; text-shadow:none; -moz-text-shadow:none; -webkit-text-shadow:none;}
.LoginPart .btn-default{border:none;}
.LoginPart .Bottom{border-top:solid 1px rgba(255,255,255,.3); padding:15px 0;}
.LoginPart .text-link{color:#86F9E1;}
.LoginPart .text-link:hover{color:#fff;}
.form-control, .btn{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.StepsNav{display:table; width:100%; padding:0;}
.StepsNav li{display:table-cell; width:33.333%;position:relative;}
.StepsNav li:before{content:''; position:absolute; width:100%; height:5px; background:#ddd; left:0; top:12px;}
.StepsNav li.active:before{background:#459F86;}
.StepsNav li span{display:inline-block; text-align:center; background:#fff; border:solid 1px #ddd; border-radius:50%; width:30px; height:30px; font-weight:bold; padding:4px; position:relative; z-index:1;}
.StepsNav li.active span{border-color:#459F86; color:#459F86;}
.StepsNav li .Text{position:relative; margin-top:-15px; padding-left:35px;}
.StepsNav li.active .Text{color:#459F86;}
.panel h4{margin:5px 0;}
.BulletPoints{list-style:disc outside; margin-bottom:0; padding-left:0;}
.BulletPoints li{list-style:disc;}
.TickPoint{list-style:none; margin:0; padding:0;}
.TickPoint li{padding-left:25px; margin-bottom:10px; position:relative; line-height:1.5;}
.TickPoint li:before{content:'\f00c'; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; left:0; top:0; color:#25A728;}
.ArrowPanel .panel-body{position:relative;}
.panel-heading .fa{font-size:24px; margin-right:5px; vertical-align:middle;}
.ArrowPanel .panel-body:before{content:''; position:absolute; border-top:solid 1px #3074AE; border-right:solid 1px #3074AE; width:18px; height:18px; background:#fff; left:0; top:25px; margin-left:-9px; transform:rotate(-135deg); -o-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.RegisterPart .Content{border:solid 1px #ddd; background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:0 0 5px rgba(0,0,0,.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3);}
.RegisterPart .form-group label{font-weight:normal;}
.RegisterPart .Bottom{border-top:solid 1px #ddd; padding:15px; text-align:center;}
.RegisterPart .PartHead{position:relative; text-align:center;}
.RegisterPart .PartHead span{background:#fff; font-family: 'PoppinsRegular'; display:inline-block; padding:3px 10px; position:relative; z-index:1; font-size:24px; color:#ff8800;}
.RegisterPart .PartHead:before{content:''; background:#bbb; position:absolute; height:1px; width:100%; left:0; top:50%; transform:translateY(-50%);}
.RegisterPart .DTable{display:table; width:100%;}
.RegisterPart .DTable .Cell{display:table-cell;}
.RegisterPart .DTable .Cell + .Cell{padding-left:15px;}
.DTable{display:table; width:100%;}
.DTable .Cell{display:table-cell;position:relative;}
.AdminLink{float:right; position:relative; margin-top:5px;}
.AdminLink .Thumb{display:inline-block; vertical-align:middle; text-align:center; position:relative; color:#fff; margin-right:10px; height:36px; width:36px; border:solid 3px #fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.AdminLink .Thumb:before{content:"\f2be"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:36px; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
.AdminLink .Thumb img{width:100%; height:100%; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; position:relative;}
.AdminLink .Link{color:#fff;}
.AdminLink .Link .fa{font-size:16px; margin-left:5px; transition:ease .4s all 0s; -moz-transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s;}
.AdminLink .Active .Link .fa{-moz-transform:scaleY(-1); -o-transform:scaleY(-1); -webkit-transform:scaleY(-1); transform:scaleY(-1);}
.AdminLink .DropMenu{position:absolute; z-index:100; right:0; top:100%; width:250px; background:#fff; border:solid 1px #666; margin-top:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:bold;}
.AdminLink .DropMenu:before{content:''; position:absolute; z-index:-1; top:0; right:15px; margin-top:-7px; background:#fff; width:14px; height:14px; border-top:solid 1px #aaa; border-right:solid 1px #aaa; transform:rotate(-45deg);}
.AdminLink .DropMenu li{border-bottom:solid 1px #ddd;}
.AdminLink .DropMenu li a{padding:7px 10px; display:block;}
.AdminLink .DropMenu li a:hover{color:#333; background:rgba(0,0,0,.1);}
.AdminLink .DropMenu li:last-child{text-align:right;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.AdminLink .DropMenu li:last-child a{padding:10px;}
.AdminLink .DropMenu .Log{padding:7px 10px;}
.AdminLink .DropMenu .Time{color:#999; font-style:italic; font-size:11px;} 
.PageNav{padding:8px 15px 0;}
.PageNav .Links li{display:inline-block; padding:0 10px; position:relative;}
.PageNav .Links li ul{display:none; position:absolute; top:100%; width:220px; left:0; z-index:10; border:solid 1px #1E3245; border-radius:0 0 4px 4px; background:#fff; text-align:left; transition:ease .4s all 0s;}
.PageNav .Links li ul li{display:block; padding:0; border-bottom:solid 1px #ddd;}
.PageNav .Links li ul li a:hover{background:rgba(0,0,0,.1)}
.PageNav .Links li ul li a{color:#333; text-transform:none; padding:7px 10px; font-size:13px;}
.PageNav .Links li ul li:last-child{border:none; border-radius:0 0 4px 4px;}
.PageNav .Links li:hover ul{display:block;}
.PageNav .Links a{padding:10px 15px; text-transform:uppercase; display:block; color:#fff; font-size:15px; transition:ease .4s all 0s; -moz-transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s;}
.PageNav .Links li.Active a, .PageNav .Links li:hover a{color:#333; background:#fff; position:relative; border-radius:2px 2px 0 0;}
/*.PageNav .Links li.Active a:before{content:"\f0d7"; font-family:'FontAwesome'; position:absolute; top:100%; margin-top:2px; line-height:0; left:50%; font-size:24px; color:#fff; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}*/
.CustomDrop.ListDrop select{padding-left:40px; height:26px;}
.CustomDrop.ListDrop span{position:absolute; left:7px; top:4px; font-weight:bold;}
.Expiry{color:#fff; text-align:right; font-size:11px; font-family:'georgia';}
.Expiry .btn-warning{padding:3px 5px; line-height:1; font-size:11px;}
.SideTag #BtnFaq{margin-left:-16px; position:absolute; top:0; margin-top:150px; z-index:-1; left:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.SideTag{position:fixed; right:-301px; width:340px; top:25%; z-index:10; max-width:100%; padding-left:40px; transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s; -moz-transition:ease .4s all 0s;}
.SideTag.show{right:0;}
.SideTag.show #BtnFaq .fa{transform:scaleY(-1); -webkit-transform:scaleY(-1); -moz-transform:scaleY(-1); transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s; -moz-transition:ease .4s all 0s;}
.RemarkCont li{margin-bottom:7px;}
.RemarkCont .Content{max-height:60px;}
/*.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{padding:2px 5px;}*/


.table > thead > tr > th{background:#5389ab; color:#fff; text-align:center; vertical-align:top;}
.table > thead > tr > th a{color:#fff; font-size:14px;}
tr.no-bb th, tr.no-bb td, th.no-bb{border-bottom:none !important;}
tr.no-bt th, tr.no-bt td{border-top:none !important;}
.no-radius{border-radius:0px !important;}
.SearchPart{margin:5px 0 10px;}
.SearchPart .Name{width:240px; max-width:100%;}
.SearchPart li{display:inline-block; vertical-align:middle; margin-top:7px; padding-right:5px;}

.RenewDetail{border:solid 1px #5389AB;}
.Credit{padding-right:60px; position:relative;}
.Credit .Icon{width:52px; height:33px; position:absolute; background:url(../images/credit-card.png) no-repeat scroll -425px 0; right:0; top:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
/*.Credit .Icon:before{content:"\f09d"; font-family:'FontAwesome'; position:absolute; font-size:34px; line-height:1; color:#999; top:0; left:0; font-style:normal;}*/
.Credit.Amex .Icon{background-position:0 0;}
.Credit.Diner .Icon{background-position:-61px 0;}
.Credit.Disc .Icon{background-position:-122px 0;}
.Credit.JCB .Icon{background-position:-183px 0;}
.Credit.Maestro .Icon{background-position:-244px 0;}
.Credit.Master .Icon{background-position:-305px 0;}
.Credit.Visa .Icon{background-position:-366px 0;}
.PL10 {padding-left:10px !important;} 

.TParent{display:table; width:100%;}
.TParent.WA{width:auto}
.TParent .TCell{display:table-cell; vertical-align:top;}
.TParent .TCell + .TCell{padding-left:3px;}
.table .form-control, .NaTable .form-control{height:25px; padding:2px 5px; font-size:13px; border-color:#94C8D9;}
.table .CustomDrop select, .NaTable .CustomDrop select{height:25px; border-color:#94C8D9; color:#333;}
.table .CustomDrop select option, .NaTable .CustomDrop select option{padding:3px 5px; color:#333;}
.table.no-border tr td{border:none;}
.SearchLeft{margin-bottom:0;}
/*.SearchLeft .panel-body{padding:5px 15px;}*/
.SearchLeft .table .Title{width:110px;}
.SearchLeft .Step2{border-top:solid 1px #ddd; padding:5px 15px;}
.SearchLeft .Step2 .h4{color:#ff8800; font-size:13px; margin:5px;}
.SearchLeft .BottomPart{padding:10px 15px 0; border-top:solid 1px #ddd;}
.ResultTable .table thead tr th{background-image:linear-gradient(to bottom, #337ab7 0px, #2e6da4 100%); padding:10px;}
.ResultTable .table{border:none;}
.ResultTable .Thumb{width:54px; height:54px; border:solid 1px #aaa; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; display:inline-block;}
.ResultTable .Thumb img{width:100%; height:100%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.ResultTable td p{margin:0; font-size:12px;}
.ResultTable .pagination{margin:3px 0 0;}
.ResultTable .pagination li a{padding:4px 8px;}
.ResultTable{border:solid 1px #3073AD; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.ResultTable .TableBottom{padding:5px 0;}
.ResultTable .table tr th:first-child{border-top-left-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;}
.ResultTable .table tr th:last-child{border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;}
.ResultTable .table tr th:first-child, .ResultTable .table tr td:first-child{border-left:none;}
.ResultTable .table tr th:last-child, .ResultTable .table tr td:last-child{border-right:none;}
.table .alert-danger, .table .alert-success, .table .alert-warning, .table .alert-info{background-image:none;}
.table tr.Active td{background-color:#ecf4f5;}
.CheckIndi li{display:inline-block; font-size:12px; padding:0 7px;}
.CheckIndi li .fa{margin-right:5px; opacity:.5;}
.SearchResult .HeroPart{border-bottom:solid 1px #ddd;}
.SearchResult .Head{text-align:center; color:#fff; padding:5px; background:#34495e; font-size:18px; font-weight:bold;}
.SearchResult .HeroPart .Thumb{width:100px; height:100px; display:inline-block;}
.SearchResult .HeroPart .Thumb img{width:100%; height:auto; border-radius:4px;object-fit: cover;}
.SearchResult .HeroPart p{margin-bottom:0;}
.SearchResult .HeroPart h5{margin:0 0 5px; font-weight:bold; font-size:12px;}
.SearchResult .EditLinks a{display:inline-block; margin-left:5px;}
.SearchResult .HeroPart .IdThumb{width:190px; height:106px;}
.SearchResult .btn-group li a{display:block; padding:4px 10px; font-size:13px; margin-bottom:2px; line-height:1;}
.SearchResult .HeroPart .table td{padding:3px 5px;}
.table-gray{font-size:12px; font-family:"PTSans-Regular";}
.table-gray thead tr th{background:#f2f2f2; color:#666; line-height:1.2; vertical-align:top;}
.table-gray thead tr th, .table-gray tbody tr td{padding:1px 5px !important;}
.table-gray tbody tr td{font-size:13px;}
.table-gray .mCSB_dragger{min-height:12px !important;}
.table-gray .mCSB_scrollTools{margin:0 !important;}
.mCSB_draggerRail{background:rgba(0,0,0,.2) !important;}
.mCSB_dragger_bar{background:rgba(0,0,0,.5) !important;}
.ChecksInfo .fa{font-size:14px;}
.ChecksInfo .panel-body{padding:10px;}
.ChecksInfo .pagination{margin:10px 0 0 0;}
.ChecksInfo  .CheckIndi{font-size:11px;}
.ChecksInfo  .CheckIndi .fa{font-size:10px;}
.ChecksInfo .nav li a{padding:8px; font-size:12px; line-height:normal;font-weight:bold;}
.CheckTypeList{-moz-column-count:3; column-count:3; -webkit-column-count:3; padding:5px 0;}
.CheckTypeList li{padding-left:15px;}
.RightPart .CheckSearch{border-top:solid 1px #ddd; padding-top:10px;}
.SearchBar{position:relative;}
.SearchBar input[type="text"]{padding-right:30px;}
.SearchBar .btn{background:none; position:absolute; top:0; right:0; padding:0px 7px; height:100%;}
.SearchBar-sm{position:relative;}
.SearchBar-sm .form-control{padding-right:30px;height:24px;font-size:12px;}
.SearchBar-sm .btn{background:none; position:absolute; top:0; right:0; padding:0px 7px; height:100%;}
.RightPart .Result2{border-top:solid 1px #ddd; padding-top:10px;}
.PopTypePart .btn{white-space:normal;}
.PopTypePart{border:solid 1px #39b54a; padding:10px 0; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,.2)}
.Result2 .alert-success{display:inline-block; padding:5px 10px; margin:0;}
.CompTable .h4, .CompTable .h5{margin:0 0 5px; font-weight:bold;}
.CompTable{margin-top:-1px;}
.NetWorkTable tbody td{padding:3px 5px !important;}

/*------------All Popup Styles here-----------*/
.modal-body .col-sm-1,
.modal-body .col-sm-2,
.modal-body .col-sm-3,
.modal-body .col-sm-4,
.modal-body .col-sm-5,
.modal-body .col-sm-6,
.modal-body .col-sm-7,
.modal-body .col-sm-8,
.modal-body .col-sm-9,
.modal-body .col-sm-10,
.modal-body .col-sm-11,
.modal-body .col-sm-12,
.modal-body .col-sm-20{padding-left:5px; padding-right:5px;}
.col-sm-20{width:20%; float:left;}
.modal-header, .modal-footer{padding:5px;}
.modal-body .form-group label{font-weight:normal;}
.modal-title{font-size:21px;}
.modal-body .row{margin-left: -5px;margin-right:-5px;}
.modal-body .SectionHead{position:relative; text-align:center; z-index:0;}
.modal-body .SectionHead span{display:inline-block; background:#fff; padding:2px 10px; font-weight:bold; font-size:16px;}
.modal-body .SectionHead:after{content:''; position:absolute; background:#aaa; height:1px; width:100%; left:0; top:50%; z-index:-1; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.CardTypeBox{background:#fff; padding:10px; border:solid 1px #ddd; box-shadow:5px 0 0 rgba(0,0,0,.2) inset; -moz-box-shadow:5px 0 0 rgba(0,0,0,.2) inset; -webkit-box-shadow:5px 0 0 rgba(0,0,0,.2) inset; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.CardTypeBox2{background:#fff; padding:10px; border:solid 1px #ddd; box-shadow:-5px 0 0 rgba(0,0,0,.2) inset; -moz-box-shadow:-5px 0 0 rgba(0,0,0,.2) inset; -webkit-box-shadow:-5px 0 0 rgba(0,0,0,.2) inset; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.fileUpload {position:relative; overflow: hidden;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload .fa{font-size:18px; margin-right:5px;}
.fileUploadList{background:#fff; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:10px; max-width:400px; padding:5px; position:relative;display:inline-block;vertical-align:top;}
.fileUploadList:before{content: '';position: absolute;left: 0;margin-left: -2px;top: 50%;width: 10px;height: 10px;background: #fff;border-top: solid 1px #ddd;border-left: solid 1px #ddd; transform: rotate(-45deg) translateY(-50%);-webkit-transform: rotate(-45deg) translateY(-50%);-moz-transform: rotate(-45deg) translateY(-50%);}


.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff; font-size:14px; text-transform:uppercase;}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff;
background-color: #3071a9;
border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
color: #428bca;
background-color: #fff;
border-color: #428bca;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
background-color: #428bca;
border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
background-color: #4a9fe9;
}
.panel.with-nav-tabs .panel-heading{
padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}

/*----------Arrow box styles-----------*/
.arrowbox{position:relative; border:solid 1px #ddd; line-height:normal; padding:5px 10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.arrowbox:before{content:''; position:absolute; border-top:solid 1px #aaa; border-right:solid 1px #aaa; width:12px; height:12px; background:#fff;}
.arrowbox.top:before{top:0; left:25px; margin-top:-6px; transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.arrowbox.left:before{left:0; top:25px; margin-left:-6px; transform:rotate(-135deg); -o-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.arrowbox.right:before{right:0; top:25px; margin-right:-6px; transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.arrowbox.bottom:before{bottom:0; left:25px; margin-bottom:-6px; transform:rotate(-225deg); -o-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg);}

/*Custome Default Select Menu Style*/
.custom-select{display: inline-block;position: relative; width:100%;}
.custom-select select{appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; border:1px solid #CAC9C8; border-radius:5px; box-shadow:0 2px 2px -2px #CCCCCC inset; padding:8px 4px; background:#fff ; margin:0; outline: medium none; cursor:pointer; width:100%;}
.custom-select select:hover{border-color:#bbb;}
.custom-select:after{background:#fff; font-family:"Font Awesome 5 Free"; font-weight:bold; content:"\f0d7"; box-shadow:0 2px 2px -2px #CCCCCC inset;border-radius:0 5px 5px 0;pointer-events:none;position:absolute; right:1px; top:1px; height:94%; width:24px; font-size:18px; color:#999; text-align:center; line-height:2;}
.custom-select select option{padding:0 7px; margin-top:3px;}

/*Custome Default Select Menu Style*/
.CustomDrop{display: inline-block; position: relative; width:100%; background:#fff;}
.CustomDrop:after{font-family:"Font Awesome 5 Free"; font-weight:bold; content:"\f0d7"; pointer-events:none; position:absolute; right:5px; top:50%; transform:translateY(-50%); font-size:18px; color:#999; z-index:5;}
.CustomDrop select{appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; border:1px solid #CAC9C8; padding:2px 15px 2px 6px; height:32px; background:transparent ; cursor:pointer; width:100%; z-index:10; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:0 2px 2px -2px #CCCCCC inset; -webkit-box-shadow:0 2px 2px -2px #CCCCCC inset; -moz-box-shadow:0 2px 2px -2px #CCCCCC inset;}
.CustomDrop select:hover{border-color:#bbb;}
.CustomDrop select option{padding:5px 7px;}


/*Custome Checkbox Style*/
.Checkbox2{position:relative; display:inline-block;}
.Checkbox2 td{margin:10px; display:block;}
.Checkbox2 label{margin-bottom:0px; display: inline-block;cursor: pointer; font-weight:normal; position: relative;padding-left:22px; z-index:1; color:#666; line-height:normal;}
.Checkbox2 label:before{content: "";display: inline-block;width:16px;height:16px; margin-right:10px;position: absolute;left: 0;background-color: #fff;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border:solid 1px #7fb2d6; border-radius:2px; top:1px;}
.Checkbox2 input[type=checkbox]:checked + label{color:#333;}
.Checkbox2 input[type=checkbox]:checked + label:before, .Checkbox2 input[type=checkbox]:hover:checked + label:before {content: "\f00c"; font-family:"Font Awesome 5 Free"; font-weight:bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 15px;color:#2a92db;text-align: center;line-height: 15px;}
.Checkbox2 input[type=checkbox]:hover + label:before {color:#ddd;}
.Checkbox2 input{position:absolute; left:0;}
.Checkbox2.Inline td{display:inline-block;}

/* CSS3 Custome Radio Buttons */
.CustomRadio{position:relative;}
table[class="CustomRadio"]{margin:0 -10px;}
.CustomRadio tr td{position:relative; display:inline-block; margin:0 10px;}
.CustomRadio label{display:inline-block; cursor:pointer; position:relative; padding-left:20px; z-index:1; color:#666 !important; font-weight:normal;transform:none !important;}
.CustomRadio label:before{content:""; display:inline-block; width:16px; height:16px; margin-right:10px; position:absolute; left:0; background-color:#fff; box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border:solid 1px #7fb2d6;  border-radius:50px; top:0; margin-top:1px;}
.CustomRadio input{left:1px; margin:0; top:3px; position:absolute;}
.CustomRadio input[type=radio]:hover + label:before {content:"\f111"; font-family:"Font Awesome 5 Free"; font-weight:bold; color:#ddd; text-align:center; font-size:9px;}
.CustomRadio input[type=radio]:checked + label:before, .CustomRadio input[type=radio]:hover:checked + label:before {content:"\f111"; font-family:"Font Awesome 5 Free"; font-size:9px; font-weight:bold; color:#2a92db; text-align:center;}
.Inline .CustomRadio{display:inline-block;}

/* Custom Tooltip */
.CustomTip{position:relative; cursor:pointer;}
.TipView{position:absolute; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); width:360px; cursor:default; z-index:1; display:none; padding-top:15px;}
.TipView .Inner{border:solid 1px #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; background:#fff; font-size:12px; padding:15px; color:#666; line-height:normal; position:relative;}
.TipView .Inner:before, .TipView .Inner:after{content:''; position:absolute; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); border:solid 10px transparent; bottom:100%; left:50%;}
.TipView .Inner:before{border-bottom-color:#aaa; border-width:11px;}
.TipView .Inner:after{border-bottom-color:#fff;}
.CustomTip:hover .TipView{display:block;}

/*---------Choose file custome styles-----------*/
.custom-file-input{width:250px; padding:5px;}
.custom-file-button {display: inline-block;position: relative;padding:0 5px;}
.custom-file-button input {visibility: hidden;width: 100px;}
.custom-file-button:before {content:'Choose File';display: block;background:#1592AE;border-radius: 2px;padding:8px 12px;outline: none;white-space: nowrap;cursor: pointer; font-weight: bold;text-align: center;position: absolute;left: 0;right: 0; color:#fff;}
.custom-file-button:hover:before {border-color: #156E82;}
.custom-file-button:active:before {background: #156E82;}

/*---------Choose file custome styles with attach icon-----------*/
.choose-file-input{width:250px; padding:7px; min-height:35px; background:#fff; border:solid 1px #ddd;}
.choose-file-button {background:#1592AE; display:inline-block; white-space: nowrap; cursor: pointer; position:relative; padding:5px 10px; font-weight:bold; color:#fff; border-radius: 2px;}
.choose-file-button input {visibility:hidden; width:0px;}
.choose-file-button:before{content:'\f0c6'; font-family:"Font Awesome 5 Free"; font-weight:bold;}
.choose-file-button:after {content:'Choose File';}
.choose-file-button:hover, .choose-file-button:active{background: #156E82;}

.form-group label{display:block;}
.text-danger{color:#FF0000; }

/*-------------Loader styles--------------------*/
.loaderblock:before{content:''; background:rgba(0,0,0,.1); position:absolute; width:100%; height:100%; left:0; top:0; z-index:5;}
.loaderblock:after{content:''; position:absolute; top:50%; left:50%; height:36px; width:36px; z-index:10; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%);}
.loader, .loaderblock{position:relative;}
.loader:after{display:inline-block; height:24px; margin-left:7px; vertical-align:middle; width:24px;}
.loader:after, .loaderblock:after{content:''; background:url(../images/loading.gif) no-repeat scroll 0 0; background-size:100% auto;}
.loaderblock .loaderText {position: absolute;text-align: center;width: 50%;bottom: 55%;z-index: 100;background-color: #fff;font-size: 23px;left: 50%;transform: translateX(-50%);color: #116d11;}
.invalid{border-color:#ff0000;}
.invalidWarning{border-color:#ff8800;}
.textAsLabel{border:none;background-color:#fff;}
.HeroPart .form-control{display:inline-block;width:auto;}

/*-------Bad Checks report styles--------*/
.BadCheckInfo .SummaryPart{border:solid 1px #bbe3aa;display:inline-block;  padding:5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:5px 0 0 #bbe3aa inset; -webkit-box-shadow:5px 0 0 #bbe3aa inset; -moz-box-shadow:5px 0 0 #bbe3aa inset;}
.BadCheckInfo .SummaryPart li{display:inline-block; padding:5px 10px;}
.BadCheckInfo .table-gray thead tr th a{color:#337ab7;}
.text-line{text-decoration:underline;}
.CustomDrop.AutoW{display:inline-block; width:auto;}
th .CustomDrop select{font-weight:normal;}
.CheckLastView{background:#ecf3e6; padding:10px;}
.table-gray{background:#fff;}
/*.CheckLastView tr th, .CheckLastView tr td, .BadCheckInfo tr th, .BadCheckInfo tr td{padding:5px !important;}*/
.CheckLastView .SortDrop{display:inline-block; vertical-align:middle; position:relative; font-size:12px; margin-left:5px;}
.SortDrop .CustomDrop select{padding-left:100px; height:25px;}
.SortDrop .CustomDrop .Label{position:absolute; left:10px; color:#666; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.form-group .imp{position:relative;}
.form-group .imp:after{content:""; border-color:#ff8800 #ff8800 transparent transparent; border-style:solid; border-width:5px; position:absolute; right:1px; top:1px;z-index:10;}
.btn{white-space:normal;}
.table .btn{white-space:nowrap;}
.multiselect.btn-default{background-image:none; background-color:#fff;}

/*------all pop styles-----------*/
.AddPayCheckPop .TextBoxLine{border-bottom:solid 1px #666; padding-bottom:5px; display:inline-block; }
.modal-body .row{margin-left:-5px; margin-right:-5px;}
hr.Black{border-top-color:#666;}
.AddPayCheckPop hr.Black{margin:10px 0;}
.alert-default{background-image:linear-gradient(to bottom, #eee 0px, #eee 100%); border-color:#ddd;}
.btn-info.Span{padding: 5px 7px;}
.AddPayCheckPop .CheckTypeBox .Bottom{border-top:solid 1px #7ca3b3; padding-top:5px;}
.PB0{padding-bottom:0;}
.PT0{padding-top:0;}
.AddPayCheckPop .input-group {width:100%;}

/*----------Customer Remarks---------------*/
.RemarkView{margin:10px 0; border-bottom:solid 1px #ddd;}
.RemarkView .Head{padding:5px 5px 10px; display:block; position:relative;}
.RemarkView .Head.active{color:#333;}
.RemarkView .Head:after{float:right; margin-left:10px; content:"\f13a"; font-family:"Font Awesome 5 Free"; font-weight:bold; transition:ease .4s all 0s; -moz-transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s;}
.RemarkView .Head.active:after{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transition:ease .4s all 0s; -moz-transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s;}
.RemarkView .Head span.Col{padding:0 5px;}
.RemarkView .Content{padding:5px 10px;}
.Cursor{cursor:pointer;}

/*-----------Warning popup styles--------------*/
.redbkr{background:#ff0000; color:#fff;border-radius:20px;}
.redbkr .text-yellow, .text-yellow{color:#ffff00;}
.redbkr .Checkbox2 label{color:#fff;}
.redbkr .Checkbox2 input:checked + label{color:#ffff00;}
.redbkr .modal-footer, .redbkr .modal-header{border:none;}
.redbkr .modal-title{font-size:30px;font-weight:bold;}
.text-white, .text-white:hover{color:#fff;}
.text-bold{font-weight:bold;}
.WarningPop{background:#fe9900; padding:20px; color:#000; position:absolute; top:50%; left:50%; box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); -moz-box-shadow:0 0 10px rgba(0,0,0,.5); transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:0 auto; max-width:480px;z-index:10;}
.WarningPop .Number{display:inline-block; padding:7px 12px; background:#fd0002; font-weight:bold; font-size:18px; color:#fff;}
.SpanDevide{border-left:solid 1px #333;}

/*-----------Custom Tooltip classes--------------*/
.tooltip-inner{background-color:#fff; color:#666; border:solid 1px #aaa; box-shadow:0 0 5px rgba(0,0,0,.5); max-width:100%;text-align:justify;}
.tooltip {opacity:1 !important;}
.tooltip.top .tooltip-arrow{border-top-color:#666; margin-left:-7px; margin-bottom:-3px; border-width:8px 8px 0;}
.tooltip.top-left .tooltip-arrow{border-top-color:#666; left:7px; margin-bottom:-7px; border-width:8px 8px 0;}
.tooltip.top-right .tooltip-arrow{border-top-color:#666; right:7px; margin-bottom:-7px; border-width:8px 8px 0;}
.tooltip.right .tooltip-arrow{border-right-color:#666; margin-top:-7px; margin-left:-3px; border-width:8px 8px 8px 0;}
.tooltip.left .tooltip-arrow{border-left-color:#666; margin-top:-7px; margin-right:-3px; border-width:8px 0 8px 8px;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#666; margin-top:-3px; border-width:0 8px 8px;}
.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#666; left:7px; margin-top:-7px; border-width:0 8px 8px;}
.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#666; right:7px; margin-top:-7px; border-width:0 8px 8px;}

.alert-danger-o{border:solid 1px #ff0000;}
.DIB {vertical-align: top;display: inline-block;}

/*------------placeholder to label input------------------*/
.fieldset .form-control{ -moz-appearance: none; color:#212121; outline:none; box-shadow:none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.form-label .fieldset{position: relative;}
.form-label .fieldset label{position:absolute; padding:0 3px; left:5px; color:#909090; background:#fff; white-space:nowrap; pointer-events: none; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top:50%; line-height:1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.fieldset>label:first-child{top:0px !important; opacity:1 !important;}
.form-css-label input[data-empty="false"] + label, .form-css-label input:valid + label, .form-css-label input:focus + label {color: #5856D6; background:#fff; font-size: 12px; -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); top:0;}
.form-js-label input[data-empty="false"] + label, .form-js-label input:valid + label, .form-js-label input:focus + label {color: #5856D6; -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); top:0;}
.fieldset label:after{content:''; background-color:#fff; position:absolute; width:100%; padding-left:5px; left:0; height:100%; z-index:-1;}
.fieldset input:focus + label, .fieldset input:not(:placeholder-shown) + label {opacity:1; color:#999;}
.fieldset input:focus + label, .fieldset input:not(:-ms-input-placeholder) + label {opacity:1; color:#999;}

.bts_dropdown .dropdown-menu{width:100%;}
.bts_dropdown ul{list-style:none;padding:0}
.bts_dropdown ul li{border-top:1px dashed #EEE;padding-left:10px; font-size:12px;}
.bts_dropdown ul li label{position:relative;padding:5px 20px; font-weight:normal;}
.bts_dropdown ul li label input{position:absolute;left:0px;top:5px}
.bts_dropdown>ul{max-height:289px;overflow:auto}
.bts_dropdown>ul>li{border-top:1px solid #EEE; display:table-cell; vertical-align:top;}
.bts_dropdown>ul>li:first-child{border-top:0;}
.bts_dropdown > ul > li > label{color:#666; padding:8px 0; pointer-events:none; font-weight:bold;}
.bts_dropdown > ul > li > label > input{display:none;}
.bts_dropdown.FourParts > ul > li{width:25%;}

.ChecksInfo .nav-tabs{display:table;}
.ChecksInfo .nav-tabs li{display:table-cell; float:none; vertical-align:top;}
.ChecksInfo .nav-tabs li.active a, .ChecksInfo .nav-tabs li a, .ChecksInfo .nav-tabs li a:hover{background:none; border:none; border-radius:0px;}
.ChecksInfo .nav-tabs li.active{background:#fff; border:1px solid #ddd; border-bottom:none;border-radius:5px 5px 0 0;}
.required:before {content: "\f111";font-family:"Font Awesome 5 Free"; font-weight:bold;font-size: 8px;color: #ff8800;margin-right:5px;}
.fa-xs-orange:before{content: "\f111";font-family:"Font Awesome 5 Free"; font-weight:bold;font-size: 8px;color: #ff8800;margin-right:5px;position:relative;top:-2px;}
.NoPadding {padding:0px !important;margin:0px !important;}
.PLR0 {padding-left:0px !important;padding-right:0px !important;}
.SmallBox {width:100px !important;}
.ErrorText {border:1px solid #ff0000 !important;}
.IsOnlineDiv{position: fixed;background: #f1f374;text-align: center;width: 50%;z-index:1100;top:0;font-weight:bold;left:25%;}

.DeclinedChequeReasonOne {color:#fff !important;background-color:#7db972 !important;}
.DeclinedChequeReasonParent li {display:block;border:solid 1px #ddd;margin-bottom:-1px;}
.DeclinedChequeReasonParent li:first-child{border-radius:4px 4px 0 0;}
.DeclinedChequeReasonParent li:last-child{border-radius:0 0 4px 4px;}
.Checkbox2.DeclinedChequeReasonParent label{color:#fff;}
.Checkbox2.DeclinedChequeReasonParent input[type=checkbox]:checked + label{color:#fff;font-weight:bold;}
.DeclinedChequeReasonParent li div {margin: 5px;position: relative;}
.DeclinedChequeReasonTwo {color:#000 !important;background-color:#f1f199 !important;}
.DeclinedChequeReasonTwo label{color:#000 !important;}
.DeclinedChequeReasonThree {color:#fff !important;background-color:#f35b5b !important;}
.DeclinedChequeReasonOther label{color:#333 !important;}
.PL20{padding-left:20px;}



.ToolTipImageBox{max-width:300px;height:auto;}
.ToolTipImageBoxBig{max-width:600px;height:auto;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:4px;}

.routing-input, .account-input{position:relative;}
.routing-input .form-control, .account-input .form-control{padding-left:20px; padding-right:20px;}
.routing-input::before{ color:#999; content:"|:"; left:5px; position:absolute; top:5px;}
.routing-input::after{ color:#999; content:"|:"; right:5px; position:absolute; top:5px;}
.account-input::after{color:#999; content:"\2225\'"; right:5px; position:absolute; top:5px;}

.btn-info-o{border-color:#2aabd2; background:none;}
.AdvanceSearch .form-control{height:25px;padding:2px 5px;}
.AdvanceSearch .InputCont{display:table;}
.AdvanceSearch .input-group-addon{padding:3px 10px;}
.AdvanceSearch .CustomDrop select{height:25px;}
.AdvanceSearch .multiselect{padding:3px 10px; font-size:13px;}
.AdvanceSearch .divCell{padding:3px;}
.AdvanceSearch .divCell:first-child{width:160px;}
.RepoSum{border:1px solid #ddd; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; max-width:700px; margin:20px auto;}
.RepoSum .divCell{padding:3px;}
        
/*-------Div Table Styles---------*/
.divTable{display:table; width:100%; table-layout:fixed;}
.divTable.bordered{background-color:#aaa; border-spacing:1px;}
.divRow{display:table-row; width:auto; clear:both;}
.divCell{display:table-cell; background:#fff; padding:8px; vertical-align:top;}
.divHead{font-weight:bold;background:#F3F3F3;border-bottom:1px solid #ccc;padding:5px;margin:-8px -8px 0;}
.Colspan{display:-moz-box;}
.LastChequeImageSmall {height:80px;width:200px;max-width:100%;}
.PopupImageResponsive{height:100%;max-width:100%;}
.label-md{display:inline-block; font-size:90%;}
.table-block{display:block;background-color:transparent !important;}
.table-block .divCell{display:block;border:1px solid #ccc;margin-bottom:10px;}

.InlineCellCtrl .form-control, .InlineCellCtrl .CustomDrop{width:30%;display:table-cell;float:left;margin-right:5px;}
.NotMatchingRecordsBox{border: 1px solid #f5e2e2;padding: 5px;border-radius: 5px;margin-left: -8px;display: inline-block;}
.alert-red{background:#ff0000; color:#fff;}
.table-white{border-top:1px solid #fff;border-left:1px solid #fff;margin-bottom:20px;}
.table-white td, .table-white th{padding:5px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.StateList-Vertical {column-count:4;}
.StateList-Vertical li{display:block;padding: 5px 0px;}
.MTN20{margin-top:-20px;}
.day-label{top:6px;right:20px;position:absolute !important;z-index:1000;color:#555;}

div.selectBox{position:relative; display:inline-block; cursor:default; clear:both; color:rgb(114, 97, 97);z-index:100;cursor:pointer;}
div.selectBox.bordered span.selected{border: 1px solid rgb(233, 233, 233);}
div.selectBox.BB span.selected{border-bottom: 1px solid rgb(233, 233, 233);}
span.selected{ max-width:100%; box-sizing:border-box; padding:5px 15px 5px 0; border-radius:2px; overflow: hidden; font-size: 12px; font-weight:bold; background:#fff; display:inline-block; position:relative; height:27px; z-index:1;}
span.selected:after{content:"\f107"; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; right:1px; top:5px;}
ul.selectOptions{position:absolute; top:27px; left:0; width:100px; border:1px solid #ccc; border-radius:0 0 5px 5px; overflow:hidden; background:#fff; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0;}
li.selectOption{display:block; line-height: 20px; padding:5px 0 5px 10px;}
li.selectOption:hover{color:#f6f6f6; background:#4096ee;}
.FooterPart{background:#2c2d2d; padding:20px 15px; text-align:center; color:#b4b4b4;}
.FooterPart .Links li{display:inline-block; margin:5px 10px;}
.FooterPart .Links li a{color:#fff;}
@media (max-width:767px){
.bts_dropdown.FourParts > ul > li{width:100%; display:block;}
.StateList-Vertical {column-count:2;}
}


.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position:relative;      
z-index:100;  
}

@media (min-width:768px){
.ArrowPanel{margin-top:30px;}
}

@media (max-width:480px){
.RegisterPart .PartHead span{font-size:18px;}
}


.UploadPop .tab-content{padding:10px;}
.UploadPop .nav li a{padding:10px 0; background:none; border:none;}
.UploadPop .nav li{margin:0 15px;}
.UploadPop .nav{margin:0 -15px;}
.UploadPop .nav-tabs li.active a{border:none; font-weight:bold;}
.UploadPop .nav-tabs li.active{box-shadow:0 -3px 0 rgba(0,0,0,.3) inset;}
.UploadPop .nav li a:focus, .UploadPop .nav li a:hover{background:none;}
.UploadPop .SortDrop .CustomDrop select{padding-left:60px; height:32px;}
#Browse_file input[type="file"]{display:none;}
#Browse_file .CustomBrowse{background-size:auto 100%; cursor:pointer; text-align:center; margin:40px 0; height:290px;}
#Browse_file button{padding:7px 10px; position:relative; top:50%; transform:translateY(-50%);}
.UploadPop .FooterAction{border-top:1px solid #ddd; padding-top:10px; padding-bottom:10px; text-align:center; margin-top:20px;}
.UploadPop .input-group .btn{padding:5px 12px;}
.FooterAction .btn{margin:0 5px;}
.GroupFile{max-height:400px; overflow-y:auto;}
.GroupFile li .HoverMsg{background:rgba(0,0,0,.6); opacity:0; color:#fff; position:absolute; left:0; bottom:-10px; width:100%; height:auto; padding:10px; transition:ease .3s all 0s;}
.GroupFile li:hover .HoverMsg{opacity:1; bottom:0;}
.GroupFile li .HoverMsg:before{font-family:"Font Awesome 5 Free"; font-weight:bold; content:"\f030"; margin-right:5px;}
.GroupFile li{border:solid 1px #ddd; overflow:hidden; position:relative; cursor:pointer; padding:2px; vertical-align:top; margin:5px; float:left; border-radius:2px; width:calc(50% - 10px); height:120px;}
.GroupFile li:before{content: "\f058"; opacity:0; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; top:5px; left:5px; z-index:10; font-size:17px;}
.GroupFile li:hover:before, .GroupFile li:hover:after{opacity:1;}
.GroupFile li.selected{box-shadow:0 0 2px rgba(0,0,0,.2) inset; background:#effafe;}
.GroupFile li.selected:before{opacity:1; color:green;}
.GroupFile li.selected:after{opacity:1;}
.GroupFile li:after{content:'';position:absolute; opacity:0; left:5px; top:10px; background:#fff; height:14px; width:14px;border-radius:25px;}
.GroupFile li img{height:100%;}
.GroupFile .Image{float:left; height:100%; max-width:250px;}
.GroupFile .Details{overflow:hidden; padding-left:10px; padding-top:10px;}
.GroupFile .Details p{border-bottom:dashed 1px #ddd; padding-bottom:5px;}
.GroupFile .Details .Date{font-style:italic; color:#666;}
.UploadPop .Search{float:right;}
.UploadPop .SortDrop{margin-left:10px; float:right;}
.input-group-addon, .input-group-btn{width:auto;}
.thin-border td{border-top-width:2px !important;}
.VAB{vertical-align:bottom !important;}
.F15{font-size:15px;}
.F14{font-size:14px;}
.PX0{padding-left:0px;padding-right:0px;}
.table-sm thead tr th, .table-sm tbody tr td{padding:1px 5px;}
.text-black{color:#333;}
th.alert-warning, td.alert-warning{background-color:#fcf8e3 !important;}
th.alert-danger, td.alert-danger{background-color:#f2dede !important;}
.TableScrollWrape{position:relative; padding:0 20px;}
.TableScrollWrape .arrow{position:absolute; top:0; height:100%; width:15px;}
.TableScrollWrape .arrow:before{top:50%; transform:translateY(-50%); position:absolute; width:15px; height:15px; font-family:"Font Awesome 5 Free"; font-weight:bold;}
.TableScrollWrape .arrow.left{left:0;}
.TableScrollWrape .arrow.right{right:0;}
.TableScrollWrape .arrow.left:before{content:'\f053';}
.TableScrollWrape .arrow.right:before{content:'\f054';}
.TableScrollWrape .TableContent{overflow-y:auto; overflow:hidden;}
.no-wrap{white-space:nowrap;}
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
}
.btn{font-weight:bold;}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}
.ShowIndiBtm{
    position:relative;    
}
    .ShowIndiBtm:before {
        content: "\f063";
        font-family:"Font Awesome 5 Free"; font-weight:bold;
        position: absolute;
        bottom: 0;
        left: -10px;
        font-size: 21px;
        color: #ff0000;
        -webkit-animation: ArrowIndi .5s infinite; /* Safari 4.0 - 8.0 */
        animation: ArrowIndi 1s infinite;
        text-shadow:0 0 5px rgba(255,0,0,.5);
    }
@-webkit-keyframes ArrowIndi {
from {
top: -10px;
}

    to {
        top: -5px;
    }
}

@keyframes ArrowIndi {
    from {
        top: -10px;
    }

    to {
        top: -5px;
    }
}
@media (max-width:767px) {
    .GroupFile li {
        width: 100%;
        margin: 5px 0;
        height: auto;
    }

    .GroupFile .Image {
        height: 100px;
        max-width: 200px;
    }
}

@media (max-width:360px) {
    .GroupFile .Details {
        clear: left;
    }
}