/* muli-200 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-500 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-800 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-900 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-200italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-200italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-500italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-500italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-600italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-800italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-800italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-900italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-900italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Muli';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli/muli-v19-vietnamese_latin_latin-ext-700italic.svg#Muli') format('svg'); /* Legacy iOS */
}

body, html { height: 100%; font-family: 'Muli', sans-serif; font-display: swap; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; color: #000; font-size: 16px;}

/*--Common CSS Start--*/
.font-bold{font-weight: bold;}
.mb-40{margin-bottom: 40px;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #ff0500;font-size: 14px;}
/*.form-group{margin-bottom: 0px;}*/
/*--Common CSS End--*/

/*--Sign In Start-*/
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}
.signup-parent {position: relative;background: #fffee6;padding: 20px;border: 2px solid #f4ea0b;}
.signup-parent .form-group{margin-bottom: 20px;}
.signup-parent:before {content: '';width: 100%;height: 100%;padding: 20px;background: #F4EA0B;position: absolute;z-index: -1;left: -15px;bottom: -15px;}
.signup-parent .header-txt p{font-size: 20px;font-weight: 600;margin: 0px;}
.signup-parent .header-txt .heading{color: #0E8E00;padding: 0px; margin: 0px;font-weight: 900;}
.form-parent h4{font-weight: 600;margin-top: 0px;}
label{font-size: 14px;font-weight: normal;margin-bottom: 8px;}
:focus{outline: none;}
.input-parent {display: flex;position: relative;flex-flow: column-reverse;/*margin-bottom: 2em;*/}
.input-parent label {font-size: 14px;font-weight: 600;padding-top: 0px;margin-bottom: 3px;}
.input-parent input, select{color: #333;width: 100%;box-sizing: border-box;background: transparent;}
.border-effect{border: 0;padding: 0px 3px 0px;border-bottom: 1px solid #ccc;}
.border-effect ~ .focus-border{position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #ffb311;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.border-effect:focus ~ .focus-border{width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
label, input, select{-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;touch-action: manipulation;}
/*input:placeholder-shown + label, select:placeholder-shown + label {color: #75757d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: left bottom;-webkit-transform: translate(0, 2.125rem) scale(1.1);-moz-transform: translate(0, 2.125rem) scale(1.1);-ms-transform: translate(0, 2.125rem) scale(1.1);-o-transform: translate(0, 2.125rem) scale(1.1);transform: translate(0, 2.125rem) scale(1.1);cursor: text;}*/
::-webkit-input-placeholder {opacity: 0;transition: inherit;}
input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {opacity: 1;}
/*input:not(:placeholder-shown) + label, input:focus + label, select:not(:placeholder-shown) + label, select:focus + label {color: #ffb311;-webkit-transform: translate(0, 0) scale(1.0);-moz-transform: translate(0, 0) scale(1.0);-ms-transform: translate(0, 0) scale(1.0);-o-transform: translate(0, 0) scale(1.0);transform: translate(0, 0) scale(1.0);cursor: pointer;font-weight: 600;}*/
::-webkit-input-placeholder { /* WebKit browsers */color:    #fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #fff;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #fff;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:    #fff;}
/*input:not(:placeholder-shown) + label, input:focus + label, select:not(:placeholder-shown) + label, select:focus + label {color: #ffb311;-webkit-transform: translate(0, 0) scale(1.0);-moz-transform: translate(0, 0) scale(1.0);-ms-transform: translate(0, 0) scale(1.0);-o-transform: translate(0, 0) scale(1.0);transform: translate(0, 0) scale(1.0);cursor: pointer;font-weight: 600;}*/
.field-signupform-user_package_id select#signupform-user_package_id {padding: 8px 3px;font-weight: 600;position: absolute;z-index: 2;}
.field-signupform-cashbook_id select#signupform-cashbook_id {color: #000;padding: 8px 7px;font-weight: 600;position: absolute;z-index: 2;}
.field-signupform-user_package_id .input-parent, .field-signupform-cashbook_id .input-parent{margin-top: 40px;}
.field-signupform-user_package_id label ,.field-signupform-cashbook_id label{width: 100%;font-size: 14px;font-weight: 600;padding-top: 0px;margin-bottom: 3px;text-align: left;}
.overlap-div{position: absolute;width: 100%;height: 39px;z-index: 1;}
.field-signupform-user_package_id .overlap-div{background: #33e81f;}
.field-signupform-cashbook_id .overlap-div{background: #f4ea0b;}
.field-signupform-cashbook_id select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.field-signupform-user_package_id select{color: #000;}
.field-signupform-user_package_id select option {color: #000;}

p.pass-suggetion {color: #000;font-size: 14px;font-weight: 600;padding: 5px;position: relative;line-height: 1.2;background: #b6deff;margin-top: -2px;}
p.pass-suggetion:after {content: "";width: 0px;height: 0px;position: absolute;top: -15px;left: 5px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 15px solid #b6deff;}

.home-btn-parent{float: left;}
.home-btn a, .home-btn button {width: 150px;height: 50px;color: #000;position: relative;background: #f4ea0b;border-radius: 7px;margin: auto;display: block;padding: 10px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.home-btn a:hover, .home-btn button:hover, .home-btn a:focus, .home-btn button:focus {color: #33e81f;background: #212121;text-decoration: none;}

.common-btn-parent{float: right;}
.common-btn a, .common-btn button {width: 150px;height: 50px;color: #000;position: relative;background: #33e81f;border-radius: 7px;margin: auto;display: block;padding: 10px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.common-btn a:hover, .common-btn button:hover, .common-btn a:focus, .common-btn button:focus {color: #33e81f;background: #212121;text-decoration: none;}

p.help-block.help-block-error {text-align: left;}
h4.note{padding-bottom: 20px;}
.g-recaptcha + .help-block.help-block-error.captcha-error{color: #ff0000;text-align: left;}

/*--Responsive View--*/

@media (max-width: 575px){
.g-recaptcha iframe {max-width: 100% !important;transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin: left !important;-webkit-transform-origin: left !important;}
#rc-imageselect {transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}
}

@media (max-width:767px){
.signup-parent {padding: 20px;}
.signup-parent:before{display: none;}
.home-btn-parent{width: 100px;float: left;}
.common-btn-parent{width: 125px;float: right;}
.home-btn, .common-btn{width: auto;}.home-btn a, .home-btn button, .common-btn a, .common-btn button {width: auto;}
.common-btn button {float: right;}
}

@media (max-width:1199px){ 
.home-btn, .common-btn{height: 45px;}
a, button{font-size: 16px !important;}
}

@media (min-width: 768px) and (max-width:1199px){
.home-btn, .common-btn{height: 45px;}
}

/*--Payment Start--*/

.payment-details > .row{display: flex;}
.payment-parent {padding: 50px;background: linear-gradient(90deg, #ffb311, #ffe945);}
.payment-bg {background: #fff;box-shadow: 0 0px 15px #d49100;outline: none;border: 1px solid #f4c92a;}
.heading{font-size: 28px;font-weight: 900;padding:0px; margin: 0px;}
.bottom-section {height: 100%;background: #eaeaea;}
.payment{padding-top: 10px;}
.upgrade-heading {padding: 7px;font-size: 22px;font-weight: 900;text-align: center;background: #f4ea0b;}
.left-section {padding: 25px 0px 25px 25px;}
.right-section{height: 100%;}
.second_column p{padding: 7px;margin: auto;}
.confirm-btn a ,.confirm-btn button {width: 160px;height: 50px;color: #000;position: relative;background: #33e81f;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.confirm-btn a:hover, .confirm-btn button:hover {color: #33e81f;background: #212121;text-decoration: none;}
.cancel-btn a, .cancel-btn button {width: 160px;height: 50px;color: #000;position: relative;background: #f9ea00;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.cancel-btn a:hover, .cancel-btn button:hover {color: #33e81f;background: #212121;text-decoration: none;}
.fl{float: left;}
.form-actions .fl{margin-right: 20px;}
.trans-form p.help-block.error {color: #ff0000;font-size: 14px;float: left;}
.exp-date .input-parent{display: block !important;}
.exp-date .input-parent select{width: 45%;margin-right: 10px;}
/*.trans-form .input-parent {margin-bottom: 2em;}*/
.payment-details .control-group{margin-bottom: 15px;}
.pay_info {font-size: 14px;padding: 3px 5px;background: #cbe7ff;}
.visa-pay{padding-top: 8px;background: #fff;margin: 10px;}
a.mcard, a.visa {width: 100%;height: 35px;display: inline-block;text-align: center;}
a.mcard {background: url(../images/visa_256.png) no-repeat;background-size: contain;}
a.visa{background: url(../images/mastercard.png) no-repeat;background-size: contain;}

/*--Responsive View--*/

@media (max-width:767px){  
.payment-details .row{display: block;}
.payment-parent {padding: 3%;}
.left-section {padding: 20px;}
.confirm-btn, .cancel-btn{margin-bottom: 20px;}
}

@media (min-width:768px) and (max-width:991px){  
.payment-parent {padding: 20px;}
}

@media(max-width: 1199px){
.confirm-btn, .cancel-btn{height: 45px;}
.confirm-btn a, .confirm-btn button, .cancel-btn a, .cancel-btn button{font-size: 16px;}
}

/*--Transaction Error Msg--*/

.in-trans-div {border: 1px solid #dc0000;border-radius: 15px;background: #ffefef;overflow: hidden;padding: 15px;max-width: 650px;margin: auto;box-shadow: 0 2px 20px 0px #ffd7d7;}
.in-trans-div p{color: #dc0000;margin: 0px;}
.in-trans-div .btn-success{margin-top: 10px;}

/*--Payment End--*/
/*-------------- select cashbook -----------*/
.loader {position: absolute;top: 14px;right: 5px;}
#navbar{left:0px;}
.sel-cashbook{padding: 130px 0px 50px;}
.select-cashbook-block{border:1px solid #000;border-radius: 8px;padding:15px;margin: 20px 0px 40px;}
.select-cashbook-block h1{margin: 0px 0px 35px;text-align: center;}
.cashbook-block{background-color: #f4ea0b;text-align: center;display: flex; min-height: 74px;width: 225px;  justify-content: center;  align-items: center; box-shadow: 3px 3px 10px #8c8c8c; padding: 10px;border:1px solid #000;border-radius: 8px;margin:15px 0px;}
a.cashbook-block1 {margin: 0px;font-weight: 700;font-size: 16px;color:#000;text-decoration: none;}
.display-flex{display: flex;justify-content: center;}
.home-button-scash {    width: 150px;    height: 50px;    color: #000;    position: relative;    background: #33e81f;    border-radius: 7px;    margin: auto auto 20px auto;    display: block;    padding: 10px;    text-align: center;    font-size: 18px;    font-weight: 600;    box-shadow: 3px 3px 10px #8c8c8c;    -ms-transition: all.2s;    -o-transition: all.2s;    -moz-transition: all.2s;    -webkit-transition: all.2s;    transition: all.2s;border:1px solid;}
.home-button-scash a{font-size: 17px;font-weight: 600; margin: 0px; padding: 0px;}
footer .f-bottom{position: absolute;bottom: 0; width: 100%; height: 60px; line-height: 60px;left:0;}
.cashbook-block:hover{transform: scale(1.1);  transition: all 0.2s;   color: #000 !important;    background: #71e752;}
.home-button-scash:hover{color: #33e81f;
    background: #212121;
    text-decoration: none;border:1px solid #212121;
}

/* thanks for sign up */
.tick-img-position img{position: absolute; float: left;    left: -16px;    top: -9px; }
.thnnk-sign-heading{background-color:#faea00;padding:15px;border-radius: 7px;}
.thnnk-sign-heading h2{margin:0;font-weight: 700;}
.contentobox{padding:25px; box-shadow: 7px 7px 17px #d9d9d9; border-radius: 30px;}
.para-text-box img{position:absolute;left: 8%;}
.para-text-box p{font-weight: 700!important; font-size: 19px!important; margin-bottom: 22px;}
.para-text-payment p{    font-weight: 700!important; font-size: 19px!important; margin-bottom: 22px;}
.books-in-order h3{margin-bottom: 40px;}
.tnank-sign-up-qr .img-border{width: 140px; margin-bottom:15px;}
.signupbtn{background: #23d90f; border-radius: 7px; width: auto; position: relative; height: 55px; color:#fff!important;}
.signupbtn:before	{content: ""; position: absolute; left: 4px; top: 4px; background: transparent; border: solid 1px #000; border-radius: 7px; padding: 3px; width: 100%; height: 100%;}
.d-flexbtn{display:flex; justify-content:center;    margin-top: 25px;}
.signupbtn a{    font-size: 18px;font-weight: 700;    z-index: 9999999;}
.th-signup{margin-top:100px;    margin-bottom: 35px;}
.th-paymentheader{margin-top:0px;    margin-bottom: 35px;}
.btn-thank{margin-top:10px;}
.ftr-share img{margin-bottom:15px;margin-left: 15px;}
.signup-btn{
	font-weight: 600;
	font-size: 18px;
	border: solid 1px #23d90f;
	border-radius: 11px;
	color: #000;
	padding: 13px 10px 7px;
	background: #23d90f;
	display: block;
	max-width: 235px;
	margin: auto;
	text-align: center;
	position: relative;
	text-transform: capitalize;
}
.signup-btn::before{
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	background: transparent;
	border: solid 1px #000;
	border-radius: 7px;
	padding: 3px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

@media (max-width:550px){ 
	.para-text-box img{display:none;}
}
@media (max-width:767px){ 
	.tick-img-position img{display:none;}
}
@media (max-width:1400px){ 
	.th-signup { margin-top: 0px;}
	.books-in-order h3{margin-bottom: 10px; font-size: 20px;}
	.contentobox { padding: 20px;  box-shadow: 7px 7px 17px #d9d9d9; border-radius: 30px;}
	.para-text-box p { font-weight: 600;  font-size: 14px; margin-bottom: 22px;}
	.para-text-box img {position: absolute; left: 14%;}
	.thnnk-sign-heading h2 {margin: 0; font-weight: 700; font-size: 27px;}
}
/*END */
/*css for payment error  page by Pratap on be half of Satish*/
.payment-bg-error {background: #fff;box-shadow: 0 0px 15px #d49100;outline: none;border: 1px solid #f4c92a; text-align:center; padding:20px;}
.back-to-home { color: #337ab7;
    text-decoration: underline;
    font-weight: 600;
}
/*css for sign up page by Pratap on be half of Satish for cashbook type lable in sign up form*/
.cashbook-type-selected{background: #f4ea0b !important; padding:8px 7px;}
/* Css added by Pranita Jadhav for Let's get started page redesign page 25-07-2023*/
.getStarted-form{background: #F4F4F4;padding: 50px 25px 10px 25px;margin-bottom: 20px;}
.navigation-bar{ width: 100%;background: #161616;position: fixed; top: 0; z-index: 999;left: 0px;    transition: all .2s;}
.header-logo{display: block;  margin: 7px 0px; float: left;}
.header-logo-img{ max-width: 100%; height: auto;}
.header-menu{ display: block;}
.header-menu p{ color: #fff; padding: 19px 0px; font-size: 18px; font-style: italic; margin-bottom: 0px}
@media (max-width: 767px){
    #navbar .header-menu {display: none;}
    .header-resp {margin-top: 34px;}
    .navigation-bar .col-sm-3.col-xs-3 {z-index: 9;}
    .header-logo {width: 150px;margin: 5px 0px;}
  }
/*Lets get started heading design css*/
.letsGetStartedSection{ padding: 170px 0px 50px;;margin: auto;}
.getStarted-parent{background: none; border:none;padding: 0;}
.getStarted-parent:before{content: none;}
.getStarted-main-heading{margin-bottom: 20px; margin-top: -40px;}
.getStarted-main-heading .guest-heading { background: #f9ea00; padding: 15px;border-radius: 40px;  overflow: hidden;  display: flex;  justify-content: center;  align-items: center;  box-shadow:4px 6px 5px -2px #858585;}
.getStarted-main-heading .guest-heading .heading{ margin: 0px; padding: 0; font-weight: 600; font-size: 36px;color: #000;}
.getStarted-parent .getStarted-sub-heading p{ font-size: 28px; font-weight: 800;}
.form-heading{font-size: 24px;}
.getStarted-form .form-heading { font-size: 22px;}
/*Lets get started form design css*/
.getStarted-signupform{padding-top: 10px;}
.field-signupform-user_package_id .getStarted-form-label, .field-signupform-cashbook_type .getStarted-form-label{ font-size: 16px;padding-bottom: 5px;}
.getStarted-form-input .form-group, .getStarted-form-select .form-group, .getStarted-form-select .field-signupform-country_id{margin-right: 30px;}
.getStarted-form-input input{border: 1px solid #686868;  border-radius: 25px; height: 40px;    padding: 5px 15px;}
.getStarted-form-input label{color: black; font-size: 16px;}
.form-input-border ~ .focus-border{height:0;}
.getStarted-form-input select{border: 1px solid #686868; border-radius: 25px; height: 40px; padding: 5px 15px;}
.getStarted-form-select input{border: 1px solid #686868; border-radius: 25px; height: 40px; padding: 5px 15px;}
.getStarted-form-select label{color: black; font-size: 16px;}
.getStarted-form-flex{display: flex;}
.getStarted-form-flex .common-btn-parent{margin-left: 25px;}
.lets-start-btn button{width: 170px; background: #f4e83d;box-shadow: none;}
.lets-start-btn button:hover{color:white}
.get-start-back a{ background: #000000; color: #fff;box-shadow: none;}
.get-start-back a:hover{background: #3c3c3c; color: #f5d300; text-decoration: none;}
.custom-label{position: relative;}
.custom-radio input[type="radio"] { display: none; }
.custom-radio .control__indicator { background: #fff; border: solid 2px #b5b5b5; border-radius: 50%; cursor: pointer; display: block;}
.custom-radio .control__indicator:after { border-radius: 50%; content: ""; height: 100%; left:0; position: absolute; top:0; bottom:0; right:0; margin:auto;}
.custom-label input[type='radio']:checked + .control__indicator:after { border-color: red; background: #85878a;}
.custom-label {display: block;position: relative; cursor: pointer; font-size: 18px; padding-left: 46px; margin-bottom: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-label input { position: absolute; opacity: 0; cursor: pointer;}
.control__indicator { top: 6px; left: 4px; height:12px; width: 12px; position: absolute; border-radius: 50%; background-color: #cccccc;}
.custom-label:hover input~.control__indicator { background-color: #ccc;}
.custom-label input:checked~.control__indicator { background-color: #000; outline: 1px solid black; border: 2px solid white; transition: all 0.3s ease-in;}
.control__indicator:after {  content: "";  position: absolute; display: none;}
p.password-sugg{ background: #f7ef9c;}
p.password-sugg::after{border-bottom: 15px solid #f7ef9c;}
::placeholder{color:grey;}
.getStartedBtn .common-btn-parent{float: none;}
.getStartedBtn .home-btn-parent{float: none;    margin-left: 10px;}
.getStartedBtn{display:flex;}
/* CSS added by Pranita Jadhav for cashbook selection page 26-12-2023*/
.cshbk-signup-header-block{border: none;padding: 0; background-color: #f4f4f4;}
.cshbk-signup-header-txt{background: #000 !important;border-bottom-left-radius: 12px;  border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; box-shadow: 4px 6px 5px -2px #858585;  }
.cshbk-signup-header-txt h1{color: #fff; font-size: 32px; padding: 17px 0px; margin: 0; font-weight: 600;}
a.signup-cshbk-block{margin: 15px 0;overflow: hidden; display: block; position: relative; max-width: 262px;  background-color: #fff; border-radius: 4px; padding: 0; margin: 12px; text-decoration: none; z-index: 0; box-shadow: 1px 3px 9px #c2c2c2;transition: all 0.3s ease-out;}
.cshbk-signup-icon-corner{display: flex;align-items: center; justify-content: flex-start; padding-left: 9px; position: absolute; width: 60px; height: 50px; overflow: hidden; top: 0;left: 0;background-color: #fffbbe;border-radius: 0 4px 60px 0;}
.signup-cshbk-block .cashbook-block{ font-size: 15px;margin: 0;border: none;background: none;box-shadow: none;padding-left: 20px; text-align: left; width: 230px;min-height: 70px;}
.signup-cshbk-block:before{ content: "";  position: absolute; z-index: -1; top: -16px; left: -16px; background: #fffac2; height: 50px; width: 60px; border-radius: 32px; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s ease-in;}
.signup-cshbk-block:hover:before {transform: scale(21);}
.signup-cshbk-block .cashbook-block.cashbook-block:hover {transform: none;}
.signup-cshbk-block:hover .cashbook-block{font-size: 16px;transition: all 0.1s ease;}
a.signup-cshbk-block .pl-55{padding-left:55px;}
.signup-cshbk-container{padding: 20px;}
/* CSS added by Pranita Jadhav for cashbook selection page ends 27-12-2023*/
/* @media (max-width: 700px){
  .getStarted-form-flex{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .getStarted-form-flex .g-recaptcha { margin-left: 0; margin-top: 20px;}
  .getStarted-form-flex .common-btn-parent { margin-left: 43px;}
} */
@media (max-width: 1199px){
  .header-menu {margin-top: 10px;}
  /* CSS added by Pranita Jadhav for cashbook selection page 26-12-2023*/
  .signup-cshbk-block .cashbook-block{padding-left: 25px; width: 200px; font-size: 14px;}
  a.signup-cshbk-block { margin: 12px 0;}
  .cshbk-signup-header-txt h1{ font-size: 28px;}
  /* CSS added by Pranita Jadhav for cashbook selection page ends 27-12-2023*/
}
@media (max-width: 991px){
  .getStarted-main-heading .guest-heading .heading{ font-size: 24px;}
  .getStarted-form {padding: 28px 25px 10px 25px;}
  .getStarted-parent .getStarted-main-heading p{font-size: 26px;}
  .getStarted-form h4.form-heading{ font-size: 22px;}
  .getStarted-parent .getStarted-sub-heading p { margin-bottom: 10px;}
  .getStarted-parent .getStarted-sub-heading p { font-size: 24px;}
  .getStartedBtn{  margin-top: 10px;}
  /* CSS added by Pranita Jadhav for cashbook selection page 26-12-2023*/
  .cshbk-signup-header-txt h1{font-size: 25px;}
  /* CSS added by Pranita Jadhav for cashbook selection page ends 27-12-2023*/
}

@media (max-width: 767px){
  .getStarted-main-heading { margin-bottom: 10px; margin-top: -50px;}
  .getStarted-form{ margin-top: -33px; padding: 33px 25px 20px 25px;}
  .getStarted-form h4.form-heading { margin-top: 10px;}  
  .getStartedBtn .common-btn-parent{margin-left:auto;}

}
@media (min-width: 768px) and (max-width: 991px){
  .header-logo {width: 150px; margin: 15px 0px;}
  .header-menu{text-align: left;}
  .header-menu p {padding-top: 12px;font-size: 16px !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
  .header-logo {width: 190px;}
  .header-menu p {padding-top: 9px;}
  
}
@media (max-width: 480px){
  /* CSS added by Pranita Jadhav for cashbook selection page 26-12-2023*/
  .cshbk-signup-header-txt h1{    font-size: 22px;}
  /* CSS added by Pranita Jadhav for cashbook selection page ends 27-12-2023*/
}