/*
    CareSoft Customer Portal Styles
*/

:focus {
    outline: none;
    box-shadow: 0 0 0 0px rgb(238, 238, 238);
}

.banner .ban1 {
    height: 60px;
}

.banner .right {
    text-align:right;
}

.banner .currency {
    border: none;
}

.banner .ban1 .logo {
    height: 60px;
    width: 210.25px;
    margin-left:20px;
    border-right: 1px solid rgb(238, 238, 238);
}

.banner .ban2 {
    height: 40px;
    background-color: #F5F5F5;
    margin-bottom: 4px;
    border-bottom: 1px solid rgb(238, 238, 238);
}


.banner .ban2 .btn {
    margin: 0 0 0 15px;
    padding: 5px;
}

.banner .ban2 .right .btn {
    margin: 0 15px 0 0;
    padding: 5px;
}


.banner .ban3 {
    height: 120px;
    background-color: #F5F5F5;
    margin-bottom: 4px;
    border-top: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(238, 238, 238);
    text-align: center;
}

.banner .ban3 h1 {
    padding: 40px 0 40px 0;
    margin: 0 0 30px 0;
}

.banner .ban4 {
    height: 40px;
    background-color: #F5F5F5;
    margin-bottom: 4px;
    border-top: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(238, 238, 238);
    text-align: center;
}

.banner h1{
    display: block;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 28px;
    text-transform: uppercase;
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
    text-align:center;
}

.mud-main-content .csmain {
    padding: 40px 30px 30px 30px;
}

.commerce .mud-main-content {
    padding-top: 0px;
    margin-bottom: 50px;
}

.commerce .content {
    margin-top: 0px !important;
}

.commerce h1 {
    display: block;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 28px;
    text-transform: uppercase;
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.commerce h1.hd {
    padding-top: 15px;
    padding-bottom: 15px;
}

.commerce .mud-grid-item .top{
    padding-top:0px;
}

.commerce .mud-input {
    margin-bottom: 40px;
}

.commerce .mud-grid-item .right {
    text-align:right;
}

.commerce div.account {
    padding: 0 50px 0 50px;
}

.commerce .ban4 h1 {
    margin: 10px 0 10px 0;
    font-size: 14px;
}

.commerce .account .mud-input {
    margin-bottom: 0px;
}

.commerce .payment .main {
    padding-left: 60px;
    padding-right: 60px;
}

.commerce .payment .main .section {
    margin-bottom:50px;
}

.commerce .payment .main .section .header{
    border-bottom: solid 1px rgb(238, 238, 238);
}

.commerce .payment .main .section .sub {
    padding-top:0px;
}

.commerce .payment .main .section .mud-typography-subtitle1 {
    font-size: 140%;
}

.portal {}
.portal .mud-drawer-content {padding-top: 5px;}
.portal .mud-main-content {padding-top: 0px;margin-bottom: 50px;}
.portal .mud-input-control {margin-bottom: 10px;}
.portal .subhead {margin-bottom: 30px; text-transform:capitalize; border-bottom: solid 1px rgb(238, 238, 238); font-weight:400;}
.portal .subhead1 {margin-bottom: 30px; border-bottom: solid 1px rgb(238, 238, 238); font-weight:500; font-size: 140%;}
.portal .auth {padding-top: 50px;}
.portal .auth .mud-alert {margin-bottom:20px; }
.portal .auth .col-left{padding-right:50px;}
.portal .auth .col-right{padding-left:50px;}
.portal .auth .chk .mud-typography-body1  {font-size:100%;}
.portal .auth .ft {padding-top:25px;}
.portal .auth .ft li {font-size:100%; margin-bottom:10px;}
.portal .auth .ft a {font-size:100%;}
.portal .text-danger {color: red; margin: 20px 0 20px 0;}
.portal .bc {padding: 0px;}
.portal .payment .main {padding-left: 0px; padding-right: 60px;}
.portal .payment .main .section {margin-bottom:50px;}
.portal .payment .main .section .header{border-bottom: solid 1px rgb(238, 238, 238);}
.portal .payment .main .section .sub {padding-top:0px;}
.portal .payment .main .section .mud-typography-subtitle1 {font-size: 140%;}
.portal .form-header {margin-bottom:20px;}
.portal .form-footer {margin-top: 20px; padding-top: 0px;}

.mn {}
.mn .btn {padding: 8px 16px 8px 23px; font-weight:400; text-transform:none;}
.mn .btn svg { margin-right:5px}


.email {}
.email .ban {display:block; margin-bottom: 30px; border-bottom: solid 1px rgb(238, 238, 238);}
.email .h6 {
    font-size: 28px;
    text-transform: uppercase;
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
    text-align: center;}
.email .txt {display:block; padding-bottom:5px;}


/* Edit Record Dialog */
.dlg {padding: 0 20px 0 20px;}
.dlg .mdledit {padding: 5px 0 5px 0;}
.dlg .ft {padding: 20px 0 20px 0; margin: 0;}
.dlg .ft .btn {margin: 0 20px 0 0;}


/* Render Model Panel */
.mdl {} 
.mdl .lbl {display:inline-block; padding:10px 10px 10px 0; min-width:20%;font-weight:bold;}
.mdl .val {display:inline-block; padding:10px 10px 10px 0;}

/* Login Providers */
.provider img {}
.provider button {vertical-align: super; font-size:120%; font-weight: bold;}