/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 100%;}    
    .row.contentdboard{height:calc(100% - 115px);overflow:hidden;}
    .container-fluid{width:100% !important;}
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #d1edfd;
      height: auto;
      min-height: 100%;    
    }
    html {
    height: 100%;    
}
body{min-height:100%;height:inherit;}
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    .row{margin-left:0px; margin-right:0px;}
.newfooter{background-color:#d1edfd;}    
.small_screen{display:none;}
      .large_screen{display:block;}
      .content-area{padding-top:10px;}
      .company_info{
              margin:0px 0 0 40px;
          }
          /*.row.content.options{height:calc(100% - 45px );}*/
          .hideborder{border-right:solid 1px #DCDCDC;}
          @media screen and (min-width: 1068px) and (max-width:1300px){
              .newfooter>div{
                  width:95% !important;
              }
              
          }
          @media screen and (min-width: 768px) and (max-width:1068px){
/*              .left-block{
                  margin-left: -107px !important;
              }*/
              .left-block.acc_ver{
                  margin-left: 0 !important;
              }
              
          }   
          @media screen and (min-width: 768px) and (max-width:1366px){
              .left-block{
                  font-size:10px;          
              }
              .secured img{width:60px;height:18px !important;}
          }          
      @media screen and (min-width: 768px) and (max-width:1300px) {
          .logo{
              margin:60px 0 0 0px !important;
              text-align: center;
          }
          .company_info{
              margin:0px;
          }
      }      
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
        .row.content.flex-dir{
            flex-direction: column;
        }
       .row.content.flex-dir .left-block, .row.content.flex-dir .sidenav{text-align:center;}
      .sidenav {
        height: auto;
        padding: 15px;    
        min-height: auto;
        max-height: fit-content;
      }
      .hideborder{border-right:0px !important;}
      .bodybox .fromblock {padding-left: 52px;}
      input.raninput{height:8px !important;}
      .content-area.options{padding-left:0px !important;padding-right:0px !important;}
      .company_info{margin-left:10px !important;}
      .logo{margin-left:10px !important; margin-top:10px !important;}
      .congrats-msg{display:block;margin-left:0px !important;}      
      .content-area{padding-left:10px; padding-right:10px;}
      .content-title{padding-left:0px;}
       .congrats-msg{display:block;margin-left:0px !important;}
      .emailicon{float:left !important;}
      .share-opts{margin:0 2px !important;}
      .share-opts .email img, .share-opts .fax img{margin-top:0px !important;}
      .left-block{margin-top:20px;text-align: center;}
      .page_title{margin-top:20px !important;}
      .row.content.options{height:auto;}
      .container-fluid{padding-left:15px;padding-right:15px;}
      .row.content {height: auto;display:block;} 
      .newfooter{background-color:#EDF0F5 !important; text-align: center;}
      .row.contentdboard{height:100% !important;display: contents;}
      .table-show, .table-row-show, .table-cell-show{display:block;}
      .col-sm-9.flex-fill.calc{padding:7px;}
      .col-sm-9.flex-fill.dash{height:auto !important; padding: 20px !important;}
      .col-sm-9.flex-fill{padding-left:10px !important;padding-right:10px !important;}
      .row.footer .right{padding: 20px !important;}      
      .row.footer .left { height: auto !important; padding-bottom: 0px !important; margin:auto !important;padding-left:0 !important;}
      .row.footer{background-color:#FFF !important;}
      .small_screen{display:block;}
      .large_screen{display:none !important;}
      .row.content.acc{display:grid;}
      #card_div .exp-cont .textField, #card_div .cvv-cont .textField{border-right:solid 1px #e3e3e3 !important;}
      .option-sec-2{ padding-top: 0px !important; }
      .overlay {margin-right: 0px !important;}
      .ui-dialog.ui-widget{max-width:580px !important; width:auto !important;}
      #bgimage,#bgimage-new{
          background-size: auto 25px !important;
      }
      .add-card .col-sm-4{
        padding-left:15px !important;
        padding-right:15px !important;
      }
        .cvv-add input[type=text] {
            border-left: solid 1px #e5e5e5 !important;
            border-right: solid 1px #e5e5e5 !important;
        }
        #cvv_field{border-top:0px; border-bottom:0px;border-right:solid 1px #e5e5e5 !important;}
        #expiry_field{border-right:solid 1px #e5e5e5 !important;}
    }
    @media screen and (min-width: 768px) and (max-width: 890px) {
        #bgimage,#bgimage-new{
          background-size: auto 15px !important;
      }
    }
    @media screen and (max-width: 540px) {
         #bgimage,#bgimage-new{
          background-size: auto 9px !important;
      }
    }
    body{
        font-family: -apple-system, BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Ubuntu,sans-serif;
        min-height: 100%;
        height:inherit;
    }
    /*dashboard*/
    .logo{
        margin-top:15px;
        margin: 60px 0px 0 40px;
    }
    .page_title{
        font-size:20px;
        color:#5b5b5b;
        font-weight:bold;
        margin-top:250px;
    }
    .return_btn{
        font-size:13px;
        font-weight:bold;
        color:#5b5b5b;
    }
    .return_btn img{
        width:20px;
        margin:10px 10px 10px 0;
    }
    
