.setting-box .mobifin-tab.breadcrumb-custom ul{margin-bottom: 0px;}
.setting-box .mobifin-tab.breadcrumb-custom ul{ height: auto; margin-bottom: 0px;}
.mobifin-tab.breadcrumb-custom ul{height: auto;  margin: 0px; border: none;}
.mobifin-tab.breadcrumb-custom ul li a{ line-height: 21px; padding: 10px 0 10px 30px;}
.mobifin-tab.breadcrumb-custom ul li{ float: left; border:none !important;}
.mobifin-tab.breadcrumb-custom ul li:first-child
{ padding-left: 0px;}
.mobifin-tab.breadcrumb-custom ul li:first-child a{padding-left: 10px;}

.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a:hover,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a:focus{ border: none; }

.mobifin-tab.breadcrumb-custom ul li.active a{ box-shadow: inset 0 0 0 54px #b0b0b0;}

.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a:hover,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.active > a:focus{background-color: #649ae1; box-shadow: none; }

.mobifin-tab.breadcrumb-custom ul li.active a:before { border-left: 32px solid #FFF;}
.mobifin-tab.breadcrumb-custom ul li.active a:after { border-left: 30px solid #b0b0b0; }

.default-tab.stack-nav.f-lft .nav-tabs > li.active > a{ background: #b0b0b0; color: #fff; }


.mobifin-tab.breadcrumb-custom ul li a::before{ border-left: 33px solid rgba(255, 255, 255, 0.8);}

.mobifin-tab.breadcrumb-custom ul li.double-line .sec-txt{ line-height: 42px;}
.mobifin-tab.breadcrumb-custom ul li.active a{ box-shadow: inset 0 0 0 54px #b0b0b0;  }
.mobifin-tab.breadcrumb-custom ul li.active a span.sec-txt{color: #fff;}
.mobifin-tab.breadcrumb-custom ul li.active a:after{ border-left: 30px solid #649ae1;}

.mobifin-tab.breadcrumb-custom .nav-tabs > li.heighlight > a,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.heighlight > a:hover,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.heighlight > a:focus { background: #4a89dc !important; color: #fff !important; box-shadow: none !important;}
.mobifin-tab.breadcrumb-custom ul li.heighlight a:hover span.sec-txt{color: #fff !important;}
.mobifin-tab.breadcrumb-custom ul li.heighlight a:after{ border-left:30px solid #4a89dc; }



.mobifin-tab.breadcrumb-custom .nav-tabs > li.completed > a,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.completed > a:hover,
.mobifin-tab.breadcrumb-custom .nav-tabs > li.completed > a:focus { background: #4bc076 !important; color: #fff !important; box-shadow: none !important;}
.mobifin-tab.breadcrumb-custom ul li.completed a:hover span.sec-txt{color: #fff !important;}
.mobifin-tab.breadcrumb-custom ul li.completed a:after{ border-left:30px solid #4bc076; }




.tab-setting{ position: absolute; right: 0; top: 0;}

.tab-setting li{float: right;}
.tab-setting li a{color: rgba(0,0,0,0.6);}
.tab-setting li a:hover{color: rgba(0,0,0,0.8);}
.tab-setting li span.icon{  font-size: 18px !important;  text-align: center; display: block; }

.tab-setting li .btn{ margin:4px 4px 4px 0px;}
.tab-setting.three-button li:first-child .btn{margin-left: 0px;}

.form-wiz-page.profile-wiz-page .panel-body{ background: #fff; }
.form-wiz-page.profile-wiz-page .sec-wiz .wizard-nav li:last-child{border-right: none;}

.mobifin-sorting.l-sorting .ls-heading input[type="checkbox"]{ float: left; display: block; line-height: 42px; height: 42px; text-align: center; margin-right: 5px; margin-top: 0px; margin-left: 15px; margin-right: 15px; }
.mobifin-sorting.l-sorting .ls-heading{ line-height: 42px; }
.mobifin-sorting.l-sorting .ls-body li a{ line-height: 42px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.11); }
.mobifin-sorting.l-sorting .ls-body li a:hover{background: #e8e8e8;}
.mobifin-sorting.l-sorting .ls-body li a input[type="checkbox"]{ margin: 0; width: 42px; line-height: 42px;}

.mobifin-sorting.l-sorting .ls-heading .search-nav{position: absolute; right: 0; top:0px;}
.mobifin-sorting.l-sorting .ls-heading .search-nav.open-sb{ width: 100%;}


.mobifin-sorting li{ position: relative; margin: 10px; }
.mobifin-sorting li:before{ content: "\e9d4"; position: absolute; left: 0; top: 0px; height: 22px; width: 22px; text-align: center; background: rgba(0, 0, 0, 0.14); font-family: 'android' !important; font-size: 24px; line-height: 22px; margin: 10px; color: rgba(0,0,0,0); }

.mobifin-sorting li a{ padding-left: 50px !important; }

.mobifin-sorting li.selected:before{ background: #4bc076; color: rgba(255,255,255,0.8);}

.mobifin-sorting.l-sorting ul .ui-sortable-helper,
.mobifin-sorting.l-sorting ul li.selected{ border-color: rgba(0, 0, 0, 0.15); margin: 10px !important; }
.mobifin-sorting.l-sorting ul .ui-sortable-helper,
.mobifin-sorting.l-sorting ul .ui-sortable-handle
{ background: #e8e8e8 !important; opacity: 1; }



.profile-wiz-page.form-wiz-page .wizard-nav.two li{ width: 50%; }
.profile-wiz-page.form-wiz-page .wizard-nav.three li{ width: 33%; }
.profile-wiz-page.form-wiz-page .wizard-nav.four li{ width: 25%; }
.profile-wiz-page.form-wiz-page .wizard-nav.five li{ width: 20%; }
.profile-wiz-page.form-wiz-page .wizard-nav.six li{ width: 16.66%; }
.profile-wiz-page.form-wiz-page .wizard-nav.seven li{ width: 14.28%; }
.profile-wiz-page.form-wiz-page .wizard-nav.eight li{ width: 12.5%; }

.form-wiz-page .fill-circle-wiz .wizard-nav.two .progress {width: 50%; left: 25%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.three .progress {width: 66%; left: 16.5%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.four .progress {width: 75%; left: 12.5%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.five .progress {width: 80%; left: 10%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.six .progress {width: 83.33%; left: 8.33%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.seven .progress {width: 85.72%; left: 7.14%;}
.form-wiz-page .fill-circle-wiz .wizard-nav.eight .progress {width: 87.5%; left: 6.25%;}

.pager li.finish_this a{background: #4bc076 !important; position: relative;}
.pager li.finish_this a:hover:before,
.pager li.finish_this a:focus:before{background: rgba(0,0,0,0.15); content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0px; z-index: -1;}

.form-wiz-page.kyc-wiz-page .wizard-nav li{ width: 33%;}

.form-wiz-page.kyc-wiz-page .wizard-nav.nav-pills > li.previous > a .step-count,
.form-wiz-page.kyc-wiz-page .wizard-nav.nav-pills > li.active > a .step-count{border:none; background: #fff; box-shadow: none !important;}
.form-wiz-page.kyc-wiz-page .wizard-nav li a .step-count{ width: 60px !important; height: 60px; border:none; line-height: 60px;background: #fff !important;}

.form-wiz-page.kyc-wiz-page .wizard-nav li a .step-count .icon{font-size: 60px;}
.mobifin-title{ line-height: 33px; text-align: center; background: rgba(0,0,0,0.09); font-weight: 600; margin: 0px;  border-bottom:1px solid rgba(0,0,0,0.15); text-transform: capitalize;}


.wizard-kyc-img.form-wiz-page .wizard-nav li a .step-count .icon{ font-size: 60px !important; line-height: 60px; }
.wizard-kyc-img.form-wiz-page .wizard-nav li{width: 1%;}
.form-wiz-page .sec-wiz .wizard-nav li:last-child{border-right:none;}



.wizard-kyc-img.form-wiz-page .wizard-nav.nav-pills > li.previous > a .step-count .icon,
.wizard-kyc-img.form-wiz-page .wizard-nav.nav-pills > li.active > a .step-count .icon{ color: #649ae1; }

.form-wiz-page.wizard-kyc-img{background: #fff;}
.form-wiz-page.wizard-kyc-img .fst-wiz{margin-bottom: 0px;}
.form-wiz-page.wizard-kyc-img .tab-content{padding-top: 20px;}

.form-wiz-page.wizard-kyc-img  .wizard-nav li .step-text .set-icon{ position: relative; display: inline-block;}
.form-wiz-page.wizard-kyc-img  .wizard-nav li .step-text .set-icon .completed{    float: left; display: inline-block; width: 42px; height: 42px; line-height: 42px; position: absolute; left: -42px; opacity: 0; transition: 0.5s;}

.form-wiz-page.wizard-kyc-img  .wizard-nav li.previous .step-text .set-icon .completed{ opacity: 1;}


.panel-footer .tab-setting,
.button-list.tab-setting
{ position: relative; text-align: center; display: inline-block;}


.mobifin-panel .panel-footer .button-list.tab-setting li{float: none;}
.mobifin-panel .panel-footer .button-list.tab-setting li .btn{margin: 0px;}
.mobifin-panel .panel-footer{padding: 10px;}

/*#content .main-content{margin-top: 0px;}*/


/*transmission fees*/
.transaction-fee .fees-type,
.billing .bill-type
{ text-align: center; transition: 0.5s; cursor: pointer; }
.transaction-fee .fees-type:hover,
.billing .bill-type:hover
{ color: #4a89dc;}
.transaction-fee .fees-type:hover:before,
.billing .bill-type:hover:before
{color: rgba(0,0,0,0.6);}

.transaction-fee .fees-type .icon,
.billing .bill-type .icon
{ font-size: 55px; line-height: 90px; text-align: center;}

.transaction-fee .fees-type .fees-icon,
.billing .bill-type .fees-icon
{ text-align: center; width: 90px; height: 90px; margin: 0 auto; position: relative;}

.transaction-fee .fees-type .icon.icon-slab,
.billing .bill-type .icon.icon-slab
{ text-align: center; position: absolute; left: 50%; margin-left: -15px; font-size: 30px; }

.transaction-fee .fees-type .title,
.billing .bill-type .title
{ clear: both; display: block; margin: 5px 0; font-size: 16px; border-bottom: none; }

.mobifin-panel .tab-content > .tab-pane > .panel-body{padding: 25px 25px 0px 25px; }


body{background-color: rgba(0, 0, 0, 0.013);}
.breadcrumb-custom.mobifin-tab .nav-tabs{ border-bottom: 1px solid rgba(0,0,0,0.15);}

.breadcrumb-custom.mobifin-tab > .nav li.active a:hover,
.breadcrumb-custom.mobifin-tab > .nav li.active a:focus{ box-shadow: none !important; }

.transaction-fee .fees-type.fixed-type,
.billing .bill-type.type1
{border-right: 1px dashed rgba(0, 0, 0, 0.15);}


.transaction-fee .fees-type.fixed-type:after,
.billing .bill-type.type1:after
{ content: "Or"; position: absolute; width: 42px; height: 42px; background: rgb(245, 245, 245); right: 0; top: 50%; margin-top: -21px; line-height: 42px; margin-right: -21px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.12); }


.transaction-fee .fees-type.active .fees-icon:before,
.transaction-fee .fees-type.active .fees-icon:after,
.billing .bill-type.active .fees-icon:before,
.billing .bill-type.active .fees-icon:after
{ transition: 0.5s; content: "";}

.transaction-fee .fees-type .fees-icon:before,
.billing .bill-type .fees-icon:before
{  content: ""; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);  position: absolute;  width: 90px;  height: 90px;  border-radius: 50%;  position: absolute; left: 0; }

.transaction-fee .fees-type.active .fees-icon:before,
.billing .bill-type.active .fees-icon:before
{ border: 1px solid #4a89dc; }

.transaction-fee .fees-type.active .fees-icon:after,
.billing .bill-type.active .fees-icon:after
{  content: "\e9d7";  font-family: anndroid;  color: #4a89dc;  position: absolute;  font-family: 'android' !important;  font-size: 22px;  right: 4px;  background: #fff;  width: 22px;  height: 22px;  line-height: 22px; top: 3px; }


.transaction-fee .fees-type.active .icon,
.transaction-fee .fees-type.active .title,
.billing .bill-type.active .icon,
.billing .bill-type.active  .title
{ color: #4a89dc; }

.transaction-fee .fees-type,
.billing .bill-type
{ transition: 0.5s; }

.fixed-tran-table tr td .boot-style .form-group input[type="text"]:focus,
.transaction-fee .boot-style.boot-style-4 .form-group input[type="text"]:focus
{font-size: 20px; font-weight: 600; background: #fcf8e3;}

.transaction-fee .form-inline.boot-style.two-input.with-slider .width-67{ width: 40%; margin-top: 10px; }
.transaction-fee .form-inline.boot-style.two-input.with-slider span.control-label{ width: 59%;}
.fixed-tran-table.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(0,0,0,0.04); }
.fixed-tran-table.table-striped > tbody > tr:nth-of-type(even) { background-color: rgba(0,0,0,0.03); }

.fixed-tran-table.basic-style.table > thead > tr > th,
.fixed-tran-table.basic-style.table > tbody > tr > th,
.fixed-tran-table.basic-style.table > tfoot > tr > th,
.fixed-tran-table.basic-style.table > thead > tr > td,
.fixed-tran-table.basic-style.table > tbody > tr > td,
.fixed-tran-table.basic-style.table > tfoot > tr > td{ font-size: 13px;}

.mobifin-tab.breadcrumb-custom ul li{ font-size: 14px;}
.basic-style.fixed-tran-table{border:1px solid rgba(0,0,0,0.15); margin-bottom: 0px;}

.module-list .boot-style.form-inline .multiselect.dropdown-toggle{display: none;}

.module-list .boot-style.form-inline .multiselect-container label.checkbox,
.module-list .boot-style.form-inline .multiselect-container label.radio{line-height: 42px;}





.biometric .icon{ font-size: 175px; text-align: center; color: rgba(0,0,0,0.2); }

.biometric .circle-container{ position: relative; width: 175px; height: 175px; margin: 100px auto 0px; }
.biometric  .circle-container .circle{ width: 30px;  height: 30px;  border: 1px dashed   #afafaf;  border-radius: 50%;  display: block; position: absolute; cursor: pointer; transition-duration: 0.5s; text-align: center;}

.biometric  .circle-container .circle.active{background-color: #4bc076;border-color:#4bc076; }
.biometric  .circle-container .circle.active:after{ content: "\e9d4"; font-family: 'android' !important; width: 30px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; opacity: 0;transition-duration: 0.5s;}
.biometric  .circle-container .circle.active:after{opacity: 1; }

.biometric  .circle-container .circle .name{width: 40px;   top: -20px; font-weight: bold; font-size: 11px; position: absolute; color: rgba(0,0,0,0.4);}

.biometric  .circle-container .circle.active .name{color: #4bc076;}

.biometric  .circle-container.left-hand .circle .name{left: 50%; margin-left: -20px;}
.biometric  .circle-container.right-hand .circle .name{right: 50%; margin-right: -20px;}

.biometric  .circle-container.left-hand .circle1{top: 30px; left: -6px;}
.biometric  .circle-container.left-hand .circle2{top: 2px; left: 33px;}
.biometric  .circle-container.left-hand .circle3{top: -9px; left: 70px;}
.biometric  .circle-container.left-hand .circle4{ top: 10px; left: 107px;}
.biometric  .circle-container.left-hand .circle5{ top: 120px; left: 155px; }

.biometric  .circle-container.left-hand .circle1 .name{top:5px; left :-22px;}
.biometric  .circle-container.left-hand .circle2 .name{top: -10px; left: -14px;}
.biometric  .circle-container.left-hand .circle3 .name{top: -25px;}
.biometric  .circle-container.left-hand .circle4 .name{top: -12px; left: 46px;}
.biometric  .circle-container.left-hand .circle5 .name{top: 6px; left: 55px;}

.biometric  .circle-container.right-hand .circle1{ top: 30px; right: -6px;}
.biometric  .circle-container.right-hand .circle2{ top: 2px; right: 33px;}
.biometric  .circle-container.right-hand .circle3{top: -9px; right: 70px;}
.biometric  .circle-container.right-hand .circle4{ top: 10px; right: 107px;}
.biometric  .circle-container.right-hand .circle5{ top: 120px; right: 155px;}

.biometric  .circle-container.right-hand .circle1 .name{top:5px; right :-22px;}
.biometric  .circle-container.right-hand .circle2 .name{top: -10px; right: -14px;}
.biometric  .circle-container.right-hand .circle3 .name{top: -25px;}
.biometric  .circle-container.right-hand .circle4 .name{top: -12px; right: 46px;}
.biometric  .circle-container.right-hand .circle5 .name{top: 6px; right: 55px;}

.biometric .icon.clone-hand{position: absolute;top: 0;left: 0;}

.biometric .alert{ width: 300px; position: absolute; bottom: 27px; left: 50%; margin-left: -150px; margin-bottom: 0px; }
.biometric .alert .left-selection,
.biometric .alert .right-selection
{letter-spacing: 2px;}

.biometric .alert.transparent{background: transparent;}

.biometric .alert.transparent.alert-info{ border: 2px solid #649ae1; color: #649ae1; position: absolute; bottom: 51px; margin-bottom: 15px;}
.biometric .alert.transparent.alert-info .close{color:  #649ae1;}



.form-wiz-page.wizard-kyc-img .pager{  float: left; width: 100%;}


.biometric  .circle-container.left-hand .title,
.biometric  .circle-container.right-hand .title
{border-bottom: none; font-weight: normal;  text-transform: uppercase;  margin: 0; color: #FFF; background-color: #888; border-radius: 4px; position: absolute; width: 175px; top: -80px; font-size: 14px; text-align: center;}



/* ==== access ==== */
.access-data .access-method{margin: 0 auto; text-align: center; width: 920px; height: 420px; position: relative; overflow: hidden;}
.access-data .access-method .user{ width: 110px; height: 110px; display: block; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -55px;}
.access-data .access-method .user .icon{ font-size: 86px; font-weight: normal; border: 2px solid rgba(0,0,0,0.15); border-radius: 50%; padding: 10px; color: rgba(0,0,0,0.25); display: block;background: rgba(0,0,0,0.1)}

.access-data .access-method .common-access{ font-size: 20px;  width: 50px;  height: 50px;  border-radius: 50%;  line-height: 50px;  border: 1px solid rgba(0,0,0,0.1);  background: rgba(0,0,0,0.05);  position: absolute; left :0px;}
.access-data .access-method .common-access:hover,
.list-access li a .circle .common-access:hover
{ background: rgba(0,0,0,0.05);}


.access-data .access-method .common-access.web,
.access-data .access-method .common-access.mobile,
.access-data .access-method .common-access.qr,
.access-data .access-method .common-access.ussd,
.access-data .access-method .common-access.chip-pin,
.access-data .access-method .common-access.biometric,
.access-data .access-method .common-access.nfc,
.access-data .access-method .common-access.sms,
.access-data .access-method .common-access.watch
{/*top: 0px; left: 50%; margin-left: -30px;*/}

.access-data .access-method .circle{ width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; position: absolute;}
.access-data .access-method .circle.active .common-access{box-shadow: 0px 0px 0px 2px #4bc076;}
.access-data .access-method .circle.active .common-access:after{ content: "\e9d4"; font-family: 'android' !important; width: 26px; height: 26px; line-height: 26px; font-size: 16px; color: #fff; opacity: 1; transition-duration: 0.5s; position: absolute; background: #4bc076; transform: rotate(100deg); border-radius: 50%; top: 50%; margin-top: -13px;}

.access-data .access-method .circle.left-side.active .common-access:after {left: -13px;}
.access-data .access-method .circle.right-side.active .common-access:after {right: -13px;}

.access-data .access-method .circle .title{border:none;}

.access-data .access-method .circle.active .common-access:after{ transform:rotate(0deg); }
/*.access-data .access-method .circle1{ transform: rotate(12deg);}
.access-data .access-method .circle2{ transform: rotate(-25deg);}
.access-data .access-method .circle3{ transform: rotate(60deg);}
.access-data .access-method .circle4{ transform: rotate(-50deg);}
.access-data .access-method .circle5{ transform: rotate(90deg);}
.access-data .access-method .circle6{ transform: rotate(-75deg);}
.access-data .access-method .circle7{ transform: rotate(120deg);}
.access-data .access-method .circle8{ transform: rotate(-100deg);}
.access-data .access-method .circle9{ transform: rotate(-125deg);}*/

/*
.access-data .access-method .circle1{ transform: rotate(22.5deg);}
.access-data .access-method .circle2{ transform: rotate(-18deg);}
.access-data .access-method .circle3{ transform: rotate(67.5deg);}
.access-data .access-method .circle4{ transform: rotate(-54deg);}
.access-data .access-method .circle5{ transform: rotate(112.5deg);}
.access-data .access-method .circle6{ transform: rotate(-90deg);}
.access-data .access-method .circle7{ transform: rotate(157.5deg);}
.access-data .access-method .circle8{ transform: rotate(-126deg);}
.access-data .access-method .circle9{ transform: rotate(-162deg);}
*/

/*
Original Css
.access-data .access-method .circle1{ top: 60px;}
.access-data .access-method .circle2{ top: 60px;}
.access-data .access-method .circle3{ top: 153px;}
.access-data .access-method .circle4{ top: 130px;}
.access-data .access-method .circle5{ top: 247px;}
.access-data .access-method .circle6{ top: 200px;}
.access-data .access-method .circle7{ top: 340px;}
.access-data .access-method .circle8{ top: 270px;}
.access-data .access-method .circle9{ top: 340px;}*/


.access-data .access-method .user:before { content: ""; position: absolute; height: 1px; background-color:rgba(0, 0, 0, 0.12); left: 110px; right: -60px; top: 50%; }

.access-data .access-method .user:after { content: ""; position: absolute; height: 1px; background-color:rgba(0, 0, 0, 0.12); left: -60px; right: 110px; top: 50%; }



/*reverse rotate for title*/
/*.access-data .access-method .circle1 .common-access
{ transform: rotate(-30deg);}
.access-data .access-method .circle2 .common-access
{ transform: rotate(25deg);}
.access-data .access-method .circle3 .common-access
{ transform: rotate(-60deg);}
.access-data .access-method .circle4 .common-access
{ transform: rotate(50deg);}
.access-data .access-method .circle5 .common-access
{ transform: rotate(-90deg);}
.access-data .access-method .circle6 .common-access
{ transform: rotate(75deg);}
.access-data .access-method .circle7 .common-access
{ transform: rotate(-120deg);}
.access-data .access-method .circle8 .common-access
{ transform: rotate(100deg);}
.access-data .access-method .circle9 .common-access
{ transform: rotate(125deg);}*/

.access-data .access-method .circle .title { transform: rotate(0deg); position: absolute; width: 100px; font-size: 13px; font-family: 'open_sansregular' !important; font-weight: bold; line-height: 22px; background: #fff;  top: 50%; height: 28px; margin-top: -14px; line-height: 28px; margin-bottom: 0px;}

.access-data .access-method .circle.active .title {color: #4bc076;}

.circle.left-side {right: 225px;}
.circle.right-side {left: 225px;}

.circle.right-side .title {right: 70px; text-align: right;}
.circle.left-side .title {left: 70px; text-align: left;}

.access-data .access-method .circle:before {content: ""; position: absolute; top: 25px; background: rgba(0, 0, 0, 0.12); height: 1px; width: 70px;}
.access-data .access-method .circle.left-side:before {right:50px;}
.access-data .access-method .circle.right-side:before {left:50px;}
.list-access li a .circle{text-align: center;}
.list-access li a .circle .common-access{ width: 60PX; height: 60px; line-height: 60px; border-radius: 50%; display: block; border: 1px solid rgba(0,0,0,0.1); text-align: center; font-size: 24px; background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.6); margin: 0 auto; }
.list-access li{ padding: 0px;  float: left; text-align: center; }
.list-access.five li{  width:20%; }
.list-access.four li{  width:25%; }
.list-access li a .circle .title{ color: rgba(0,0,0,0.6); margin: 5px auto; display: block; font-weight: 600;}

.access-block .mobifin-title{ margin:20px 0; border:none;}

.mobifin-panel .tab-content > .tab-pane > .biometric .panel-body{border:none;}


/*billing*/
.billing .bill-type .icon{font-size: 30px;}

/* ==== formula ==== */
.formula-list li a{ max-width: 380px; background: #ddd; display: block; line-height: 22px; text-align: left; font-weight: 600; font-size: 14px; color: rgba(0,0,0,0.6); padding: 10px; margin-bottom: 10px; position: relative;}

.formula-list li a:before{ position: absolute; content: "\e9d4"; font-family: 'android' !important; width: 42px; right: 0px; top: 0; font-size: 24px; line-height: 42px; text-align: center; background: rgba(0, 0, 0, 0.11); color: rgba(58, 58, 58, 0.38); transition-duration:0.5s; }

.formula-list li a:hover:before,
.formula-list li.active a:before
{ background: #4bc076; color: #fff; }

.choose-formula:first-child{border-right: 1px dashed rgba(0,0,0,0.1);}
.choose-formula .mobifin-title{ margin: 0 auto 20px; border: none;}
.set-focus input[type="text"]{transition-duration: 0.5s;}
.set-focus input[type="text"]:focus{ font-size: 20px !important; font-weight: 600; background: #fcf8e3; }

.choose-formula .set-focus .control-label{ display: none !important; }
.choose-formula .set-focus .input-group-btn{display: none;}

.choose-formula .set-focus.boot-style.one-input .width-67{ margin: 0 auto;  float: none;  width: 150px;}
.choose-formula .set-focus.boot-style.form-inline .input-group .form-control{ height: 42px; font-size: 14px; font-weight: 600;}

.choose-formula .set-focus.boot-style .rate{ content: "%"; position: absolute; right: 0px; width: 42px; background: rgba(0, 0, 0, 0.08); text-align: center; top: 0; z-index: 9; bottom: 0; line-height: 42px; font-size: 24px; font-weight: 600;}

.choose-formula .has-rate-icon.boot-style.form-inline .input-group .form-control { padding-right: 42px !important; }


/*product and services*/
.default-tab.stack-nav.service-list{width: 100%; position: relative; min-height: 200px;}

.service-list.default-tab.stack-nav.f-lft .tab-content{ padding-left: 190px; padding-top: 0px; border-left: 1px solid rgba(0,0,0,0.15);    padding-right: 0px;}
.service-list.default-tab .nav-tabs li.active{box-shadow: -2px 0 0 0px #4a89dc;}
.service-list.default-tab .nav-tabs li{border-bottom: none;}
.service-list .pagination.pagination-custom li{float: left;}

.service-list.default-tab.stack-nav .nav-tabs > li:last-child{border-bottom: 1px solid rgba(0,0,0,0.15);}

.service-list .search-wrpr .search-data input{ width: 190px;}

.search-wrpr .search-icon .btn{ float: none; margin: 5px 0 5px 5px;}
#searchColumnGridDiv .modal-footer .btn{ float: none; margin: 5px 5px 5px 0px;}

.mobifin-panel .title{font-size: 16px; line-height: 35px; border-bottom: 3px double rgba(0, 0, 0, 0.1); margin-bottom: 10px;
                      font-weight: 600; display: block; text-transform: capitalize; }

.service-list.default-tab.stack-nav .panel-body{ padding: 15px; }

.service-list.stack-nav .service-container {width: 190px; position: absolute; top: 0; bottom: 0px; background: rgb(230, 230, 230); padding: 0px; border-right: 1px solid rgba(0, 0, 0, 0.09); overflow-y: auto; }

.service-list.stack-nav .nav.nav-tabs {     width: 189px; margin-top: 0; position: absolute; top: 42px; bottom: 0px; overflow-y: auto; right: 0; left: 0; }

.access-title { margin: 0 auto; display: block; background: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); position: absolute; font-size: 14px; padding: 0 10px; width:184px; border-radius: 4px; text-align: center; line-height: 31px; color: #FFF; background-color: #888; top: 5px; text-transform: uppercase;}

.access-title:before {content: ""; position: absolute; height: 281px; width: 1px; background: rgba(0, 0, 0, 0.12); top: 80px;}

.access-title.self {left: 163px;}
.access-title.assisted {right: 163px;}

.access-title.self:before {left: 182px;}
.access-title.assisted:before {right: 182px;}


.sub-title{ height: 42px; position: absolute; left: 0px; right: 0px; display: block; line-height: 42px; padding: 0 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.23); color: rgb(255, 255, 255); z-index: 2; background: rgba(0, 0, 0, 0.17); }

.wizard-kyc-img.form-wiz-page .pager li > .btn,
.profile-wiz-page.form-wiz-page .pager li > .btn
{width: auto;}


.profile-wiz-page.form-wiz-page .pager li > .btn .icon{ font-size: 18px;}

.wizard-kyc-img.form-wiz-page .pager,
.profile-wiz-page.form-wiz-page .pager,
.mobifin-panel .pager{ margin: 10px -5px -5px -5px;  padding: 5px;  background: #f5f5f5; border-top: 1px solid #ddd;}

.form-wiz-page.profile-wiz-page{ margin: 0px; border:none;  padding-bottom: 42px; }

.select-list .common-box{ box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12); padding: 0; width: 240px; position: relative; line-height: 42px; cursor: pointer; transition-duration: 0.5s; border-radius: 4px;}
.select-list .common-box:hover {box-shadow: 0 10px 14px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.2);}
.select-list .common-box .title{ border-bottom: none; margin-bottom: 0px; line-height: 42PX; padding-left: 50px; font-size: 13px; }
.select-list .common-box .icon{ font-size: 20px;
                                display: block;
                                float: left;
                                line-height: 20px;
                                margin-right: 15px;
                                position: absolute;
                                top: 50%;
                                bottom: 0;
                                left: 0;
                                width: 40px;
                                height: 20px;
                                text-align: center;
                                border-right: 1px solid rgba(0,0,0,0.13);
                                margin: 5px 0;
                                margin-top: -10px; }
/*.select-list .common-box .title:before{ content: "\e9d4"; position: absolute; right: 0; top: 0px; height: 22px; width: 22px; text-align: center; background: rgba(0, 0, 0, 0.14); font-family: 'android' !important; font-size: 24px; line-height: 22px; margin: 10px; color: rgba(0,0,0,0); transition: 0.5s;  }*/
.select-list .common-box.line-checkbox .title:before{ /*border: 1px solid rgba(0, 0, 0, 0.14); background: none;*/}
.select-list li{ padding: 5px 5px 10px 5px; }
.select-list .common-box.line-checkbox.active .title:before{ position: absolute;     content: "\e9d4";
                                                             font-family: 'android' !important; background: #FFF; font-size: 10px;
                                                             color: #4bc076;
                                                             width: 20px;
                                                             height: 20px;
                                                             border-radius: 20px;
                                                             line-height: 20px;
                                                             text-align: center;
                                                             top: 50%;
                                                             margin-top: -10px;
                                                             right: 10px;}
.select-list .common-box.line-checkbox.active{/*box-shadow: 0 0 2px 1px #35d672;*/ background-color: #4bc076;
    color: #FFF;}
.select-list .common-box.line-checkbox.active .icon{ color: #FFF;}

.profile-wiz-page .default-tab.icon-block .nav-tabs{ overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.15); margin-bottom: 15px; margin-top: -10px;}
.form-wiz-page .default-tab.icon-block .nav-tabs{ overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.15); margin-bottom: 15px; margin-top: -10px;}
.default-tab.icon-block .nav-tabs.nav-justified > li,
.default-tab.icon-block .nav-tabs.nav-justified > li:last-child
{ border-top:none; border-bottom: none; border-left: none; border-right: none; position: relative;}

.default-tab.icon-block .nav-tabs.nav-justified li:before{ content: ""; position: absolute; left:0; right: 0; bottom: 0px;height: 2px;}

.default-tab.icon-block .nav-tabs.nav-justified > li a{color: rgba(0,0,0,0.4);}
.default-tab.icon-block .nav.nav-tabs li .icon{ display: block; font-size: 30px; padding-top: 20px;}

.default-tab.icon-block > .nav.nav-tabs li.active > a,
.default-tab.icon-block > .nav.nav-tabs li.active > a:hover,
.default-tab.icon-block > .nav.nav-tabs li.active > a:focus,
.default-tab.icon-block > .nav.nav-tabs li > a:hover,
.default-tab.icon-block > .nav.nav-tabs li > a:focus
{ color: #649AE1;box-shadow: none !important; background: none;}
.default-tab .nav-tabs  li  a {line-height: 41px; font-size: 13px; padding: 0px 20px;}
.default-tab.icon-block .tab-content{border:none;}
.default-tab.icon-block > .nav-tabs.nav-justified li.active:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #649ae1 !important; z-index: 1; transition: 0.5s; border: 1px solid #649ae1 !important;}

.default-tab.icon-block > .nav-tabs li.active:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #649ae1 !important; z-index: 1; transition: 0.5s; border: 1px solid #649ae1 !important;}

.form-wiz-page .wizard-nav.nav-pills > li > a:hover,
.form-wiz-page .wizard-nav.nav-pills > li > a:focus{ background: none !important; box-shadow: none !important;}

.form-wiz-page .fill-circle-wiz .wizard-nav li.active a .step-count, .form-wiz-page .fill-circle-wiz .wizard-nav li.active a .step-count .icon{ background: #649ae1; color: #fff;}
.default-tab .service-container .nav-tabs  li  a{ display: block; }

.transaction-fixed,
.perodic-billing
{padding: 20px 0 !important; display: none;}

.slab-title{position: relative;padding: 15px !important;}

.slab-title .day,
.slab-title .month
{ width: 48%; text-align: center; position: absolute; line-height: 31px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.slab-title .day {margin-left: 15px;}
.slab-title .month {margin-right: 15px;}

.slab-title .day,
.slab-title .day:before,
.slab-title .month:before
{left: -1px;}

.slab-title .month,
.slab-title .month:after,
.slab-title .day:after
{right: 1px;}

.slab-title .day:before,
.slab-title .month:after,
.slab-title .month:before,
.slab-title .day:after
{content: ""; position: absolute; height: 10px;bottom: 0px;box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.15); width: 1px;}


.mobifin-user{ text-align: center; margin: 20px 0; }
.mobifin-user li{text-align: center;    padding: 0 10px;}
.mobifin-user li a{text-transform: capitalize;color: rgba(0,0,0,0.6);font-weight: 600;background: #fff;padding: 25px 45px;display: block;position: relative; box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12); border-radius: 4px; transition-duration: 0.5s;}
.mobifin-user li a:hover {box-shadow: 0 10px 14px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.2);}
.mobifin-user li a .icon{padding: 20px; border-radius: 50%; color: #649ae1; font-size: 60px; display: inline-block; width: 105px; height: 105px; position: relative; transition: 0.5s;}
.mobifin-user li a:hover .icon { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.05); text-shadow: 2px 2px 0px rgba(74, 137, 220, 0);}
.mobifin-user li a .icon:after{ position: absolute; content: ""; top: 0px; bottom: 0px; line-height: 100px; box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.05); border-radius: 50%; left: 0; right: 0; transform: scale(1); transition: 0.5s; }
.mobifin-user li a:hover .icon:after{ transform: scale(0.85); }
.mobifin-user li a .step-text{ display: block; margin: 20px 0px 0px;}

.mobifin-user li a .view-btn{font-weight: normal;  display: block;  position: absolute;  left: 0;  bottom: 0;  right: 0px;  line-height: 42px;  text-transform: uppercase; font-weight: 600; transition-duration: 0.5s;}
.mobifin-user li a .view-btn:before { content: ""; position: absolute; width: 50px; left: 50%; margin-left: -25px; background: rgba(0,0,0,0.15); height: 1px; text-align: center; transition-duration: 0.5s;}
/*
.mobifin-user li a:hover .view-btn,
.mobifin-user li a:hover .view-btn:before
{ background: #649ae1; color: #fff;}*/
.mobifin-user li a:hover .view-btn:before
{ background: #649ae1; color: #fff;}

.mobifin-user li a:hover .view-btn
{color: #649ae1;}
.btn-sm .icon-android { font-size: 16px !important; }

.kyc-detail ul li a{ padding: 5px; background: #649ae1; color: #fff; position: relative; padding-left: 31px; border-radius: 4px; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.42);	}

.kyc-detail ul li a .icon{ position: absolute; top: 0px; bottom: 0px; left: 0px; line-height: 26px; width: 26px; text-align: center; background: rgba(0, 0, 0, 0.11); }

.profile-detail .profile-header{ font-size: 25px;
                                 /* background: #349cef; */
                                 /* padding: 0 10px; */
                                 /* color: #fff; */
                                 position: relative;
                                 line-height: 42px;
                                 font-weight: 600;
                                 color: rgba(0, 0, 0, 0.51);
}

.profile-detail .profile-header .profile-title .circle{ position: absolute; top: 50%; margin-top: -20px; left: 0px; width: 54px; text-align: center;}
.profile-detail .profile-header .circles-text {  font-size: 13px !important;  font-weight: bold;  color: #fff !important; font-weight: normal}


.profile-detail .profile-body{
    /*	background: #fff; */
    padding-bottom: 15px;
}

.boot-style.boot-style-5 .form-group .inpt-txt{ margin: 10px 0; padding: 0px; display: block; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px;}

.boot-style.boot-style-5 .form-group select,
.boot-style.boot-style-5 .form-group input[type="text"],
.boot-style.boot-style-5 .form-group input[type="password"]{ height: 42px; background: #fff; padding: 0px 10px 0 10px; font-weight: 600; text-transform: capitalize; }

.boot-style.boot-style-5 .form-group{ margin-bottom: 0px; margin-top: 15px;}
.profile-detail .profile-body .panel-group{ padding: 15px 0; display: block;}

.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn
{padding: 5px 0px;
 width: 80px;
 margin: 0 auto;
 border-top: 1px solid rgba(0,0,0,0.08);background: none;}

.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view,
.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin
{display: none;}

.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a i
{font-size: 40px; display: block; margin-bottom: 10px;}

.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a{ display: block; text-align: center; max-width: 100%; }
.profile-detail .attatchment.has-atch .atch-wrpr ul li .atch-src{   border: none; box-shadow: none}

.profile-detail .attatchment .attatchment-footer{ background: rgba(0,0,0,0.05); padding: 0px 10px;}
.profile-detail .attatchment .attatchment-footer .footer-title{ font-weight: 600; line-height: 42px;}
.profile-detail .attatchment .attatchment-footer .download-file{ float: right; color: rgba(0,0,0,0.4); line-height: 42px; position: relative; padding-left: 42px;}

.profile-detail .attatchment .attatchment-footer .download-file:before{
    content: "\ea60"; font-family: 'android' !important; font-size: 24px; position: absolute; left:0px; top:0px; width:42px; line-height: 42px; text-align: center; }
.profile-detail .attatchment.has-atch{ border: 1px solid rgba(0,0,0,0.1); background: #fff; margin-top: 15px; }

.boot-style.boot-style-5 .form-group select,
.boot-style.boot-style-5 .form-group input[type="text"],
.boot-style.boot-style-5 .form-group input[type="password"],
.profile-detail .attatchment.has-atch,
.profile-detail .panel-group .panel
{
    border-radius: 4px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.08);
}
.profile-detail .panel-group .panel{overflow: hidden;}
.profile-detail .attatchment.has-atch .atch-wrpr {
    padding-bottom: 5px;
    padding-top: 5px;
}

.profile-detail .details-check .step-text {  font-weight: 600; margin: 0 5px 5px 5px; clear: both; display: block; line-height: 42px; padding: 0px; border-bottom: 1px solid rgba(0,0,0,0.13); color: #4a89dc; }
.profile-detail .details-check{margin-bottom: 5px}
.profile-detail .details-check .select-list .common-box .icon{display: none;}
.profile-detail .details-check .select-list .common-box .title{padding-left: 10px;}

.profile-detail .details-check .select-list .common-box{ width: auto;}
.profile-detail .details-check .select-list li{display: block; padding: 5px; width: 33.33%; float: left;}

.profile-detail .details-check .select-list.in-matrix {margin-top: 0px;}
.profile-detail .details-check .select-list.in-matrix li {width: auto; padding: 0px;}
.profile-detail .details-check .select-list.in-matrix li .common-box, .profile-detail .details-check .select-list.in-matrix li .common-box:hover {box-shadow: none; position: relative; margin-right: 30px; }
.profile-detail .details-check .select-list.in-matrix li .common-box:after {width: 30px; height: 30px; right: -26px; top: 6px; text-align: center; line-height: 30px; font-family: 'android' !important; content: "\eaef"; position: absolute; font-size: 24px;}
.profile-detail .details-check .select-list.in-matrix li .common-box.last:after {display: none;}
.profile-detail .details-check .select-list.in-matrix li .common-box .info-tag.data {margin-left: 10px;}
.set-upper{ text-transform: uppercase;}
.profile-detail .details-check .step-text .edit-detail{ width: 21px; position: absolute; right: 10px; text-align: center; line-height: 21px; font-size: 13px; color: rgba(0,0,0,0.4); height: 21px; background: rgba(0, 0, 0, 0.17); color: #fff; display: none;}
.profile-detail .details-check .step-text .edit-detail:before{ font-family: 'android' !important; content: "\e9fd"; }
.profile-detail .details-check:last-child{ border-right: none;}

.profile-detail .cc-mail{ /*border: 1px solid rgba(0,0,0,0.1);*/  border-top: none;  /*box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.08);*/ margin: 0 0px; display: none;}
.profile-detail .cc-mail .boot-style.boot-style-5 .form-group{ /*margin-top: 0px;*/ }

.profile-detail .cc-mail .boot-style.boot-style-5 .form-group input[type="text"],
.profile-detail .cc-mail .boot-style.boot-style-5 .form-group input[type="password"]{
    /*border:none; border-radius: 0px; box-shadow: none;*/}
.profile-detail .cc-mail .boot-style.boot-style-5{ border-bottom: 1px solid rgba(0,0,0,0.09);}

.profile-detail .cc-mail .boot-style.boot-style-5:last-child{border-bottom:none;}

.profile-detail .to-mail .icon{ position: absolute; right: 0px; top: 0px; height: 42px; width: 42px; text-align: center; line-height: 42px; font-size: 18px; transition-duration: 0.5s;}

.profile-detail .to-mail .form-inline .form-group{ position: relative; }
.profile-detail .to-mail .open-dropdown:before{transition: 0.5s; border: 1px solid transparent; border-radius: 4px}
.profile-detail .to-mail .open-dropdown:hover:before{border-color:rgba(0,0,0,0.1);}

.profile-detail .attachment-mail{background: #fff; margin-top: 15px; padding: 8px 0; border: 1px solid rgba(0,0,0,0.09); box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.08); border-radius: 4px;}

.attachment-mail .attachment-list li.file{margin: 0px 0px 0px 8px !important; float: left;}
.attachment-mail .attachment-list ul{ clear: both; float: left;}

.basic-style .line-checkbox{    position: absolute;  left: 12px;  top: 50%;  margin-top: -12px}
.basic-style .line-checkbox .checkbox-custom + .checkbox-custom-label:before { height: 22px; line-height: 22px; padding: 0px; width: 22px;}

.basic-style .line-checkbox .checkbox-custom:checked + .checkbox-custom-label:before{
    content: "\e9d4"; font-family: 'android' !important; font-size: 17px; font-weight: 600;
}
.basic-style .line-checkbox .checkbox-custom.chk-success + .checkbox-custom-label::before,
.basic-style .line-checkbox .checkbox-custom + .checkbox-custom-label:hover::before
{ border: 1px solid #35d672; 	box-shadow: none; background: none;}

.basic-style .line-checkbox .checkbox-custom:checked + .checkbox-custom-label:before{ background: #35d672; }





.boot-style .form-group select,
.boot-style .form-group input[type="text"],
.boot-style .form-group input[type="password"]{ padding: 0px 10px 0 10px; }

.basic-style.table-all .input-width .form-inline.boot-style .width-67 .type-commision select.form-control{ background: rgba(0,0,0,0.09); box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.06); font-weight: 600;}

.tree-rights .boot-style .form-group input[type="text"]:focus,
.tree-rights .boot-style .form-group input[type="password"]:focus
{ font-size: 20px; font-weight: 600; background: #fcf8e3;}


.tree-rights .basic-style.table-all > tbody > tr > td.input-width.with-checkbox .boot-style{  margin-left: 44px;}

.tree-rights .basic-style.with-input > tbody > tr > td.input-width,
.tree-rights .basic-style.table-all > tbody > tr > td.input-width{ min-width: auto; }


.tree-rights .basic-style.table-all > tbody > tr > td.with-checkbox .checkbox-squere{ position: absolute; top: 0; bottom: 0px; width: 44px; height: 44px; }

.tree-rights .basic-style.table-all > tbody > tr > td.input-width .boot-style{max-width: 125px;}
.tree-rights .basic-style.table-all > tbody > tr > td.input-width .checkbox-squere{display: none;}
.tree-rights .basic-style.table-all > tbody > tr > td.input-width.with-checkbox .checkbox-squere{display: block;}

.profile-detail .profile-body .panel-group .open-edit{ position: absolute; right: 0px; top: 0px; bottom: 0px; width: 35px; text-align: center;      font-size: 18px; color: rgba(0,0,0,0.6); line-height: 35px; cursor: pointer;}
.profile-detail .profile-body .panel-group .open-edit{}

.profile-detail .profile-body .panel-group .panel-title .icon{ font-size: 18px; width: 35px; text-align: center; }


.profile-detail .profile-body .panel-heading{ position: relative; /*padding-right: 35px;*/ padding: 0px;}

.profile-detail .select-list .common-box.mandatory .title:before{content: "mandatory";  position: absolute;  right: 0;  top: 0px;  height: 22px;  text-align: center;  background: #EC6F5A;  font-size: 12px;  line-height: 22px;  margin: 10px;  color: #fff;  transition: 0.5s;  display: block;  text-transform: capitalize;  border-radius: 4px;  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.19);  padding: 0 10px; width: auto; font-family: 'open_sansregular' !important; }




.transaction-slab .step-text{ border: none; background: rgba(0,0,0,0.05); padding: 0 10px; font-size: 13px; margin-bottom: 10px; display: block;
                              font-weight: 600; line-height: 35px;}

.boot-style-4 .form-group input.form-control,
.boot-style .form-group select,
.boot-style .form-group input[type="text"],
.boot-style .form-group input[type="password"]
{padding-left: 10px !important;}





.form-display .select-list .common-box{ box-shadow: none; }
.form-display .select-list .common-box .value{display: inline-block; margin: 0 10px;}
.form-display .select-list .common-box .title{font-weight: 600; }
.form-display .select-list .common-box .title:before{display: none;}

.default-tab .nav-tabs.nav-justified > li{ border-bottom:none;}

.threshold-info .default-tab .nav.nav-tabs li .icon{ font-size: 16px; display: none;}


.product-info.style-2 .breadcrumb-custom ul li span { display: block; width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.breadcrumb-style-2.breadcrumb-custom li a{ border-right:none; position: relative; background: transparent;
                                            box-shadow: inset 0 0 0 54px rgba(0, 0, 0, 0.25); color: #fff;  }

.breadcrumb-style-2.breadcrumb-custom li.service a{ box-shadow: inset 0 0 0 54px rgba(0, 0, 0, 0.15);}
.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li.service a:after{border-left-color: rgba(0, 0, 0, 0.15);}


.breadcrumb-style-2.breadcrumb-custom li.product a{box-shadow: inset 0 0 0 54px rgba(0, 0, 0, 0);}




.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li a:after{ content: ""; right: -11px; position: absolute; border-left: 8px solid rgba(0, 0, 0, 0.15); border-bottom: 8px solid transparent; border-top: 8px solid transparent; width: 0px; height: 0px; top: 50%;  z-index: 1;    margin-top: -8px;}

.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li a:before{ border-left: 30px solid transparent; }

.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li:last-child a:after{display: none;}

.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li{float: left; background: #649ae1;}

.style-2 .breadcrumb-style-2.breadcrumb-custom .breadcrumb-list a:before{  text-transform: uppercase; font-weight: 600; left: 0; top: 0px; line-height: 34px; border: none; margin: 0px; width: 40px; text-align: center;}
.style-2 .breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li.module a:before{ content: "m:";}
.style-2 .breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li.service a:before{ content: "s:";}
.style-2 .breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li.product a:before{ content: "p:";}
.style-2 .breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li a{padding-left: 40px !important;}



.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li a:hover span.sec-txt,
.breadcrumb-style-2.breadcrumb-custom .breadcrumb-list li a:focus span.sec-txt
{ color: #fff; }

.access-info.access-data .access-method .user .icon{ width: 55px; height: 55px;}

.access-info.access-data .access-method .circle{     width: auto;
                                                     height: auto; border-radius: 0px; margin: 0 auto; position: unset; transform: rotate(0deg); float: left; display: inline-block; }
.access-info.access-data .access-method .user .icon{font-size: 30px;}

.access-info.access-data .access-method .common-access{    top: auto;
                                                           left: auto;
                                                           position: relative;
                                                           transform: rotate(0deg);
                                                           margin: 0px;
                                                           display: block;}

.access-info.access-data .access-method .circle .title {
    transform: rotate(0deg);
    position: relative;
    bottom: auto;
    width: 100px;
    left: auto;
    margin-left: 0; display: block;
}
.access-info.access-data .access-method{ margin-top: auto; margin-bottom: auto; width: auto; height: auto;}




.access-info.access-data .access-method .user {
    width: auto;
    height: auto;
    display: block;
    position: unset;
    top: auto;
    margin-top: auto;
    left: auto;
    margin-left: auto;
    text-align: center;
    margin: 0 auto;
}


.access-info.access-data .access-method .user:before{ border:none;}
.access-info.access-data .access-method .user:after{border:none;}

.access-info.access-data .access-method .self-access {
    border: 1px solid #000;
    float: left;
    padding: 15px 15px 37px;
    float: left;
}
.access-info.access-data .access-method .assisted-access{}

.kyc-wizard-data, .profile-flow  {/*overflow-y: auto;*/ }
.data-header {line-height:25px; margin: 5px auto; margin-bottom: 0px; width: 920px; background-color: rgba(0,0,0,0.05); border-bottom: 2px solid rgba(0,0,0,0.45);}
.only-checkbox .data-header, .only-checkbox .kyc-fields  {width: 620px;}

.drag-header, .item-header, .no-radio-header, .m-radio-header, .f-radio-header, .checkbox-header, .remove-btn {float: left; text-align: center; padding: 4px 8px; font-size: 12px; position: relative;}
.drag-header {width: 65px; text-align: left; cursor: ns-resize}
.item-header {width: 335px; text-align: left;}
.no-radio-header {width: 100px;}
.m-radio-header { width: 100px;}
.f-radio-header {width: 100px;}
.checkbox-header {width: 100px;}
.with-sh .no-radio-header, .with-sh .m-radio-header, .with-sh .f-radio-header {line-height: 19px; width: 50px;}
.with-sh .m-radio-header {width: 80px;}
.with-sh .small-h {position: absolute; bottom: -2px; left: 0px; right: 0px; text-align: center; font-size: 9px; line-height: 8px; text-transform: lowercase;}
.with-sh .item-header {width: 455px;}
.remove-btn {width: 120px;}
.remove-btn .btn { padding: 4px 10px; font-size: 11px;}


.kyc-fields {line-height:31px; margin: 20px auto; margin-top: 0px; width: 920px; position: relative;}
.reorder {height: 17px; width: 17px; position: relative; margin: 4px auto;}
.reorder:before, .reorder:after{position: absolute; width: 100%; height: 1px; top: 0px; background-color: rgba(0,0,0,0.4); content: " ";}
.reorder:before {margin-top: 5px;}
.reorder:after {margin-top: 11px;}


.sortable .data-header {margin-top: 0px; border-bottom: 1px solid rgba(0,0,0,0.05); background-color: rgba(0,0,0,0);}
.kyc-fields .sortable .radio {margin: 0px; text-align: center;}
.kyc-fields .sortable .radio label {padding: 0px !important; margin: 3px 0px; margin-left: -13px !important; }
.range-comm-table .radio  input[type="radio"] + label:before, .kyc-fields .sortable .radio  input[type="radio"] + label:before, .in-billing .radio  input[type="radio"] + label:before {border: 2px solid #ccc; color: #ccc;}
.range-comm-table .radio  input[type="radio"]:checked + label:before, .kyc-fields .sortable .radio  input[type="radio"]:checked + label:before, .in-billing .radio  input[type="radio"]:checked + label:before  {border: 2px solid #4bc076; color: #4bc076;}
.range-comm-table .radio  input[type="radio"]:checked + label:after, .kyc-fields .sortable .radio  input[type="radio"]:checked + label:after, .in-billing .radio  input[type="radio"]:checked + label:after { width: 6px; height: 6px; margin-top: -3px; left: 4px;}

.kyc-fields .sortable .d-checkbox {margin: 9px 0px;}
.kyc-fields .sortable .d-radio {margin: 9px 0px;}

.kyc-fields .sortable .checkbox-header label {margin-bottom: 0px;}
.kyc-fields .sortable .checkbox-header label:before {/*height: 15px; line-height: 15px;*/ border-radius: 4px; margin-right: 0px; margin: 4px 0px;}
.kyc-fields .sortable .checkbox-header .checkbox-custom + .checkbox-custom-label:before {background-color: #ccc;}
.kyc-fields .sortable .checkbox-header .checkbox-custom:checked + .checkbox-custom-label:before {background-color: #4bc076;}
/*.kyc-fields .sortable .checkbox-header label:before { background-color: #FFF; border: 2px solid #649ae1}
.kyc-fields .sortable .checkbox-header .checkbox-custom:checked + .kyc-fields .sortable .checkbox-header label.checkbox-custom-label:before {background-color: #649ae1 !important;}*/

.kyc-fields .sortable li.selected.ui-sortable-helper {background-color: #FFF; box-shadow: 0 10px 14px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.2); border-radius: 4px;}
.kyc-fields .sortable li.placeholder {border: 1px dashed rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.02); border-radius: 4px; padding:10px; height: 60px; margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px;/*box-shadow: inset 0 10px 14px rgba(0,0,0,0.05), inset 0 4px 15px rgba(0,0,0,0.05);*/}
.kyc-fields .sortable li.selected {background-color: rgba(0,0,0,0.02);}
.kyc-general-fields.only-checkbox .item-header {width: 480px;}
.kyc-general-fields.only-checkbox .data-header, .kyc-general-fields.only-checkbox .kyc-fields {width: 580px;}

.form-wiz-page .navbar {padding: 10px 0px 25px 0px; /*box-shadow: 0 10px 14px rgba(255,255,255,1), 0 40px 15px rgba(255,255,255,1);*/ margin: 0px;}

.order-numbers {line-height:36px; position: absolute; width: 36px; text-align: center; top: 0px; left: -36px;}
.order-numbers li {/*border-bottom: 1px solid rgba(0,0,0,0.05);*/}
.first, .second, .third, .fourth, .fifth, .sixth, .seventh, .eigth, .ninth, .tenth {display: none;}
.one .first {display: block;}
.two .first, .two .second {display: block;}
.three .first, .three .second, .three .third {display: block;}
.four .first, .four .second, .four .third, .four .fourth {display: block;}
.five .first, .five .second, .five .third, .five .fourth, .five .fifth {display: block;}
.six .first, .six .second, .six .third, .six .fourth, .six .fifth, .six .sixth {display: block;}
.seven .first, .seven .second, .seven .third, .seven .fourth, .seven .fifth, .seven .sixth, .seven .seventh {display: block;}
.eight .first, .eight .second, .eight .third, .eight .fourth, .eight .fifth, .eight .sixth, .eight .seventh, .eight .eigth {display: block;}
.nine .first, .nine .second, .nine .third, .nine .fourth, .nine .fifth, .nine .sixth, .nine .seventh, .nine .eigth, .nine .ninth {display: block;}
.ten .first, .ten .second, .ten .third, .ten .fourth, .ten .fifth, .ten .sixth, .ten .seventh, .ten .eigth, .ten .ninth, .ten .tenth {display: block;}
.bd-li {display: none;}
.padding-5 {padding: 5px !important;}

.kyc-wizard-data hr {margin: 10px 0px;}

.profile-model { width: 400px; margin: 50px auto;}
.dy-pr-nm {display: inline-block !important; color: #FFF !important; font-weight: bold;}

.boot-style.one-input .control-label.lone-lable {float: right; width: 50%;}
.fingerprint .boot-style.one-input .control-label.lone-lable {float: none !important; width: 100%; text-align: center; padding-right: 29px; font-weight: bold; margin-bottom: 10px;}
.fingerprint .col-md-6 {padding: 30px 100px; margin: 30px 0px; position: relative;}
.fingerprint .col-md-6:before {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-family: 'android' !important; text-align: center; line-height: 100px; font-size: 200px; color: rgba(0,0,0,0.03);}
.fingerprint .col-md-6.left-hand:before {content: "\ede0";}
.fingerprint .col-md-6.right-hand:before {content: "\ede2";}
.fingerprint .col-md-6.left-hand {border-right:1px solid rgba(0,0,0,0.05)}

.nav.nav-tabs.list-inline li {display: none;}
.nav.nav-tabs.list-inline li.active, .nav.nav-tabs.list-inline li.completed {display: block;}
.access-div {width: 920px; margin: 0 auto; float: none; position: relative; padding: 0px;}

.with-inner-lable {position: relative;}
.boot-style .form-group.with-inner-lable input[type="text"] {padding-left: 120px !important;}

.boot-style .form-group.with-inner-lable.with-download-btn input[type="text"] {padding-right: 114px !important;}

.normal-select {margin-top: 0px; border: 1px solid #ccc; border-radius: 4px; padding: 5px 5px 0px 5px;}
.inner-lable {text-align: left; line-height: 21px; height: 21px; font-size: 12px; margin-left: 5px; margin-bottom: 0px;     font-weight: bold;}

.tokenfield {padding:0px !important; min-height: 26px !important;}
.tokenfield.focus {box-shadow:none;}
.tokenfield .token.invalid {border: 1px solid #EC6F5A !important; border-radius:4px;}
.ui-autocomplete.ui-menu {background-color: #FFF; max-height: 150px; overflow-y: auto; box-shadow:0 10px 14px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.2); border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px; cursor: pointer;}
.ui-autocomplete.ui-menu .ui-menu-item { padding: 0px 5px; line-height: 26px; color: #333; border-bottom: 1px solid rgba(0,0,0,0.05); font-size:12px;}


.inner-lable.download-btn {width: auto; background-color: #4bc076; color: #FFF; border-radius: 4px;     left: auto; padding: 2px 8px; right: 8px; height: auto; top: 8px; cursor: pointer;}

.profile-detail .profile-top-row .boot-style .chosen-container-single .chosen-single span {line-height: 42px;}
.profile-detail .profile-top-row .boot-style .chosen-container-single .chosen-single { border-radius: 4px; padding-left: 10px;}
.profile-detail .profile-top-row .boot-style .form-group.with-inner-lable .chosen-container-single .chosen-single {padding-left: 100px;}
.profile-detail .profile-top-row .boot-style .chosen-container-single .chosen-single div b:before,
.profile-detail .profile-top-row .boot-style .chosen-container-single .chosen-search:before {width: 42px; height: 42px; line-height: 42px;}
.profile-detail .profile-top-row .boot-style .chosen-container-multi .chosen-choices {/*height: 42px !important;*/ padding-left: 110px; border-radius: 4px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.08);}

.profile-detail .profile-top-row .boot-style .with-download-btn .chosen-container-multi .chosen-choices {padding-right: 114px;}
.profile-detail .profile-top-row .boot-style .normal-select .chosen-container-multi .chosen-choices {/*height: 42px !important;*/}
.profile-detail .profile-top-row .boot-style .normal-select.more-data .chosen-container-multi .chosen-choices {height: auto !important;}

.normal-select.more-data .resize-select {transform: rotate(180deg)}

.profile-detail .boot-style .chosen-container-multi .chosen-choices .search-field input[type="text"] {box-shadow: none; line-height: 40px;}
.profile-detail .boot-style .chosen-container-multi .chosen-choices .search-choice {line-height: 18px; padding: 3px 24px 3px 7px; margin: 7px 0 7px 10px; border-radius: 4px;}
.profile-detail .chosen-container-multi .chosen-choices .search-choice .search-choice-close { right: 8px; top: 8px;}
.profile-detail .boot-style .form-group.with-inner-lable .chosen-container-multi .chosen-choices .search-field input[type="text"] {padding-left: 10px !important; width: auto !important; font-weight: normal;}
.attachment-mail .attachment-list.with-inner-lable ul {padding-left: 110px;}

.with-info-tag {position: relative;}
.info-tag {/*position: absolute;  top: 0px;*/ height: 22px; text-align: center; background: #EC6F5A; font-size: 12px; line-height: 22px; margin: 10px; color: #fff; transition: 0.5s; display: block; text-transform: capitalize; border-radius: 4px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.19); padding: 0 10px; width: auto; font-family: 'open_sansregular' !important; margin-left: 0px;}

.req, .access-no {background: #EC6F5A; /*right: 0;*/ float: right;}
.kyc, .access-yes {background: #4bc076; /*right: 90px;*/ float: right;}
.data {background: #4a89dc; /*right: 90px;*/ float: right;}
.order {background: #999; /*left: 0px;*/ float: left; /*margin-left: 10px;*/}

.profile-detail .details-check .select-list .common-box .title.with-info-tag {/*padding-left: 00px;*/}

.panel-group .panel-heading .panel-title a i.edit-icon { transform: rotate(0deg);}

.panel-group .panel-title a {/*float: left;*/}
.panel-group .panel-heading .panel-title a i {transform: rotate(-90deg);}

.profile-detail .form-display .details-check .select-list li {padding: 0px;}
.profile-detail .form-display .details-check .select-list .common-box .title {line-height: 31px;}
.profile-detail .form-display .details-check {margin-bottom: 5px;}

.full-label .control-label {text-align: left !important; width: 100% !important; float: none !important; display: block;}
.full-label {margin-bottom: 10px;}

.full-label textarea.form-control {width: 100%; resize: vertical; border: 1px solid #ccc; border-radius: 0px; min-height: 80px;}
.form-wiz-page .tab-content { padding: 5px;}
.form-wiz-page .fill-circle-wiz .wizard-nav li a .step-count { width: 30px; height: 30px; line-height: 30px; padding: 5px; box-shadow: 0px 0px 0px 2px rgba(217, 217, 217,1);}
.form-wiz-page .fill-circle-wiz .wizard-nav li.active a .step-count {box-shadow: 0px 0px 0px 2px rgba(100, 154, 225,1);}
.form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-count {box-shadow: 0px 0px 0px 2px rgba(53, 214, 114,1);}
.form-wiz-page .fill-circle-wiz .wizard-nav li a .step-count .icon {line-height: 20px; width: 20px; height: 20px; font-size: 20px;}
.form-wiz-page .wizard-nav li .step-text { height: 20px; line-height: 20px; margin-top :5px;}
/*.form-wiz-page .form-group {margin-bottom: 5px;}*/
.main-content.padding-2 {padding: 5px !important;}
.main-content.padding-2 .mobifin-panel .tab-content > .tab-pane > .panel-body {padding:15px; padding-bottom: 0px;}


.fingerprint-div {width: 920px; margin: 0 auto;}
.thresold-div {position: relative;}
.thresold-div:after, .thresold-div:before {position: absolute; top:0px; bottom: 0px; border-left:1px dashed #ccc; width: 1px; content: "";}

.thresold-div:after {left:33%;}

.thresold-div:before {right:33%;}

.interest-div {width:920px; margin: 0 auto;}

.geo-div {position: relative;}

.map { position: absolute; left: -15px; top: -15px; right: -15px; bottom: 0px; z-index: 1; transition-duration:  0.5s; background-color: #FFF;}

.tree-data {position: absolute; z-index: 2; width: 270px; padding: 5px; background-color: #FFF; border-radius: 4px; overflow-y: auto; top: 0px; bottom: 15px;}

.tree-data .tree-style {position: absolute; top: 46px; bottom: 2px; overflow-y: auto; left: 2px; right: 5px;}

.profile-body {position: relative;}

.profile-top-row, .profile-bottom-row {
    /* position: absolute; left: 0px; right: 0px; */ background-color: #FFF;  /*   padding: 15px !important; height: 72px; z-index: 1;*/
}
.profile-top-row {top: 0px; /*box-shadow: 0px 3px 30px 3px rgba(0,0,0,0.2);*/ }
.profile-bottom-row {bottom: 0px; /*box-shadow: 0px -3px 30px -3px rgba(0,0,0,0.2);*/}

.pro-summ-data {overflow-y: auto; margin: 10px 0px 10px 0px; padding: 0px !important;}

.boot-style.boot-style-5 .form-group.with-download-btn {margin-top: 0px !important;}

.initiate-maker-div {/*background-color: #4a89dc; color: #FFF;*/ border-radius: 4px; padding: 0px; text-align: center;}
.initiate-maker-div .checkbox-div {margin: 5px;}

.initiate-maker-div .checkbox-custom.chk-success + .checkbox-custom-label {margin-bottom: 0px; line-height: 14px;}
.initiate-maker-div .checkbox-custom.chk-success + .checkbox-custom-label::before { width: 14px; height: 14px; /*background-color: #FFF;*/ border-radius:4px; line-height: 13px;}

.initiate-maker-div .checkbox-custom + .checkbox-custom-label:hover::before {/*box-shadow: none;*/}
.initiate-maker-div .checkbox-custom + .checkbox-custom-label::before {/*color: #4bc076;*/}
.initiate-msg {line-height: 29px; font-size: 15px;}
.initiate-maker-data {padding: 5px; margin: 0 auto; border-radius: 4px; display: inline-block;}
.initiate-maker-data.green-msg {border: 1px solid #4bc076; background-color: #effff5;}
.initiate-maker-data.red-msg {border: 1px solid #ff806a; background-color: #fff8f7;}
.initiate-btn {}
.initiate-btn .btn, .initiate-btn .btn:hover {border-radius: 4px; /*background-color: #FFF !important; color: #4bc076; border: 0px; box-shadow: none !important;*/ font-weight: bold;}
.profile-detail hr {margin: 5px 0px;}
.tran-input {width: 60px !important;}
.boot-style .comm-type .chosen-container.chosen-container-multi, .boot-style .comm-type .chosen-container.chosen-container-single {width: 154px !important;}

/*.pro-status {border-radius: 4px; padding: 5px 10px; line-height: 15px; color: #FFF; background-color: #ccc; font-weight: bold; font-size: 11px; text-transform: uppercase; margin: 3px 0px; display: inline-block; cursor: pointer; min-width: 100px; text-align: center; letter-spacing: 0.1em;}
.pro-status.active {background-color: #4bc076 ;}
.pro-status.inactive {background-color: #EC6F5A ;}
.pro-status.not-assigned {background-color: #888888 ;}
.pro-status.link {background-color: #4a89dc;}
.pro-status.sm-min-width {min-width: 40px;}*/
.sub-header-matrix .col {padding: 0px 10px;}
.tran-fees .default-tab.icon-block .nav-tabs {margin-bottom: 0px;}
.range-comm-table {margin-bottom: 0px;}
.pro-comman-data {margin: 5px 0px 0px 0px;}
.desc-info {line-height: 31px; font-weight: bold;}
.pro-operation-bar {background-color: rgba(0,0,0,0.05); /*box-shadow: 6px 0px 0px rgba(0,0,0,0.05), -6px 0px 0px rgba(0,0,0,0.05);*/ padding: 0px 5px !important;}

.display-inline-block {display: inline-block;}
.log-link span { padding: 0px 10px; color: #FFF; background-color: #888; line-height: 28px; display: inline-block; margin: 6px 0px; font-size: 12px; font-weight: normal;}
.change-data {font-weight: bold;}
.change-data.pos-chng {color: #4bc076 ;}
.change-data.neg-chng {color: #EC6F5A ;}
.change-data.na-chng {color: #4a89dc ;}

.in-billing .slab-title.diff .month {width:34%;}
.in-billing .slab-title.diff .day {width:62.5%;}
.in-billing .option-row {margin-top: 20px;}
.daily-row, .weekly-row, .monthly-row, .custom-row {display: none;}
.chosen-container .chosen-results {max-height: 150px !important;}
.custom-row.slab-title .day, .custom-row.slab-title .month {width: 47.5%;}
.in-billing .option-row.custom-row {padding-bottom: 50px !important;}
.billing-period-div {min-height: 251px;}
.info-tag.no-float {float: none !important;}
.view-title { font-size: 13px; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 10px; font-weight: 600;  text-transform: uppercase;}
.desc-width {max-width: 200px; display: block; white-space: pre-wrap; line-height: 20px;}
.log-data {position: relative; padding-left: 200px;}

.matrix-log.two .log-data .log-div {width: 50.00%;}
.matrix-log.three .log-data .log-div {width: 33.33%;}
.matrix-log.four .log-data .log-div {width: 25%;}
.matrix-log.five .log-data .log-div {width: 20%;}
.matrix-log.six .log-data .log-div {width: 16.66%;}

.matrix-log .log-data .log-div.first,
.matrix-log .log-data .log-div.second,
.matrix-log .log-data .log-div.third,
.matrix-log .log-data .log-div.forth,
.matrix-log .log-data .log-div.fifth,
.matrix-log .log-data .log-div.sixth {display: none;}

.matrix-log.two .log-data .log-div.first,
.matrix-log.two .log-data .log-div.second {display: block;}

.matrix-log.two .log-sm-data.first-row {display: none;}

.matrix-log.three .log-data .log-div.first,
.matrix-log.three .log-data .log-div.second,
.matrix-log.three .log-data .log-div.third {display: block;}

.matrix-log.four .log-data .log-div.first,
.matrix-log.four .log-data .log-div.second,
.matrix-log.four .log-data .log-div.third,
.matrix-log.four .log-data .log-div.forth {display: block;}

.matrix-log.five .log-data .log-div.first,
.matrix-log.five .log-data .log-div.second,
.matrix-log.five .log-data .log-div.third,
.matrix-log.five .log-data .log-div.forth,
.matrix-log.five .log-data .log-div.fifth {display: block;}

.matrix-log.six .log-data .log-div.first,
.matrix-log.six .log-data .log-div.second,
.matrix-log.six .log-data .log-div.third,
.matrix-log.six .log-data .log-div.forth,
.matrix-log.six .log-data .log-div.fifth,
.matrix-log.six .log-data .log-div.sixth {display: block;}



.log-div {float: left; transition-duration: 0.5s;box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.2);}
.log-div.headers {position: absolute; left: 0px; top: 0px; font-weight: bold; width: 200px !important; background-color: rgba(0,0,0,0.1); }
.log-sm-data {line-height: 31px; border-bottom: 1px solid #eee; padding: 5px; position: relative; text-align: center;}
.log-sm-data.highlight {background-color: rgba(0,0,0,0.05);}
.log-div.log-desc:hover {background-color: rgba(0,0,0,0.05);}
.log-button.pre, .log-button.nex {position:absolute; top: 0px; background-color: rgba(0,0,0,0.5); color: #FFF; border-radius: 4px; height: 31px; width: 31px; text-align: center; margin: 5px; cursor: pointer;}
.log-button.pre i:before, .log-button.nex i:before {line-height: 31px;}
.log-button.pre {left: 0px;}
.log-button.nex {right: 0px;}
.log-sm-data.with-search {padding: 5px 41px;}
.log-sm-data.with-search .log-button.drpdwn{margin: 0px 41px;}
.remove-button i:before {line-height: 31px; color: #ccc; font-size: 20px; transition-duration: 0.5s;}
.remove-button i:hover:before {color: red;}
.remove-button {width: 31px; margin: 0 auto; cursor: pointer;}
.log-desc .highlight {font-style: italic;}
.log-scroll  {overflow-y: auto;}
.log-header-scroll {padding-right: 17px;}
.lft-mnu .sidebar-menu.no-search-bar .menu-status,
.nonoly-lyt .sidebar-menu.no-search-bar .menu-status,
.rgt-mnu .sidebar-menu.no-search-bar .menu-status,
.lft-mnu .sidebar-menu.no-search-bar .menu-status,
.sidebar-menu.no-search-bar .menu-status {top:0px;}

.lft-mnu .sidebar-menu.no-search-bar .search-nav,
.nonoly-lyt .sidebar-menu.no-search-bar .search-nav,
.rgt-mnu .sidebar-menu.no-search-bar .search-nav,
.lft-mnu .sidebar-menu.no-search-bar .search-nav,
.sidebar-menu.no-search-bar .search-nav {display:none;}

.breadcrumb .mobifin.p-logo .cl-style {left:0px;}
.breadcrumb .mobifin.p-logo {width:75px;}
.breadcrumb > li {display: block; float: left; position: relative; margin-right: 25px; font-size: 12px; color: #aaa; line-height: 42px;}
.breadcrumb > li::before, .breadcrumb > li + li::before { content: "\ed88"; font-family: 'android' !important; position: absolute; left: -26px; line-height: 20px; font-size: 20px; top: 11px;}
.main-content .main-bred {border-top-left-radius: 4px; border-top-right-radius: 4px; border: 0px solid #ddd;}
.searchCountryDiv{position:absolute; z-index:9; width:300px ; top:43px;}
.searchCountryDiv2{right:1% !important;}
.searchCountryDiv .modal-header{ background-color:#e5e5e5 !important; border: 1px solid #e5e5e5; padding: 10px 15px;}
.searchCountryDiv li{ width:100%; padding:0px !important;}

.searchCountryDiv .modal-title{font-size:13px;
                               font-weight:600;
                               position: relative;
                               text-transform: capitalize;}
.searchCountryDiv .close {
    position: relative;
    z-index: 1;
    margin-top: -2px;
}

.searchCountryDiv .close:hover, .close:focus {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
    text-decoration: none;
}
.searchCountryDiv .modal-body {
    padding: 10px;
    position: relative;
}
.searchCountryDiv .modal-footer{ background-color:#e5e5e5 !important; border-top: 1px solid #e5e5e5; padding: 15px; text-align: right;}
.search-wrpr .search-icon ul li{position: relative;}

/*.multiselect-container>li>a>label:hover{margin:0; width:100%;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px; background: #649ae1; color:#fff !important;}
.multiselect-container>li> .active{margin:0; width:100%;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px; background: #649ae1; color:#fff !important;}*/


.open_multiselect .multiselect-container {list-style-type: none; margin:0; padding:0; position:relative; width: 100%; display: block !important;}
.open_multiselect .multiselect-container > li.multiselect-group label{height:auto; float: none; width:auto;}
.open_multiselect .multiselect-container > li > a > label{height:auto;}
.open_multiselect .form-group{ width:100%; position:relative;}
.open_multiselect .dropdown-menu{ border:none; box-shadow:none}
.open_multiselect .form-group button { display:none;}
.open_multiselect .modal-content{ box-shadow: none !important;} /*0 5px 15px rgba(0, 0, 0, 0.5)*/


/* Login Penal*/
.boot-style-4 .form-group label {  font-weight: normal; margin-bottom: 7px;}
.boot-style-4 .form-group input { border-radius: 0px; box-shadow: none; height: auto; padding: 0 31px 0 4px !important ; transition: border 0.4s; }
.boot-style-4 h3 {margin-top: 19px; margin-bottom: 25px; font-size: 18px; font-weight: 600; color: #666; }
.boot-style-4 p { color: #666; font-size: 14px; }
.boot-style-4 span.fa { color: #70CA63; }
.bootstrap-switch { border-radius: 0px; margin-top: 5px; }
.bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }

.login2 .sidebar-chat { position:inherit; width:auto; background:none;}
.login2 .main-login .set-padding .login-style-4{ margin-top:20px;}
.main-login .login-style-4.text-in.text-up-only .inpt-txt {top: -10px;}

.login3 .main-login { border-top:none;}
.login3 .main-login .panel-body, .main-login2 .panel-body{padding:6px}
.login3 .sidebar-chat { position:relative; background:none; right:0; top:5px; width:100%;}
.login3 .sidebar-chat .top-bar{height:80px; position: none; }
.login3 .sidebar-chat .top-bar .p-img{left:6%; margin-left:0px; margin-top:0px;}
.login3 .sidebar-chat .p-img img{width:70px !important; height:70px !important;}
.login3 .sidebar-chat .p-name{top:15px; text-align:left; left:95px; position:relative;}
.login3  .sidebar-chat .p-design{top:40px; text-align:left; left:95px;}
.login3 .close{}
.login3 .arrow_right{color:#cccccc; z-index:1; font-size:30px; cursor:pointer;}
.login3 .arrow_right:hover{color:#7f7f7f;}
/*.login3 .avtar_select{ background:#e7e7e7; font-size:100px; border:4px solid rgba(0, 0, 0, 0.15); font-size:45px; border-radius:50%; padding:5px 10px; text-align:center;  width:70px; height:70px; text-align:center; vertical-align:middle;}*/
.login3 .boder-bottom{ border-bottom:1px solid #CCC !important; float:left; width:100%;}


.Choose_account{text-align:center;}
.Choose_account a{ text-align:center; padding:10px 15%; float:left; width:100%; }
.Choose_account .boderleft{ border-left:1px solid #ccc;}


/* Register Penal*/
.reg-pg { margin: 90px auto 30px;	max-width: 700px; position: relative; display: block; }

.boot-style-4 input[type="password"]:focus,
.boot-style-4 input[type="text"]:focus { border: 1px solid #4fc1e9; }

.main-header .user-setting > a > .title{
    width:auto;
}

.main-header .user-setting > a > i { float: left; line-height: 41px; margin-right: 10px; font-size: 15px;}


.search-wrpr .search-data .search-text{
    margin-top: -10px;
    left: 9px;
}

.searchCountryDiv{
    position: absolute;
    right: 10px;
    top: auto;
}

.search-wrpr .search-data input[type=search]{
    width: 75px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.search-wrpr .search-data input[type=search]:focus {
    width: 260px;
}

/*.search-wrpr .search-icon ul li a:hover{
    color: #649ae1;
}*/
.search-wrpr .search-icon ul li a:hover {
    box-shadow: 0 -2px 0 0 #649ae1 inset;
    color: #649ae1;
}
.search-wrpr .search-icon ul li a:focus {
    box-shadow: 0 -2px 0 0 #649ae1 inset;
    color: #649ae1;
}
#searchColumnGridDiv{
    text-align: left;
}
#searchColumnGridDiv ul li a{
    display: block;
    text-align: left;
    color: #333;
    line-height: 25px !important;
    padding: 0px;
}
#searchColumnGridDiv ul li.active a {
    background-color: #FFF;
    color: #333;
    line-height: 25px !important;
}
#searchColumnGridDiv ul li a label{
    width: 100%;
    max-width: 100%;
    color: #333 !important;
    line-height: 25px !important;
    padding: 0 24px;
    float:none;
}
#searchColumnGridDiv ul li a label input{
    margin:-7px 0 0 4px;
}
#searchColumnGridDiv ul.multiselect-container > li.multiselect-group label {padding:3px; line-height: 25px; }
#searchColumnGridDiv ul li{
    width: auto;
    float: none;
    height: auto;
    margin-bottom: 1px;
    background-color: #FFF !important;
    color: #333 !important;
}
#searchColumnGridDiv ul.multiselect-container > li.multiselect-group {text-align: left;}
#searchColumnGridDiv ul li:hover a, #searchColumnGridDiv ul li.active a:hover{
    background-color: rgba(0,0,0,0.09);
    color: #333;
    box-shadow: none;
}
#searchColumnGridDiv .modal-body .form-group {margin-bottom:0px;}
.search-box .custom-popover.dtl-search .cp-body {padding:0px !important;}
.search-box-data {padding: 15px; background-color: rgba(255,255,255,1) !important; padding-bottom: 0px;}
.search-box-btns {padding:5px 0px; background-color: rgba(0,0,0,0.04);}


.search-wrpr {box-shadow:inset 0 0 0 42px rgba(0, 0, 0, 0.05); border-bottom:0px;}
.search-wrpr .search-data input[type="search"] {width: 90px;}
.search-wrpr .search-data input {padding-left: 37px; box-shadow: 29px 0 0 0 rgba(0, 0, 0, 0.04) inset;}
.boot-style .form-inline {width: 80%; margin: 0 auto; float: none;}
.form-inline .form-group label {float: left; width: 33%; margin-left: 0%; /*font-weight: normal;*/ font-size: 12px; Color: rgba(0,0,0,0.6);}
.mendatory {  color: red; font-size: 9px; font-weight: bold;}
/*
span .mandatory{
    color: #ec6f5a;
}

.form-control{
    border-radius: 0px;
}*/
textarea.form-control {width:100% !important; border-radius: 0px;}

.panel.inside-hIding {margin:15px !important; border: 0px solid rgba(0,0,0,0); /*box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);*/  box-shadow: 0 1px 2px #cdcdcd; background-color: #fdfdfd; transition-duration: 0.5s;}
/*.panel.inside-hIding:hover {box-shadow: 0 10px 14px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.2);}*/
.dataTables_paginate .paginate_button {padding: 3px 8px;}
.dataTables_paginate .paginate_button:focus {box-shadow:none;}
.dataTables_paginate .paginate_button {display: inline;}
.dataTables_paginate .ellipsis.paginate_button {margin-right: -1px !important; border:0px solid #bbb !important; border-right:1px solid #bbb !important;}
.dataTables_paginate .next.paginate_button {}
.dataTables_length{float: none;}
.dataTables_paginate{float: none;}
.dataTables_paginate{text-align: center;}
.changes-table-wrpr table.dataTable.changes-table tbody th, .changes-table-wrpr table.dataTable.changes-table tbody td{padding: 3px 12px !important;}

.changes-table-wrpr table.dataTable.changes-table thead .sorting::before, .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc::before, .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc::before, .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc_disabled::before, .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc_disabled::before {content: "\f107";}

.changes-table-wrpr table.dataTable.changes-table thead .sorting::after, .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc::after, .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc::after, .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc_disabled::after, .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc_disabled::after {content: "\f106";}

table.dataTable.changes-table.with-btn thead th, table.dataTable.changes-table.with-btn thead td {line-height: 24px;}

.changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting::after, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc::after, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc::after, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc_disabled::after, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc_disabled::after {margin:0px !important; height: 6px; line-height: 3px;}

.changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting::before, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc::before, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc::before, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc_disabled::before, .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc_disabled::before {margin:0px !important; height: 6px; line-height: 13px;}

.changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_asc, .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_desc, .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_asc, .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_desc {box-shadow: inset 0 -2px 0 0px rgba(0, 0, 0, 0.3);}

.changes-table-wrpr .table-footer {border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1);}

tr i.font20 {display: block; padding: 6px 0px;}

.form-group input.form-control{
    border:1px solid #ccc;
    border-radius: 0px;
    width: 100%;
    padding-left: 7px;
}

.form-inline .form-control {padding-right:10px !important; border:1px solid rgba(0,0,0,0.15); font-size:12px; }
.form-group input:focus, .form-group input:hover, .form-group select:hover, .form-group select:focus, .form-group textarea:hover, .form-group textarea:focus, .form-group select:hover, .form-group select:focus{border:1px solid rgba(0, 0, 0, 0.3); box-shadow: none;}
.has-feedback .form-control{padding-right:12px;}

.form-group label {line-height: 31px; margin-bottom: 0px;}
.form-group label span.mendatory {color: #F00;}

.form-inline.bottom-margin-10 {margin-bottom: 5px !important;}
.form-group.bottom-margin-10 {margin-bottom: 5px !important;}

.col-md-6.colum_2_left { padding: 5px 0px !important; padding-left:4px !important;}
.col-md-6.colum_2_left.colum_2_right { padding-left:0px !important; padding-right:4px !important;}

.col-md-12.colum_2_left { margin: 0px -15px !important; float:none; width: auto;}
.col-md-12.colum_2_left.colum_2_right { margin: 0px -15px !important; float:none; width: auto;}

.col-md-12.colum_2_left .form-inline.bottom-margin-10 {float: left; width: 50%;}

.toggle-collapse.inside-hIding .list-inline.tools li {padding: 0px 12px !important; opacity: 0.5; transition-duration: 0.3s;}
.toggle-collapse.inside-hIding:hover .list-inline.tools li {opacity: 1;}

.toggle-collapse.inside-hIding .panel-heading {background-color: rgba(0,0,0,0.0);     border-bottom: 1px solid rgba(0,0,0,0.2); color: rgba(0,0,0,1);}
.grey-bg, .optn-bar-wrapper, .search-wrpr {background-color: #f2f2f2; border-bottom: 1px solid rgba(0,0,0,0.15); box-shadow: none !important;}
body{background-color: #FFF;}

input[type="text"], input[type="file"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {color: rgba(85,85,85,1);}

.btn, input[type="text"], input[type="file"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"],input[type="url"], select, textarea, .toggle-collapse.inside-hIding, .modal-content, .checkbox-custom.chk-dark.chk-reverse + .checkbox-custom-label::before, .panel-group .panel, .panel, .panel.no-panel-header .panel-body {border-radius: 4px !important;}

.chosen-container a.chosen-single {border-radius: 4px !important;}
.chosen-container.chosen-container-active.chosen-with-drop a.chosen-single {border-radius: 4px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {border-radius: 4px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important;}

.boot-style .chosen-container-single.chosen-container-single-nosearch .chosen-search:before {display: none !important;}
.chosen-drop {overflow: hidden;}

.search-box-data .form-group {margin-bottom: 20px;}
.modal-content {box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12); border:1px solid rgba(0,0,0,0.15);}

.modal-header, .panel .panel-heading {border-radius: 4px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;}

.modal-footer, .panel .panel-body {border-radius: 4px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; }

.search-wrpr .search-icon ul li a {width: 100%;}

select {border:1px solid #ccc;}

.radio input[type="radio"]:checked + label:after {content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 4px; top: 50%; text-align: center; margin-top: -4px; background-color: #4bc076;}

.radio label:before {content: ""; transition: 0.5s; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; border-radius: 50% !important; border: 2px solid rgba(0,0,0,0.3) !important; border-radius: 50%; margin-top: -8px; top: 50%; }

.radio input[type="radio"]:checked + label:before {border: 2px solid #4bc076 !important; }

.chosen-container-single .chosen-single {line-height: 31px; height: 31px; font-size: 12px;}
.chosen-container .chosen-results {margin:0px; padding:0px; font-size:12px; border-radius: 4px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important;}

.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; display: inline-block; vertical-align: middle; width: 12px; height: 12px; line-height: 12px; padding: 2px; margin-right: 10px; text-align: center; transition: border 1s; border:2px solid rgba(0,0,0,0.3) !important;}

.checkbox-custom:checked + .checkbox-custom-label:before, .checkbox-custom.chk-dark.chk-reverse:checked + .checkbox-custom-label::before {background-color: #4bc076 !important; border:2px solid #4bc076 !important; color: #FFF !important;}

.dataTables_recordCount select {margin:0px 10px; width:50px; font-size: 12px; padding:2px;}
.dataTables_wrapper .dataTables_length {float: none;}
.dataTables_wrapper .dataTables_paginate, div.dataTables_wrapper div.dataTables_paginate {float: none; text-align: center;}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover
{ border-radius: 0px; background: #e9e9e9; }
.dataTables_paginate .paginate_button:hover{ background: #f3f3f3; color: rgba(0,0,0,0.6) !important; }
.dataTables_paginate .paginate_button{ border:1px solid #bbb !important; border-radius:0px; }
.dataTables_paginate{ padding-top: 0px;margin: 0px;}
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:hover,
.dataTables_paginate .paginate_button.disabled:active{ color: rgba(0,0,0,0.4) !important; }
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:hover,
.dataTables_paginate .paginate_button.disabled:active{ color: rgba(0,0,0,0.4); }

.dataTables_wrapper .dataTables_paginate .paginate_button {border-left-width: 0px !important; margin-right: -4px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.first {border-left-width: 1px !important;}
.dataTables_paginate.log-page-div {padding: 13px 0px 0px 0px !important;}

.log-page-div .paginate_button {background-color:#FFF; border-left-width: 0px !important;}
.log-page-div .paginate_button.first {background-color:#FFF; border-left-width: 1px !important;}



.col-md-12.colum_2_left .second-level-form .form-inline.bottom-margin-10 {width:100%;}

.col-md-12.colum_2_left .second-level-form .form-inline.bottom-margin-10 .form-group {display: block;}
.input-group input[type="text"] {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right:0px solid #FFF;}
.input-group .input-group-addon {border-radius:4px; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; height: 29px; line-height: 29px; border-left:0px solid #FFF;}
.bootstrap-switch{border-radius: 4px !important;}




/* crop (avtar) */

/*==== cropiing css =====*/
.change-profile{ width: 100%; background: #fff; position: absolute; z-index: 1; padding: 10px; top: 1px; left: -300px; transition: 0.5s;}
.change-profile:before { position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.07); z-index: -1; }
.change-profile .upload-msg{ height: 240px; border: 2px dashed rgba(0,0,0,0.15); padding: 10px; background: rgba(255, 255, 255, 0.96); text-align: center; position: relative;}
.change-profile .upload-msg .close{ width: 27px; height: 27px; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.08); border-radius: 50%; color: rgba(0, 0, 0, 0.4); text-shadow: none; opacity: 1; right: 8px ;top:8px; transition: 0.5s;}
.change-profile .upload-msg .close:hover{color: rgba(0, 0, 0, 0.6);}
.change-profile .upload-msg .text{ font-size: 16px; font-weight: 600;}
.change-profile .upload-msg .upload-icon{ margin-top: 20px; font-size: 90px; color: #649ae1;}
.upload-msg .action-button{ position: relative; background: #649ae1; width: 170px; margin: 15px auto 0px; border-radius: 17px; overflow: hidden; }
.upload-msg .action-button .btn{ width:100%; }
.change-profile .upload-msg .upload-image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0px; opacity: 0; }
.ready .change-profile .upload-msg{display: none; }
.ready .change-profile .crop-file{display: block; overflow: hidden;}
.change-profile .crop-file{display: none;}
.change-profile .crop-file .action-button{ text-align: center; margin-top: 20px;}
.change-profile .crop-file .action-button .btn{border-radius: 15px; width: 90px;}
.change-profile .croppie-container{padding: 0px;}
.show-crop .change-profile{left: 0px;}
.show-crop .top-bar{height: 335px;}
.show-crop.ready .top-bar{height: 411px;}
.ready .change-profile .crop-file .cr-slider{height: 3px;}

.change-profile .avtar ul li{ width:45px; height:45px; margin:15px 5px; float:left; }
.change-profile .avtar ul li i{font-size:35px;}
.change-profile .avtar ul li {opacity:0.6}
.change-profile .avtar ul li:hover{cursor:pointer; opacity:1; /*-webkit-box-shadow:0 0 35px rgba(0,0,0,0.6); box-shadow:0 0 10px rgba(0,0,0,0.4); bottom:0px;-moz-border-radius:100%;
border-radius:100%;*/}
.avtar_select{ background:#e7e7e7; font-size:40px; border:0px solid rgba(0, 0, 0, 0.15); border-radius:50%; padding:15px; text-align:center; width:60px; height:60px; text-align:center; vertical-align:middle;}
.avatar1 { color:#2828FF; -moz-border-radius:100%; border-radius:100%;}
.avatar2 { color:#2f3943; -moz-border-radius:100%; border-radius:100%;}
.avatar3 { color:#0ccc86; -moz-border-radius:100%; border-radius:100%;}
.avatar4 { color:#dcc711; -moz-border-radius:100%; border-radius:100%;}
.avatar5 { color:#dc4b11; -moz-border-radius:100%; border-radius:100%;}




/* ===== crop button ====*/
.crop-tool{display: block; position: absolute;}
.top-right{ right: 1px; top:1px;}
.crop-tool.horrizontal li{float: left;}
.crop-tool.vertical li{float: left;}
.crop-tool li{margin: 5px;}
.crop-tool li a{ width: 35px; height: 35px; text-align: center; display: block; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); position: relative; color: #fff; box-sizing: content-box; transition: 0.3s; opacity: 1;}
.crop-tool li a:after{ background: rgba(0,0,0,0.3); content: ""; transition: 0.3s; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; border-radius: 50%; position: absolute; opacity: 1; width: 35px; height: 35px; transform: scale(0.9); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);}
.crop-tool li a:hover:after{ box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);}
.crop-tool li a span{ line-height: 35px; }
.set-crop.show-crop.sidebar-chat > .content{top:372px;}/*top:298px; */
.set-crop.show-crop.ready.sidebar-chat > .content{top:523px;}
.open-contact .crop-tool li a{width:0px;height: 0px;opacity: 0;}
/* ===== end crop button ====*/


.croppie-container {
    padding: 30px;
}
.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
}

.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow:0 0 0 899px rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.croppie-container .cr-vp-circle {
    border-radius: 50%;
}
.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
}
.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center;
}
.croppie-result {
    position: relative;
    overflow: hidden;
}
.croppie-result img {
    position: absolute;
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;/*required for proper track sizing in FF*/
    max-width: 100%;
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}

/*mine.css*/

.show-crop.sidebar-chat .bottom_bar{top:360px !important;}
.ready.show-crop.sidebar-chat .bottom_bar{top:430px !important;}


#sidebar-right .tab-content{top:85px;}


/*body.login-page {background-image: url('../images/login-bg/bg-2.jpg'); background-repeat: no-repeat; background-size: cover;}*/
.login-page .footer {background-color: rgba(255,255,255,0.9);}
.login-page .login-btn {}
.mobifin-logo .path2 {line-height: 41px;}

body.white-text .login-box {background-color: rgba(255,255,255,0.94); width: 300px; margin: 0 auto; border-top: 5px solid #649AE1; max-width: 800px; box-shadow: 0 1px 20px 0 rgba(255, 255, 255, 0.3);  box-shadow: 0 12px 30px -6px rgba(0, 0, 0, 0.5); border-radius: 4px;}

body.white-text .login-box .main-login {border:0px; box-shadow: none;}
body.white-text .login-box .main-login .sidebar-chat .top-bar .p-img {margin-top: 0px; margin-left: -35px;}
body.white-text .login-box .main-login .sidebar-chat .top-bar .p-img img,
body.white-text .login-box .main-login .profile-wrpr .profile-data .top-bar .p-img img {border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; font-size: 14px; height: 70px; text-align: center; transition: all 0.5s ease 0s; width: 70px;}
.signinlogin2.text-center.margin-15 h5 {display: none;}

/*body.white-text .login-box .main-login .avtar_select {background: #e7e7e7 none repeat scroll 0 0;  border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 50%; font-size: 33px; height: 70px; padding: 15px; text-align: center; vertical-align: middle; width: 70px;}*/

body.white-text .login-box .main-login .panel-body {}
body.white-text .login-box .main-login .sidebar-chat .top-bar .p-img::before,
body.white-text .login-box .main-login .profile-wrpr .profile-data .top-bar .p-img::before {display: none;}
#main-login-1, .main-login {width: auto;}
.main-login {border-radius:4px;}

.Choose_account {border-radius: 4px; color: #333;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: #FFF !important;}

.panel.second-level-panel {border:0px; }
.panel.no-panel-header .panel-body {border-radius: 4px !important;}
.panel.second-level-panel.no-panel-header .panel-body {padding: 0px;}
.panel.inside-hIding.second-level-panel.no-panel-header {margin:0px !important;}

table.with-input-tag tr td.first-td, table.with-input-tag tr th.first-th {padding-left: 0px;}
table.with-input-tag tr td.last-td, table.with-input-tag tr th.last-th {padding-right: 0px;}

.pro-status.size-small{margin: 0px; padding:3px 7px; min-width: auto; font-size: 10px;}
.editable .pro-status.size-small {margin: 6px 0px; padding:3px 7px; min-width: auto; font-size: 10px;}
.editable .denomShowEdit {line-height: 31px;}
.form-group {margin-bottom:5px;}

.denomShowEdit {line-height:29px;}
li.disabled-result{background: #f0f0f0 !important;}

.nonsortable .data-header {margin-top: 0px; border-bottom: 1px solid rgba(0,0,0,0.05); background-color: rgba(0,0,0,0);}

.control-label span.mendatory{color:#f00;}


/* New Access Channel CSS **/
.access-data .access-method .circle2{ top: 60px;}
.access-data .access-method .circle4{ top: 130px;}
.access-data .access-method .circle6{ top: 200px;}
.access-data .access-method .circle8{ top: 270px;}
.access-data .access-method .circle10{ top: 340px;}

.access-data .access-method .circle1{ top: 60px;}
.access-data .access-method .circle3{ top: 130px;}
.access-data .access-method .circle5{ top: 200px;}
.access-data .access-method .circle7{ top: 270px;}
.access-data .access-method .circle9{ top: 340px;}

.access-data .left-four .access-method .circle10,
.access-data .left-three .access-method .circle10, .access-data .left-three .access-method .circle8,
.access-data .left-two .access-method .circle10, .access-data .left-two .access-method .circle8, .access-data .left-two .access-method .circle6,
.access-data .left-one .access-method .circle10, .access-data .left-one .access-method .circle8, .access-data .left-one .access-method .circle6, .access-data .left-one .access-method .circle4
{ display: none;}
.access-data .right-four .access-method .circle9,
.access-data .right-three .access-method .circle9, .access-data .right-three .access-method .circle7,
.access-data .right-two .access-method .circle9, .access-data .right-two .access-method .circle7, .access-data .right-two .access-method .circle5,
.access-data .right-one .access-method .circle9, .access-data .right-one .access-method .circle7, .access-data .right-one .access-method .circle5, .access-data .right-one .access-method .circle3
{ display: none;}

.access-data .left-one .access-title.self:before,
.access-data .right-one .access-title.assisted:before
{height: 0px; top: 220px;}

.access-data .left-one .access-method .circle2,
.access-data .right-one .access-method .circle1
{top: 200px;}

.access-data .left-two .access-title.self:before,
.access-data .right-two .access-title.assisted:before
{height: 71px; top: 185px;}

.access-data .left-two .access-method .circle2,
.access-data .right-two .access-method .circle1
{top: 165px;}

.access-data .left-two .access-method .circle4,
.access-data .right-two .access-method .circle3
{top: 235px;}

.access-data .left-three .access-title.self:before,
.access-data .right-three .access-title.assisted:before
{height: 141px; top: 150px;}

.access-data .left-three .access-method .circle2,
.access-data .right-three .access-method .circle1
{top: 130px;}

.access-data .left-three .access-method .circle4,
.access-data .right-three .access-method .circle3
{top: 200px;}

.access-data .left-three .access-method .circle6,
.access-data .right-three .access-method .circle5
{top: 270px;}

.access-data .left-four .access-title.self:before,
.access-data .right-four .access-title.assisted:before
{height: 211px; top: 115px;}

.access-data .left-four .access-method .circle2,
.access-data .right-four .access-method .circle1
{top: 95px;}

.access-data .left-four .access-method .circle4,
.access-data .right-four .access-method .circle3
{top: 165px;}

.access-data .left-four .access-method .circle6,
.access-data .right-four .access-method .circle5
{top: 235px;}

.access-data .left-four .access-method .circle8,
.access-data .right-four .access-method .circle7
{top: 305px;}

body.login-page .login-box {margin-top: 100px; padding: 10px 0px;}
body.login-page .login-box .main-login .panel-body {padding: 0px 15px;}
body.login-page .login-box .form-group {margin-bottom: 15px;}
.Choose_account {margin-top: 10px;}

.login-user {padding: 10px 0px;}
.login-user-img {float: left; width: 70px; height: 70px;}
.login-user-img i {line-height: 70px;}
.login-user-action {float: right; height: 70px; width: 40px; text-align: center; line-height: 70px;}
.login-user-detail {float: left; padding: 16px 0px 16px 16px;}
.login-user.pre-user .login-user-img {float: none; margin: 0 auto;}
.login-user.pre-user .login-user-detail {float: none; margin: 0 auto; text-align: center; padding: 16px 0px 0px 0px;}
.login-user-name {font-weight: bold;}
.login-user-img img {position:relative; width:70px; height: 70px; border-radius:70px; overflow: hidden; text-align: center; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.05);}
.login-user-img img:after {position:absolute; top:0px; left:0px; right:0px; bottom:0px; font-family: "android" !important; content: "\eb9d"; line-height: 70px; font-size: 35px;}
.login-user-email {text-overflow: ellipsis; max-width: 144px; overflow: hidden}
.pre-user .login-user-email {max-width: none !important;}

.no-discount-1 {text-align: center;}
.mobifin-panel.panel ul.nav.nav-tabs {border-bottom: 1px solid #ddd; border-top-left-radius: 4px;}
ul.nav.nav-tabs {border-bottom: 1px solid #ddd; border-top-left-radius: 4px; height: 41px;}
ul.nav.nav-tabs li.active {position: relative;}
.all-small ul.nav.nav-tabs {border-bottom: 1px solid #ddd; border-top-left-radius: 4px; height: 31px;}
.scroll_tabs_container .scroll_tab_right_button,
.scroll_tabs_container .scroll_tab_left_button, 
.scroll_tabs_container .scroll_tab_left_button_disabled,
.scroll_tabs_container .scroll_tab_right_button_disabled {background-color: transparent; font-size: 18px; height: 41px;}
.scroll_tabs_container .scroll_tab_left_button_disabled,
.scroll_tabs_container .scroll_tab_right_button_disabled {opacity: 0.4;}
.scroll_tabs_container .scroll_tab_left_button::before {content: "\ed87"; font-family: 'android' !important; line-height: 41px;}
.scroll_tabs_container .scroll_tab_right_button::before {content: "\ed88"; font-family: 'android' !important;  line-height: 41px;}

.all-small .scroll_tabs_container .scroll_tab_right_button,
.all-small .scroll_tabs_container .scroll_tab_left_button, 
.all-small .scroll_tabs_container .scroll_tab_left_button_disabled,
.all-small .scroll_tabs_container .scroll_tab_right_button_disabled {background-color: transparent; font-size: 14px; height: 28px;}
.all-small .scroll_tabs_container .scroll_tab_left_button_disabled,
.all-small .scroll_tabs_container .scroll_tab_right_button_disabled {opacity: 0.4;}
.all-small .scroll_tabs_container .scroll_tab_left_button::before {content: "\ed87"; font-family: 'android' !important;  line-height: 28px;}
.all-small .scroll_tabs_container .scroll_tab_right_button::before {content: "\ed88"; font-family: 'android' !important;  line-height: 28px;}

.mobifin-panel.panel ul.nav.nav-tabs li {border: 0px;}

.discount-row .input-group {margin: 5px 0px 0px 0px; line-height: 34px;}

.toggle-control {border-radius: 4px; padding: 2px; border:1px solid #ccc; position: relative; height: 31px; width: 56px; margin: 5px; cursor: pointer;}
.first-toggle, .second-toggle {position: absolute; top: 2px; bottom: 2px; transition-duration: 0.5s;}
.first-toggle {left: 2px;}
.second-toggle {right: 2px;}
.first-toggle, .second-toggle, .first-toggle i, .second-toggle i {float: left; width: 25px; line-height: 25px; text-align: center; z-index: 2; }
.first-toggle i, .second-toggle i {transition-duration: 0.5s;}
.toggle-slider {position: absolute; background-color: #4bc076; border-radius: 3px; top: 2px; left: 2px; bottom: 2px; width:25px; z-index: 1; transition-duration: 0.5s;}
.first-toggle, .first-toggle i{color: #FFF;}
.toggle-control.second-option .toggle-slider {left: 27px;}
.toggle-control.second-option .first-toggle, .toggle-control.second-option .first-toggle i{color: rgba(0,0,0,0.6);}
.toggle-control.second-option .second-toggle, .toggle-control.second-option .second-toggle i{color: #FFF;}


@media (max-width: 991px)
{
    .changes-table-wrpr .table-footer .col-md-4 {width: 33% !important; float: left; font-size: 12px;}
    /*.changes-table-wrpr .table-footer { padding: 0px 8px;}
    .changes-table-wrpr .table-footer .col-md-4 .dataTables_paginate, .changes-table-wrpr .table-footer .col-md-4 .dataTables_info, .changes-table-wrpr .table-footer .col-md-4 .dataTables_recordCount {padding: 8px 15px; text-align: center !important;}*/
}

@media (max-width: 768px)
{
    .changes-table-wrpr table.dataTable.changes-table.with-btn tbody th, .changes-table-wrpr table.dataTable.changes-table.with-btn tbody td {padding-top: 25px !important;}
}

@media (max-width: 640px)
{
    .changes-table-wrpr .table-footer .col-md-4 {width: 100% !important; float: none; font-size: 12px; text-align: center;}
    .changes-table-wrpr .table-footer { padding: 0px 8px;}
    .changes-table-wrpr .table-footer .col-md-4 .dataTables_paginate, .changes-table-wrpr .table-footer .col-md-4 .dataTables_info, .changes-table-wrpr .table-footer .col-md-4 .dataTables_recordCount {padding: 8px 15px; text-align: center !important;}
    .basic-style.table.with-rscroll tbody tr {margin-bottom: 0px;}
}

.text-strong{
    font-size: 12px !important;
    font-weight: bold !important;
}

.int-ser-den-row {}
.int-ser-den-row .int-ser-den{}
.int-ser-den-row .int-ser-den .with-custom-toggle input[type="text"],
.int-ser-den-row .int-ser-den .with-custom-toggle input[type="number"] {width: 90px; line-height: 17px; font-size: 12px;}
.int-ser-den-row .int-ser-den input[type="text"],
.int-ser-den-row .int-ser-den input[type="number"] {line-height: 17px; font-size: 12px;}
.int-ser-den-row .int-ser-den.first-div{}
.int-ser-den-row .int-ser-den.last-div{ padding-right: 0px !important;}

.with-custom-toggle .toggle-control {float: left; margin: 2px 6px 2px 0px;}
.with-custom-toggle .input-group {float: left;}
.table-like-div-input {float: left; padding: 2px 0px;}

.int-ser-den-header {padding: 3px 0px; border-bottom: 3px solid #ddd; background: #EEE;}
.int-ser-den-header.sub-header {border-bottom: 0px solid #ddd; background-color: #FFF; padding: 0px;}
.int-ser-den-header.sub-header .int-ser-den-header-from,
.int-ser-den-header.sub-header .int-ser-den-header-to {padding:3px 0px; transition-duration: 0.5s;}
.int-ser-den-row {border-bottom:1px solid #ddd; padding: 4px 0px;}

/*.int-ser-den-header-from {border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ddd;}
.int-ser-den-header-to {border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ddd;}*/
.int-ser-den-header-from label, .int-ser-den-header-to label {font-size:12px;  padding: 0px 10px; border-radius: 4px; background-color: #999; color:#FFF; margin: 5px 0px;}
.int-ser-den-header-from label .from-to, .int-ser-den-header-to label .from-to {font-weight: normal;}

.int-ser-den-header-from label {}

.thresold-look.int-ser-den-div {position: relative;}
.thresold-look.int-ser-den-div:after, .thresold-look.int-ser-den-div:before,
.thresold-look.int-ser-den-div.with-from.with-to:after, .thresold-look.int-ser-den-div.with-from.with-to:before,
.thresold-look.int-ser-den-div.with-from:after, .thresold-look.int-ser-den-div.with-from:before {position: absolute; top:0px; bottom: 0px; border-left:1px dashed #ccc; width: 1px; content: "";}

.thresold-look.int-ser-den-div:after {left:-500px;}

.thresold-look.int-ser-den-div:before {right:-500px; }

.thresold-look.int-ser-den-div.with-from.with-to:after {left:30.1%;}

.thresold-look.int-ser-den-div.with-from.with-to:before {right:38.7%;}

.thresold-look.int-ser-den-div.with-from:after {left:45.5%;}

.thresold-look.int-ser-den-div.with-from:before {right:-500px;}

.int-ser-den-div .int-ser-den-header .int-ser-den-header {border-bottom: 0px; padding: 0px; background-color: transparent;}
.int-ser-den-div .int-ser-den-row .int-ser-den-row {border-bottom: 0px; padding: 0px;}

.thresold-look.int-ser-den-div .int-ser-den-header {border-bottom: 0px; padding: 0px; background-color: transparent;}
.thresold-look.int-ser-den-div .int-ser-den-row {border-bottom: 0px; padding: 0px;}
.thresold-look.int-ser-den-div .int-ser-den-header .int-ser-den-header {background-color: #eee; padding: 3px 0px; border-bottom: 3px solid #ddd;}
.thresold-look.int-ser-den-div .int-ser-den-row .int-ser-den-row {padding: 5px 0px; border-bottom: 0px solid #ddd;}

.thresold-look.int-ser-den-div .int-ser-den-header.btn-header {background-color: transparent; border-bottom: 0px;}
.thresold-look.int-ser-den-div .int-ser-den-row.btn-row .int-ser-den {padding: 0px;}
.thresold-look.int-ser-den-div .int-ser-den-header.btn-header .int-ser-den-header-btn {padding: 0px;}

.with-custom-toggle .bootstrap-switch {margin-top: 2px !important; margin-right: 5px !important; float: left;
}
.min-max-div, .from-div, .to-div {float: left; padding: 0px 15px;}
.min-max-div {width: 100%;}
.from-div, .to-div {display: none;}
.from-charge-header, .from-commission-header, .to-charge-header, .to-commission-header {display: none;}
.from-charge-data, .from-commission-data, .to-charge-data, .to-commission-data {display: none;}
.mobile-header {display: none;}

.with-from-charge .from-charge-header,
.with-from-charge .from-charge-data {display: block;}

.with-from-commission .from-commission-header,
.with-from-commission .from-commission-data {display: block;}

.with-to-charge .to-charge-header,
.with-to-charge .to-charge-data {display: block;}

.with-to-commission .to-commission-header,
.with-to-commission .to-commission-data {display: block;}

.int-ser-den-div.with-from .from-div {display: block;}
.int-ser-den-div.with-to .to-div {display: block;}

.int-ser-den-div.with-from .min-max-div, .int-ser-den-div.with-to .min-max-div,
.int-ser-den-div.with-from .from-div, .int-ser-den-div.with-to .to-div {width: 50%;}
.int-ser-den-div.with-to.with-from .min-max-div,
.int-ser-den-div.with-to.with-from .from-div,
.int-ser-den-div.with-to.with-from .to-div {width: 33.33%;}

.int-ser-den-div.with-to.with-from {width: 1300px; margin: 0 auto;}
.int-ser-den-div.with-to, .int-ser-den-div.with-from {width: 860px; margin: 0 auto;}
.int-ser-den-div {width: 420px; margin: 0 auto;}

.breadcrumb-custom ul li span {float: left;}
.close_bredcrumb {line-height: 21px; margin-left: 10px;}

.first-mnu .main-content .main-bred, .two-mnu .main-content .main-bred {display: block;}

.thresold-div .row .col-md-4 .mobifin-title {/*border-top-left-radius: 4px; border-top-right-radius: 4px;*/}
.thresold-div .row .col-md-4 .row.margin-0 {/*border-right:1px solid #ddd; border-left: 1px solid #ddd;*/}
.thresold-div .row .col-md-4 .row.margin-0.last-thresold-div {border-bottom:1px solid #ddd; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.very-first-panel {margin-bottom: 0px;}

/*.role-module-access-type.role-type {width: 300px;}
.role-module-access-type.role-type.three {width: 180px;}
.role-module-access-type.role-action {width: 420px;}*/
.role-module-access-type .role-div {float: left; width: 60px !important; text-align: center;}
/*.role-module-access-type .role-div {float: left; width: 16.66% !important; text-align: center;}
.role-module-access-type.three .role-div {width: 33.33% !important;}
.role-module-access-type.five .role-div {width: 20% !important;}*/

.role-module-access-type .role-div .radio label {margin-left: 22px;}
.role-module-access-type .role-div .radio label:before {margin-top: -10px;}
.role-module-access-type .role-div .radio label:after {margin-top: -6px !important;}
.role-module-access-type .role-div .checkbox-custom-label { margin: 1px 0px 3px;}
.role-module-access-type .role-div .checkbox-custom-label:before {margin-right: 0px;}
.role-module-access-type .role-div .checkbox-custom-label:after {}

.int-ser-deno-multiline-header {line-height: 20px !important;}


.role-module-access-type .role-div .no-access {line-height: 27px; color: red; cursor: not-allowed; font-size: 15px;}

.role-type-table-header, .role-access-table-header {padding-left: 20px;}
.role-label {line-break: 27px; font-weight: bold; font-size: 13px;}

.max-width-th-sr {width: 40px !important;}
.max-width-th-ch {width: 40px !important;}
.max-width-th-if {width: 20px !important;}
.max-width-th-st {width: 110px !important;}
.max-width-th-ac {width: 110px !important;}

table tr th  {text-align: center !important;}
table tbody tr td {text-align: left !important;}
table tbody tr td.accountng-info, table tbody tr td div.accountng-info,
table tbody tr td.right-info, table tbody tr td div.right-info {text-align: right !important;}
table tbody tr td.center-info, table tbody tr td.sr-info, table tbody tr td.date-info,
table tbody tr td div.center-info, table tbody tr td div.sr-info, table tbody tr td div.date-info{text-align: center !important;}

.threshold-table-th{ text-align: center !important; width: 100px !important;}

.sidebar-set input.cmn-toggle-round + label {right: -25px;}

.lft-mnu .sidebar-menu .sub-nav li a i {margin-right: 0px; width: auto; padding-left: 0px;}
.sidebar-menu ul.sub-nav:before,
.custom-popover .sub-nav:before {background: rgba(0, 0, 0, 0);}

.sidebar-menu ul li:hover > a,
.sidebar-menu ul li a:hover,
.sidebar-menu ul li a:focus,
.sidebar-menu ul li a.active,
.sidebar-menu ul li a.active:hover,
.sidebar-menu ul li a.active:focus {box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.22);}

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav:after, .first-mnu .submenu-more:after, .two-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after, .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after, .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after, .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after, .two-mnu .sidebar-menu.main-menu .submenu-more:after {display: none;}

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav, .first-mnu .sidebar-menu .submenu-more, .two-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav, .two-mnu .sidebar-menu.main-menu .submenu-more, .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav, .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more, .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav, .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav, .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more {border: 0px !important; }

.sidebar-menu ul.sub-nav {background-color: transparent;}

.lft-mnu  .sidebar-menu .user-sidebar {margin-left: 15px;}
.user-sidebar span {margin-left: 0px;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul {background-color: rgba(0,0,0,0.3)}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li a i,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li a i,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li a i {font-size: 12px !important; padding-right: 14px; }

.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li a i {width: 39px;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li ul.stybdr:before,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li ul.stybdr:before,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr:before {position: absolute; width: 1px; top: 24px; bottom: 19px; background-color: rgba(255,255,255,0.9); left: 18px; content: " "; z-index: 999;}

.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr:before {left: 28px;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li ul.stybdr li:before,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li ul.stybdr li:before,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr li:before {position: absolute; height: 1px; top: 22px; background-color: rgba(255,255,255,0.9); left: 19px;  width: 6px; content: " "; z-index: 999;}

.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr li:before {left: 29px;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li ul.stybdr li a i,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li ul.stybdr li a i,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr li a i {color: transparent;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul.sub-nav li a i,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul.sub-nav li a i,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul.sub-nav li a i {color: transparent;}

.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul.sub-nav li:before,
.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul.sub-nav li:before,
.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul.sub-nav li:before {position: absolute; height: 5px; width: 11px; border-radius: 4px; top: 19px; background-color: rgba(255,255,255,0.9); left: 13px; content: " "; z-index: 999;}

.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul.sub-nav li:before {left: 23px;}


/*=== start for the menu only====*/
@media (min-width:1300px) and (max-width:1920px) {
    /*.with-more-menu .first-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
    { display: none; }*/

    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7)
    { display: block; }

    /*.with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }*/

    .with-more-menu .first-mnu .submenu-more  li:nth-child(-n+7),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7)
    { display: none; }

    .with-more-menu .first-mnu .submenu-more  li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li
    { display: block; }
}

@media (min-width:1151px) and (max-width:1300px) {
    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
    { display: none; }

    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+8),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8)
    { display: block; }

    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }

    .with-more-menu .first-mnu .submenu-more  li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li
    { display: block; }

    .with-more-menu .first-mnu .submenu-more  li:nth-child(-n+8),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+8),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8)
    { display: none; }

}

@media (min-width:1051px) and (max-width:1150px) {
    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
    {display: none;}

    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7)
    { display: block; }

    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li ,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li:nth-child(-n+7),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7)
    { display: none; }


}

@media (min-width:972px) and (max-width:1050px) {
    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
    { display: none; }

    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6)
    { display: block; }

    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li:nth-child(-n+6),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6)
    { display: none; }
}

@media (min-width:850px) and (max-width:971px) {
    .with-more-menu .first-mnu  .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu  .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu > li
    { display: none; }

    .with-more-menu .first-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5)
    { display: block; }

    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li:nth-child(-n+5),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5)
    { display: none; }

}

@media (min-width:769px) and (max-width:849px) {
    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
    {display: none;}

    .with-more-menu .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4)
    { display: block; }

    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
    { display: block; }

    .with-more-menu .first-mnu .submenu-more li:nth-child(-n+4),
    .with-more-menu .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4)
    { display: none; }

}

@media(max-width:768px) {
    .with-more-menu .first-mnu .more-mnu,
    .with-more-menu .two-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
    { display: none; }
}
/*=== start for the menu only====*/

/*=== start for the menu only (by height)====*/

@media (max-height:418px) {
    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
    { display: none; }

    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+2),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+2),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+2)
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more li
    {display: block;}

    .with-more-menu .icon-mnu .submenu-more li:nth-child(-n+2),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more li:nth-child(-n+2),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more li:nth-child(-n+2)
    { display: none; }

    .with-more-menu .icon-mnu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
    { display: block; }
}

@media (min-height:419px) and (max-height:465px) {
    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
    {display: none;}

    .with-more-menu .icon-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+4),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+4)
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .mCSB_container .submenu-more > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
    { display: block;}

    .with-more-menu .icon-mnu .submenu-more > li:nth-child(-n+4),
    .with-more-menu .two-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+4),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+4),
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+4),
    .with-more-menu .two-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+4),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+4)
    { display: none; }

    .with-more-menu .icon-mnu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
    { display: block; }
}

@media (min-height:466px) and (max-height:523px) {
    .with-more-menu .icon-mnu  .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
    { display: none; }

    .with-more-menu .icon-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+5),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+5)
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li:nth-child(-n+5),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+5),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+5),
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+5),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+5),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+5)
    { display: none; }

    .with-more-menu .icon-mnu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
    { display: block; }
}

@media (min-height:524px) and (max-height:600px) {
    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
    { display: none; }

    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6)
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li:nth-child(-n+6),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+6),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6)
    { display: none; }

    .with-more-menu .icon-mnu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
    { display: block; }
}

/*
@media (min-height:601px) {
        .icon-mnu .more-mnu, .two-mnu .sidebar-menu.operation-menu .more-mnu,
        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
        { display: none; }
        .two-mnu.third-mnu .sidebar-menu.operation-menu .more-mnu{ display: block; }
}
*/

@media (min-height:601px) and (max-height:720px) {

    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
    { display: none; }

    .with-more-menu .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7)
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
    { display: block; }

    .with-more-menu .icon-mnu .submenu-more > li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
    .with-more-menu .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+7),
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7),
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7)
    { display: none !important; }

    .with-more-menu .icon-mnu .more-mnu,
    .with-more-menu .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
    .with-more-menu .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
    { display: block; }

    .two-mnu.third-mnu .sidebar-menu.operation-menu .more-mnu{ display: block; }

}



/*=== start for the menu only (by heighht)====*/

.icon-mnu .breadcrumb-custom.mobifin-tab .main-bred, .lft-mnu .breadcrumb-custom.mobifin-tab .main-bred {display: none;}
.icon-mnu .main-header .main-bred .breadcrumb.logo-brdcrm, .lft-mnu .main-header .main-bred .breadcrumb.logo-brdcrm {padding-left: 0px !important;}
.bar-mnu {box-shadow: none; padding: 0px; position: relative;}

.breadcrumb.logo-brdcrm li.only-logo:before {display: none;}

.lft-mnu .main-bred, .third-mnu .main-bred, .rgt-mnu .main-bred, .icon-mnu .main-bred, .rgt .main-bred, .two-mnu .main-bred
{margin-left: 0px;}

.logo-in-top-menu .main-header .breadcrumb > li + li::before,
.logo-in-top-menu .main-header .breadcrumb li a {color: #999 !important;}
.breadcrumb > li.only-logo {margin-right: 0px;}

.big-header .main-header {height: 60px;}
.big-header .navbar-right.user li a i {line-height: 60px; width: 35px;}
.big-header .main-header .user-setting a {height: 60px; line-height: 60px;}
.big-header .main-header .user-setting a:hover, .big-header .main-header .user-setting.open > a {box-shadow: inset 0 0 0 60px rgba(0,0,0,0.09);}
.big-header .first-mnu .sidebar-menu ul li a {line-height: 60px;}
.big-header.logo-in-top-menu .first-mnu .sidebar-menu ul li a {line-height: 42px;}
.big-header .first-mnu .sidebar-menu ul li ul li a {line-height: 42px}
.big-header .first-mnu .sidebar-menu .caret-1 {margin-top: 28px;}
.big-header .first-mnu .sidebar-menu ul li ul li .caret-1 {margin-top: 19px;}
.big-header .bar-mnu {height: 60px; width: 60px;}
.big-header .main-header .bar-mnu svg {margin-top: -27px; margin-left: -27px; width: 50px; height: 50px;}
.big-header .main-content {margin-top: 60px; margin-bottom: 60px;}
.big-header #sidebar-right, .big-header .sidebar-chat {top: 60px;}
.big-header.logo-in-top-menu #sidebar-right {top: 102px;}
.big-header .icon-mnu .main-header .main-bred,
.big-header .lft-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred {line-height: 60px; margin-left: 60px;}
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred {margin-left: 0px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb,
.big-header .lft-mnu .main-header .main-bred .breadcrumb,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb { height: 60px; }

.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb,
.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb,
.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb,
.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb,
.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb { height: 42px; }

.big-header .icon-mnu .main-header .main-bred .breadcrumb > li,
.big-header .lft-mnu .main-header .main-bred .breadcrumb > li,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb > li,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb > li,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb > li,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb > li,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb > li
{line-height: 60px; font-size: 14px;  margin-right: 35px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header .lft-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo {height: 60px; width: 100px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header .lft-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style
{ margin-top: -23px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb .mobifin .cl-style .path1::before,
.big-header .lft-mnu .main-header .main-bred .breadcrumb .mobifin .cl-style .path1::before,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path1::before,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path1::before,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path1::before,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path1::before,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path1::before
{font-size: 54px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb .mobifin .cl-style .path2::before,
.big-header .lft-mnu .main-header .main-bred .breadcrumb .mobifin .cl-style .path2::before,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path2::before,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path2::before,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path2::before,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path2::before,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb .mobifin.p-logo .cl-style .path2::before
{font-size: 35px; margin-left: 3px;}
.big-header .icon-mnu .main-header .main-bred .breadcrumb > li + li::before,
.big-header .lft-mnu .main-header .main-bred .breadcrumb > li + li::before,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb > li + li::before,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb > li + li::before,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred > li + li::before,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred > li + li::before,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred > li + li::before,
.big-header .icon-mnu .main-header .main-bred .breadcrumb > li::before,
.big-header .lft-mnu .main-header .main-bred .breadcrumb > li::before,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb > li::before,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb > li::before,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred > li::before,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred > li::before,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred > li::before
{left: -35px; line-height: 60px; top: 0px; color: #ddd;}



.big-header .icon-mnu .sidebar-menu {top: 60px; width: 60px;}
.big-header .lft-mnu .sidebar-menu {top: 60px;}
.big-header .icon-mnu .sidebar-menu ul li i,
.big-header .lft-mnu .sidebar-menu ul li i {width: 60px; font-size: 16px; padding-right: 15px; padding-left: 8px; line-height: 60px;}

.big-header .icon-mnu .sidebar-menu ul li ul li i,
.big-header .lft-mnu .sidebar-menu ul li ul li i {line-height: 42px; height: 42px;}

.big-header .icon-mnu .main-content, .big-header .two-mnu.icon-mnu .main-content {margin-left: 60px;}
.close-lft-overlap-mnu.big-header .icon-mnu .sidebar-menu,
.close-lft-overlap-mnu .big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu {left: -60px;}
.big-header .u-name {box-shadow: inset 0 0 0 60px rgba(0,0,0,0.09);}
.big-header .lft-mnu .sidebar-menu .u-name {height: 60px;}
.big-header .icon-mnu .sidebar-menu .u-name {height: 60px;}

.big-header .lft-mnu .sidebar-menu ul li i {width: 60px; height: 60px;}

.big-header .lft-mnu .sidebar-menu ul li i:before {line-height: 60px;}
.big-header .lft-mnu .sidebar-menu ul li ul li i:before {line-height: 42px;}
.big-header .lft-mnu .sidebar-menu .user-sidebar {line-height: 60px; height: 60px;}
.big-header .lft-mnu .sidebar-menu .user-sidebar span {line-height: 60px; height: 60px;}

.big-header .icon-mnu .sidebar-menu:before,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu:before {top: 60px; width: 60px;}
.big-header .sidebar-menu ul li a {line-height: 60px;}

.big-header .icon-mnu .sidebar-menu .nav-menu li.tp-down ul.sub-nav,
.big-header .icon-mnu .sidebar-menu .more-mnu li.tp-down .submenu-more,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down ul.sub-nav,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu li.tp-down .submenu-more {top: 60px;}

.big-header .icon-mnu .sidebar-menu .nav-menu li.btm-up ul.sub-nav,
.big-header .icon-mnu .sidebar-menu .more-mnu li.btm-up .submenu-more,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.btm-up ul.sub-nav,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu li.btm-up .submenu-more {bottom: 60px;}

.big-header .sidebar-menu ul li ul li a {line-height: 42px;}
.big-header .lft-mnu .sidebar-menu .menu-status,
.big-header .nonoly-lyt .sidebar-menu .menu-status,
.big-header .lft-mnu .sidebar-menu .menu-status,
.big-header .sidebar-menu .menu-status {bottom: 60px;}
.big-header .lft-mnu  .sidebar-menu .user-sidebar {width: 150px}
.big-header .sidebar-menu .u-name ul li i,
.big-header .sidebar-menu .u-name ul li a {padding: 0px;}

.big-header .icon-mnu .sidebar-menu .nav-menu > li > a .caret-1,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.big-header .icon-mnu .sidebar-menu .more-mnu > li > a .caret-1,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .caret-1,
.big-header .lft-mnu .sidebar-menu .nav-menu > li > a .caret-1,
.big-header .two-mnu.lft-mnu .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.big-header .lft-mnu .sidebar-menu .more-mnu > li > a .caret-1,
.big-header .two-mnu.lft-mnu .sidebar-menu.operation-menu .more-mnu > li > a .caret-1 { margin-top: 28px; margin-left: 20px;}

.big-header .icon-mnu .sidebar-menu .nav-menu > li ul li > a .caret-1,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li ul li > a .caret-1,
.big-header .icon-mnu .sidebar-menu .more-mnu > li ul li > a .caret-1,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li ul li > a .caret-1 { margin-top: 17px;}
@media(max-width:768px) {
    .big-header .sidebar-menu, .big-header .two-mnu.nonoly-lyt .sidebar-menu.operation-menu, .big-header .two-mnu .sidebar-menu.operation-menu {top: 60px;}
    .lft-mnu .main-header .main-bred {display: block;}
}
.big-header .icon-mnu .sidebar-menu .more-mnu > li > a,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a {width: auto;}

.big-header.logo-in-top-menu .first-mnu .sidebar-menu,
.big-header.logo-in-top-menu .two-mnu .sidebar-menu.main-menu,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.big-header.logo-in-top-menu .two-mnu.third-mnu .sidebar-menu.main-menu,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .sidebar-menu.main-menu
{
    top: 60px;
    right: 0px;
}

.logo-in-top-menu .first-mnu .sidebar-menu,
.logo-in-top-menu .two-mnu .sidebar-menu.main-menu,
.logo-in-top-menu .two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.logo-in-top-menu .two-mnu.third-mnu .sidebar-menu.main-menu,
.logo-in-top-menu .two-mnu.icon-mnu .sidebar-menu.main-menu
{
    top: 42px;
    right: 0px;
}
.big-header.logo-in-top-menu .first-mnu .sidebar-menu .caret-1 {margin-top: 20px;}
.big-header.logo-in-top-menu .first-mnu .main-content {margin-top: 102px;}


.big-header .icon-mnu .sidebar-menu .more-mnu > li > a i.nav-cion {padding: 0px 11px !important;}
.big-header .icon-mnu .sidebar-menu .more-mnu > li.btm-up .submenu-more {bottom: 60px !important;}

.basic-style.table > thead > tr > th, .basic-style.table > tbody > tr > th, .basic-style.table > tfoot > tr > th, .basic-style.table > thead > tr > td, .basic-style.table > tbody > tr > td, .basic-style.table > tfoot > tr > td{
    text-transform: none !important;
}

.mbfn .icon-mnu .sidebar-menu .more-mnu > li > a .nav-icon,
.mbfn .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .nav-icon {padding: 0px 2px;}

.big-header .icon-mnu .sidebar-menu .more-mnu > li > a .nav-icon,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .nav-icon {padding: 0px 11px;}

.overflow-hidden{
    overflow: hidden;
}

.dataTables_paginate.log-page-div.inner-log{
    padding: 7px 0 0 0 !important;
}

.big-header.logo-in-top-menu .main-content .tree-aside {top: 107px; bottom: 50px; border-radius: 4px; box-shadow: none; width: 325px; left: -330px;}
.big-header.logo-in-top-menu .main-content .shift-treeright .tree-aside {left: 5px;}

.big-header.logo-in-top-menu .main-content .tree-aside .boot-style {padding: 5px;}
.big-header.logo-in-top-menu .main-content .tree-aside > .panel > .panel-body {top: 40px; left: 5px; right: 5px;}

.big-header.logo-in-top-menu .main-content .with-overlay.shift-treeright .setting-box {margin-left: 330px;}

.actionClass_agentassistboarding_index .panel.very-first-panel, .actionClass_bankassistboarding_index .panel.very-first-panel, .actionClass_merchanttermonboarding_index .panel.very-first-panel, .actionClass_mnouseronboarding_index .panel.very-first-panel {border: 0px;}

.big-header .icon-mnu .main-header .bar-mnu svg,
.big-header .lft-mnu .main-header .bar-mnu svg {width: 48px;  height: 40px; margin: 7px 6px !important; position: relative !important; left: 0px; top: 0px;}
.big-header .icon-mnu .main-header .bar-mnu,
.big-header .lft-mnu .main-header .bar-mnu {padding: 0px;}
.big-header .icon-mnu .main-header .main-bred,
.big-header .lft-mnu .main-header .main-bred {margin-left: 0px;}

.big-header .icon-mnu .main-header .main-bred .breadcrumb > li.only-logo,
.big-header .lft-mnu .main-header .main-bred .breadcrumb > li.only-logo,
.big-header.logo-in-top-menu .first-mnu .main-header .main-bred .breadcrumb > li.only-logo,
.big-header.logo-in-top-menu .two-mnu .main-header .main-bred .breadcrumb > li.only-logo,
.big-header.logo-in-top-menu .two-mnu.nonoly-lyt .main-header .main-bred .breadcrumb > li.only-logo,
.big-header.logo-in-top-menu .two-mnu.third-mnu .main-header .main-bred .breadcrumb > li.only-logo,
.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb > li.only-logo {margin-right: 10px;}

.big-header.logo-in-top-menu .two-mnu.icon-mnu .main-header .main-bred .breadcrumb > li.only-logo {}

.main-header .user li.notification-icon.with-badge a {position: relative; /*padding-right: 27px;*/}
.notification-icon .badge { position: absolute;  top: 5px; right: 5px;}

.big-header .icon-mnu .sidebar-menu .nav-menu li a span.title,
.big-header .icon-mnu .sidebar-menu .more-mnu > li > a > .title,
.big-header .icon-mnu .sidebar-menu .nav-menu ul.sub-nav,
.big-header .icon-mnu .sidebar-menu .more-mnu .submenu-more,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu ul.sub-nav,
.big-header .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu .submenu-more {width: 250px;}

.big-header .icon-mnu .sidebar-menu .user-optn a i {line-height: 60px; height: 60px;}
.big-header .icon-mnu .sidebar-menu .user-optn a i:before {line-height: 60px; height: 60px;}
.big-header .main-header .main-bred .breadcrumb.text-links {position: relative;}
.big-header .main-header .main-bred .breadcrumb.text-links:before {position: absolute; content: "\eaef"; font-family: 'android' !important; left: -25px; line-height: 60px; font-size: 20px; top: 0px; color: #FFF;}
.big-header .icon-mnu .footer,
.big-header .two-mnu.icon-mnu .footer {margin-left: 60px;}
.big-header .footer {padding: 9px;}
.mobifin_desc {resize: none; height: 100px; padding: 10px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.15); transition-duration: 0.5s;}
.mbfn .radio input[type="radio"].size-small:checked + label:after { width: 6px; height: 6px; margin-top: -3px; }
.mbfn .form-inline .form-group .radio label {width: auto !important;}

.big-header .first-mnu #sidebar-right,
.big-header .first-mnu .sidebar-chat {top: 102px;}

.sidebar-chat .top-bar .p-img img,
.profile-wrpr .profile-data .top-bar .p-img img {height: 70px; width: 70px;}

.all-small .footer {padding: 0px; border-top: 1px solid rgba(0,0,0,0.02);}
.all-small .footer .primary li a,
.all-small .footer .secondary li a,
.all-small .footer .secondary li+li:before,
.all-small .footer .primary li+li:before,
.all-small .footer .p-logo .p-text,
.all-small .footer .copy-wrt.fs12{line-height: 30px; font-size: 11px !important;}
.all-small .footer .p-logo .cl-style .icon {line-height: 30px;}
.all-small .footer .p-logo.mobifin .cl-style .path2::before {font-size: 19px;}
.all-small .footer .p-logo.mobifin .cl-style .path1::before {font-size: 30px;}

.all-small .footer .primary li a,
.all-small .footer .secondary li a {color: rgba(0, 0, 0, 0.7);}
.all-small .footer .timezone {padding-right: 7px;}
.all-small .footer .secondary li:first-child {padding-left: 6px;}

.all-small .footer .p-logo .cl-style {left: 65px;}
.all-small .footer .p-logo {height: 30px;}
.all-small .footer .p-logo.mobifin {width: 120px;}
.all-small .footer .mobifin.p-logo .cl-style {margin-top: -9px;}
.all-small .footer .top-scroll {display: none;}

.all-small .main-content {margin-bottom: 30px;}
.logo-in-top-menu.all-small .first-mnu .main-content {margin-top: 84px;}
.logo-in-top-menu.all-small .icon-mnu .main-content {margin-top: 40px;}

.raw{margin-right:-15px;margin-left:-15px}
.mbfn .form-inline .form-group .full.desc-data {line-height: 31px;font-weight: bold;}


.actionClass_merchanttype_add .panel-body .form-group label {padding-left: 10%;}.col-xs-12.col-sm-8.col-md-10.col-lg-3.col-sm-12.right-padding-0.left-padding-0 {line-height: 31px;}
.col-xs-12.col-sm-8.col-md-10.col-lg-7.col-sm-12.right-padding-0.left-padding-0 {line-height: 33px;}

.col-xs-12.col-sm-8.col-md-10.col-lg-3.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.col-xs-12.col-sm-8.col-md-10.col-lg-3.col-sm-12.right-padding-0.left-padding-0 {line-height: 33px; margin-top:0px !important; }
.col-xs-12.col-sm-8.col-md-10.col-lg-7.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.col-xs-12.col-sm-8.col-md-10.col-lg-7.col-sm-12.right-padding-0.left-padding-0 {line-height: 33px; margin-top:0px !important;}

.col-xs-12.col-sm-8.col-md-10.col-lg-6.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.col-xs-12.col-sm-8.col-md-10.col-lg-6.col-sm-12.right-padding-0.left-padding-0 {line-height: 33px; margin-top:0px !important;}
.col-xs-12.col-sm-7.col-md-6.col-lg-3.right-padding-0.left-padding-0.top-margin-5,
.col-xs-12.col-sm-7.col-md-6.col-lg-3.right-padding-0.left-padding-0 {line-height: 33px; margin-top:0px !important;}

.logo-in-top-menu.all-small.bc-outside-main .first-mnu .main-content {margin-top: 0px !important;}
.logo-in-top-menu.all-small.bc-outside-main .icon-mnu .main-content {margin-top: 0px !important;}
.logo-in-top-menu.all-small.bc-outside-main .first-mnu .stand-alone-bc {margin-top: 71px;}
.logo-in-top-menu.all-small.bc-outside-main .icon-mnu .stand-alone-bc {margin-top: 40px;}
.big-header.bc-outside-main .stand-alone-bc {margin-top: 60px;}
.big-header.bc-outside-main.logo-in-top-menu .first-mnu .stand-alone-bc {margin-top: 102px;}

.all-small .main-header {height: 40px;}
.all-small .stand-alone-bc .breadcrumb > li:first-child::before {display: none;}
.stand-alone-bc .breadcrumb > li:first-child::before {display: none;}


.logo-in-top-menu.all-small .first-mnu .sidebar-menu,
.logo-in-top-menu.all-small .two-mnu .sidebar-menu.main-menu,
.logo-in-top-menu.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.logo-in-top-menu.all-small .two-mnu.third-mnu .sidebar-menu.main-menu,
.logo-in-top-menu.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu {top: 40px;}


.all-small .main-header .mobifin .cl-style .path1::before {font-size: 46.2px;}
.all-small .main-header .mobifin .cl-style .path2::before {font-size: 28.6px;}

.all-small .main-header .breadcrumb .mobifin.p-logo {width: 80px;}

.all-small .main-header .user-setting a {height: 40px; line-height: 40px;}
.icon-in-header-right-side-with-text a i {float: left; font-size: 23px; line-height: 40px; margin-right: 5px;}
.home-icon a i {font-size: 20px; line-height: 40px; }
.home-icon.user-setting a {padding: 0px 9px;}
.main-header .user li.notification-icon a {padding: 0px 14px 0px 9px;}
.notification-icon a i {font-size: 22px;}

.all-small .navbar-right.user li a i {line-height: 40px;}

.all-small .first-mnu .sidebar-menu,
.all-small .two-mnu .sidebar-menu.main-menu,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.all-small .two-mnu.third-mnu .sidebar-menu.main-menu,
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu
{height: 31px; font-size: 11px;}

.all-small .sidebar-menu ul li a {line-height: 20px;}
.all-small .sidebar-menu ul li i {line-height: 31px; font-size: 11px; width: auto;}
.all-small .first-mnu .sidebar-menu .caret-1,
.all-small .two-mnu .sidebar-menu.main-menu .caret-1,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu .caret-1,
.all-small .two-mnu.third-mnu .sidebar-menu.main-menu .caret-1,
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu .caret-1
{ margin-top: 14px; margin-left: 8px;}

.all-small.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul.sub-nav li::before,
.all-small.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul.sub-nav li::before,
.all-small.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul.sub-nav li::before
{top: 14px; height: 3px; width: 7px; left: 11px;}

.all-small.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li a i,
.all-small.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li a i,
.all-small.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li a i {padding-right: 10px;}

.all-small .sidebar-menu .caret-1 {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; margin-top: 14px;}

.all-small.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li ul.stybdr:before,
.all-small.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li ul.stybdr:before,
.all-small.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr:before
{left: 14px; top: 17px; bottom: 13px;}

.all-small.sub-menu-bullet-tree .first-mnu .sidebar-menu ul li ul li ul.stybdr li:before,
.all-small.sub-menu-bullet-tree .icon-mnu .sidebar-menu ul li ul li ul.stybdr li:before,
.all-small.sub-menu-bullet-tree .lft-mnu .sidebar-menu ul li ul li ul.stybdr li:before
{top: 17px; height: 1px; width: 6px; left: 14px;}

.all-small .sidebar-menu ul li.clicked_cls > a .caret-1 {border-bottom: 4px solid; border-left: 4px solid transparent; border-right: 4px solid transparent;}

.all-small .first-mnu .sidebar-menu ul li i,
.all-small .two-mnu .sidebar-menu.main-menu ul li i,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li i,
.all-small .two-mnu.third-mnu .sidebar-menu.main-menu ul li i,
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu ul li i {padding-right: 8px;}

.logo-in-top-menu.all-small.bc-outside-main .first-mnu .sidebar-chat {top: 71px;}
.logo-in-top-menu.all-small.bc-outside-main .first-mnu #sidebar-right {top: 71px;}
.mbfn #sidebar-right .tab-content {top: 45px;}

.all-small .first-mnu .sidebar-menu ul li a,
.all-small .two-mnu .sidebar-menu.main-menu ul li a,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li a,
.all-small .two-mnu.third-mnu .sidebar-menu.main-menu ul li a,
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu ul li a {padding: 0px 8px;}

.all-small .stand-alone-bc .breadcrumb > li {line-height: 31px; font-size: 11px;}

.all-small .stand-alone-bc .breadcrumb > li::before,
.all-small .stand-alone-bc .breadcrumb > li + li::before {font-size: 15px; top: 7px;}
.all-small .stand-alone-bc .breadcrumb {padding-left: 6px !important;}
.all-small .stand-alone-bc {border-bottom: 1px solid rgba(0,0,0,0.1);}

.all-small .changes-table-wrpr .table-footer {padding-top: 0px; padding-bottom: 0px;}
.all-small .changes-table-wrpr div.dataTables_wrapper div.dataTables_info {font-size: 11px; line-height: 31px;}
.all-small .changes-table-wrpr .dataTables_wrapper .dataTables_length {line-height: 31px;}

.all-small .dataTables_paginate .paginate_button {padding: 0px 5px; font-size: 11px;}
.all-small .dataTables_recordCount {font-size: 11px;}
.all-small .dataTables_recordCount b {font-weight: normal;}
.all-small .dataTables_recordCount.boot-style .chosen-container-single { width: auto !important; display: inline-block; margin: 5px 4px 4px 4px;}
.all-small .dataTables_recordCount.boot-style .chosen-container-single .chosen-single { line-height: 22px; height: 22px; font-size: 11px; box-shadow: none; }
.all-small .dataTables_recordCount.boot-style .chosen-container-single .chosen-single span { line-height: 19px; margin-right: 20px;}
.all-small .dataTables_recordCount.boot-style .chosen-container-single .chosen-single div b:before,
.all-small .dataTables_recordCount.boot-style .chosen-container-single .chosen-search:before {width: 20px; height: 20px; line-height: 20px;}
.all-small .dataTables_recordCount.boot-style .chosen-container .chosen-results {}
.all-small .dataTables_recordCount.boot-style .chosen-container .chosen-results li {line-height: 22px; padding-left: 0px; font-size: 11px;}

.dataTables_recordCount {font-size: 11px;}
.dataTables_recordCount b {font-weight: normal;}
.dataTables_recordCount.boot-style .chosen-container-single { width: auto !important; display: inline-block; margin: 5px 4px 4px 4px;}
.dataTables_recordCount.boot-style .chosen-container-single .chosen-single { line-height: 22px; height: 22px; font-size: 11px; box-shadow: none; }
.dataTables_recordCount.boot-style .chosen-container-single .chosen-single span { line-height: 19px; margin-right: 20px;}
.dataTables_recordCount.boot-style .chosen-container-single .chosen-single div b:before,
.dataTables_recordCount.boot-style .chosen-container-single .chosen-search:before {width: 20px; height: 20px; line-height: 20px;}
.dataTables_recordCount.boot-style .chosen-container .chosen-results {}
.dataTables_recordCount.boot-style .chosen-container .chosen-results li {line-height: 22px; padding-left: 0px; font-size: 11px;}


.all-small table thead tr th {padding-top: 0px !important; padding-bottom: 0px !important; line-height: 29px !important; font-size: 12px !important;}
.all-small table tbody tr td {line-height: 19px !important; font-size: 11px !important; /*padding-top: 0px !important; padding-bottom: 0px !important;*/ }
.all-small table tbody tr i.font20 {padding: 1px 0px !important; font-size: 17px !important;}
.all-small .changes-table-wrpr table.dataTable.changes-table tbody th,
.all-small .changes-table-wrpr table.dataTable.changes-table tbody td {/*padding-top: 0px !important; padding-bottom: 0px !important;*/}

.mobifin-receipt table tbody tr td {line-height: 19px !important; font-size: 11px !important;}
.mobifin-receipt table thead tr th {padding-top: 0px !important; padding-bottom: 0px !important; line-height: 29px !important; font-size: 12px !important;}


.all-small .boot-style .chosen-container-multi .chosen-choices {border-radius: 4px;}

.all-small .mobifin-tab.breadcrumb-custom ul li a {padding-top: 5px !important; padding-bottom: 5px !important; line-height: 20px !important; font-size: 12px !important; }

.boot-style .chosen-container-multi .chosen-choices .search-field input[type="text"]:hover, .boot-style .chosen-container-multi .chosen-choices .search-field input[type="text"]:focus {box-shadow: none;}
.boot-style .chosen-container-multi .chosen-choices .search-choice {border-radius: 3px;}

.all-small .tab-setting li .btn{margin: 2px; padding: 2px 7px; border-bottom-width: 2px;}
/*.all-small .btn {padding: 2px 7px; border-bottom-width: 2px;}*/

.all-small .main-content.padding-2 {padding: 0px !important;}
.all-small .very-first-panel {border: 0px !important; border-radius: 0px !important;}
/*.all-small .search-wrpr .search-data input {line-height: 23px;}*/

.all-small .lft-mnu .sidebar-menu ul li i {padding-right: 8px;}
.all-small .lft-mnu .sidebar-menu ul li a {font-size: 11px; font-weight: normal; padding: 0px 8px; line-height: 30px;}
.all-small .rgt-mnu .sidebar-menu .sub-nav li a i,
.all-small .rgt-mnu .sidebar-menu .sub-nav li a .glyphicon,
.all-small .lft-mnu .sidebar-menu .sub-nav li a i,
.all-small .lft-mnu .sidebar-menu .sub-nav li a .glyphicon {line-height: 30px; width: 19px;}
.all-small .lft-mnu .sidebar-menu .caret-1 { margin-right: 4px; margin-top: 15px;}
.all-small .icon-mnu .sidebar-menu .nav-menu li a span.title,
.all-small .icon-mnu .sidebar-menu .more-mnu > li > a > .title,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li a span.title,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a > .title {line-height: 33px; padding-left: 8px; font-size: 11px; font-weight: normal; top: -1px; width: 250px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.all-small .icon-mnu .sidebar-menu .nav-menu li.clicked_cls a span.title,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.clicked_cls > a > .title,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.clicked_cls a span.title,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.clicked_cls > a > .title {border-bottom-right-radius: 0px;}

.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more {border-bottom-right-radius: 4px;}

.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child,
.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child a,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child a,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child a,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child a,
.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul,
.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul li:last-child,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul li:last-child,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul li:last-child,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul li:last-child,
.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul li:last-child a,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul li:last-child a,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down.clicked_cls .sub-nav li:last-child ul li:last-child a,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down.clicked_cls .submenu-more li:last-child ul li:last-child a {border-bottom-right-radius: 4px;}

.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav li:last-child ul,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav li:last-child ul,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more li:last-child ul,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more li:last-child ul,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav li:last-child ul li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav li:last-child ul li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more li:last-child ul li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more li:last-child ul li:last-child,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav li:last-child ul li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav li:last-child ul li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more li:last-child ul li:last-child a,
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more li:last-child ul li:last-child a {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}

.all-small .icon-mnu .sidebar-menu .nav-menu > li > a .caret-1,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.all-small .icon-mnu .sidebar-menu .more-mnu > li > a .caret-1,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .caret-1 {left: 272px !important; margin-top: 13px;}

.all-small .sidebar-menu,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.all-small .two-mnu .sidebar-menu.operation-menu {top: 40px;}

.all-small.logo-in-top-menu .icon-mnu .stand-alone-bc,
.all-small.logo-in-top-menu .two-mnu.icon-mnu .stand-alone-bc {margin-left: 42px;}


.all-small.close-lft-overlap-mnu.logo-in-top-menu .icon-mnu .stand-alone-bc,
.all-small.close-lft-overlap-mnu.logo-in-top-menu .two-mnu.icon-mnu .stand-alone-bc {margin-left: 0px;}

.all-small .icon-mnu .stand-alone-bc .breadcrumb,
.all-small .two-mnu.icon-mnu .stand-alone-bc .breadcrumb,
.all-small .nonoly-lyt.lft-mnu .stand-alone-bc .breadcrumb,
.all-small .two-mnu.nonoly-lyt .stand-alone-bc .breadcrumb {padding-left: 0px !important; margin-left: -5px;}

.all-small .nonoly-lyt.lft-mnu .stand-alone-bc,
.all-small .two-mnu.nonoly-lyt .stand-alone-bc {margin-left: 254px; margin-top: 40px;}

.all-small .nonoly-lyt.lft-mnu .main-content,
.all-small .two-mnu.nonoly-lyt .main-content {margin-left: 254px; margin-top: 40px;}

.all-small.close-lft-overlap-mnu .icon-mnu .stand-alone-bc .breadcrumb,
.all-small.close-lft-overlap-mnu .two-mnu.icon-mnu .stand-alone-bc .breadcrumb {padding-left: 0px !important; margin-left: -5px;}

.welcome-box {width: 300px; margin: 30px auto; text-align: center;}
.un-text {font-size: 15px; font-weight: bold; color: #4a89dc;}
.welcome-time {margin-top: 0px; /*background-color: #4a89dc;*/ border-radius: 4px; padding: 10px; /*color: #FFF;*/}
.last-login-text {font-size: 11px;}
.last-login-time {margin-top: 5px; font-size: 12px; font-weight: bold;}

.welcome-img{/*height: 200px;*/ padding: 30px; position: relative;}

/*.bg-circle { width: 170px; height: 170px; position: absolute; top: 50%; left: 50%; margin-left: -85px; margin-top: -85px; border: 2px solid #4a89dc; border-radius: 100px;}
.bg-circle:before { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; border-left: 2px solid #4a89dc; border-radius: 100px; content: " "; transform: rotate(45deg); opacity: 0.3;}
.bg-circle:after { width: 185px; height: 185px; position: absolute; top: 50%; left: 50%; margin-left: -92.5px; margin-top: -92.5px; border-left: 2px solid #4a89dc; border-radius: 100px; content: " "; transform: rotate(135deg); opacity: 0.7;}*/

.login-bottom-link-left { width: 45%; float: left; text-align: left; margin-right: 0px; font-size: 11px;}
.login-bottom-link-right { float: right; width: 45%; margin-left: 0px; text-align: right;  font-size: 11px;}

.all-small .wizard-kyc-img.form-wiz-page .pager,
.all-small .profile-wiz-page.form-wiz-page .pager,
.all-small .mobifin-panel .pager { position: fixed; bottom: 36px; right: 0px; left: 0px; padding-right: 10px; padding-left: 10px;}

.only-checkbox .data-header .item-header,
.only-checkbox .kyc-fields  .item-header {width: 480px;}

.allowed-kyc-type-one .data-header,
.allowed-kyc-type-one .kyc-fields {width: 720px;}

.allowed-kyc-type-one .data-header .item-header,
.allowed-kyc-type-one .kyc-fields .item-header {}

.allowed-kyc-type-one .checkbox-custom-label.left-margin-10.bottom-margin-5 {margin-left: 0px !important;}

.allowed-kyc-type-two .data-header,
.allowed-kyc-type-two .kyc-fields {width: 820px;}

.allowed-kyc-type-two .data-header .item-header,
.allowed-kyc-type-two .kyc-fields .item-header {}

.allowed-kyc-type-two .checkbox-custom-label.left-margin-10.bottom-margin-5 {margin-left: 0px !important;}

.allowed-kyc-type-three .data-header,
.allowed-kyc-type-three .kyc-fields {}

.allowed-kyc-type-three .data-header .item-header,
.allowed-kyc-type-three .kyc-fields .item-header {}

.allowed-kyc-type-three .checkbox-custom-label.left-margin-10.bottom-margin-5 {margin-left: 0px !important;}

.all-small .mobifin-panel {border: 0px; border-radius: 0px;}
.all-small .mobifin-panel.panel ul.nav.nav-tabs {border-radius: 0px;}

.all-small .boot-style .chosen-container-single .chosen-single span {line-height: 31px !important;}
.all-small .dataTables_recordCount.boot-style .chosen-container-single .chosen-single span {line-height: 20px !important;}
.all-small .message-body {position: relative;}
.all-small .message-body .note-editor.note-frame {width: 300%;}

body.login-page .login-box .form-group {margin-bottom: 25px;}

.all-small .sidebar-menu ul .sub-nav li { border-bottom: 0px solid rgba(0, 0, 0, 0.15); }
.all-small .first-mnu .sidebar-menu ul > li, 
.all-small .two-mnu .sidebar-menu.main-menu ul > li,
.all-small .two-mnu.nonoly-lyt .sidebar-menu.main-menu ul > li,
.all-small .two-mnu.third-mnu .sidebar-menu.main-menu ul > li, 
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu ul > li {border-left: 1px solid rgba(0, 0, 0, 0.15);}

.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav, 
.all-small .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav, 
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav, 
.all-small .first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav, 
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more, 
.all-small .first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more {border-top: 1px solid rgba(0, 0, 0, 0.15) !important; top: 31px; left: -1px;}

.all-small .first-mnu .sidebar-menu ul li a,
.all-small .lft-mnu .sidebar-menu ul li a,
.all-small .icon-mnu .sidebar-menu ul li a {border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; font-size: 11px;}
.all-small .icon-mnu .sidebar-menu ul > li > ul li a {padding: 0px 10px 0px 8px;}
.all-small .icon-mnu .sidebar-menu ul > li > ul li a i {margin: 0px;}

.all-small .icon-mnu .sidebar-menu ul li i {margin: 0px 3px; padding: 0px;}

.all-small .icon-mnu .sidebar-menu .nav-menu li.tp-down .sub-nav,
.all-small .icon-mnu .sidebar-menu .more-mnu > li.tp-down .submenu-more,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down .sub-nav,
.all-small .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down .submenu-more {top: 31px; border-top: 1px solid rgba(0,0,0,0.15);} 

.all-small .lft-mnu .sidebar-menu .u-name ul li i, .all-small .lft-mnu .sidebar-menu .u-name ul li a {padding: 0px; width: 31px; line-height: 30px;}
.all-small .lft-mnu .sidebar-menu .u-name ul li i.fa {line-height: 30px !important;}
.all-small .lft-mnu .sidebar-menu .u-name .user-sidebar span {line-height: 30px;}
.all-small .lft-mnu .sidebar-menu .user-sidebar {margin-left: 8px; font-size: 11px;}

.all-small .icon-mnu .sidebar-menu .u-name .user-optn a i.fa {width: 42px; line-height: 31px !important; margin: 0px !important;}
.all-small .icon-mnu .sidebar-menu .u-name .user-optn li {border-left: 0px;}
.all-small .u-name {box-shadow: none;}

.all-small .lft-mnu .sidebar-menu,
.all-small .lft-mnu.two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.all-small .two-mnu.lft-mnu .sidebar-menu.operation-menu {width: 250px;}

.all-small .dataTables_wrapper .dataTables_paginate .paginate_button.first {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.all-small .dataTables_wrapper .dataTables_paginate .paginate_button.last {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

/*.all-small .panel.inside-hIding {margin: 5px !important;}
.all-small .panel-body {padding: 5px;}*/

.all-small.logo-in-top-menu .icon-mnu .stand-alone-bc.inside-content,
.all-small.logo-in-top-menu .two-mnu.icon-mnu .stand-alone-bc.inside-content {margin-left: 0px;}

.all-small .nonoly-lyt.lft-mnu .stand-alone-bc.inside-content,
.all-small .two-mnu.nonoly-lyt .stand-alone-bc.inside-content {margin-left: 0px; margin-top: 0px;}

.all-small .sidebar-menu ul li a .badge { margin-top: 7px; margin-right: 0px;}

.logo-in-top-menu .main-header .breadcrumb li a.white-text {color: #FFF !important;}

.all-small .panel-body {padding: 5px;}
.all-small .form-inline .form-group label {font-size: 11px; line-height: 25px;}
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-7.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-7.col-sm-12.right-padding-0.left-padding-0 {line-height: 25px; font-size: 11px; }
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-3.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-3.col-sm-12.right-padding-0.left-padding-0 {line-height: 25px; font-size: 11px; }
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-6.col-sm-12.right-padding-0.left-padding-0.top-margin-5,
.all-small .col-xs-12.col-sm-8.col-md-10.col-lg-6.col-sm-12.right-padding-0.left-padding-0 {line-height: 25px; font-size: 11px; }
.all-small .col-xs-12.col-sm-7.col-md-6.col-lg-3.right-padding-0.left-padding-0.top-margin-5,
.all-small .col-xs-12.col-sm-7.col-md-6.col-lg-3.right-padding-0.left-padding-0 {line-height: 25px; font-size: 11px; }
.all-small .panel.inside-hIding {margin: 5px 15px !important;}
.all-small .panel-title {font-size: 11px;}
.all-small .panel-heading {line-height: 25px; padding-left: 5px;}
.all-small .toggle-collapse.inside-hIding .list-inline.tools li a i {line-height: 25px;}
.all-small .btn {padding: 2px 7px; border-bottom-width: 2px;}
.all-small .btn-txt {font-size: 11px !important; line-height: 18px !important;}
.all-small .icon {font-size: 14px !important; line-height: 18px !important;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside {top: 102px; box-shadow: none; bottom: 30px; }
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .shift-left {right: -32px;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel {border-radius: 0px !important; margin-bottom: 0px;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .panel-body {border-radius: 0px; border: 0px; top: 31px;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .panel-body .fancytree-radio {margin-bottom: 0px; }
.all-small .jstree-default-large .jstree-node, .all-small .jstree-default-large .jstree-icon {/*background-image: none;*/}
.all-small .jstree-default-large .jstree-anchor {line-height: 20px; height: 20px; font-size: 11px;}
.all-small .jstree-default-large .jstree-themeicon { background-position: -265px -4px;}
.all-small .jstree-default-large .jstree-open>.jstree-ocl {background-position: -133px -5px;}
.all-small .jstree-default-large .jstree-node {min-height: 20px; line-height: 20px; margin-left: 20px; min-width: 20px;}
.all-small .jstree-default-large .jstree-leaf>.jstree-ocl {background-position: -69px -4px;}
.all-small .jstree-default-large .jstree-node {background-position: -293px 0;}
.all-small .jstree-default-large .jstree-icon:empty {width: 20px; height: 20px; line-height: 20px; transform: scale(0.85);}
.all-small .jstree-icon.jstree-themeicon {position: relative;}
/*.all-small .jstree-icon.jstree-themeicon:before {position: absolute; width: 25px; height: 25px; line-height: 25px; text-align: center; top: 0px; left: 0px; font-size: 13px; font-family: 'android-icon' !important;  content: "\ec16"; font-style: normal;}*/
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .boot-style .row {margin: 0px;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .boot-style .row .form-group {padding: 0px; position: relative;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .boot-style .row .form-group input[type="text"] {border: 0px; border-radius: 0px !important; padding-right: 30px; font-size: 11px; border-bottom: 1px solid #eee;}
.logo-in-top-menu.all-small .first-mnu .main-content .tree-aside .panel .boot-style .row .form-group:after {position: absolute; width: 30px; height: 30px; line-height: 30px; right: 0px; top: 0px; font-family: 'android-icon' !important; content: "\ec16"; font-size: 13px; text-align: center; }
.logo-in-top-menu.all-small .only-logo .mobifin.p-logo .cl-style {margin-top: -11px;}

.all-small .default-tab .nav-tabs  li  a {line-height: 28px; font-size: 11px;}
@media (max-width: 640px)
.all-small.mbfn .footer {
     position: fixed;
}

.mbfn .mobifin-services.wallet-services.owl-carousel {padding: 0px 20px 0px 20px;}

.mbfn .owl-carousel .owl-stage-outer {z-index: 99;}
.mbfn .owl-carousel .owl-nav {/*position: absolute; height: 30px; left: 0px; right: 0px; top: 50%; margin-top: -33px;*/}
.mbfn .owl-carousel .owl-nav .owl-prev,
.mbfn .owl-carousel .owl-nav .owl-next {position: absolute; top: 50%; margin-top: -35px;  font-size: 0px; z-index: 100;}
.mbfn .owl-carousel .owl-nav .owl-prev {margin-left: 0px; left: 0px;}
.mbfn .owl-carousel .owl-nav .owl-prev:before,
.mbfn .owl-carousel .owl-nav .owl-next:before {font-family: 'android' !important;  font-size: 20px !important; color: #444;}
.mbfn .owl-carousel .owl-nav .owl-next.disabled:before,
.mbfn .owl-carousel .owl-nav .owl-prev.disabled:before { color: #ddd !important;}
.mbfn .owl-carousel .owl-nav .owl-prev:before {content: "\edfe";}
.mbfn .owl-carousel .owl-nav .owl-next:before {content: "\edff";}
.mbfn .owl-carousel .owl-nav .owl-next {margin-right: 0px; right: 0px;}

.mbfn .owl-carousel {position: relative;}

/*.customer-portal .owl-carousel .owl-nav.disabled,
.customer-portal .owl-carousel .owl-dots.disabled {display: block;}*/

.mbfn .owl-carousel .owl-dots {text-align: center; margin-top: 10px;}
.mbfn .owl-carousel .owl-dots .owl-dot {width: 6px; height: 6px; border-radius: 6px; text-align: center; background-color: rgba(0,0,0,0.2); margin: 2px 5px; display: inline-block;}
.mbfn .owl-carousel .owl-dots .owl-dot.active {background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);}

.mbfn .mobifin-services.wallet-services.owl-carousel .mobifin-ser-icn i:before {font-size: 30px;}

.check-balance {float: left; margin: 6px; color: #FFF; background-color: rgba(0,0,0,0.4); padding: 0px; border-radius: 4px; position: relative;}
.check-balance i {font-size: 17px; width: 30px; display: block; height: 30px; float: left; text-align: center; line-height: 30px; }
.check-balance .check-balance-text {margin-right: 10px; line-height: 30px; font-size: 12px;}
.main-header .user li a img {position: static; top: auto; bottom: auto; width: 29px; height: 29px; margin: 7px 0px;}
.main-header .user-setting a img {position: static; top: auto; bottom: auto; width: 25px; height: 25px; margin: 7px 0px; border-radius: 30px; margin-right: 10px;}

.mobifin-inner-header {font-size: 13px; font-weight: bold; position: relative; line-height: 25px; color: #2e2e2e; margin-bottom: 10px;}

.mobifin-inner-header.first-service-box {margin-top: 42px;}
.mobifin-inner-header.last-service-box {}
.inner-service-saprater {height: 1px; background-color: rgba(0,0,0,0.1); margin: 20px 20px 20px 0px;}
.mobifin-receipt.inside-panel-body {width: auto; margin: auto;}

.stand-alone-bc { border-bottom: 1px solid rgba(0,0,0,0.1); }

.with-service-slider .owl-carousel{padding: 10px !important;}
.mbfn .with-service-slider .owl-carousel .owl-nav .owl-next {right: 5px; margin-top: -25px;}
.mbfn .with-service-slider .owl-carousel .owl-nav .owl-prev {left: 5px; margin-top: -25px;}

.profile-pic-dropdown {background-color: #FFF; width: 250px; border-radius: 4px; padding: 5px 0px 0px 0px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.main-header .user li .profile-pic-dropdown a {color: rgba(0, 0, 0, 0.6) !important; line-height: 15px !important; float: none !important; padding: 0px !important; display: block !important;}
.main-header .user li .profile-pic-dropdown h4 i {line-height: 17px !important; width: 20px !important; padding-right: 5px !important;}
.main-header .user li .profile-pic-dropdown p {line-height: 10px; margin-bottom: 10px; font-size: 10px;}
.main-header .user li .profile-pic-dropdown a:hover, .main-header .user li .profile-pic-dropdown a:focus {background-color: transparent !important;}
.notification-list {max-height: 300px; overflow-y: auto;}

.all-small .mobifin-receipt.with-qr-code .receipt-logo {padding: 20px 20px 0px 20px;}
.all-small .mobifin-receipt.with-qr-code .receipt-qr-data {padding: 10px 20px 10px 20px;}
.all-small .mobifin-receipt.with-qr-code .receipt-icon {padding: 0px 20px 0px 20px;}
.all-small .mobifin-receipt.with-qr-code .receipt-qr-data .receipt-qr-sep {margin: 10px 0px;}
.all-small .mobifin-receipt.with-qr-code .receipt-qr-data .receipt-qr-desc {font-size: 17px;}
.all-small .mobifin-receipt.with-qr-code {width: auto;}
.all-small .mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code {height: auto; padding: 15px; width: 200px;}
.all-small .mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code img {width: 80%;}

.bootstrap-datetimepicker-widget table tr td,
.bootstrap-datetimepicker-widget table tr th {text-align: center !important;}
.bootstrap-datetimepicker-widget table tr th {border-radius: 0px;}
.bootstrap-datetimepicker-widget .picker-switch table.table-condensed {background-color: #eee !important;}
.bootstrap-datetimepicker-widget .picker-switch table tr td a span:before {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.month {color: #000 !important;}
.bootstrap-datetimepicker-widget table tr td span.month.active {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.month.disabled {opacity: 0.3; cursor: not-allowed;}

.bootstrap-datetimepicker-widget table tr td span.month:hover {background-color: none !important;}

.bootstrap-datetimepicker-widget table tr td span.year {color: #000 !important;}
.bootstrap-datetimepicker-widget table tr td span.year.active {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.year.disabled {opacity: 0.3; cursor: not-allowed;}

.bootstrap-datetimepicker-widget table tr td span.year:hover {background-color: none !important;}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {background: rgba(0,0,0,0.3);}
.bootstrap-datetimepicker-widget table th.next span::after,
.bootstrap-datetimepicker-widget table th.prev span::after,
.bootstrap-datetimepicker-widget table th.next::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::before,
.bootstrap-datetimepicker-widget table th.prev::before {display: none !important;}

.datepicker table tr td span.active {border-radius: 4px;}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {color: #FFF; opacity: 0.3;}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: not-allowed; opacity: 0.3;}