/*-------------------------------------------------
	Style file contain custom style
-------------------------------------------------*/
#main.pop {
    padding-left: 0;
}

#main.pop .content-wrapper-before{
    top: 0;
    height: 250px;
}
.visibleCard {
    overflow: visible;
}
.search .card {
    overflow: visible;
}

.card .card-content {
    padding: 10px 20px;
}

.search .input-field {
    margin-bottom: 0;
}

.extra .input-field {
    margin: 0;
}

div.search .btn {
    margin-left: 1rem;
}

.btn
{
    padding-right: 1rem;
    padding-left: 1rem;
}

i.left {
    margin-right: 10px;
}

i.right {
    margin-left: 10px;
}

.breadcrumb {
    font-size: 15px;
}

#spinner-overlay {
	display: none;
	filter: alpha(opacity=80);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: '';
	opacity: .8;
	z-index: 9999;	
}

#spinner-container {
	text-align: center;
	width: 50px;
	height: 57px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -28px00-25px;
}

.brand-sidebar .brand-logo {
	padding: 15px 12px
}

.brand-sidebar .logo-wrapper a.brand-logo img {
	height: 34px;
}

.brand-sidebar .logo-wrapper a.brand-logo span {
	padding-left: 4px;
}

.brand-sidebar .logo-wrapper a.brand-logo span img {
	height: 30px;
}

input.error+div.error {
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 20px;
}

.input-field.col label.active{
	font-weight : bold;
	color : #474747 !important;
}

b[class="red-text"] {
	font-size: 18px;
}

div[class*="page"] {
	display: none;
}

div.page0 div {
	padding: 0 !important;
}

div.page0 div img {
	width: 100%;
}

div.page2 .card {
	overflow: inherit;
}

span[class*=agreeTitle] {
	display: none;
    font-size: 18px;
}

b[class*=subContent] {
    font-size: 12px;
}

div.radiobox {
	margin: 0;
}

ul.stepper .step:last-of-type::after {
    content: '';
    position: absolute;
    top: 52px;
    left: 13.5px;
    width: 1px;
    height: calc(100% - 52px);
    background-color: rgba(0,0,0,.1);
    transition: height .4s cubic-bezier(.4,0,.2,1);
}

[type=checkbox]:not(:checked):disabled+span:not(.lever):before {
	border: 2px solid rgba(0,0,0,.42);
	background-color: #FFF;
}

.page-footer .footer-copyright {
	padding: 5px 0;
}

.page-footer .footer-copyright .container {
	height : 50px;
}

#main {
	min-height: calc(100% - 125px);
}

div.page3 .dropdown-content li {
	min-height: 35px !important;
}

div.page3 .dropdown-content li > span {
	padding: 5px 24px !important;
}

/*
	mbs login custom
*/

body *.hidden {
	display: none;
	width: 0px;
	height: 0px;
}

body input#zip {
	color: black !important;
}

i.text-white>input {
	color: white;
}

body div.modal-header {
	width: 100%;
	height: auto;
  padding: 4px 0px;
  text-align: right;
  border-bottom: 1px solid rgba(0,0,0,.1);	
}

body div.modal-header div.modal-header-title {
	float: left;
  padding: 7px 24px;	
}

body div.modal-header div.modal-header-title+a.modal-close {
	padding: 0 1rem 0 0 !important; 
}

body div.modal-footer {
	text-align: center !important;
}

body div.modal-footer a.modal-close {
	width: 45%;
}

.modal.modal-fixed-footer .modal-content {
    height: -webkit-calc(100% - 92px) !important;
    height: -moz-calc(100% - 92px) !important;
    height: calc(100% - 92px) !important;
}

body.mbs-main div.mbs-title {
	margin: 15px 0;
}

body.mbs-main div.mbs-code {
	height: calc(0vh - 0px);
}

/* body.mbs-main div.mbs-code img {
	height: 130px;
}
 */

body.mbs-main div.mbs-code>div {
	margin-bottom: 130px;
}


body.mbs-main div.padding-60 {
	padding-top: 60px;
}

body.mbs-main div.padding-160 {
	padding-top: 160px;
}

body.mbs-main footer {
	padding-left: 0 !important;
	position: fixed;
  bottom: 0;
  z-index: 1;
  max-width: 800px;
  width: 100%;
}

body.mbs-main footer span.code-login {
	text-decoration: underline;
}

div.mbs-second {
	height: calc(100vh);
	opacity: 0;
	display: none !important;
	align-items: center;
	padding: 0 1rem;
}

div.mbs-second>div {
	width: 100% !important;
}

body.mbs-main header, div.mbs-first, div.mbs-third, div.mbs-fourth {
	display: none;
}

div.mbs-third img {
	width: 100%;
}
div.temp-left {
		padding-right: 0 !important;
}
/* .mdexImg{
		height: 100%;
		max-height: 72vh;
} */
body div.temp-left input#def { 
	text-align: right;	
}

body div.temp-right {
	padding-left: 0.2rem !important;	
}

button.btn-search {
	height: 36px;
  background: none;
  border: none;	
}

div.mbs-id, div.mbs-pw {
	display: none;
} 

div.mbs-id ul, div.mbs-pw ul {
	text-align: left;
}

.swal-custom .swal-title{
    text-align:left;
    font-size:15px;
}

.swal-custom .swal-text{
    text-align:left;
    font-size:14px;
}

.swal-custom .swal-content{
    padding : 0 15px;
    text-align:left;
    font-size:14px;
    word-break:keep-all;
}