body {   
    background: #e5e5e5;
    margin: 0;
    padding: 0;   
    font-family:Roboto, sans-serif;
}
.login-page, .greb-cloud-register-page, .forgot-pass-page {
    background: url(../images/loginbg.jpg) no-repeat;
    background-size: 100% 100%;
}
.boxshadow {
    box-shadow: 1px 32px 60px -42px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 32px 60px -42px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 32px 60px -42px rgba(0,0,0,0.5);
}
.contentmain {
    max-width: 450px;
    margin: 0 auto;
    padding: 20px 0;
}
.remember-user .form-check-input {
    height:16px;
    width:16px;
}
label.form-check-label {
    display:flex;
    align-items:center
}
.login-box .validation-summary-errors {
    text-align: center;
    list-style: none;
}
.login-box .validation-summary-errors li {
    list-style: none;
}

.forgotpass {
    padding: 15px !important;
}
.forgotpass .controls {
    margin-bottom: 15px;
}
.forgotpass .sign-up-forgot-pass-btn {
    margin: 0px;
    display: flex;
    align-items: center;
}
.forgotpass .sign-up-forgot-pass-btn .linksfs a {
    font-weight: 900;
    font-size: 16px;
    color: #404040;
}
.forgotpass .sign-up-forgot-pass-btn .linksfs a:hover {
    color: #404040;
}

div#ResetPasswordModal button.close {
    background: #fff;
    right: -15px;
    top: -15px;
    position: absolute;
    opacity: 1 !important;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding: 0px !important;
    line-height: 12px !important;
    font-size: 26px !important;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
    border:transparent;
}

div#ResetPasswordModal .modal-dialog {
    max-width: 615px;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.form-control:focus {
    border:solid #333 1px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(79 84 103);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 255 255);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {  
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.modal-footer button {
    border: none
}
.modal-footer button:focus,
.modal-footer button:hover {
    outline: none !important;
    border: transparent;
    background: #328fe9;
    color: #fff;
}
.valid {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.login-page .footer, .forgot-pass-page .footer, div#ResetPasswordModal .footer {
    color: #000000;
}
.login-box .lodin-right.register-create-accountbox .col-sm-12 {
    padding: 0px;
}
.createaccount-box.register-create-accountbox .form-part {
    padding: 0 20px;
}

div#ResetPasswordModal .modal-content {
    margin: 0 auto;
    border: none;
}

.lodin-right .row {
    margin: 0px;
}

.createaccount-box .logo-bg {
 margin-top:0px;
}

.lodin-right .form-part .signinbtn {
    width: 100%;
    color: #fff;
}

.sign-up-text {
    text-align:center;
}

.forgot-btn button {
    width:100%;
    margin-bottom:13px;
}

.sign-up-forgot-pass-btn .btn-main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items:center
}

.sign-up-forgot-pass-btn .btn-main .sign-up-text {
    margin-right: 5px !important;
}

.sign-up-forgot-pass-btn .btn-main button.btn.btn-primary {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #404040 !important;
    font-weight: 500;
    padding: 0px 0 0 5px;
    border: none;
}

.sign-up-forgot-pass-btn .btn-main button.btn.btn-primary:hover {
    text-decoration: none;
    color: #7e134f !important;
}