.container-fluid {
    margin: 0 auto;
    padding: 0px;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.columns {
    height: 100%;   
}
.col-sm-9.flex-fill.dash {
    padding: 120px 80px 20px 80px;
    height:100%;
    background-color: #FFF;
}
.col-sm-9.flex-fill {
    padding: 20px 80px 0px 80px;
    height:100%;
    background-color:#EDF0F5;
}

.content-title {
    font-size: 20px;
    font-weight: bold;
    color: #5b5b5b;
    padding-bottom: 20px;
}
.content-text {
    font-size: 16px;
    color: #697386; 
}

.row.footer{
    height:115px;
    background-color: #d1edfd;
}
.row.footer .left{
    height: 100%;    
    display: table;
        padding-bottom: 20px;

}
.left-block{
    color:#5b5b5b;
    vertical-align: bottom;
    text-align: left;
    padding-bottom:20px;
    left:20px;
}
.left-block a, .row.footer .left a{
    color:#5b5b5b;
    /*text-decoration:underline;*/
}
span.sep {
    padding: 0 15px;
}
.row.footer .right{
        padding: 10px 80px 10px 80px;
         height: 100%;         
         display: table;
         background-color: #FFF;
}
.right-block{bottom:25px;color:#5B5B5B;font-size:12px;}




.viewlink{
	float:right; padding-right:5px;
}

       .search-expand {
		    /* float: right; */
                    position: relative;                    
                    width: 100%;
                    margin: 50px auto 0 auto;
                    border: 0px solid #c3c3c3;
                    padding: 3px 4px 3px 4px;                    
                    font-size: 14px;
		}
		
		.search-expand input[type="submit"] {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
		}
		
                    .search-expand input.submit {
                            background: url(/common/css/images/v3_0.png) no-repeat 0px 0px;
                            width: 35px;
                            height: 35px;
                            position: absolute;
                            top: 15px;
                            right: 20px;
                            -webkit-box-shadow: none;
                            -moz-box-shadow: none;
                            box-shadow: none;
                            background-size: 30px 30px;
                        }
                    .search-expand.search-expand-lcs input.submit {
                            background: url(/common/css/images/v3_0_lcs.png) no-repeat 0px 0px !important;
                        }
a.next_btn {
    background-color: #00a0fc;
    color: #FFF;
    padding: 10px 60px;
    font-weight:bold;
    text-decoration: none;
}

    disabled_button{
	pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
	}

.form-title {
    padding: 0px 15px;
    color: #00a0fc;
    font-weight: 500;
    font-size: 15px;
}
.confee {
    padding-top: 2px;
    font-size: 10px;
    color: #868686;
}
.form-group{margin-bottom:5px;}

label {
    font-weight: 400  !important;
    font-size: 14px !important;
    color: #697386 !important;
}
.content-text.section {
    background-color: #FFF;
    padding: 10px 25px;
    border-radius: 15px;
    box-shadow: 0px 4px 3px 0px #bfbfbf;
    margin-bottom: 12px;
    
}
.pay-block {
    padding:0;
}
.pay-block a {
    border: solid 1px #5d5d5d;
    padding: 5px 94px 5px 15px;
    margin: 5px 0 10px 15px;
    color: #5d5d5d;
    font-weight: bold;
    display: inline-block;
    min-width: 160px;
}
.pay-block a.bank{
    padding-right:32px;
}
.pay-block a.selected{
    border:solid 1px #00a0fc;
    color:#00a0fc;
}
.pay-block a:hover{text-decoration:none;}
.lbl {
    position: relative;
    display: block;
    height: 13px;
    width: 44px;
    background: #e0e0e0;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.lbl:after {
  position: absolute;
  left: -2px;
  top: -7px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #cacaca;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
  content: '';
  transition: all 0.3s ease;
}
.lbl:active:after { transform: scale(1.15, 0.85); }

.cbx:checked ~ label { background: #2196f3 !important; }

.cbx:checked ~ label:after {
  left: 20px;
  background: #2196f3 !important;
}

.cbx:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}

.cbx:disabled ~ label:after { background: #bcbdbc; }
.lblc { margin-bottom: 10px; float:left; margin-left: 20px; margin-top:4px; }

.lblc.calcu{ margin-left: 0px; display:block;float:none;}
.option-box_n:hover{
    border:solid 1px #2196f3;
}
.option-box_n.selected:hover, .option-box_n.selected {
    background-color: #2196f3;
    color: #FFF;
    border-top: solid 1px #2196f3;
    border-bottom: solid 1px #2196f3;
    border-left:solid 1px #2196f3;
}
.option-box_n.disabledCls:hover {
    border: solid 1px #e1e1e1;
}
.option-box_n.selected.disabledCls:hover {
    border: solid 1px #2196f3;
}
.option-box_n {    
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 3px;    
    background-color: #ededed;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    cursor: pointer;
    font-size: 9px;
    text-align: center;
    color: #808080;
}

.option-box_n_disabled {    
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 3px;    
    background-color: #ededed;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    cursor: pointer;
    font-size: 9px;
    text-align: center;
    color: #808080;
}
.frequency{
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}
.amount-txt {
    font-size: 10px;
    margin-top: 6px;
    color:#6b6a6a;
}
.amount-txt img{margin-right:3px;}
.succes-sec{
    padding:30px 0;
}
.succes-sec .message{
    font-size: 20px;
    color: #5F697B;
    padding: 16px 0;
    font-weight: bold;
}
.succes-sec .schedule-txt{
    color: #5F697B;
    padding: 0 0 15px 0;
}
.failed_btn, .done_btn {
    margin:50px 0;
}
.done_btn a{
    color:#FFF;
    background-color: #00a0fc;
    padding: 6px 60px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}
.error_msg{
    color:#ee2a2c;
}
.failed_btn a{
    color:#FFF;
    background-color: #ee2a2c;
    padding: 6px 60px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}
.share-opts {
    margin: 0 30px;
    color: #5F697B;
    font-size:14px;
}
.share-opts .email{
    margin-right:15px;
}
.share-opts .email img,.share-opts .fax img{margin:5px;vertical-align: middle;}

.fullheight{height:calc(100% - 10px);}
.fullheight2,.maxheight{
    height:100%;
}
.chosen-container{width:100px !important;}
    .search-expand {
		    /* float: right; */
                    position: relative;                    
                    width: 100%;
                    margin: 50px auto 0 auto;
                    border: 0px solid #c3c3c3;
                    padding: 3px 0px 3px 0px;                    
                    font-size: 14px;
		}
		
		.search-expand input[type="submit"] {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
		}
		
                    .search-expand input.submit {
                            background: url(/common/css/images/v3_0.png) no-repeat 0px 0px;
                            width: 35px;
                            height: 35px;
                            position: absolute;
                            top: 15px;
                            right: 20px;
                            -webkit-box-shadow: none;
                            -moz-box-shadow: none;
                            box-shadow: none;
                            background-size: 30px 30px;
                        }
                        .frequency .col-md-3{
                            padding-left:0px;padding-right:0px;
                        }                        
label.error {
    color: #ee2a2c !important;
}    
.chosen-container-single .chosen-single{
    background:none !important;
}
.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-single{
    border:solid 1px #dedede !important;
        height: 34px !important;
        border-radius: 2px !important;   
        line-height:31px !important;
}
.chosen-container{
    width:100% !important;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px !important;
}
.chosen-container-single .chosen-single div b{
    background:url(../chosen/chosen-sprite.png) no-repeat 0px 12px !important;
}
#bgimage,#bgimage-new{
        background-image: url(/common/images/creditcards.png?v=08);
        display: block;
    width: 284px;
    height: 32px;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    background-size: auto 25px;
    background-position: right center;
}
#bgimage{
    top:31px;
}
#bgimage-new{
    top:3px;
}
/*.ui-dialog
{
    left: calc(50% - 328px) !important;
    top: calc(50% - 175px) !important;
}*/
.table-show{
    display: table;
}
.table-row-show{
    display: table-row;
}
.table-cell-show{
    display: table-row;
}
.sidenav.res{
        position: relative;
}
.content-text.large_screen {
    position: absolute;
    bottom: 0;
    padding-bottom: 20px;
}
.small_screen .left-block{text-align: center;}

