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

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

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

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

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

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

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

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

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

@font-face {
	font-family: 'OpenSans-BoldItalic';
	src: url('../fonts/OpenSans-BoldItalic.eot');
	src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
		url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
		url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
		url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}
/*========================= Fonts Poppins + FontAwesome  ================================================*/
@font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.6.3);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-comment:before{content:"\f075"}.fa-phone:before{content:"\f095"}
.fa-headphones:before{content:"\f025"}.fa-angle-down:before{content:"\f107"}
.fa-angle-right:before{content:"\f105"}.fa-search:before{content:"\f002"}
.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}
.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-linkedin:before{content:"\f0e1"}.fa-feed:before,.fa-rss:before{content:"\f09e"}
.fa-google-plus:before{content:"\f0d5"}.fa-globe:before{content:"\f0ac"}
.fa-lock:before{content:"\f023"}.fa-plus:before{content:"\f067"}
.fa-cloud:before{content:"\f0c2"}.fa-rocket:before{content:"\f135"}
.fa-chevron-right:before{content:"\f054"}.fa-arrow-up:before{content:"\f062"}
.fa-chevron-left:before{content:"\f053"}.fa-credit-card-alt:before{content:"\f283"}
.fa-repeat:before{content:"\f01e"}.fa-envelope-o:before{content:"\f003"}
.fa-file-pdf-o:before{content:"\f1c1"}.fa-angle-right:before{content:"\f105"}
.fa-dashboard:before{content:"\f0e4"}.fa-chevron-left:before{content:"\f053"}
.fa-home:before{content:"\f015"}.fa-fax:before{content:"\f1ac"}
.fa-envelope:before{content:"\f0e0"}.fa-phone-square:before{content:"\f098"}
/*=========================  member area Content    ====================================================*/
body,h1, h2, h3, h4, h5, h6{font-family: 'Open Sans';}
nav,header,footer{font-family:"Poppins-Regular";}
.HeadBanner{background: #FFFFFF url(../images/bnr.jpg)  repeat scroll center calc(100% + 0px) / 100% 100%;padding:45px 0 65px 0;}
.logo h3 {font-size: 18px;margin-bottom: 20px;color:#fff;font-family: 'OpenSans-Bold';width: 100%;}
.LoginBx .logo h3 {width: 92%;}
.login-form{border:1px solid #efefef;box-shadow:0 0 8px 0 #363635;padding:35px;background:#FFF;width: 340px;}
.control-label{font-weight:400;margin-top:1px;padding-bottom:3px;color:#7c7c7c}
.input-icon{left:0;position:relative}
.login-form .fa.fa-warning.tooltips{color:#ed6b75;left:232px;top:1px}
.input-icon > i{color:#ccc;display:block;font-size:16px;left:0;margin:11px 2px 4px 10px;position:absolute;text-align:center;width:16px;z-index:3}
.login-form .input-icon > .form-control{padding-left:6px}
.LoginBx .form-control{width:100%!important}
.has-error .form-control{border-color:red}
.TagLine {color: #fff;margin-top: 0;padding-top: 120px;font-size:3.500em;}
.SubTagLine{font-size:24px; color:#fff;}
.ContentArea{background-color:#fff;padding:80px 0 100px 0;}
.ContentArea h1{text-align:center;width:100%;color:#263238;font-size:2.250em;padding-bottom:40px;margin-top:0;margin-bottom:0;}
.Features:first-child{border-left:none;}
.Features{border-left:1px solid #e3e3e3;}
.Features h2{color:#263238;font-size:18px;}
.Features p{color:#666666;font-size:14px;}
.Box,.BoxF,.BoxS,.BoxT{padding-left:110px;position:relative}
.Box:before{background:url(../images/memberarea.png) no-repeat scroll 0 0;content: "";display: inline-block;height: 75px;left: 0;position: absolute;top: 5px;width: 95px;}
.BoxF:before{background:url(../images/memberarea.png) no-repeat scroll -100px 0; content: "";display: inline-block;height: 75px;left: 0;position: absolute;top: 5px;width: 95px;}
.BoxS:before{background:url(../images/memberarea.png) no-repeat scroll -200px 0; content: "";display: inline-block;height: 75px;left: 0;position: absolute;top: 5px;width: 70px;}
.BoxT:before{background:url(../images/memberarea.png) no-repeat scroll -280px 0; content: "";display: inline-block;height: 75px;left: 0;position: absolute;top: 5px;width: 80px;}
 .Middle{background-color:#f2f7fa;width:100%;padding:20px 0}
.MemberAreaTab{padding:60px 30px;border:1px solid #efefef;background-color:#FFF;position: relative;}
.MemberAreaTab > .nav-tabs > li > a{margin-right:20px;font-size:16px;color:#263238;font-family: 'OpenSans-Bold';padding:80px 14px 10px}
.MemberAreaTab > .nav-tabs > li.active > a{padding:75px 14px 10px}
.MemberAreaTab >.nav-tabs li:last-child a{margin-right:0}
.MemberAreaTab > .nav-tabs li:last-child{width:18.3% !important;}
.MemberAreaTab > .nav > li{width:20.4%;text-align:center}
.MemberAreaTab > .nav-tabs > li.active > a,.MemberAreaTab > .nav-tabs > li.active > a:hover,.MemberAreaTab > .nav-tabs > li.active > a:focus{color:#555;background-color:#ecf7ff!important;border-top:6px solid #f14 !important;cursor:default;border-bottom:none;border-left:none;border-right:none}
.MemberAreaTab > .nav-tabs{border-bottom:none}
.MemberAreaTab >.nav-tabs > li > a{min-height:120px}
.MemberAreaTab >.nav-tabs > li > a{border:1px solid #d5d5d5}
.MemberAreaTab > .nav-tabs > li:hover{border-color:transparent}
.MemberAreaTab > .nav > li > a:hover,.MemberAreaTab > .nav > li > a:focus{background-color:#ecf7ff !important;}
.MemberAreaTab > .nav-tabs > li > a.ATab:before{ background: rgba(0, 0, 0, 0) url("../images/memberarea.png") no-repeat scroll 0 -83px;
content: "";display: inline-block;height: 42px;left: 50%;margin-left: -27px;position: absolute;top: 30px;width: 52px;}
.MemberAreaTab > .nav-tabs > li > a.BTab:before{ background: rgba(0, 0, 0, 0) url("../images/memberarea.png") no-repeat scroll -52px -83px;content: "";display: inline-block;height: 42px;left: 50%;margin-left: -27px;position: absolute;top: 30px;width: 52px;}
.MemberAreaTab > .nav-tabs > li > a.CTab:before{ background: rgba(0, 0, 0, 0) url("../images/memberarea.png") no-repeat scroll -104px -83px;content: "";display: inline-block;height: 50px;left: 50%;margin-left: -27px;position: absolute;top: 30px;width: 52px;}
.MemberAreaTab > .nav-tabs > li > a.DTab:before{ background: rgba(0, 0, 0, 0) url("../images/memberarea.png") no-repeat scroll -152px -83px;content: "";display: inline-block;height: 50px;left: 50%;margin-left: -27px;position: absolute;top: 30px;width: 52px;}
.MemberAreaTab > .nav-tabs > li > a.ETab:before{ background: rgba(0, 0, 0, 0) url("../images/memberarea.png") no-repeat scroll -200px -83px;content: "";display: inline-block;height: 45px;left: 50%;margin-left: -27px;position: absolute;top: 30px;width: 52px;}
.MemberAreaTab > .nav-tabs > li.active > a.ATab:before{top: 25px;}
.MemberAreaTab > .nav-tabs > li.active > a.BTab:before{top: 25px;}
.MemberAreaTab > .nav-tabs > li.active > a.CTab:before{top: 25px;}
.MemberAreaTab > .nav-tabs > li.active > a.DTab:before{top: 25px;}
.MemberAreaTab > .nav-tabs > li.active > a.ETab:before{top: 25px;}
.MemberAreaTab .portlet-body{margin-top: 50px;}
.Notification {position:absolute;background-color:#FF1144;z-index:1;color:#fff;font-size:13px;font-family: 'Poppins-SemiBold';padding: 6px 10px 2px; border-radius: 20px !important;border:1px solid #FF1144;right: 12%;
    top: -6%;}
.table .btn {margin: 0 5px 5px 0;}
.form-group .select2.select2-container.select2-container--bootstrap {width:100%;max-width: 385px;}
.input-group-phone .prefix{background:none;padding:0;width:50%;border:1px solid #c2cad8;text-align:left;}
.input-group-phone .prefix .select2-container--bootstrap .select2-selection{border:0;}
.tbl_add_san{margin-bottom:0;}
.tbl_add_san thead tr th{font-weight:normal;font-size:15px;background-color:#f5f5f5;border:1px solid #e7ecf1;}
.tbl_add_san {border-right: 1px solid #e7ecf1;}
.tbl_add_san>tbody>tr>td{vertical-align:top;padding:0 !important;}
.tbl_add_san .input-group{margin-bottom:5px;}
.tbl_add_san .input-group .input-group-addon:last-child{background:none;border:none;}
.tbl_add_san table{width:100%;}
.tbl_add_san table td{padding:13px;border-bottom:1px solid #e7ecf1;height:80px;vertical-align:top;}
.tbl_add_san table td:first-child{padding-right:15px;width:33%;}
.tbl_add_san table td:last-child{padding-left:20px;}
.tbl_add_san table .input-group .input-larger{max-width:100%;}
.GreenTxt{color: #37ac49 !important;font-weight: 300;}
.modal-body .text-center .form-group .control-label{margin-top: 5px;}
.modal-body .text-center .form-group .col-sm-9.col-lg-8.col-md-8{padding-left: 5px;}
.modal-body .form-body .note.note-success{text-align: left !important;}
.pymnt_optns .pot_right .cstm_left_tab_data{padding-top: 20px !important}
 /*=====  Password Recovery, Password Reset ========*/
.FixedBox{background-color:#fff;border:1px solid #efefef;box-shadow:0 0 8px 0 #363635;margin:0 auto;padding:35px;position:relative;width:680px}
.FTopCon{color:#666;font-size:15px;font-family: 'Poppins-Regular';padding-bottom:10px}
.FixedBox p{color:#666;font-size:15px;line-height:1.6;margin:0;}
.note-success p span,.note note-success p,.note-success p i,.note note-success p i{color: #37ac49 !important;font-size: 14px;}
.ValidateBox{padding-bottom:30px;padding-top:10px}
#accountLink .ValidateBox,#frmforgot .ValidateBox{padding-top:30px;}
#auth-form p.TxtBold.CodeNote{font-family: 'Open Sans';color: #37ac49;margin-bottom: 20px;}
.CstMCode{margin-bottom:18px;max-width:270px; text-align: left;}
.control-label{padding-bottom:3px}
.CstMCode input{border-radius:0!important;box-shadow:none!important;margin-top:6px}
.ClrBtn{background-color:#f6f6f6;border:medium none;color:#000;font-size:18px!important;font-family: "Poppins-SemiBold";padding:10px 0!important;width:100%;transition:all 1s ease 0}
.LoginBx .form-control,.LoginBx .alert,.btn{border-radius:0}
.ClrBtn i{margin-right:5px}
.ClrBtn:hover,.ClrBtn:active,.ClrBtn:focus{background-color:#d5d5d5;color:#000}
.PswdReset {padding-bottom: 12px;padding-top: 19px;}
.form-group .control-label{margin-bottom:0;color: #333;}
.TxtBold {font-family: "Poppins-SemiBold";}
.CstMCode .control-label {font-size: 14px;color: #666;}
a.BacktDash {position: absolute;right: 30px;top: 15px;background: #F0E9F9;padding: 5px 10px;color:#fff}
a.BacktDash:hover{background: #F0E9F9;text-decoration: none;}
.note.note-warning.No-data {background: #F1F4F7;border-left: 5px solid #F1F4F7;margin-bottom: 0;}
.readOnlyText {background-color: #eef1f5;width: 405px !important;padding: 6px;}
#auth-form .ClrBtn{font-family: 'OpenSans-Bold';}
/*=====  For Checkbox  ========*/
.mt-checkbox{width:100%;color:#444;font-size:13px;cursor:pointer;display:inline-block;margin-bottom:15px;padding-left:30px;position:relative;transition:all .3s ease 0;font-weight: 100;}
.mt-radio > input,.mt-checkbox > input{opacity:0;position:absolute;z-index:-1}
.mt-checkbox > span:after{left:6px;top:3px;width:5px;height:10px;border:solid #666;border-width:0 2px 2px 0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mt-checkbox > input:disabled ~ span:after{border-color:#666}
.mt-radio > span::after,.mt-checkbox > span::after{content:"";display:none;position:absolute}
.mt-radio.mt-radio-outline > span,.mt-radio.mt-checkbox-outline > span,.mt-checkbox.mt-radio-outline > span,.mt-checkbox.mt-checkbox-outline > span{background:rgba(0,0,0,0) none repeat scroll 0 0;border:1px solid #d9d9d9}
.mt-radio > span,.mt-checkbox > span{height:19px;left:0;position:absolute;top:0;width:19px}
.mt-radio > input:checked ~ span:after,.mt-checkbox > input:checked ~ span:after{display:block}
.mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,.mt-radio.mt-radio-outline > input:checked ~ span,.mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,.mt-radio.mt-checkbox-outline > input:checked ~ span,.mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,.mt-checkbox.mt-radio-outline > input:checked ~ span,.mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,.mt-checkbox.mt-checkbox-outline > input:checked ~ span{background:rgba(0,0,0,0) none repeat scroll 0 0;border:1px solid #d9d9d9}
/*=====  For Button  ========*/
.btn{box-shadow:none!important;outline:medium none!important;-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:6px 12px;text-align:center;vertical-align:middle;white-space:nowrap}
.CtaBtn{background-color:#f14;border:medium none;color:#fff;font-family: 'OpenSans-Bold';font-size:18px !important;width:100%;padding:10px 0 !important;transition: all 1s ease 0s;}
.CtaBtn:hover, .CtaBtn:active, .CtaBtn:focus {background-color: #d11548 !important;color: #fff !important;}
.CtaBtn i{margin-left:5px}
.btn:not(.btn-sm):not(.btn-lg){line-height:1.4}
.center-block{display: block;margin-left: auto;margin-right: auto;}
.LoginBx .form-control,.LoginBx .alert,.btn{border-radius:0}
.CtaBtn:hover,.CtaBtn:active,.CtaBtn:focus{background-color:#d11548;color:#fff}
.ladda-button{position:relative}
.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}
.ladda-button .ladda-label{position:relative;z-index:0}
.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}
.ladda-button,.ladda-button .ladda-label,.ladda-button .ladda-spinner{-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275) all!important;-moz-transition:.3s cubic-bezier(.175,.885,.32,1.275) all!important;-ms-transition:.3s cubic-bezier(.175,.885,.32,1.275) all!important;-o-transition:.3s cubic-bezier(.175,.885,.32,1.275) all!important;transition:.3s cubic-bezier(.175,.885,.32,1.275) all!important}
.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-in] .ladda-spinner{-webkit-transition:.3s ease all!important;-moz-transition:.3s ease all!important;-ms-transition:.3s ease all!important;-o-transition:.3s ease all!important;transition:.3s ease all!important}
.ladda-button[data-style=zoom-in]{overflow:hidden}
.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(.2);-moz-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2)}
.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}
.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.instantOrderarea {padding: 20px 0 0 0;background: #F2F7FA;}
.instantOrderarea .logoutLink{padding:5px 10px 5px 10px;}
.instantOrderarea .logoutLink:hover,.instantOrderarea .logoutLink:active,.instantOrderarea .logoutLink:focus{text-decoration: none;}
/*=============*/
.form-control{padding: 6px;box-shadow:none;}
.form-control:focus {box-shadow:none;}
.forget-password{font-weight:100;}
.forget-password:hover{text-decoration:underline;color:#337ab7}
.r-tabs-anchor {display: none;}
.progress{height:6px;background-color:#dae8f2;border-bottom-left-radius:2px!important;border-bottom-right-radius:2px!important;border-top-left-radius:2px!important;border-top-right-radius:2px!important}
.progress-bar-success{background-color:#54ba53}
.progress-bar-yellow{background-color:#dfb400}
.progress-bar-red{background-color:#f14}
.DaysLft{color:#263238;font-size:12px;text-align:right;width:100%}
.page-title{font-size:26px;color:#263238}
.note.note-info{background-color:#f5f8fd;border-color:#8bb4e7;color:#010407}
.note{margin:0 0 20px;padding:15px 15px 15px 15px}
.note p:last-child{margin-bottom:0}
.note p{font-size:13px;margin:0}
.note-info{border-left:5px solid #8bb4e7}
.note.note-warning{background-color:#fcf9cf;border-color:#fdb60a;color:#666;border-left:5px solid #fdb60a}
.MATable{margin-top:30px}
.nav.nav-tabs > li:hover{background-color:transparent}
.tabbable-custom .nav-tabs li.active{border-top:0 none;margin-top:0;position:relative}
.tabbable-custom > .nav-tabs > li{border-top:0 none;margin-right:0}
.MATab .tabbable-custom .tab-content{margin-top:0}
.MATable > .tab-content{border:none;}
.tabbable-custom .tab-content {
  border: medium none;
}
.status .SingleFormCta,.status .btn{font-size:12px;margin-bottom:7px;background-color:#fff;border-color:#d9d9d9!important;color:#263238!important;margin-bottom:5px;min-width:80px}
.status .SingleFormCta:hover,.status .btn:hover,.status .SingleFormCta:active,.status .btn:active,.status .SingleFormCta:focus,.status .btn:focus{color:#fff!important;background-color:#263238!important}
.dropdown-menu{min-width:150px}
.tbl_mng_odr .tbl_inr_invoice tfoot{border-bottom:medium none}
.status .ThemeBtn{background-color:#f14!important;color:#fff!important;border:1px solid #f14!important}
.status .ThemeBtn:focus,.status .ThemeBtn:hover{background-color:#fff!important;color:#f14!important}
.status .disable{background-color:#ccc!important;border:1px solid #ccc!important}
.status .disable:hover{cursor:not-allowed;background-color:#ccc!important;border:1px solid #ccc!important;color:#fff!important}
.RangArea{border:1px solid #d5d5d5;float:left;padding:20px;width:100%}
.RangArea h2{color:#263238;font-size:26px}
.Balance{float:left;width:100%;margin-bottom:16px}
.Balance span{font-size:16px;}
.Balance h2{display: inline-block;font-size:26px;margin-left:10px;margin-top:0;width:auto}
.Balance p{width:100%;float:left;font-size:13px;color:#666}
.Balance p a{color:#07c;text-decoration:underline;background-color:transparent!important}
.Balance p a:hover{text-decoration:none}
.CurrentBalance{background-color:#07c;min-height:66px;text-align:center;vertical-align:middle;width:100%;float:left;margin-bottom:20px}
.CurrentBalance .CBal{color:#fff;float:left;font-size:16px;margin-top:16px;width:100%}
.CB{float:left;margin-top:5px;padding-right:5px;text-align:right;width:50%}
.CVal{float:left;font-size:22px;text-align:left;width:40%}
.MUserAcc{border:1px solid #d5d5d5;float:left;margin-top:0;margin-bottom:20px;padding:30px 10px 30px;width:100%;text-align:center}
.MUserAcc > a{float:left;font-size:16px;width:100%;margin-top:5px;color:#07c;background-color:transparent!important;word-break:break-all;word-break:break-word;}
.MUserAcc > a:hover{color:#07c;text-decoration:underline}
.MUserAcc > span{float:left;margin-top:20px;width:100%;color:#263238;font-size:13px}
.MUserAcc > label{border:1px solid #f14;color:#f14;font-size:14px;font-family:"Poppins-SemiBold";margin-top:5px;padding:5px 20px}
.Slider{float:left;margin-bottom:20px;margin-top:20px;width:100%}
.PMethod,.PMethodTbl{margin-top:50px;}
.PMethodData td b{font-weight:700;color:#263238}
.FClr,.FClr b{color:#07c!important;font-size:14px!important;font-family:"Poppins-SemiBold"}
.TpBdr{border-top:2px solid #d5d5d5;height:50px}
.OverW,.grid-view form{overflow:auto;width:100%}
.MUserAcc > h2{font-size:26px;word-break: break-word;}
.LastAtd{min-width:220px}
.tbl_mng_odr thead > tr > th,.tbl_mng_odr .tbl_inr_invoice thead tr th,.tbl_mng_odr .tbl_inr_invoice tfoot td{font-family: 'OpenSans-Bold';}
.MemberAreaTab .MInnerTab .nav-tabs > li > a{display:block;padding:10px 13px;min-height:auto;border:none;margin-right:0;border-top:2px solid transparent;font-size:14px;border:1px solid transparent;color:#337ab7}
.MemberAreaTab #profile_area .MInnerTab .nav-tabs > li > a {padding: 10px 8px;}
.MemberAreaTab .MInnerTab .nav-tabs > li{border-top:3px solid transparent;margin-right:2px;margin-bottom:-1px!important;width:auto}
.MemberAreaTab .MInnerTab .nav-tabs > li:hover{border-top:3px solid #ed6b75!important}
.MemberAreaTab .MInnerTab .nav-tabs > li.active > a,.MemberAreaTab .MInnerTab .nav-tabs > li.active > a:hover,.MemberAreaTab .MInnerTab .nav-tabs > li.active > a:focus{color:#555;background-color:#fff;border-top:0 solid #f14!important;cursor:default;border:1px solid #ddd;border-bottom:0}
.MInnerTab .tabbable-custom .nav-tabs li.active{border-top:3px solid #ed6b75!important;margin-top:0;position:relative}
.MInnerTab .portlet-body{margin-top:-3px;border:1px solid #d5d5d5}
@-moz-document url-prefix(){.MInnerTab .portlet-body{margin-top:-2px;}}
.MInnerTab .form-bordered .form-group .control-label{clear:both}
.MInnerTab .form-group .btn-outline{background:rgba(0,0,0,0) none repeat scroll 0 0;border-color:#f14;color:#f14}
.MInnerTab .btn:hover{background:#f14;border-color:#f14;color:#fff}
.MInnerTab .nav > li > a:hover,.MInnerTab .nav > li > a:focus{background-color:#eee!important}
.MInnerTab .nav-tabs > li.active > a,.MInnerTab .nav-tabs > li.active > a:hover,.MInnerTab .nav-tabs > li.active > a:focus{background-color:#fff!important}
.OverW .table .btn{float:left;font-size:12px; color:#263238;border-color:#d9d9d9}
.PaddHeight{float:left;width:100%;height:50px}
.MInnerTab .nav-tabs li:last-child{width:auto!important}
.CtnBtnArea{padding:20px;text-align:center;width:100%}
.CtnBtnArea .CtaBtn{float:none;max-width:500px;width:100%}
.CustmPForm{position:relative}
.CustmPForm .CTABtn{position:absolute;right:0;top:0}
.TopUpdate .btn{background:rgba(0,0,0,0) none repeat scroll 0 0;border-color:#f14;color:#f14;margin-right:0}
.TopUpdate .btn:hover{background:#f14;border-color:#f14;color:#fff}
.CLrLft{clear:left}
.MInnerTab .mng_odr_tabs .gen_details,.MInnerTab .mng_odr_tabs .cont_details,.MInnerTab .mng_odr_tabs .dom_details,.MInnerTab .mng_odr_tabs .certi_details{padding:20px}
.MInnerTab .mng_odr_tabs .gen_details .box .portlet-body{min-height:200px}
.MInnerTab .scroll_tab_inner li{display:inline-block;}
.table tbl_nobdr td,.bold{font-family: 'OpenSans-bold';}
.btn.btn-outline.red{background:rgba(0,0,0,0) none repeat scroll 0 0;border-color:#f14;color:#f14}
.btn.btn-outline.red:hover,.btn.btn-outline.red:active,.btn.btn-outline.red:active:hover,.btn.btn-outline.red:active:focus,.btn.btn-outline.red:focus,.btn.btn-outline.red.active{background-color:#f14;border-color:#f14;color:#fff}
.CstMCode .fa.tooltips {color: #ed6b75;left: 230px;top: 1px;}
#frmforgot .CstMCode .fa.tooltips{color:#ed6b75;left:232px;top:0px}
.CstMCode .field-customerloginform-code .fa.tooltips {top: 30px;}
.FixedBox .note.note-danger {border:1px solid #f14;}
.FixedBox .note.note-danger i.CloseNote {right: 8px;}
.login-form .note.note-danger {border: 1px solid;color: #f14;}
.ValidateBox .note-success .fa-check{min-height: auto;}
.login-form .note-danger .fa-warning {display: inline-block;float: left;margin-right:5px !important;margin-top: 4px;width: 7%}
.CstMCode .input-icon > .form-control {padding-left: 6px;}
.note.note-success {background-color: #e3f9ef;border: 1px solid;}
.note.note-success p{ color: #37ac49 !important;}
.fa.fa-close.CloseNote {right: 8px;top: 0;}
.forget-password:active,.forget-password:focus {color:#07c;}
.amts > span {font-size: 26px;}
.MATable .tbl_mng_odr .heading th:last-child{width:215px;} 
.MATable .tbl_mng_odr .heading th:first-child{width:15px;} 
.RNoTbl first-child:td{text-align:right;}
.btn.btn-outline.grey-mint:hover, .btn.btn-outline.grey-mint:active, .btn.btn-outline.grey-mint:active:hover, .btn.btn-outline.grey-mint:active:focus, .btn.btn-outline.grey-mint:focus, .btn.btn-outline.grey-mint.active {
  background-color: #263238;
  border-color: #263238;
  color: #fff;
}
.btn.btn-outline.blue-hoki:hover, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki.active {
  background-color: #263238;
  border-color: #263238;
  color: #fff;
}
.cta_fluid{width:100%;font-size: 18px;padding: 10px 10px;border: medium none;white-space: normal;font-family: 'OpenSans-Bold';background-color:#f6f6f6;color:#263238;}
#login-form .note-danger .fa.fa-close.CloseNote,
.ValidateBox .note-danger .fa.fa-close.CloseNote,
.FixedBox .note-danger .fa.fa-close.CloseNote,
.LoginBg .LoginBx #login-form .note-success .fa.fa-close.CloseNote,
.ValidateBox .note-success .fa.fa-close.CloseNote,
.FixedBox .note-success .fa.fa-close.CloseNote{display:none;}
.ValidateBox .CodeNote {color: #37ac49;}

#UserProfileForm{margin-top: -1px !important;}
@-moz-document url-prefix() {
#UserProfileForm{margin-top: 0px !important;}
}
.page-dashboard .MInnerTab .portlet-body .form-horizontal .form-body .security_2step {padding: 20px;}
.page-dashboard #tab_303 .portlet-body{border:none !important;}
.tab-content .input-icon > i {left: 370px;}
.field-customer-customer_new_password .input-icon > i {left: 186px;}
#dashboard_area #payment-box,#dashboard_area #supplier-box{margin:20px !important;}
.TTitle.TxtBold {font-family: OpenSans-bold;padding-bottom: 10px;color: #666;}
.txt_danger{color:#ff0000 !important}
.pymnt_optns .Pymtheader h3{float: left;width:65%;text-align: left;font-size: 22px;margin-top:10px;}
.topup_pymnt_methods .font-sm{margin-top: 0; float: left; width: 100%;}
.Pymtheader {float: left;width: 100%;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.Pymtheader img.img-responsive{float: right;max-width: 100px;}
#invoice_area table tr td:nth-child(4) {width: 100px;}
#invoice_area table tr td:nth-child(6) {width: 90px;}
#invoice_area table tr td:nth-child(7) {width: 110px;}
@media (max-width:1024px){.pymnt_optns .Pymtheader h3{width: 62%;font-size: 20px;}
.pymnt_optns .pot_right .cstm_left_tab_data{padding: 10px 40px 20px 30px !important;}}
@media (max-width:767px){
.pymnt_optns .Pymtheader h3{width: 100%; text-align: center; font-size: 20px;}
.Pymtheader img.img-responsive{float: none; margin: 0 auto;}
}
/* New Phone Number css */

.field-customerdetails-customer_mobile_number .fa.tooltips.fa-warning {margin-top: 55px !important;}
#formTSOne .modal-body .input-group-phone .input-group-addon .fa.tooltips.fa-warning {margin-top: 55px;}
#tab_404 .password-verdict,.progress {float: left;width: 100%;}
#tab_404 .password-strength .form-control {width: 385px;}
#tab_404 .field-customer-customer_new_password .input-icon > i {left: 370px;}

.addrs_box{font-size: 13px;margin-bottom: 20px;}
.addrs_box .border,.addrs_add_box .border{border: 1px solid #efefef;}
.addrs_box .addrs_content{padding: 5px 15px;background: #f7f7f7;height: 180px;cursor: pointer;word-wrap: break-word;word-break: break-word;}
.addrs_box.active:before,.addrs_box.active:after
{display: inline-block;width: 20px;height: 20px;position: absolute;right: 15px;top: 0;}
.addrs_box.active:after{font-family: FontAwesome;content:'\f00c';color: #fff;right: 12px;}
.addrs_box.active:before{content:'';border-right: 15px solid #4ab942;border-bottom: 15px solid transparent;border-left: 15px solid transparent;border-top: 15px solid #4ab942;}
.addrs_box.active .addrs_content{background: #e9f3f9;}                    
.addrs_box .addrs_content h5{font-size: 13px;}
.addrs_box .addrs_control{text-align: center;margin-top: -1px;}
.addrs_box .addrs_control ul{padding: 0;margin-bottom: 0;padding: 5px;}
.addrs_box .addrs_control ul li{list-style: none;display: inline-block;margin: 0 3px;}
.addrs_box .addrs_control ul li a{color: #525e64;font-size: 18px;padding: 5px;}
.addrs_box .addrs_control ul li a:hover{color: #282828;}
.addrs_add_box{text-align: center;margin-bottom: 20px;}
.addrs_add_box .addrs_content_add{height: 180px;}
.addrs_add_box .addrs_content_add.border{border-style: dashed;background: #F5F8FD;}
.addrs_add_box .addrs_content_add .plus{color: #d5d3d3;}
.plus img {padding:35px 0 20px 0;}
.Add_Adr{padding-bottom: 24px;font-family: 'OpenSans-Semibold';color:#333;text-decoration: none;}
.addrs_content:hover,.addrs_content_add:hover{background-color:#E9F3F9;}
.addrs_add_box a:hover{text-decoration: none;}
.addrs_box .tooltip-inner{max-width:300px;word-wrap: break-word;word-break: break-word;}
.MInnerTab #UserProfileForm .portlet-body,.MInnerTab #OrdertrackingForm1 .portlet-body {margin-top: -2px;}
@-moz-document url-prefix() { .MInnerTab #UserProfileForm .portlet-body,.MInnerTab #OrdertrackingForm1 .portlet-body {margin-top: -1px;}}
.pymnt_optns p.font-sm {margin: 0; display: inline-block;}
/*========================= Search Order - Update / View Authentication css =================================================*/
.ValidateAuthMethd .mt-radio-list {display: inline;}
.ValidateAuthMethd .mt-radio {display: inline-block; margin: 15px 15px 15px 0px; padding-left: 25px;}
.ValidateAuthMethd .note.note-info {margin-bottom: 0px;}
.ValidateAuthMethd .ChngAuthOptn{padding: 0 0 7px 0px; margin-bottom: 18px; border-bottom: 1px solid #d5d5d5;}
.ValidateAuthMethd .form .form-bordered .form-group>div.additional_san{padding:30px 0 23px;}
.ValidateAuthMethd td.text-right {border-right: 1px solid #efefef; padding-top: 28px !important;}
.ValidateAuthMethd .tbl_add_san table td {padding-top: 22px;}
.padd_brw{word-wrap: break-word; padding-left: 18px;}
.page-view-order .MATab .note span {float: none;}
.Cmd-Sym-methd #approverEmailMethod, .Cmd-Sym-methd #fileBasedMethod, .Cmd-Sym-methd #cnameBasedMethod {padding: 0 20px 0 20px;}
.Cmd-Sym-methd .AuthOptions .AuthOptions {padding:30px 0 0 0;}
@media (max-width:1024px){.ValidateAuthMethd .mt-radio {font-size: 13px;} .ValidateAuthMethd .ChngAuthOptn{padding-left: 0;}}
@media (max-width:768px){.ValidateAuthMethd .mt-radio {width: 100%; font-size: 14px; margin-top: 0;}}

/* ============================================================================================================
 Update / View New Design - CNAME
============================================================================================================ */
/*File Based Authentication*/
.Upd_View_Sclt {padding: 20px;}
.Upd_View_Sclt .View_Auth {display: inline-block; width: 100%; background: #f2f2f2; padding: 0 25px 25px 25px; margin-bottom: 20px; border: 1px solid #efefef;} 
.Upd_View_Sclt .Sclt_Auth_Lbl {border-top: 1px solid #fff;}
.Upd_View_Sclt .Sclt_Auth_Lbl label {background: #2378bb; color: #fff; padding: 10px 25px; margin-left: -25px; font-size: 18px;}
.Upd_View_Sclt .Dwnld_Auth {background: #fff; padding: 25px; margin-top: 20px;}
.Upd_View_Sclt .Dwnld_Auth p {margin: 0;}
.Upd_View_Sclt .AuthDownld {padding-left: 5px; font-family: 'OpenSans-SemiBold';}
.Upd_View_Sclt .btn_dwnld {border: 1px solid #c1c1c1; padding: 5px 10px; margin-top: 20px; display: inline-block;}
.Upd_View_Sclt .Desc_MethAuth {display: inline-block; width: 100%; padding-right: 220px; position: relative;} 
.Upd_View_Sclt .Desc_MethAuth:before{background: url(../images/file-based-method.png) no-repeat; content: ""; width: 128px; height: 163px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.Upd_View_Sclt .Desc_MethAuth .step1, .Upd_View_Sclt .Desc_MethAuth .step2, .Upd_View_Sclt .Desc_MethAuth .step3{display: inline-block; width: 100%; margin: 0; border-bottom: 1px solid #e3e3e3; position: relative;}
.Upd_View_Sclt .Desc_MethAuth .step1{padding: 15px 200px 15px 40px;}
.Upd_View_Sclt .Desc_MethAuth .step2{padding: 15px 200px 15px 40px;}
.Upd_View_Sclt .Desc_MethAuth .step3{padding: 15px 10px 15px 40px; border-bottom: none;}
.Upd_View_Sclt .Desc_MethAuth .step1:before, .Upd_View_Sclt .Desc_MethAuth .step2:before, .Upd_View_Sclt .Desc_MethAuth .step3:before{content: "1"; height: 30px; width: 30px; color: #fff; left: 0; top: 50%; position: absolute; background: #2378bb; border-radius: 100%; transform: translateY(-50%); padding: 4px 0 0 11px; font-size: 16px;}
.Upd_View_Sclt .Desc_MethAuth .step2:before{content: "2";}
.Upd_View_Sclt .Desc_MethAuth .step3:before{content: "3";}
/*DNS Based Authentication*/
.Upd_View_Sclt .fba_fldr {background: #fdedbc; width: 170px; padding: 5px 0px 5px 50px; position: absolute; right: 0px; top: 10px; font-size: 16px;}
.Upd_View_Sclt .fba_fldr:before{background: url(../images/file-based-folder.png) no-repeat; width: 31px; height: 23px; position: absolute; left: 10px; content: "";}
.Upd_View_Sclt .step2 .fba_fldr{top: 50%; transform: translateY(-50%);}
.Upd_View_Sclt .URL_AUth {background: #fdedbc; padding: 10px 10px 10px 15px; margin: 0; word-wrap: break-word;}
.update_padd{padding: 30px;}
.Upd_View_Sclt .Desc_DNSMethAuth:before {top: 100px;}
.Upd_View_Sclt .Desc_MethAuth .stepDNS {padding: 15px 20px 15px 50px;}
.Upd_View_Sclt .Desc_DNSMethAuth p {padding-left: 50px;}
.Upd_View_Sclt .Desc_DNSMethAuth .Dwnld_Auth p {padding-left: 0;}
.Upd_View_Sclt .Desc_DNSMethAuth .URL_AUth {padding-left: 15px !important;}
/*Automated Approver E-Mail*/
.Upd_View_Sclt .Desc_eml{padding: 20px 0 0 0;}
.Upd_View_Sclt .Desc_eml .step1 {border-bottom: none;}
.Upd_View_Sclt .Desc_eml:before{display: none;}
.Upd_View_Sclt .Desc_eml:after{background: url(../images/email-based-icon.png) no-repeat; width: 89px; height: 45px; position: absolute; right:40px; top: 25px; content: "";}
.Cmd-Sym-methd .changeValidationMethod .mt-checkbox {margin-left: 20px; padding-right: 25px;}
@media(max-width:1024px){
.Upd_View_Sclt .Desc_MethAuth:before{display: none}
.Upd_View_Sclt .Desc_MethAuth{padding-right: 0;}
#payment_content .tab-pane form .CtaBtn{font-size: 12px !important}
}
@media (max-width:767px){
.Upd_View_Sclt .View_Auth{padding: 0 10px 20px 10px;}
.Upd_View_Sclt .Desc_eml:after{display: none;}
.Upd_View_Sclt .Sclt_Auth_Lbl{margin-left: -15px; margin-right: -15px;}
.Upd_View_Sclt .Sclt_Auth_Lbl label{padding: 10px; font-size: 15px;margin-left: 5px; margin-bottom: 0;}
.Upd_View_Sclt .Desc_MethAuth .step1, .Upd_View_Sclt .Desc_MethAuth .step2, .Upd_View_Sclt .Desc_MethAuth .step3{padding: 10px 0;}
.Upd_View_Sclt .Dwnld_Auth{padding: 15px;}
.Upd_View_Sclt .Desc_MethAuth .step1:before, .Upd_View_Sclt .Desc_MethAuth .step2:before, .Upd_View_Sclt .Desc_MethAuth .step3:before{display: none;}    
.Upd_View_Sclt .fba_fldr {display: block; top: 5px; left: 0; position: relative;}
.Upd_View_Sclt .step2 .fba_fldr{top: 5px; left: 5px; transform: none;}
.Upd_View_Sclt .Desc_DNSMethAuth p {padding-left: 10px;}     
}
@media (max-width:590px) and (min-width:560px){
.Upd_View_Sclt .Sclt_Auth_Lbl label {padding: 10px 40px 10px 10px;}
}
@media (max-width:559px){
.Upd_View_Sclt .Sclt_Auth_Lbl label {padding: 10px;}
.Upd_View_Sclt .View_Auth{margin-bottom: 0;}
}
/*=========================  Sign Up Button  =====================================================*/
.social_icon {margin-top: 15px;}
.social_icon ul {text-align: center; padding: 0;}
.social_icon ul li {list-style: none; display: inline-block; margin-right: 8px; border: 1px solid #e4ecf3;}
.social_icon ul li:last-child {margin: 0;}
.social_icon ul li a{padding: 12px 14px; text-transform: uppercase; border-radius: 5px!important; color: #666666; font-family: 'OpenSans-Semibold'; display: inline-block;}
.social_icon ul li img {margin-right: 10px;}
.social_icon ul li a:hover {text-decoration: none;}
@media screen and  (max-width: 1200px){
.social_icon ul {padding:0; margin:0;}    
.social_icon ul li {display: block; margin-bottom: 10px; margin-right: 0;}    
.social_icon ul li a {display: block;}    
}
@media screen and (max-width: 1024px){
.social_icon ul {padding:0; margin:0;}    
.social_icon ul li {display: block; margin-bottom: 10px; margin-right: 0;}    
.social_icon ul li a {display: block;} 
.Pymtheader img.img-responsive{display: none}
.pymnt_optns .Pymtheader h3{width: 100%;}
}
@media screen and (max-width: 1000px) {
.social_icon ul {padding:0; margin:0;}    
.social_icon ul li {display: block; margin-bottom: 10px; margin-right: 0;}    
.social_icon ul li a {display: block;}    
}
@media screen and (max-width: 736px) {
.social_icon ul {padding:0; margin:0;}    
.social_icon ul li {display: block; margin-bottom: 10px; margin-right: 0;}    
.social_icon ul li a {display: block;} 
.pymnt_optns .pot_right .cstm_left_tab_data{padding: 10px !important}
#payment_content .tab-pane form .CtaBtn{font-size: 11px !important}
}
/*=========================  Alternative Login  =====================================================*/
.Acc_Link .Acc_Link_bdr {border-top: 1px solid #eee; padding: 20px 0; margin-top: 20px;}
.Acc_Link .Acc_Link_bdr .form-group{float: left; width: 100%; overflow: hidden; padding: 0 10px;}
.Acc_Link .Acc_Link_bdr .form-group > div{float:right; width:57%; overflow: hidden;}
.Acc_Link .Acc_Link_bdr .form-group .RadioBtn .btn-group .btn {min-width: 75px; padding: 2px; color: #dedede; border: 2px solid #dedede; font-weight: 600;}
.Acc_Link .Acc_Link_bdr .form-group .RadioBtn .btn-group .btn.blue.active {background-color: #3598fc; color: #fff;}
.Acc_Link .PaddTop {float: right;}
.Acc_Link .PaddTop img {padding-top: 50px;}
.Deac_social{margin-top: 0;}
.Deac_social ul{text-align: left;margin-bottom:0;}
.CstmPoPup .RadioBtn {display: inline-block;text-align: center;width: 100%;}
.CstmPoPup .RadioBtn .btn {padding: 5px 50px;}
.PaddTop{float: right;}
.Acc_Link_Btn div .ClrBtn, .Acc_Link_Btn div .CtaBtn{min-width:100%;font-size: 16px !important;}
.auth_btn div .ClrBtn, .auth_btn div .CtaBtn{min-width: 180px; font-size: 16px;}
.social p {text-align: center; border-top: 1px solid #e4ecf3; padding-top: 10px; margin-top: 10px;}
.Rcvr_Pass {display: block; text-align: center; padding-top: 60px;}
#socialConfirmModal {top: -50%; transform: translateY(50%);}
#socialConfirmModal .CstmPoPup {max-width: 650px !important;}
.SignIn .modal-header {border-bottom: none;}
.SignIn .modal-footer {border-top: none;}
.modal .modal-content .close {right: 0; margin-top: -15px !important; padding: 25px; width: 30px; height: 30px; position: absolute;}
#accountLink .note.note-warning.border {border: 1px solid #fdb60a !important;}
#accountLink .note.note-warning.border i {color: #c29d0b;}
#accountLink .note-warning .fa-warning{display: inline-block;float: left;margin-right: 10px;margin-top: 4px;min-height: 40px;}
#accountLink .note.note-warning {background-color: #fcf9cf;color: #c29d0b;}
.ValidateBox .Padd10 {padding-top: 10px;padding-bottom: 10px;}
.Acc_Link_Btn [class*="col-"] {margin-bottom: 10px;}
.modal .modal-content .close{background-position: center !important;}
.LoginBx .note span {float: right;width: calc(98% - 20px);}
.note span {float: right;width: calc(98% - 15px);}
.note i{width: 10px;}
.note{float: left;width: 100%;}
#socialConfirmModal{margin-top: 50px;}
p.TxtBold.CodeNote{margin-bottom: 10px;}
.FixedBox .note.note-danger i, .FixedBox .note.note-success i{margin-bottom: 0; min-height: 20px;}
.MATab .note span{width: calc(98% - 15px);}
#auth-form br{display: none;}
#login-form .note.note-warning.border {border: 1px solid #fdb60a !important;}
#login-form .note.note-warning {background-color: #fcf9cf;  color: #c29d0b;}
.Acc_Link_Btn .G_Acc_Btn, .Acc_Link_Btn .G_Acc_R_Btn{float: left; padding: 0 10px;}
.Acc_Link_Btn .G_Acc_Btn {width: 30%;}
.Acc_Link_Btn .G_Acc_R_Btn{width: 40%;}
@media (max-width:1024px){
.Acc_Link_Btn div .ClrBtn, .Acc_Link_Btn div .CtaBtn{padding: 10px 0;}
}
@media (max-width: 767px){
.Acc_Link .Acc_Link_bdr .form-group > div{width:100%; padding: 0;}
.Acc_Link .PaddTop img,#auth-form .ValidateBox img,.MbImg img,.SMbImg img,.PswdReset .PaddTop img {display: none;}
#auth-form button#auth,.FixedBox .ClrBtn {margin-bottom: 10px;}
.Acc_Link_Btn .col-sm-5 a.ClrBtn.btn{margin-bottom:0}
.FixedBox .ClrBtn,.FixedBox .CtaBtn{max-width:100%;}
}
@media (max-width:700px){.Acc_Link_Btn .G_Acc_Btn, .Acc_Link_Btn .G_Acc_R_Btn{width: 100%;}}
/*========  End Alternative Login  =====================*/
.margin-top-10{margin-top: 10px;}
.TwoStepModal .control-label.col-sm-3.col-md-4.col-lg-4{margin-bottom: 7px;text-align: left !important;padding-left: 0;color: #666;width: 180px;font-size: 15px;padding-bottom:0}
.TwoStepModal .col-sm-9.col-lg-8.col-md-8.NewPhoneNumber,
.TwoStepModal .col-sm-9.col-lg-8.col-md-8.input-icon{clear: both;padding-left: 0;width: 100%;}
.TwoStepModal .NewPhoneVal .input-group-addon.only-text.phn_chk{padding: 6px 11px;}
.TwoStepModal .NewPhoneVal .input-group-addon .fa-sun-o {font-size: 16px;height: 100%;width: 100%}
.TwoStepModal .form-group{float:left;width: 100%;}
.TwoStepModal .modal-footer{border-top: none;padding-bottom: 35px;}
.TwoStepModal .form-body .form-group{float: left;width: 75%;margin-bottom:30px;}
.MbImg img{margin-top: 25px;}
.TwoStepModal .modal-footer .btn{font-family: 'OpenSans-Bold'; border: medium none;}
.Top-0{margin-top: 0;}
.Padd-0{padding-top: 0!important;}
.MATab .CstmPoPup{max-width: 680px !important}
.TwoStepModal .modal-body {padding: 0 10px 30px;}
.TwoStepModal .Padd-0 .form-group .input-icon input{width: 270px !important}
.TwoStepModal .help-block{font-size: 15px;}
.TwoStepModal i.fa.fa-warning.fa-times.txt_danger{color: #ff0000 !important}
.tab-pane .card_type .mt-radio > img {max-width: 60px; margin-top: -8px;}
.TwoStepModal span.text-center.twostep-help{display: inline-block;margin-bottom: 30px;font-size: 15px;color: #666;}
.TwoStepModal .form-group.field-customer-customer_ts_otp.required, .TwoStepModal span.required.form-group {margin-bottom: 0;}
.TwoStepModal span.required.form-group{width:74%;margin-bottom:40px;position: relative}
span.required.form-group{margin-bottom: 50px;}
#auth-form .col-sm-12.Padd10 p:last-child{margin-bottom: 10px;}
.CstmPoPup .TwoStepModal p{line-height: 1.6}
.CstMCode .control-label{font-size: 15px;}
.TwoStepModal .NewPhoneNumber .NewPhoneVal .phn_verify_btn .btn  {width:auto}
.TwoStepModal #error .note-danger .fa.fa-warning,.TwoStepModal #error .note-success .fa.fa-check{width: 15px;}
.TwoStepModal .SMbImg img{margin-top:-18px;}
.TwoStepModal i.fa.fa-check.txt_green.fa-warning {color: #f14 !important;}
/*.field-customerloginform-code .tooltip.top {width: 190px !important;top538: 7px !important;left: 152px !important;}
.field-customerloginform-password .tooltip.top {width: 150px !important;top: -22px !important;left: 174px !important;}
.field-customerloginform-email .tooltip.top {width: 150px !important;top: -40px !important;left: 174px !important;}*/
.TwoStepModal .LeftBdrNone .NewPhoneNumber .NewPhoneVal {max-width: 400px;}
.TwoStepModal .LeftBdrNone .phn_400 {width: 100%;max-width: 362px;}
.HeadBanner #auth-form .ValidateBox .col-lg-6.col-md-6.col-sm-6.text-center img{margin-left: 95px;}
#formTSTwo .Padd-0 .field-customer-customer_ts_otp i.fa.tooltips.fa-warning {margin-top: 20px;position: absolute;left: 246px;font-size: 16px;z-index: 9;top: 19px;color: #ff0000;}
#formTSTwo .Padd-0 .form-group.field-customer-customer_ts_otp.required.has-error {position: relative;}
.FixedBox .ClrBtn {font-family: 'OpenSans-Bold';}
.ChangeNumber .btn-outline {background: #fff !important;color: #f14!important;border-color: #f14 !important;padding: 6px 21px}
.ChangeNumber .btn-outline:hover, .ChangeNumber .btn-outline:active, .ChangeNumber .btn-outline:focus {color: #fff !important;background: #f14 !important;border-color: #f14;}
.HeadBanner .PswdReset .PaddTop img {padding-top: 55px;}
.FixedBox .note.note-danger i, .FixedBox .note.note-success i{margin-top: 3px;}
.billingAddressTable .heading-2 td:first-child,.billingAddressTable_1 .heading-2 td:first-child {width: 34%;}
@media (max-width:1024px){#billing_area .cstm_left_tab > li > a {padding: 15px 10px 15px 20px;}}
/*=========================  App Email  =====================================================*/
.changeValidationMethod {margin-top: 20px;}
#UpdateApproverForm td.text-right {padding-top: 20px; border-right: 1px solid #e7ecf1;}
.ApproverView {margin-top: 25px}
.ApproverView .mt-radio-list {padding:0;}
.AuthDownld {font-family: 'OpenSans-Bold';}
.AuthOptions {padding:30px 20px 20px;}
.AuthOptions .padd_bbtm b {padding-top: 15px;}
#approverEmailMethod .note p:last-child {padding-top: 15px;}
#approverEmailMethod .MCNote .note p:last-child {padding-top:0;}
.AuthOptions .note {float: none;}
.text_bold {font-size: 15px; font-family: "OpenSans-Semibold";
margin-bottom: 20px; background: #ddd; max-width: 500px; margin: 0 auto 20px; padding: 7px;}
.text_bold label {margin-bottom: 0;}
.text_bold label:first-child {font-family: "Open Sans";}
.padd_bbtm {padding-bottom: 15px;}
.padd_bbtm b {font-family: "OpenSans-Semibold"; word-break: break-all; display: inline-block;}
.changeValidationMethod .mt-checkbox {font-size: 14px;}
.SwitchBtn.CTABtn.cntr {padding-left: 15px !important; text-align: center;}
.ApproverView.AFleft{margin-top: 70px;}
#domain_details .orderDetails{border: 1px solid #efefef}
#domain_details .note.note-warning.page-desription-top{float: none;}
@media (max-width: 1024px){
.changeValidationMethod .mt-checkbox{margin-left:10px; padding: 0 10px 0 30px;}
.edit_bill_addr > a > div{margin-bottom: 45px}}
@media (max-width: 991px){.flview .MInnerTab {float: left; width: 100%;}}
.Ropacity{opacity: 0.7;pointer-events: none;margin-bottom: 10px}
.Ropacity .RopacitySub{font-size: 13px;margin-left: 30px;}
.Ropacity .mt-radio{margin-bottom: 0;}

#Features .note.note-warning.border {border-left: 1px solid #fdb60a;background-color: #fcf9cf;}
#Features .note.note-warning.border span{float: right;width: 98%;color: #fdb60a}
#Features .note.note-warning.border i{color: #fdb60a}
@media (max-width: 768px){
#Features .note.note-warning.border span{width: 96%;} 
.DashBack {width: 100%;height: 20px;}
}
@media (max-width: 680px){
#Features .note.note-warning.border span{width: 94%;}  
.certi_status .tbl_nobdr td.bold,.pymnt_status .tbl_nobdr td.bold,.odr_status .tbl_nobdr td.bold,.prod_status .tbl_nobdr td.bold{width: 50%;}
}
@media (max-width: 480px){
#Features .note.note-warning.border span{width: 90%;} 
.DashBack {height: 30px;}
}
@media (max-width: 350px){
.DashBack {height: 50px;}
}
.fnt20{font-size: 18px !important}
/*=========================  Media Query  =====================================================*/
@media (max-width: 1200px){
.login-form{display:table;margin:0 auto}
.col-lg-offset-1{margin-left:0%;}
.FLeft {margin-top: 30px;}
.Sectext {padding-bottom: 0;}
.login-form .fa.fa-warning.tooltips {left: 230px;}
.login-form{display:table;margin:0 auto}
.field-customerdetails-customer_mobile_number .fa.tooltips.fa-warning {left :350px !important}
.field-customerdetails-customer_mobile_number .input-group-phone .input-group-addon .fa.tooltips.fa-warning {left: 350px !important;}
.MATab .note span {width: calc(97% - 0px);}
.MATab #error .note.note-success span {width: calc(95% - 0px);}
.MATab .modal-body #error .note.note-danger span{width: calc(95% - 0px);}
}
@media (max-width: 1024px){
.CurrentBalance {min-height: 85px;}
.CurrentBalance .CBal {font-size: 14px;margin-top: 27px;}
.CVal {font-size: 22px;}
.status .SingleFormCta, .status .btn {min-width: 75px;}
.tab-content .input-large {width: 100% !important;}
.NewPhoneNumber .input-larger {max-width: 280px;}
.page-title {font-size: 23px;}
.Box,.BoxF,.BoxS,.BoxT{padding-left:100px;}
.Features p{min-height: 60px;}
.MATab .note span {width: calc(97% - 0px);}
.MATab .modal-body #error .note.note-success span,
.MATab .modal-body #error .note.note-danger span{width: calc(97% - 15px);}
.field-customerdetails-customer_social .social_icon ul li{width: 125px;}
}
@media (max-width: 1000px){	
.field-customerdetails-customer_mobile_number .input-group-phone .input-group-addon .fa.tooltips.fa-warning {left: 360px !important;}
.NavMenu{ display:none;}
.TopRightBtn {padding-bottom: 12px;}
.FixedBox .col-md-offset-3 {text-align: center; width: 100%;}
}
@media (max-width: 991px){
.page-title {margin-top: 45px;}
.MemberAreaTab .portlet-body {padding: 20px !important;}
.CurrentBalance {margin-top:20px;}
.MInnerTab {margin-top: 20px;}
.MInnerTab .tabbable-custom .nav-tabs  a {background: transparent none repeat scroll 0 0;}
.MInnerTab .portlet-body {margin-top: -2px !important;padding: 0 !important;}
@-moz-document url-prefix(){.MInnerTab .portlet-body {margin-top: -1px !important;}}
.CustmPForm .CTABtn {right: 10px;top: 15px;}
.MInnerTab .portlet.box > .portlet-body {padding: 15px !important;}
.MemberAreaTab .MInnerTab .nav-tabs > li > a{padding:10.5px 13px;}
/*.FixedBox .col-lg-6.col-md-6.col-sm-6 {width: 100%;text-align: center;}*/
}
@media (max-width: 768px){	
.CountryName{left:78%}
.LSide,.RSide{min-height:253px}
.r-tabs-anchor{display:block}
.nav.nav-tabs.r-tabs-nav{display:none}
.r-tabs-anchor{border:1px solid #d5d5d5;padding:17px 20px 17px 80px !important;color:#263238;font-family:'Poppins';margin-top:-1px;position:relative}
.tab-content a:focus{color:#263238}
.r-tabs-anchor:hover,.r-tabs-state-active>a{background:#ECF7FF;color:#263238}
.page-member-area .Middle > .container > .row > .col-md-12{padding:0;}
.MemberAreaTab{padding:35px 10px;}
.MemberAreaTab .portlet-body{border:1px solid #d5d5d5;margin-top:-1px;padding:20px}
.MemberAreaTab .CTab0 .r-tabs-anchor::before{background:rgba(0,0,0,0) url(../images/memberarea.png) no-repeat scroll 0 -83px;content:"";display:inline-block;height:42px;left:10px;margin-left:0;position:absolute;top:5px;width:52px}
.MemberAreaTab .CTab1 .r-tabs-anchor::before{background:rgba(0,0,0,0) url(../images/memberarea.png) no-repeat scroll -54px -83px;content:"";display:inline-block;height:42px;left:10px;margin-left:0;position:absolute;top:5px;width:52px}
.MemberAreaTab .CTab2 .r-tabs-anchor::before{background:rgba(0,0,0,0) url(../images/memberarea.png) no-repeat scroll -105px -83px;content:"";display:inline-block;height:42px;left:10px;margin-left:0;position:absolute;top:5px;width:52px}
.MemberAreaTab .CTab3 .r-tabs-anchor::before{background:rgba(0,0,0,0) url(../images/memberarea.png) no-repeat scroll -152px -83px;content:"";display:inline-block;height:42px;left:10px;margin-left:0;position:absolute;top:5px;width:52px}
.MemberAreaTab .CTab4 .r-tabs-anchor::before{background:rgba(0,0,0,0) url(../images/memberarea.png) no-repeat scroll -200px -83px;content:"";display:inline-block;height:44px;left:10px;margin-left:0;position:absolute;top:5px;width:52px}
.addrs_add_box .addrs_content_add{height: 150px;}  
.Features p{min-height:auto;}
.MATab .note span {width: 95%;}
.CstmPoPup .portlet-body {border: none;}
.MATable .note {float: none;width: 100%;min-height: 52px;}
#socialConfirmModal {transform: translateY(56%);}
.FixedBox .col-lg-6.col-md-6.col-sm-6.M-Btm .ClrBtn{max-width:270px;}
.modal-content #formTSTwo .Padd-0 #error .note.note-danger{float: left;}
.modal-content #formTSTwo .Padd-0 #error .note.note-danger i{height: auto}
}
@media (max-width: 768px) and (min-width: 640px){
.CstmArea .set .form-control.input-medium {width: 200px !important;}
.CstmArea .form-group.field-customer-search_order{margin-bottom: -40px;}
}
@media (max-width: 767px){		
table td hr{margin:0}
.FixedBox {width: 100%;}
.CTABtn button.ClrBtn{margin-bottom:10px;}
.FixedBox {padding: 6% 4%;}
.Features {border-left: none;margin-bottom: 20px;}
/*.MemberAreaTab .MInnerTab .nav-tabs > li,.MInnerTab .nav-tabs li:last-child{width: 100% !important;}*/
.form .form-bordered .form-group .control-label {padding-top: 15px;}
.form .form-bordered .form-group {padding-bottom: 10px;}
.form .form-bordered .form-group > div {padding: 10px 10px 20px 20px;border-left:0 !important;}
.TagLine {padding-top: 25px;}
.HeadBanner {background: repeat scroll center calc(100% + 0px) / 100% 100%;}
.login-form{width: 330px;}
.login-form .CtaBtn{min-width:100%;}
.login-form .fa.fa-warning.tooltips {left: 220px;}
.MATable .tab-content .r-tabs-accordion-title,.MATable .tab-content{position:relative;}
.MATable .tab-content .r-tabs-accordion-title:before{content:"\f107";display:inline-block;height:5px;right:10px;position:absolute;top:50%;width:15px;display: inline-block;font-family: FontAwesome;z-index:9;margin-top:-10px;}

.MATable .tab-content .r-tabs-accordion-title.r-tabs-state-active{position:relative;}
.MATable .tab-content .r-tabs-accordion-title.r-tabs-state-active:before{content:"\f106";display:inline-block;height:5px;right:10px;position:absolute;top:50%;width:15px;display: inline-block;font-family: FontAwesome;z-index:9;margin-top:-10px;}
.noUi-primary.margin-bottom-40.noUi-target.noUi-ltr.noUi-horizontal.noUi-background {margin-left: 4%;width: 93%;}
.MInnerTab td.bold {word-break: break-all;}
.field-customerdetails-customer_mobile_number .input-group-phone .input-group-addon .fa.tooltips.fa-warning {left: inherit !important;}
.instantOrderarea {padding: 20px 20px 0;}
.instantOrderarea .logoutLink {display: inline-block;margin-top: 10px !important;}
.addrs_box .addrs_content{height: 150px;}
.form-actions .Rcvr_Pass{padding-top: 15px;}
.social_icon ul li{width: 125px;}
#login-form .social_icon ul li{width: auto;}
.modal-body .col-sm-9.col-lg-8.col-md-8.input-icon{margin: 0px auto;display: table;margin-top: 5px;}
.TwoStepModal .modal-footer .btn{max-width: 100%;}
.TwoStepModal .modal-footer .btn:first-child{margin-bottom: 10px}
.TwoStepModal .modal-footer .MLeft .ClrBtn{margin-left:0;}
.TwoStepModal .NewPhoneNumber .NewPhoneVal .phn_verify_btn .btn {width: 100%;}
.TwoStepModal #error .note-danger .fa.fa-warning,.TwoStepModal #error .note-success .fa.fa-check{height: 60px;}
.FixedBox .col-md-offset-3 .ClrBtn{max-width:270px;}
#frmforgot .ValidateBox .col-lg-6 img{display: none}
}

@media (max-width: 680px){
a.BacktDash {right: 10px;}
.page-title{font-size: 20px;}
.RangArea h2{ font-size:20px;line-height: 25px;margin-top:0;}
.amts > span{font-size: 20px;}
.MemberAreaTab .portlet-body {padding: 10px !important;}
.MInnerTab .portlet-body {padding: 0 !important;}
.RangArea{padding: 10px;}
.CurrentBalance{min-height:70px}
.CurrentBalance .CBal{margin-top:20px}
.CVal{font-size:17px}
.CB{margin-top:0;padding-left:13px;text-align:left;width:60%;font-size:16px;}
.form .form-bordered .form-group > div{border-left:medium none !important;padding:10px}
.form .form-bordered .form-group .CTABtn{padding:0 0 10px 10px}
.FixedBox .CtaBtn{font-size:18px!important}
.TopUpdate .btn{margin-right:0;overflow:hidden;padding:4px 16px 4px 0;text-indent:100%;white-space:nowrap;width:20px}
.MInnerTab .mng_odr_tabs .gen_details,.MInnerTab .mng_odr_tabs .cont_details,.MInnerTab .mng_odr_tabs .dom_details,.MInnerTab .mng_odr_tabs .certi_details{padding:0}
.MInnerTab .portlet.box > .portlet-body{padding:5px!important}
.mng_odr_tabs .box table tr > td{padding:3px 0 3px 3px}
.MInnerTab table td,.MInnerTab .table th{font-size:13px}
/*.field-customer-customer_new_password .input-icon > i{left: 176px !important;}*/
.modal-body .input-group-phone .prefix{width:30%;}
.field-customerdetails-customer_mobile_number .fa.tooltips.fa-warning {left:333px !important;margin-top:100px !important}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {padding: 4px 10px 8px 6px}
.field-customer-customer_ts_mobile .input-group-phone .prefix {margin-bottom: 0 !important}
.ContentArea{padding: 40px 0 40px 0;}
.ContentArea h1{font-size: 22px;line-height: 30px;}
#socialConfirmModal {transform: translateY(30%);}
.readOnlyText {width: 100% !important;}
.TwoStepModal .form-body .form-group{width: 100%;margin-bottom: 10px;}
.TwoStepModal .col-sm-9.col-lg-8.col-md-8.NewPhoneNumber{padding-right:0}
.TwoStepModal .form-body.LeftBdrNone.Padd-0 {padding-bottom: 0;}
.TwoStepModal .MbImg img {margin-bottom: -20px;}
.TwoStepModal span.required.form-group {width: 100%;}
.col-sm-9.col-lg-8.col-md-8.input-icon {padding-right: 0;}
.MInnerTab .col-sm-9.col-lg-8.col-md-8.input-icon {padding-right:10px;}
}
@media (max-width: 640px){
.CstmArea .form-group.field-customer-search_order {width: 100%; position: relative; top: 45px;}
.CstmArea .form-group.field-customer-search_order div {padding-left:0;}
.CstmArea .set {margin-top: 5px; position: relative; bottom: 45px;}
.CstmArea .input-group-btn{top: 45px;}
}
@media (max-width:600px){
.MATab .note span{width: 94%}
}
@media (max-width: 500px){
.billingPhone .NewPhoneVal .input-group-addon i {top: -25px;}
}
@media (max-width: 545px){.TwoStepModal .SMbImg img {margin-top: -10px;}
.TwoStepModal #error .note-success .fa.fa-check {height: auto;}
.modal-body #error .note.note-success {float: left;width: 100%;min-height: auto;}
.MATab .modal-body #error .note.note-success span{width: calc(96% - 15px);}
.MATab .modal-body #error .note.note-danger span{width: calc(94% - 15px);}
}
@media (max-width: 469px){
.field-customer-customer_new_password .input-icon > i {left: auto; right:15px;}
.field-customerdetails-customer_mobile_number .fa.tooltips.fa-warning {left:inherit !important}
}

@media (max-width: 480px){
.SubTagLine{font-size:18px}
.Features{float:left;border-left: none;}
.MInnerTab table td,.MInnerTab .table th{font-size:12px}
.mng_odr_tabs td{float:left;width:100%!important}
.mng_odr_tabs tr{border-bottom:1px solid #d5d5d5;float:left;width:100%}
.cont_details tr{border-bottom:none;}
.page-title {font-size: 17px;line-height: 26px;}
.btn.pull-right, .btn-group.pull-right {margin: 0 0 0 5px !important;}
.CtnBtnArea {padding: 10px 0;}
.Balance h2{margin-left:0;}
.login-form .fa.fa-warning.tooltips {left: 250px;}
.login-form {width: 290px;}
.login-form .fa.fa-warning.tooltips {left: 180px;}
.pagination-sm > li > a, .pagination-sm > li > span {font-size: 9px;}
.PCount .pagination-sm > li > a {margin-left: 1px;margin-right: 1px;}
.page-member-area .pymnt_optns .mt-radio > img {width: 100%;}
.pymnt_optns .card_details .mt-radio {width: 75px;}
.modal-body .input-group-phone .prefix{display:inline-block;width:100%;margin-bottom:10px;}
.modal-body .phn_400 .phn_num{margin-left:0 !important;width:100%;}
.TopLinks li {margin: 5px 0 5px 10px;}
.MATab .note span {width: calc(95% - 8px);}
.MATab .note.note-danger span {width: calc(95% - 20px);}
.TwoStepModal #error .note-danger .fa.fa-warning{height: auto;}
.CstmPoPup .RadioBtn .btn {padding: 5px 30px;}
.TwoStepModal .Padd-0 .form-group .input-icon input{width: 100% !important}
.NewPhoneNumber .NewPhoneVal{display: block;}    
.NewPhoneNumber .NewPhoneVal .NewPhoneCode{width: 100% !important;border-right: 1px solid #c2cad8;}
.NewPhoneNumber .NewPhoneVal .phoneNumber{margin: 5px 0 !important;max-width: 100% !important;}
.NewPhoneNumber .phn_chk{position: absolute;right: 0;top: 43px;z-index: 2;}
.has-error .NewPhoneNumber .NewPhoneVal .NewPhoneCode {border-right: 1px solid #ff0000;}
.FixedBox .col-md-offset-3 .ClrBtn{max-width:100%;}
.MATab .modal-body #error .note.note-danger span,
.MATab .modal-body #error .note.note-success span{width: calc(94% - 15px);}
}

@media (min-width: 470px) and (max-width: 640px){
.field-customer-customer_new_password .input-icon > i {left: 360px !important;}
}

@media (max-width: 400px){
.MATable .note.note-success{min-height: 70px;}
.MATable .note.note-danger{min-height: auto;float: none;display: inline-block}
.MATable .modal-body .note.note-success {min-height: 80px;}
.MATab .modal-body .note span {width: calc(95% - 20px);}
.note.note-success p{display: inline-block;}    
.pymnt_optns .card_cvv .exp_date select{max-width: 80px; margin-right: 15px;}
}
@media (max-width:420px){
.TwoStepModal .MbImg,.TwoStepModal .SMbImg {float: left; margin: -15px auto 10px; width: 100%;}
.TwoStepModal .modal-footer{clear:both}
.TwoStepModal span.text-center.twostep-help{text-align: left;}
.TwoStepModal .twostep-help a#resend {float: left;}
.TwoStepModal .MbImg img {margin-bottom: -10px; margin-top: 10px;} 
.TwoStepModal span.required.form-group{margin-bottom:10px;}
#formTSTwo .Padd-0 .field-customer-customer_ts_otp i.fa.tooltips.fa-warning {margin-top: 24px;left: auto;top: 19px;right:10px;}    
}
@media (max-width: 380px){
#UpdateApproverForm table.table-striped.table-hover.table-checkable.dataTable {width: 370px !important; overflow: auto;}
}
@media (max-width: 360px){
.password-strength .form-control {width: 100% !important;}
#formTSOne .modal-body .input-group-phone .input-group-addon .fa.tooltips.fa-warning {margin-top: 111px;left:197px !important;}
.footerLinks{float:left;width:100%}
.TagLine{font-size:2em}
.MemberAreaTab {padding: 10px;}
.login-form{padding: 20px;}
.login-form .fa.fa-warning.tooltips {left: 210px;}
#socialConfirmModal {margin-top: 0;transform: translateY(48%);}
.note span {float: right;width: calc(98% - 20px);}
#invoice .TopSInput .CstmArea .input-group-btn button {right: 45px;}
}
/*=========================  Phone No  =====================================================*/
.PhoneAddon span.input-group-addon.prefix {padding: 0;background: transparent;border: none;text-align: left;}
.PhoneAddon .select2.select2-container.select2-container--bootstrap {width: 385px;}
.TwoStepModal  .select2.select2-container.select2-container--bootstrap {width: 362px;}
.has-success .select2-dropdown, .has-success .select2-selection{border-color: #c2cad8;}
@media (max-width: 390px){
.PhoneAddon .select2.select2-container.select2-container--bootstrap,
.TwoStepModal .select2.select2-container.select2-container--bootstrap{width:100%}
}