/*Next time, skip this sign-in*/
.login-main { margin: 35px 0 0 0;}
.login-box{margin:13px 0 0 0;}
.login-box .lodin-left{background:#eee; padding:15px 15px; text-align:center; min-height:539px;}
.login-box .lodin-right{background:#fff; padding:30px 30px;}
.login-box h2{font-size: 18px;font-weight:400; color:#404040; line-height: 1.1;margin-bottom: 8px; margin-top:0;}
.login-box p{padding-bottom:8px;}
.freedownloaddiv{margin-bottom:20px;}
.login-box .lodin-left .downloadLink{background-color: #ec7027;box-sizing: border-box;padding: 9px 20px;line-height: 34px; font-size: 14px;color: #fff;border-radius: 2px;text-decoration: none;}
.lodin-right a.google-link:hover{text-decoration:none;}
.login-box .lodin-left .learnmore{font-size:12px; color: #365ebf;}
/*Sign in*/
.lodin-right a.google-link {background:#fff; color: #444;border: 2px solid #8d9096;border-radius: 2px;white-space: nowrap;text-align: center;width: 100%;min-height: 40px;box-shadow: inherit;height: 44px;display: table;padding:5px 0;margin:15px 0 0 0;}
.lodin-right .ius-partner-separator {position: relative;background: url(../images/line-bg.jpg) repeat-x;width: 100%;height: 10px;top: auto;margin:30px 0 0 0;}
.lodin-right .ius-strike-center-text {position: absolute;top: -9px;left:47%;background: #fff;padding: 0 10px;font-size: 12px;}
.lodin-right .form-part{margin:15px 0 0 0;}
.lodin-right .form-control{border-radius:4px; height:40px;}
.lock{margin:-3px 6px 0 0;}
.form-part button {background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); border: transparent; border-radius: 5px; padding: 12px 20px; }
.form-part button:hover { background: rgb(61,197,114);background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); }
.form-check { margin-bottom: 10px; }
.use-text{font-size:15px; margin:20px 0 0 0; line-height:20px;}
.use-text a{color:#0077C5; display:block;}
.use-text.use-text1 a{display:inline-block;}
.footer{font-size: 12px;color: #76818C;padding:20px 30px;display: inline-block;width: 100%;}
.footer ul{margin:0 ;padding:0; text-align:right;}
.footer ul li{display:inline-block;}
.footer ul li a { padding: 0 0 0 6px; color: #000; text-decoration:none }
.footer ul li a:hover { color: #01b1c2; }
 .vendor-main h2{font-size:20px; color:#000;}
.information-div label{font-size:14px; font-weight:500;}
.information-div .form-group{margin-bottom:10px;}
.information-div sub{color:#f00; font-size:16px; font-weight:600;}
.information-div .form-check-input{ margin-left:5px;}
.information-div .use{padding-left:20px;}
.maximum{padding-left:40px;}
.white-box.attachments{padding:0;}
.invoice-team .btn-group{width:100%;}
.invoice-team .btn-group a{width:100%; text-align:left;}
.invoice-team .btn-group .dropdown-toggle::after{float:right; margin-top:6px;}
.later{margin-top:10px;}
.later label{padding-left:16px;}
.invoice-team{margin-bottom:30px;}
.rate-box{background:#fff; margin-top:20px;}
.dropdown-menu.mailbox.animated.bounceInDown{width:280px;}
.starting{margin-bottom:5px; display: inline-block;}
.later{padding-top:0px;display: inline-block;}
.account-box.credit{padding-top:35px;display: inline-block;}
.unpaid.purchase .overdueright1{width:100%; min-height:73px;}
.prepare{background:#fff!important; border:solid 1px #ccc; color:#000!important;}
.stepProgressBar{display: table;width:100%;padding:20px 0 40px 0;margin-left:15px;}
.currentStep {background-color:#2ca01c!important;border: 2px solid #ffffff;box-shadow: 0 0 0px 2px #dcdcdc;color: #fff;}
.step {width: 2.8rem;height: 2.8rem;padding: 5px;border: 2px solid #dcdcdc;border-radius: 500px 500px 500px 500px;float: left;min-height: 10px;transition: background-color 1s;background-color: #ffffff;position: relative;color: #969696;}
.stepOrder{color: #ffffff;text-align: center;margin-top: -1px;color: #c7c7c7;height: 10px;}
.stepName{position: relative;margin-top: 20px;width: 200px;left: 50%;margin-left: -100px;text-align: center}
.stepLine{border-bottom: 2px solid #ddd;display: inline-block;width: 5%;float: left;margin-top: 10px;}
.step {width: 2.8rem;height: 2.8rem;padding: 5px;border: 2px solid #dcdcdc;border-radius: 500px 500px 500px 500px;float: left;min-height: 10px;transition: background-color 1s;background-color: #ffffff;position: relative;color: #969696;}
.stepOrder {text-align: center;margin-top: -3px;color: #c7c7c7;height: 10px;}
.step .stepName {position: relative;margin-top: 20px;width: 200px;     text-transform: uppercase;left: 50%;margin-left: -100px;text-align: center;}
.upload-file{font-size:16px; color:#000; font-weight:600; padding-bottom:6px; margin-top:5%;}
.samplefile{margin-top:15px; color:#0077c5; margin-bottom:6%;}
.payment-div{text-align:center;  width:100%;}
.inactivepopup .no-left {float: left;left: 11px; background:none; border:solid 1px #ccc; color:#969696;position: absolute;}
.inactivepopup .modal-footer button{padding:6px 25px;}
.inactivepopup .modal-header{position:absolute; right:0; border:0; z-index:999;}
.inactivepopup .modal-body{padding:50px 20px;}
.inactivepopup .modal-body img{padding-right:10px;}
.activ-text{font-size:14px;}
.ccbcc{float:right;}
.topmargin{margin-top:20px;}
.form-control#Textarea9{height:40px;}
.onpayments{margin-top:10px;}
.laterlater0{margin-top:0!important;}

/*===================== Createaccount ===============================*/

.createaccount .help-block{ font-size:12px; color:#ff6849; opacity:0; margin: 5px 0 0 0;}
.createaccount .form-group{ margin-bottom:0;padding-bottom: 10px;}
.createaccount .lodin-right h2{font-weight:600; font-size:22px; line-height:30px; text-align:center;}
.createaccount .lodin-right spna{padding-bottom:10px; display:inline-block;}
.createaccount .sign-in{width:100%; background:#2CA01C; border-color: #2CA01C; padding:10px 0px;}
.createaccount .sign-in img { margin-right:5px; }
.createaccount-right ul {margin: 0; padding: 15px 0 0 0;}
.createaccount-right ul li{list-style:none; display:inline-block; width:100%; padding-bottom:10px;}
.createaccount-right ul li .features{ float:left; width:40px;}
.createaccount-right ul li .features img{margin-bottom:0;}
.createaccount-right ul li .features-right{display:table-cell; padding-left:20px; padding-top:5px;}
.lodin-left.accounting{text-align:left; padding:60px; min-height: 801px;}
.accounting h2{font-weight:600; font-size:20px; line-height:26px; text-align:left;}
.accounting h3{font-weight:600; font-size:20px; line-height:26px; text-align:left;}
.subscribe{ font-size:17px; color:#595d61; line-height:22px; padding-bottom:20px; padding-top:10px;}
.excludes{border-bottom: solid 5px #000;margin: 10px 0 40px 0;display: table;width: 100%;}
.applicable{font-size:16px; font-weight:400;}
.footer.footer1{padding-left:0; padding-right:0;}
.expert{color:#fff; text-align:right;}
.expert strong{font-weight:600;; font-size:14px; display:block;}
.expert span{font-weight:400;; font-size:12px;display:block;}
.warning{background: url(../images/warning.png) no-repeat 98% 50%;background-size: 22px;}
.check{background: url(../images/check.png) no-repeat 98% 50%;background-size: 22px;}
.all-crd{float:right; top:-3px; position:relative;}

/*===================== Createaccount And ===============================*/
/*===================== Setup ===============================*/
.setup-footer button {background:#108000; color:#fff; font-weight:600; outline:0; font-size:16px; border:0; padding:4px 15px 6px 15px; border-radius:3px;}
.footer.setup-footer{padding-left:0; padding-right:0;}
.footer.setup-footer .false{float:right;}
.progress.business-part{display:table; width:100%; height:6px; margin-bottom:0; border-radius:0;}
.login-main a.logo{margin-bottom:12px; display:inline-block;}
.progress.business-part .progress-bar{background-color:#108000;}
.login-main .number{color:#fff; float:right; padding-top:20px;}
.footer.setup-footer button.back{background:none; color:#393a3d; color:#fff; box-shadow:0 0 0 1px #8d9096;}
.footer.setup-footer button.back:hover{background:#fff; color:#000;}
.started-part ul{margin:0; padding:0;}
.started-part ul li{list-style:none; border:solid 1px #ccc; width:23%; min-height:140px; float:left; text-align:center; padding:15px 15px 5px 15px; margin:0 5px; border-radius:3px; margin-bottom:12px;}
.textContent{ font-size:12px; line-height:16px; padding-top:10px;}
.login-box.createaccount .google-link{ margin:15px 0; display:inline-block;}
.login-box.createaccount .ius-partner-separator{margin:20px 0;}
.login-box.createaccount label{ font-weight:500;}
.login-main .logo-center{margin:0 auto 10px; display:table;}
.header-top {background: #707070; display: table; width: 100%; color: #fff;  padding: 12px 15px;}
.header-top a{color:#fff;}
.header-top a:hover{text-decoration:none;}
.header-top span{float:right;}
.header-top .left-arrow{margin-right:6px;}
.use-text.use-text2{text-align:center; margin-top:10px;} 
.use-text.things{text-align:center;}
.use-text.things a,
.use-text.use-text2 a{display:inline-block;}
.createaccount-box{margin-bottom:50px;}
.createaccount-box1{margin-bottom:50px;}
.createaccount-box1 h2{margin-bottom:30px;}
.check-part input{float:left;}
.check-part label{margin-top:14px; margin-left:6px;}
.check-part{padding:0 0 20px 0;}
.vertical-tabs1 .vtabs ul li{width:100%;}
.vertical-tabs1 .vtabs ul li a{border-bottom:solid 1px #eee; margin-bottom:0;}
.vertical-tabs1 .vtabs ul li a.nav-link.active{background:#eceef1;    border-right:2px solid #eceef1; color:#000; width:200px;}
.vertical-tabs1 .vtabs{width:100%;}
.remember-user {margin-bottom: 20px; }
.remember-user .remember {margin: 4px 0 0 0; padding-left: 5px; font-weight: normal; }

/*===================== Setup ===============================*/

.company-text{display:block; margin-bottom:0;}
.is-readonly input{border:0;}
.is-readonly button,
.is-editing button,
.is-readonly button:hover,
.is-editing button:hover{background:#2CA01C; color:#fff; border-radius:3px;}
.company-name label{margin-left:6px;}
.Company-type{margin-top:20px; border-top:solid 1px #eee; padding-top: 15px;}
.payroll-part .form-group{margin-bottom:10px;}
.companyid{color:#006400; font-weight:500;}
.form-group.company-name{margin-bottom:10px;}
.companyadd input{ margin-bottom:6px;}
.facing-part{margin-top:15px;}
.dropfile .dropify-wrapper{width:120px; height:120px;}
.dropfile .dropify-filename,
.dropfile .dropify-infos-message{display:none!important;}
.edit-icon{background:none!important; border:0!important; outline:0!important;}
.cancel-button,
.cancel-button:hover{background:#2CA01C; color:#fff!important;border-radius: 3px;}
a.billing-see{border:0; outline:0; background:none; color:#23527c!important; cursor:pointer;}
.gotit-button button{ margin:0 auto; display:table;  background: #2CA01C; border:0;}
.gotit-button button:hover{background:#2CA01C; border:0; color:#fff;}
.pricing-paet h2{font-size: 22px; line-height:27px; margin:0 0 20px 0;}
.current-plan{margin-bottom:10px;}
.current-plan span{color:#2ca01c;}
.annual-plan .modal-header{border-bottom:0; margin:0; height:0;}
.payrollpart{border:solid 1px #ccc; padding:10px; background:#fff; margin-bottom:15px;}
.information-information{background:#eceef1; padding:15px;}
.save-information{background: #2CA01C;padding: 8px 30px;color: #fff;border-radius: 3px;border: 0;margin: 0 auto;display: table;}
.divShowHide{display:none;}
.btnShowHide{background:none; color: #23527c;}
.through-main h2{padding:10px;}
.through-main span{text-align:center; font-size:18px;}
.through-main .pricing-paet{ margin-bottom:20px; text-align:center;}
.through-main .through-box{text-align:center; margin: 20px 0; display:inline-block; width:100%;}
.through-box .chat-img{ margin-bottom:6px;}
.through-main .callus{padding-top:5px; font-weight:600;}
.or-separator { position: relative; height: 100%; top:0; }
.or-separator::before { top: 0; content: ""; position: absolute; width: 1px; height: 100%; background: #d4d7dc; }
.or-separator .or-text { padding: 10px; position: absolute; background: #fff; left:9px; width: 50px;  top: 50%;  margin-top: -16px;  line-height: 1;  font-size: 1.3rem; }
.through-main .gotit-button{text-align:center; display: inline; background:rgb(244, 245, 248); color:rgb(0, 119, 197);}
.history-part{border: 1px solid #cccccc61;padding: 10px;margin: 20px;background:#eeeeee00;}
.history-part table.dataTable.row-border tbody th,
.history-part table.dataTable.row-border tbody td,
.history-part table.dataTable.display tbody th,
.history-part table.dataTable.display tbody td { border-top: 1px solid #ddd; }
.history-part table.dataTable tbody th,
.history-part table.dataTable tbody td {padding:8px 10px;}
.history-part table.dataTable tr:hover{background:#cccccc26;}
.history-part thead th{font-weight:600; padding:8px 10px;}
.history-part .dataTables_length,
.history-part .dataTables_filter,
.history-part .dataTables_info{ display:none;}
.history-part #example_paginate{float:right;}
.history-part #example_paginate span a{padding:0 4px;}
.history-part table{border-bottom:solid 1px #ccc;}
.history-part .paging_simple_numbers{padding-top: 10px;}
.history-part td a{color:#000;}
.clear-part{background:#cccccc52; padding:10px; width:100%;}
.cleartogal{ position:relative;}
.cleartogal{float:left;}
.cleartogal .cleartogal-bottom{display:none;}
.cleartogal:hover .cleartogal-bottom{display:block; border: solid 1px #ccc; position:absolute; background:#fff;width: 500px;padding: 10px;border-radius: 5px;}
.cleartogal-bottom .reset{border:solid 1px #ccc; float: left; padding: 7px 20px;color: #000;border-radius: 3px;}
.cleartogal-bottom .apply{border:solid 1px #ccc; padding: 7px 20px;color:#fff; border-radius: 3px; background:#2ca01c; float:right;}
.history-part tr:hover{background:#cccccc26;}
.history-part td{padding:5px 10px;}
.history-part.history-part1 th{background:#cccccc52!important;}
.history-part.history-part1{min-height:500px;}
.grebtitle h2{font-size:26px; color:#000; font-weight:300; margin:0;}
.grebtitle span{margin-bottom:20px; display:inline-block;}
.payment-to{margin-bottom:20px; display:inline-block; width:100%;}
.payment-to span{font-size:14px; color:#ccc; display: block;}
.payment-to strong{font-size:14px; color:#000; font-weight:600;}
.totel-right{text-align:right;}
.totel-right span.total-left{ padding-right:10px;}
.totel-right span.rupes-totle{font-size:30px;}
.vertical-tabs1{min-height:800px;}
#through-price .modal-content,
#switchto .modal-content{border:solid 1px #ccc;}

/*13-04-2018 Changes in next prev */    

#Vendorgrid select { width: 12px; float: right; margin: 5px 0 0; }
.k-pager-wrap .k-pager-numbers .k-state-selected { padding-top:4px; }
.k-pager-numbers .k-link, .k-pager-wrap>.k-link { height:28px; }
.k-pager-wrap .k-pager-numbers .k-state-selected {margin-right:3px;}
.search-box.costomers-search { width:300px; }
.search-box input[type=text] { padding:6px 20px 6px 40px; }
.login-box { display:flex; }
.login-box .col-sm-6.col-md-6 { background:#eee !important; }
.login-box .col-sm-6.col-md-6:last-of-type { background:#fff !important; }
#forget-password-form { min-width: 320px; margin: 35px auto 0; }
.greb-cloud-register-page .login-box, .login-page .login-box, .user-billing-info-page .login-box { display: block; }
.greb-cloud-register-page-header, .greb-cloud-register-page-header span { text-align: center; float: none; }
.login-box .lodin-right.register-create-accountbox { padding: 30px 13px; }
.login-box .lodin-right.register-create-accountbox .control-group.form-group { margin: 0; }
#forget-password-form .lodin-right, #login-page .lodin-right, #register-page .lodin-right, #user-billing-info-page .lodin-right, 
#check-email-token-page .lodin-right { padding: 0; border-radius: 5px; }
#forget-password-form .logo-bg img, #login-page .logo-bg img, #register-page .logo-bg img, #user-billing-info-page .logo-bg img, 
#check-email-token-page .logo-bg img { margin: 0 auto 15px; display: table; padding: 15px; }
#login-page .logo-bg img, #forget-password-form .logo-bg img, #check-email-token-page .logo-bg img { margin: 0 auto 30px;  max-width:100%; }
#forget-password-form .form-part, #login-page .form-part, #register-page .form-part, #user-billing-info-page .form-part,
#check-email-token-page .form-part { margin: 0; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; }
#forget-password-form .email-text, #login-page .email-text, #register-page .email-text, #user-billing-info-page .email-text,
#check-email-token-page .email-text { height: 40px; vertical-align: middle; }
#forget-password-form .email-text label, #login-page .email-text label, #register-page .email-text label, #user-billing-info-page .email-text label,
#check-email-token-page .email-text label { line-height: 40px; margin-bottom: 0; }
#forget-password-form .sign-up-text, #login-page .sign-up-text, #register-page .sign-up-text, #user-billing-info-page .sign-up-text,
#check-email-token-page .sign-up-text { font-size: 14px; margin: 0; line-height: 34px; }
#forget-password-form .sign-up-text a, #login-page .sign-up-text a, #register-page .sign-up-text a, #user-billing-info-page .sign-up-text a,
#check-email-token-page .sign-up-text a {font-weight: 600; font-size:15px; }
#forget-password-form .lodin-right h2, #register-page .lodin-right h2, #user-billing-info-page .lodin-right h2,
#check-email-token-page .lodin-right h2 { text-align: center; margin: 0; padding: 0 0 15px 0; }
#forget-password-form .lodin-right h2 { padding-bottom: 10px; }
#forget-password-form .sign-up-forgot-pass-btn, #login-page .sign-up-forgot-pass-btn, #register-page .sign-up-forgot-pass-btn, #user-billing-info-page .sign-up-forgot-pass-btn,
#check-email-token-page .sign-up-forgot-pass-btn { padding: 15px; }
#forget-password-form .footer, #login-page .footer, #register-page .footer, #user-billing-info-page .footer, 
#check-email-token-page .footer { padding: 20px 0px; }
#forget-password-form .btn-primary, #login-page .btn-primary, #register-page .btn-primary, #user-billing-info-page .btn-primary,
#check-email-token-page .btn-primary { color: #fff; background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); border-color: #0bb5af; border-radius: 5px; }
#forget-password-form .btn-primary:hover, #login-page .btn-primary:hover, #register-page .btn-primary:hover, #user-billing-info-page .btn-primary:hover,
#check-email-token-page .btn-primary:hover { background: rgb(61,197,114);background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); border-color: #0bb5af; }
#forget-password-form .btn-primary:hover,
#forget-password-form .btn-primary:focus,
#forget-password-form .btn-primary:active,
#forget-password-form .btn-primary.active,
#forget-password-form .open .dropdown-toggle.btn-primary,
#login-page .btn-primary:hover,
#login-page .btn-primary:focus,
#login-page .btn-primary:active,
#login-page .btn-primary.active,
#login-page .open .dropdown-toggle.btn-primary,
#register-page .btn-primary:hover,
#register-page .btn-primary:focus,
#register-page .btn-primary:active,
#register-page .btn-primary.active,
#register-page .open .dropdown-toggle.btn-primary,
#user-billing-info-page .btn-primary:hover,
#user-billing-info-page .btn-primary:focus,
#user-billing-info-page .btn-primary:active,
#user-billing-info-page .btn-primary.active,
#user-billing-info-page .open .dropdown-toggle.btn-primary,
#check-email-token-page .btn-primary:hover,
#check-email-token-page .btn-primary:focus,
#check-email-token-page .btn-primary:active,
#check-email-token-page .btn-primary.active,
#check-email-token-page .open .dropdown-toggle.btn-primary, {
    color: #fff;
    background-color: #0040e0;
    border-color: #0037bd;
}

#forget-password-form .use-text a, #login-page .use-text a, #register-page .use-text a, #user-billing-info-page .use-text a,
#check-email-token-page .use-text a {
    color: #000;
    text-decoration: none;
}
#forget-password-form .use-text a:hover,
#login-page .use-text a:hover,
#register-page .use-text a:hover,
#user-billing-info-page .use-text a:hover,
#check-email-token-page .use-text a:hover {
    color:#01b1c2;
}
 

#login-page .logo-bg,
#check-email-token-page .logo-bg {
    border-radius: 0;
    position: relative;
}
 
.login-page, .forgot-pass-page, .greb-cloud-register-page, .user-billing-info-page {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
}

div#login-page, div#forget-password-form, div#register-page, div#user-billing-info-page,
div#check-email-token-page {
    top: 50%;
    left: 26px;
    right: 26px;
    position: absolute;
    margin: auto;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

div#login-page, div#forget-password-form, div#register-page, div#user-billing-info-page,
#check-email-token-page {
    max-width: 615px;   
}

.text-psd {
    text-align:left;
}

div#user-billing-info-page {
    width: 780px;
    height: 805px;
}

#register-page .btn-primary#sendMessageButton, #user-billing-info-page .btn-primary#sendMessageButton {
    border-radius: 5px;
    outline: none;
}

#register-page .use-text a {
    font-weight: 500;
}

div#user-billing-info-page .use-text {
    padding: 10px 0;
}

#register-page .createaccount-box, #user-billing-info-page .createaccount-box1 {
    margin-bottom:0;
}

div#login-page .login-box,
div#forget-password-form .login-box,
div#register-page .login-box,
div#user-billing-info-page .login-box, #user-billing-info-page .check-part .form-check,
#check-email-token-page .login-box {
    margin: 0;
}

#register-page .register-create-accountbox {
    padding-bottom: 15px;
}

#logo {
    background: url(../images/logo.svg) center center no-repeat;
    height: 100px;
    background-size: 100% auto;
    display: block;
}

/* new added css for forgot pass- 10-09-20 */
.btn-secondary, #forget-password-form .use-text a.btn-secondary, #forget-password-form .use-text a.btn-secondary {
    color: #fff;
    background-color: #0073e2;
    border-color: #0073e2;
    border-radius: 5px;
    padding: 10px 15px;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #4e0930;
    border-color: #4e0930;
}
#forget-password-form .use-text a.btn-secondary {
    float: left;
    text-align: left;
    display: block;
}
#create-a-password-template .login-box .lodin-right {
    background: #fff;
    padding: 30px 0 30px 0;
    border-radius: 0;
}
#create-a-password-template .logo-bg {
    margin-bottom: 30px;
}
#create-a-password-template .login-box .close {
    font-size: 28px;
    opacity: .4;
    filter: alpha(opacity=40);
}
#forget-password-form .logo-bg {
    border-radius: 0px;
}
#forget-password-form .lodin-right {
    padding: 0 0 0 0;    
}
#forget-password-form .logo-bg::before, #forget-password-form .logo-bg::after {
    top: 25px;
}
#create-a-password-template .logo-bg::before, #create-a-password-template .logo-bg::after {
    top: 30px;
}

.createanew {
    text-align: center;
    display: grid;
    padding: 0 15px;
    max-width: 500px;
    margin: 0 auto;
}
.createanew h5 {
   line-height: 30px;
}
.createanew a {
   text-decoration:none;
}
.createanew span {
  padding:5px 0;
}
.privacy-mt {
    margin-bottom: 10px !important;
}

.labelup .form-floating {
    position: relative;
    margin-bottom: 12px;
}

.labelup .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    margin: 0;
    padding: 10px 12px;
    line-height: 20px;
    font-size: 14px;
    text-transform: capitalize;
}

.labelup .form-floating > .form-control-plaintext ~ label,
.labelup .form-floating > .form-control:focus ~ label,
.labelup .form-floating > .form-control:not(:placeholder-shown) ~ label,
.labelup .form-floating > .form-select ~ label {
    opacity: 1;
    transform: scale(.85) translateY(-0.7rem) translateX(0.15rem);
    color: #000;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
}
    
.labelup .form-floating > .form-control,
.labelup .form-floating > .form-control-plaintext,
.labelup .form-floating > .form-select {
    height: 41px;
    line-height: 1.25;
}

.labelup .form-floating > .form-control,
.labelup .form-floating > .form-control-plaintext {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 0px !important;
}

.labelup .form-floating > .form-select {
    padding-top: 18px;
    padding-bottom: 5px;
    font-size: 14px;
    border-radius: 3px;
}

.labelup .form-floating > .form-select:focus {
    border: #000 solid 1px;
}

.form-group.form-floating.notes > label {
    background: #fff;
    height: auto;
    margin-left: 1px;
    top: 1px;
    width: 99%;
    border-radius: 5px;
}

.labelup .form-group.form-floating.notes > .form-control:focus ~ label,
.labelup .form-group.form-floating.notes > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(1) translateY(-0.8rem) translateX(0rem);
    padding: 2px 10px 0px 10px;
    margin-top: 13px;
    width: 96%;
    margin-left: 1px;
    font-size: 14px;
    line-height: 15px;
}

.user-billing-information#user-billing-info-page {
    width: auto !important;
    height: auto !important;
    overflow: inherit !important;
    position: relative;  
    padding: 15px;
    top: inherit;
    transform: inherit;
    margin-top: 30px;
}

.logo-bg {
    background: #000;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 10px 20px !important;
}

.logo-bg img {
    margin: 0 !important;
    padding: 0px !important;
    max-width: 370px !important;
    box-sizing: border-box;
    width: 100%;
}

.validation-summary-errors ul {
    padding: 0 20px;
    margin-bottom: 0px;
}

.validation-summary-errors li {
    list-style: none;
    text-align: center;
}

@media (min-width: 768px) {
    .greb-cloud-register-page-header {
        text-align: left;
        position:relative;
        z-index:11;
    }

    .header-top span {
        float: right;
    }

    .login-page .login-box {
        display: flex;
    }
}


@media (max-height: 850px) {
    div#user-billing-info-page {
        width: 780px;
        height: 480px;
        overflow: scroll;
    }

    #user-billing-info-page .logo-bg img {
        width: 200px;
    }

    #user-billing-info-page .lodin-right h2 {
        padding: 0 0 10px 0;
    }

    .createaccount .form-group {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #user-billing-info-page .email-text {
        height: 30px;
    }

    #user-billing-info-page .email-text label {
        line-height: 30px;
    }

      
}

@media (max-width: 767px) {
    div#login-page, div#forget-password-form, div#register-page, div#user-billing-info-page, div#check-email-token-page {
        left: 15px;
        right: 15px;
    }

    .login-page, .forgot-pass-page, .greb-cloud-register-page, .user-billing-info-page {
        position: relative;
        background:transparent;
    }

    #forget-password-form .email-text label,
    #login-page .email-text label,
    #register-page .email-text label,
    #user-billing-info-page .email-text label,
    #check-email-token-page .email-text label {
        text-align: left;
        display: block;
    }

    #forget-password-form .email-text label,
    #login-page .email-text label,
    #register-page .email-text label,
    #user-billing-info-page .email-text label,
    #check-email-token-page .email-text label {
        text-align: left;
        display: block;
    }

    #logo {
        height: 50px;
        background-size: 300px;
    }

    .login-page, .forgot-pass-page,
    .greb-cloud-register-page,
    .user-billing-info-page {
        position: relative;
        overflow: visible;
        height: auto;
        margin-top: 0;
        padding: 20px 0;        
    }

    #login-page .logo-bg:before,
    #forget-password-form .logo-bg:before,
    #create-a-password-template .logo-bg:before,
    #check-email-token-page .logo-bg:before {
        left: 0px;
    }

    #login-page .logo-bg:after,
    #forget-password-form .logo-bg:after,
    #create-a-password-template .logo-bg:after,
    #check-email-token-page .logo-bg:after {
        right: 0px;
    }

    #login-page .lodin-right,
    #check-email-token-page .lodin-right {
        padding-top: 0px;
    }

    .login-box p {
        padding-bottom: 2px;
    }

    div#login-page .login-box, div#forget-password-form .login-box, div#register-page .login-box, div#user-billing-info-page .login-box, #user-billing-info-page .check-part .form-check, #check-email-token-page .login-box {
        margin: 15px 0px 0 0px;
    }

    #forget-password-form .lodin-right,
    #create-a-password-template .login-box .lodin-right {
        padding: 0;
    }

        #forget-password-form .lodin-right h2 {
            padding: 15px;
        }

    .lodin-right input {
        min-height: auto;
    }

    .remember-user .remember {
        margin-top: 0;
    }

    .login-box.createaccount {
        margin: 0px !important;
    }

    .col-xs-12.forgot-pass-page .login-box {
        margin-top: 0px !important;
    }

    button.btn.btn-secondary {
        padding: 10px 10px;
    }

    #create-a-password-template .login-box .lodin-right {
        padding: 0;
    }

    #create-a-password-template .login-box {
        margin: 0 0 0 0;
    }

    div#ResetPasswordModal .modal-dialog {
        margin: 15px !important;
    }

    #create-a-password-template .modal-dialog .modal-footer {
        padding: 15px 5px 5px;
        margin-top: 0px;
    }
    #create-a-password-template .logo-bg {
        margin-bottom: 15px;
    }
    #create-a-password-template .footer,
    #create-a-password-template .modal-footer {
        padding: 10px 5px;
    }
    div#ResetPasswordModal .modal-dialog {
        max-width: 767px;
    }

    .forgotpass .sign-up-forgot-pass-btn {
        flex-wrap: wrap;
    }
    .login-page .footer,
    .footer ul,
    .footer {
        text-align: center;
    }

    .register-create-accountbox {
        margin: 0 15px !important;
    }

    .login-page, .greb-cloud-register-page, .forgot-pass-page {
        background:transparent;
    }
    .boxshadow {
        box-shadow:none;
    }        

}
@media (max-width: 615px) {
    .forgotpass .controls {
        margin-bottom: 5px;
    }
    .linksfs {
        margin-top: 10px
    }
    .forgotpass .sign-up-forgot-pass-btn {
        padding: 20px 0 10px 0px !important;
        flex-direction: column-reverse;
        margin: 0px -15px !important;
    }
    .check-email-token .footer ul {
        text-align: center;
    }
}

@media (max-width: 414px) {
    .createaccount-box.register-create-accountbox .form-part {
        padding: 0;
    }

    div#forget-password-form .row.sign-up-forgot-pass-btn {
        padding: 0px;
        margin: 0 -15px;
    }
}

@media (max-width: 374px) {
    .modal-footer .btn + .btn {
        margin-left: 1px;
    }

    button.btn.btn-secondary {
        padding: 5px 5px;
    }
}

@media screen and (min-width:320px) and (max-width:767px) and (orientation:portrait) {

    .login-page, .forgot-pass-page {
        height: 100vh;            
    }

    div#register-page, div#register-page div#login-page {
        top: 0px;
        transform: inherit;
        position: relative;
        left: 0;
        right: 0;
    }  

}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {

    .greb-cloud-register-page {
        top: 0;
        left: 0;
        right: 0;
        position: relative;
        margin: auto;
        transform: inherit;
    }
}

@media screen and (min-width:320px) and (max-width:992px) and (orientation:landscape) {

    div#login-page, div#forget-password-form, div#register-page, div#user-billing-info-page, div#check-email-token-page,
    div#ResetPasswordModal .modal-dialog {
        top: 0;
        left: 0;
        right: 0;
        position: relative;
        margin: auto;
        transform: inherit;
    }
}