.pay-block a.applepay {
    background-image: url(/common/images/applepay-inactive.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 55px) 11%;
    padding-right:55px;
    text-decoration:none;
}

.pay-block a.applepay.selected {
    background-image: url(/common/images/applepay.png);
	background-position: calc(50% - 55px) 11%;
}

.pay-block a.googlepay {
    background-image: url(/common/images/googlepay-inactive.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 68px) 11%;
    padding-right:100px;
    text-decoration:none;
}

.pay-block a.googlepay.selected {
    background-image: url(/common/images/googlepay.png);
	background-position: calc(50% - 68px) 11%;
}

.pay-block a.card {
    background-image: url(/common/images/card-inactive.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 26%;
    padding-right:100px;
    text-decoration:none;
}

.pay-block a.card.selected {
    background-image: url(/common/images/card.png);
	background-position: calc(50% - 50px) 26%;
}
.pay-block a.paypal {
    background-image: url(/common/images/paypal_g.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 19%;
    padding-right:85px;
    text-decoration:none;
}

.pay-block a.paypal.selected {
    background-image: url(/common/images/paypal.png);
	background-position: calc(50% - 50px) 19%;
}

.pay-block a.cashapp {
    background-image: url(/common/images/cashapp_g.png);
    background-repeat: no-repeat;
    background-position: calc(49% - 50px) 14%;
    padding-right:40px;
    text-decoration:none;
}

.pay-block a.cashapp.selected {
    background-image: url(/common/images/cashapp.png);
	background-position: calc(49% - 50px) 14%;
}

.pay-block a.bank {
    background-image: url(/common/images/ach.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 17%;
    margin-left: 15px;
	background-size: 30px 20px;
    text-decoration:none;
}

.pay-block a.bank.selected {
    background-image: url(/common/images/ach_selected.png);
	background-position: calc(50% - 50px) 17%;
        
}
button.send-btn {
    border: solid 1px;
    background-color: #5f697c;
    color: #FFF;
    font-size: 12px;
    padding: 4px 8px;
}
.textField {
    border: solid 1px #e3e3e3;
    border-radius: 3px;
    padding: 18px 10px 19px 10px;
    -webkit-appearance: none;
    box-shadow: none;
}
.ui-widget-header{
    background: none !important;
    background-color:#00a0fc !important;
    border: solid 1px #00a0fc !important;
}
input.next_btn{
    background-color: #00a0fc;
    width: 150px;
    height: 43px;
    border: solid 1px #00a0fc;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    cursor:pointer !important;
}    

.next_btn.disabled, .next_btn[disabled]{
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.content-text.section table{
    border:solid 1px #DCDCDC;
}
.content-text.section table thead tr th {
    font-weight: normal;
    background-color: #DCDCDC;
    padding: 12px;
    color: #5F697B;
}
tr.even{
    background-color:#F5F4F4;
    border-top:solid 1px #DCDCDC; 
    
}
tr.odd{
    background-color:#FFFFFF;
    border-top:solid 1px #DCDCDC;    
}

.content-text.section table tbody tr {
    height: 46px;
}
.accounts-head{
    color: #5B5B5B;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 17px;
}
.chosen-container .chosen-results{
    max-height:105px !important;
}
.datepick{
    background-color: #fff !important;
    height: 42px !important;
    border-collapse: #eee !important;
    border-radius:2px !important;
}
.chosen-container-single .chosen-single{
    height:42px !important;
    padding: 5px 0 0 8px !important;
}
.form-control[disabled], fieldset[disabled] .form-control{
    background-color:#eee !important;
}
.form-control{
    background-color:#FFF !important;
}
.datepick[disabled]{background-color: #EEE !important}
.pay-block a.bank.preview{
    margin-left:15px !important;
}
.amount-txt img{
        padding: 2px 0px 5px;
}

.search-expand input[type="button"] {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
.ui-widget-overlay {
    background: #666 url(/recurring/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat !important;
}
#card_div{margin-bottom:5px;}
#card_div input{border-radius: 0px !important;}
#address_div .form-group, #card_div .form-group{
    margin-bottom: 0px !important;
}
#address_div #address1, #address_div #address2, #card_div #cardnumber{
    border-bottom:0px;
}
#address_div .city-cont,#address_div .state-cont, #address_div .zip-cont, #address_div .country-cont,
#card_div .exp-cont,#card_div .cvv-cont, #card_div .zip-cont{padding:0px;}
.row .ecz{padding-left:15px; padding-right:15px;}
#address_div .city-cont .textField, #address_div .zip-cont .textField, #address_div .state-cont .textField,
#card_div .exp-cont .textField, #card_div .cvv-cont .textField{border-right:0px;}

.overlay {
    
    color: #FFF;
    position: absolute;
    bottom: 0;        
    overflow:hidden;    
        left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
        z-index: 1;
    margin-right: 30px;
 }
 .visible{
    height:fit-content; 
    background-color: #43525ebf;
    background-image: radial-gradient(#43525e,rgba(67,82,94,.8));
    padding: 20px;
    opacity:1;
    transition: opacity 0.3s;
 }
.dismissible{  
    
    height:0px;
    background-color: #43525ebf;
    background-image: radial-gradient(#43525e,rgba(67,82,94,.8));
    opacity:0;
    transition: opacity 0.3s;
}
.column-close{
    height: 15px;
    width: 100%;     
    background-image: url(/common/images/close.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 2px;
}
.overlay a {
    color: #00a0fc !important;
}

.column{    
    transition: height 1s;
    height: 0px;
}
.full{
    
    transition: height 1s;
    max-height: 650px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.full::-webkit-scrollbar {
    width: 12px;
}

.full::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.full::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.sec-title {
    color: #00acfc;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: solid 2px #9fdbfe;
}
.sec-title img {
    vertical-align: middle;
    margin-right: 10px;
}
.head-sec{
    display: table-header-group; 
    color:#697386;
    font-size:14px;
    line-height: 2.5;
}
.head-sec .welcome{
    font-weight:500;
}
.head-sec span ,.head-sec div{
    margin:0 15px;
}
.content-area.options{
    display:table-cell;
    padding-top:50px;
}
.content-area.options row{
    margin-left:-15px;margin-right:-15px;
}
.option-txt {
    color: #697386;
    font-size: 13px;
    padding: 30px;
    min-height: 120px;
}
.option-sec-2{
    padding-top: 40px;
}
.strong{
    font-weight: 600;
}
.seprator-line{
    border-bottom: solid 1px #DCDCDC;
    margin-left: -25px;
    margin-right: -25px;
    height:10px;
}
.mincome {
    color: #00a0fc;
    font-weight: 500;
}
.income-title{color:#697386;}
.income-title,.income-amount{
    padding: 10px 0;
}
.leftover_balance{
        font-size: 20px;
    padding: 10px 0;
    color:#697386;
}
.m-title{
    font-size:20px;
    color:#5F697B;
    padding-bottom: 10px;
    font-weight: 600;
}
.chart-area{
    background-color: #FFF;
    border: solid 1px #DCDCDC;
    margin-bottom: 15px;
    padding: 20px;
}    
.hightlight-text{
    color: #00a0fc;
    font-weight: 600;
    font-size: 15px;
    padding: 7px 0;    
}
.hightlight-text img{
    vertical-align: top;
}
.cat-list{
    padding: 10px 0 0 0;
    font-size: 14px;
}    
.content-text.section-gray {
    background-color: #FFF; 
    border-radius: 15px;
    box-shadow: 0px 4px 3px 0px #bfbfbf;
    margin-bottom: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.section-gray .head{
    background-color: #DEE2E8;
    border-radius: 3px 3px 0px 0px;
}
.add-btn{
    color:#00a0fc;
    font-size: 15px;
    padding-right: 5px;
    cursor: pointer;
}
.content-text.section-gray.closed {
    border-radius: 0px;
    box-shadow: none;
    border: solid 1px #B3BBCA;
    background-color:#DEE2E8;
    color: #5F697B;
    padding-bottom:0px !important;
}
.content-text.section-gray.closed .hightlight-text {
    color: #5F697B;
}
.fromblock{
    display: block;
    padding:10px 0;
    font-size: 15px;
    font-weight:600;
}
.fromblock label, .scrollblock label{
    font-size: 14px !important;
    color:#697386 !important;
    font-weight: 400 !important;
    margin-bottom:0px !important;
}
.fromblock input[type=text]{
    max-width:158px;
    border-radius: 0px;
    height:34px;
    padding:4px;
    font-size:14px;
    color:#697386;
    margin-top:15px;
}
input, select, textarea{
    color: #697386;
}

textarea:focus, input:focus {
    color: #697386;
}
.scrollblock{
    padding-left:50px;
    padding-right:50px;
    padding-top:10px;
}
.ctrl-box{cursor: pointer;}
.list-item{
    position: absolute;
    right: 20px;
    top: 42px;
    background-color:#FFF;
    color:#697386;
    font-size:14px;
    color:#697386 !important;
    border:solid 1px #DCDCDC;
    padding:10px 15px;
    z-index:1;
    
}
.list-item input[type=checkbox]{
    width: 20px;
    height: 20px;
    vertical-align: top;   
    border:solid 1px #dcdcdc;
    margin-right: 10px;
    margin-top: 0px;
}
/* When the checkbox is checked, add a blue background */

.list-item .checkbox, .list-item input:checked + label{
/*  background-color: #00a0fc;
  border:solid 1px #00a0fc*/
}
.list-item ul{
    list-style-type:none;
    padding-left: 0px;
}
.list-item ul li {
    padding:5px 0;
}
.bodybox{
    position:relative;
}
.loadpopup{
    text-align:left;
}
.secured{
    cursor: pointer;
    /*text-decoration: underline;*/
}
a.btn-retry{
    color: #5f697b;
    font-size: 18px;
    text-decoration:none;
}
.btn-mycustom{
    background-image: url(../../common/images/retry.png);
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-size: 28px 28px;
    padding: 8px;
    padding-left: 42px;
    padding-right:14px;
    background-color: #00a0fc;
    border-color: #00a0fc;
}
input.btn.btn-mycustom:hover, input.btn.btn-mycustom:active, input.btn.btn-mycustom:focus, input.btn.btn-mycustom:visited {    
    background-color: #00a0fc;
    border-color: #00a0fc;        
    outline: 0;
    background-image: url(../../common/images/retry.png);
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-size: 28px 28px;
}
a.disabled_button {
    background-color: #b5b5b5;
    color: #e8e8e8;
    padding: 10px 60px;
    font-weight: bold;
    text-decoration: none;
}
#state_disclosure_text p, .head-sec p {
    line-height: 1.5;
}

#docs-internal-guid-cdf5b095-7fff-cfb7-acd2-c9beaf02a965{
    font-weight:400;
}
/*@supports (-webkit-touch-callout: none) {
    .sidenav{
        height:100% !important;
        min-height:100% !important;
    }
}
@-moz-document url-prefix() {
    .row.content.options{
        display:table-row !important;
        height:100% !important;
    }
}*/

/* Blocked account dialog css starts */
.account_blocked_cls {
    text-align: center;
}
.account_blocked_cls .ui-dialog-titlebar {display:none;}
.account_blocked_cls  .ui-dialog-buttonset {
    width: 100%;
}
.account_blocked_cls  .ui-link-button, .account_blocked_cls .ui-dialog-buttonset button:nth-of-type(2) {
    background-color: #EE2A2C!important;
    color: #FFF;
    width: 100%;
    margin: 0;
    border-radius: 0px !important;
padding:10px 0;
font-weight:normal;
font-size:17px;
}

.account_blocked_cls .ui-dialog .ui-dialog-buttonpane{padding:0px !important;}

.account_blocked_cls .ui-dialog-buttonpane{padding:0px !important;}

.account_blocked_cls .ui-dialog-buttonset button:nth-of-type(1) {
   display: none;
}

.account_blocked_cls .ui-button .ui-button-text {    letter-spacing: 1px;    font-size: 19px;    font-weight: normal; }

.account_blocked_hd
{
	margin-top:10px; color:#697386; font-weight:bold; font-size:20px;
}
/* Blocked account dialog css ends */
/* Blocked account dialog css starts */
.payment_alert {
    text-align: center;
}
.payment_alert .ui-dialog-titlebar {display:none;}
.payment_alert  .ui-dialog-buttonset {
    width: 100%;
}
.payment_alert  .ui-link-button, .payment_alert .ui-dialog-buttonset button:nth-of-type(2) {
    background-color: #EE2A2C!important;
    color: #FFF;
    width: 100%;
    margin: 0;
    border-radius: 0px !important;
padding:10px 0;
font-weight:normal;
font-size:17px;
}

.payment_alert .ui-dialog .ui-dialog-buttonpane{padding:0px !important;}

.payment_alert .ui-dialog-buttonpane{padding:0px !important;}

.payment_alert .ui-dialog-buttonset button:nth-of-type(1) {
   display: none;
}

.payment_alert .ui-button .ui-button-text {    letter-spacing: 1px;    font-size: 19px;    font-weight: normal; }

.payment_alert_hd
{
	margin-top:10px; color:#697386; font-weight:bold; font-size:20px;
}
/* Blocked account dialog css ends */
#pay-data-alert{
    background-color: #FFF;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
}
.view-full a {
    font-size: 18px;
    font-weight: 600;
    color: #697386;
    text-decoration: none;
    padding:10px 10px 0 0;
}

.row.table-heading {
    font-size: 18px;
    margin-left: -15px;
    font-weight: 600;
    color: #AFB5BE;
    padding: 10px 0;
}
.row.table-heading .selected{
     color: #697386;
}
.paypal-msg {
    text-align: center;
    padding-top: 20px;
    max-width: 465px;
    margin: auto;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 20px;
}
.paypal-msg img {
    padding-bottom: 15px;
}

.cashapp-msg {
    text-align: center;
    padding-top: 20px;
    max-width: 465px;
    margin: auto;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 20px;
}
.cashapp-msg img {
    padding-bottom: 15px;
}

.selectField{
    border: solid 1px #e3e3e3;
    border-radius: 0px;
    box-shadow: none;
    height: 39px;
    margin-left: -1px;
    background-image: url(/common/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px 15px;
    appearance: none;
}
select.selectField {
	color: #999999;
}
/* Hidden placeholder */
select option[disabled]:first-child {
	display: none;
}
.baddress{padding-bottom:10px;}
.row.content.flex-dir{display:flex;flex:1;}
.choldername input{border-top: 0px;}
.aholdername input{border-bottom: 0px;}
.frequency_box .col-lg-4{padding-left:0px;padding-right: 0px;}
.rep-op-box .option-box{min-width:106.25px;width:100%;}
.customamountfield{width:100% !important;}
.head-title {
    background-color: #00a0fc;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    padding: 0px 20px;
}
.closeicon {
    float: right;
    cursor: pointer;
}
#schedulepreview_new {
    position: fixed;
    height: 100%;
    top: 0px;
    right: 0;
    z-index: 10001;
    width: 100%;
    max-width: 500px;
    border: solid 1px #ccc;
    transition: .2s;
    background-color: white;
}
.bottom-border{
    border-bottom: solid 1px #888888;
}
/*@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
    .rep-op-box .option-box-disabled, .rep-op-box .option-box{width:33.333333% !important;}   
}*/

.pay-block a.wtransfer {
    background-image: url(/common/images/bank.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 17%;
    margin-left: 15px;
    text-decoration: none;
}

.pay-block a.wtransfer {
    padding-right: 32px;
}
.pay-block a.wtransfer.selected {
    background-image: url(/common/images/bank_active_s.png);
    background-position: calc(50% - 50px) 17%;
}
.msg-div{margin:20px 0;}
.form-head-text{
        color: #697386;
        font-weight:700;
}
.wire-title {
    font-size: 16px;
    font-weight: bold;
    color: #697386;
    padding: 20px 0;
}
.wire-text{
    color: #697386;
    max-width: 600px;
    margin:auto;
    padding:10px;
}
.detail-title{font-weight: bold;}
.wire-detail{
    border:solid 1px #Dcdcdc;
    padding:10px 0px !important;
    margin:10px 0px;
    background-color: #F1EFEF;
	color:#697386;
}
.wire-lbl{
    padding:0px;

}
.wire-val{
    font-weight:bold;    
    padding-left:0px;
}
.done {
    padding: 1px 20px 3px 20px;
    background-image:none;
}
.pay-block a.card.disabled {
    background-image: url(/common/images/card_disabled.png?v=1);
    background-position: calc(50% - 50px) 26%;
    border:solid 2px #c7c7c7;
    color:#c7c7c7;
    cursor: not-allowed;
}
/* new add card section css*/

.add-card-btn a{
    font-weight:500;
    text-decoration:none;
    color:#00a0fc;
}
.add-card {
    background-color: #f6f6f9;
    border: solid 1px #e5e5e5;
    margin: 4px 15px 15px 15px;
    padding: 10px 0 15px 0;
    border-radius: 5px;
}
span.add-card-error {
    font-size: 14px;
    color: #ee2a2c;
    margin-bottom: 7px;
    display: inline-block;
}
span.add-card-error img {
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
}
.card-line {
    display: flex;
    column-gap: 15px;
    font-size: 12px;
    align-items: center;
    background-color: #f6f6f9;
    border: solid 1px #E5e5e5;
    padding: 8px 15px;
    border-radius: 5px;
}
.card-icon img {
    height: 23px;
}
.card-data p {
    margin: 0px;
    line-height: 19px;
}
.card-rows{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    margin: 10px 0 15px 0;
}
.card-exp{
    font-size: 10px;
    color: #bfbebe;;
}
.add-card input[type=text]{
    width:100%;
    border: solid 1px #e5e5e5;
    padding: 6px;
}
.cvv-add input[type=text]{
    border-left:0px;
    border-right:0px;
}
.add-card .error{/*display:none;*/}
.card-num-add input[type=text],.cvv-add input[type=text],.expiry-add input[type=text],.zip-add input[type=text]{
    border-bottom:0px;
}
.add-card .col-sm-4:not(:first-of-type):not(:last-of-type){
    padding-left:0px;
    padding-right:0px;
}
.add-card .col-sm-4:last-of-type {
    padding-left: 0;
}

.add-card .col-sm-4:first-of-type {
    padding-right: 0;
}
#bank_tranfer_div{
    background-color: #f6f6f9;
    border: solid 1px #d5d5d5;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px 0 10px 0;
    border-radius: 5px;
}
.form-spacer{
    height:15px;
}

#show_more_div
{
	margin: 0px 16px;
    float: right;
    font-size: 14px;	
}
