*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:focus {outline: none}
html {-webkit-tap-highlight-color: transparent}
body {color: #333333;font-family: "Open Sans", sans-serif;padding: 0px !important;margin: 0px !important;direction: "ltr";font-size: 14px;line-height: 1.42857;background: #fff}
.font-roboto {font-family: 'Roboto', sans-serif;font-size: 30px;font-weight: 100}
.font-roboto b {color: #000;font-weight: 600}
.row:before, .row:after, .row-reset:before, .row-reset:after {display: table;content: " "}
.row:after, .row-reset:after {clear: both}
.row {margin-left: -15px;margin-right: -15px}
.row-reset {margin: 0;padding: 0}
.user-login {min-height: 100vh}
.regLoading {position: fixed;width: 100%;background: #f5f5f5;z-index: 999;top: 0;height: 100%}
.login-wrapper {min-height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;flex-wrap: wrap;position: relative; /*top:0; opacity:1*/}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;float: left}
.padding-l-none{ padding-left:0}
.login-bg {/*background: #222b2b url('../../Common/Images/login/hike-login-bg.png') no-repeat center center;*/background: #222b2b url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/login/hike-login-bg.png') no-repeat center center;background-size: cover;min-height: 100vh;/*margin-left: -15px;margin-right: -15px;*/}
.login-sidebar.step1 {background: #32bdb9}
.login-sidebar.step2 {/*background: #add45c;*/background: #403e49}
.login-sidebar.step3 {background: #ffc300}
.login-bg1, .login-bg2, .login-bg3 {background-size: cover;min-height: 100vh;/*margin-left: -15px;margin-right: -15px;*/}
.login-caption-wrap {display: table;height: 100vh;position: relative;width: 100%;max-width: 540px;margin: auto}
.w3-animate-left {position: relative;animation: animateleft 0.5s}
@keyframes animateleft {from {left: -300px;opacity: 0}to {left: 0;opacity: 1}}
.w3-animate-right {position: relative;animation: animateright 0.5s}
@keyframes animateright {from {right: -300px;opacity: 0}to {right: 0;opacity: 1}}
.login-caption {display: table-cell;vertical-align: middle;padding: 20px}
.login-caption img {max-width: 100%;width: 100%}
.login-wrap {min-height: 100vh}
.login-body {display: table;height: 100vh;width: 100%;max-width: 440px;margin: auto}
.login-content {display: table-cell;vertical-align: middle;padding-top: 60px;padding-bottom: 70px}
.login-header {padding: 20px 0;position: absolute;right: 20px}
.loader-vert { position:relative; top:30vh}
.login-footer-wrap {background: #222b2b;color: #f1f1f1}
.login-footer { /*position:absolute; right:0px; bottom:10px; left:0px;*/background: #222b2b;color: #f1f1f1;padding: 15px;max-width: 1450px;margin: auto}
.login-footer a {color: #f1f1f1;text-decoration: none;font-size: 15px;line-height: 22px}
.login-footer-copy {border-top: 1px solid rgba(255,255,255,0.1);color: #777;font-size: 12px}
.copyright {color: #777}
/*--------------- form element start ======================*/
/*=========== login animation start =============*/
.page-load {border: 0px solid blue;padding-top: 20px}
.page-load-caption-1, .page-load-caption-2, .page-load-caption-3, .page-load-caption-4 {border: 0px solid red;padding: 10px;width: 460px;margin: auto;text-align: center;position: absolute;opacity: 0;font-size: 28px;font-weight: 600;left: calc(50% - 230px)}
.page-load-caption-1 {animation: slide 5s;animation-delay: 0s}
.page-load-caption-2 {animation: slide 5s;animation-delay: 5s}
.page-load-caption-3 {animation: slide 5s;animation-delay: 10s}
.page-load-caption-4 {animation: abc4 5s;animation-delay: 15s;animation-fill-mode: forwards}
@keyframes slide {0% {transform: translateY(30px);opacity: 0}30%, 60% {transform: translateY(0px);opacity: 1;}100% {transform: translateY(-50px);opacity: 0}}
@keyframes abc4 {0% {transform: translateY(30px);opacity: 0}30%, 100% {transform: translateY(0px);opacity: 1}}
/*=========== login animation end =============*/
/*=========== bootstrap start ============*/
.list-unstyled {padding-left: 0;list-style: none}
.list-unstyled li {padding: 4px}
.uppercase {text-transform: uppercase}
.login-footer h4 {margin-bottom: 12px;color: #afafaf;font-size: 16px;font-weight: 400}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857;color: #555555;background-color: #fff;background-image: none;border: 1px solid #c2cad8;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
.form-control:focus {border-color: #93a1bb;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6)}
.form-control::-moz-placeholder {color: #999;opacity: 1}
.form-control:-ms-input-placeholder {color: #999}
.form-control::-webkit-input-placeholder {color: #999}
.form-control::-ms-expand {border: 0;background-color: transparent}
.form-control[disabled], .form-control[readonly],fieldset[disabled] .form-control {background-color: #eef1f5;opacity: 1}
.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed}
.input-group {position: relative;display: table;border-collapse: separate}
.input-group[class*="col-"] {float: none;padding-left: 0;padding-right: 0}
.input-group .form-control {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0}
.input-group .form-control:focus {z-index: 3}
.input-group-addon,.input-group-btn,.input-group .form-control {display: table-cell}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {border-radius: 0}
.input-group-addon, .input-group-btn {width: 1%;white-space: nowrap;vertical-align: middle}
.input-group-addon {padding: 6px 12px;font-size: 14px;font-weight: normal;line-height: 1;color: #555555;text-align: center;background-color: #eeeeee;border: 1px solid #ccc;border-radius: 4px}
.input-group-addon.input-sm,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .input-group-addon.btn {padding: 5px 10px;font-size: 12px;border-radius: 3px}
.input-group-addon.input-lg,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .input-group-addon.btn {padding: 10px 16px;font-size: 18px;border-radius: 6px}
.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {margin-top: 0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0;border-top-right-radius: 0}
.input-group-addon:first-child {border-right: 0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-bottom-left-radius: 0;border-top-left-radius: 0}
.input-group-addon:last-child {border-left: 0}
.input-group-btn {position: relative;font-size: 0;white-space: nowrap}
.input-group-btn > .btn {position: relative}
.input-group-btn > .btn + .btn {margin-left: -1px}
.input-group-btn > .btn:hover,.input-group-btn > .btn:focus, .input-group-btn > .btn:active {z-index: 2}
.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group {margin-right: -1px}
.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group {z-index: 2;margin-left: -1px}
/*=========== bootstrap end ============*/
/*========================= sweet alert start ===============*/
/*================== Tooltip start ========================*/
.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear}
.tooltip {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-weight: 400;letter-spacing: normal;line-break: auto;line-height: 1.42857;text-shadow: none;text-transform: none;white-space: normal;word-break: normal;word-spacing: normal;word-wrap: normal;text-decoration: none}
.tooltip {position: absolute;z-index: 1030;display: block;text-align: left;text-align: start;font-size: 12px;opacity: 0;filter: alpha(opacity=0)}
.fade.in {opacity: 1}
.tooltip.in {opacity: .9;filter: alpha(opacity=90)}
.tooltip.top {margin-top: -3px;padding: 5px 0}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid}
.tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: 2px;border-width: 5px 5px 0;border-top-color: #000}
.tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px;min-width: 150px}
/*================== Tooltip end =========================*/
/*-------- custom start ------*/
.form-group.form-md-line-input .form-control:focus {border-color: #2bbdb9}
/*--------- custom end --------*/
.form-group.form-md-line-input {position: relative;margin: 0 0 20px 0}
.form-group {margin-bottom: 15px}
/*.form-horizontal .form-group.form-md-line-input { padding-top: 10px; margin-bottom: 20px; margin: 0 -15px 20px -15px; }
.form-horizontal .form-group.form-md-line-input > label { padding-top: 5px; font-size: 14px; color: #888888; opacity: 1 ; filter: alpha(opacity=100) ; }*/
.form-group.form-md-line-input .form-control {background: #fff;border: 0;border: 1px solid #d5d5d5;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;color: #555555;box-shadow: none;padding: 30px 10px 10px 12px;height: 60px;font-size: 15px}
.form-group.form-md-line-input .form-control::-moz-placeholder {color: #999;opacity: 1}
.form-group.form-md-line-input .form-control:-ms-input-placeholder, .form-group.form-md-line-input .form-control::-webkit-input-placeholder {color: #999}
/*.form-group.form-md-line-input .form-control.form-control-static { border-bottom: 0; }
.form-group.form-md-line-input .form-control.input-sm { font-size: 14px; padding: 6px 0; }
.form-group.form-md-line-input .form-control.input-lg { font-size: 20px; padding: 14px 0; }*/
.form-group.form-md-line-input .form-control ~ label/*, .form-group.form-md-line-input .form-control ~ .form-control-focus*/ {width: 100%;position: absolute;left: 0;bottom: 0;pointer-events: none}
/*.form-horizontal .form-group.form-md-line-input .form-control ~ label, 
.form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus { width: auto; left: 15px; right: 15px; }*/
.form-group.form-md-line-input .form-control ~ label:after
/*, .form-group.form-md-line-input .form-control ~ .form-control-focus:after*/ {content: '';position: absolute;z-index: 5;bottom: 0;left: 50%;width: 0;height: 2px;width: 0;visibility: hidden;transition: 0.2s ease all}
.form-group.form-md-line-input .form-control ~ label {top: 0;margin-bottom: 0;font-size: 15px;color: #888888;opacity: 1;filter: alpha(opacity=100)}
.form-group.form-md-line-input .form-control ~ .help-block-error {opacity: 1;filter: alpha(opacity=100)}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
/*.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus,*/
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label
/*, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus*/ {color: #555}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
/*.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,*/
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after {visibility: visible;left: 0;width: 100%; /*background: #36c6d3;*/}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {opacity: 1;filter: alpha(opacity=100)}
/*.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, 
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block { color: #36c6d3; opacity: 1 ; filter: alpha(opacity=100) ; }*/
/*.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block-error, 
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block-error { opacity: 0 ; filter: alpha(opacity=0) ; }*/
.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block {opacity: 0;filter: alpha(opacity=0)}
/*.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block-error { opacity: 0 ; filter: alpha(opacity=0) ; }*/.form-group.form-md-line-input .form-control[readonly],.form-group.form-md-line-input .form-control[disabled],fieldset[disabled] .form-group.form-md-line-input .form-control {background: none;cursor: not-allowed;border-bottom: 1px dashed #c2cad8}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {font-size: 15px;top: 20px;left: 12px;transition: 0.2s ease all;color: #5f9090}
.form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label,
/*.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label,*/
.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label {top: 5px;font-size: 14px}
/*.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label { font-size: 14px; top: 24px; }
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label { top: 0; font-size: 13px; }
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label { font-size: 20px; top: 30px; }
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, 
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label { top: 0; font-size: 13px; }*/
/*.form-group.form-md-line-input.form-md-floating-label .input-icon > label { padding-left: 34px; }
.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label { padding-left: 0; padding-right: 34px; }
.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label { padding-left: 34px; }
.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label { padding-right: 34px; }
.form-group.form-md-line-input + .input-icon { padding-top: 0; }*/
.form-group.form-md-line-input .help-block {position: absolute;margin: 2px 0 0 0;opacity: 0;filter: alpha(opacity=0);font-size: 13px}
/*.form-group.form-md-line-input > .input-icon > i { left: 0; bottom: 0; margin: 9px 2px 10px 10px; color: #888888; }
.form-group.form-md-line-input > .input-icon.input-icon-lg > i { top: 6px; }
.form-group.form-md-line-input > .input-icon.input-icon-sm > i { top: -1px; }
.form-group.form-md-line-input > .input-icon .form-control { padding-left: 34px; }
.form-group.form-md-line-input > .input-icon > label { margin-top: -20px; }
.form-group.form-md-line-input > .input-icon.right .form-control { padding-left: 0; padding-right: 34px; }
.form-group.form-md-line-input > .input-icon.right > i { left: auto; right: 8px; margin: 11px 2px 10px 10px; }*/
.form-group.form-md-line-input + .input-group {padding-top: 0}
.form-group.form-md-line-input .input-group {padding-top: 0}
.form-group.form-md-line-input .input-group > label {margin-top: -20px}
.form-group.form-md-line-input .input-group .input-group-addon {-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;background: none;border: 0;border-bottom: 1px solid #c2cad8}
/*.form-group.form-md-line-input .input-group + .input-group-control { padding-top: 0; }
.form-group.form-md-line-input .input-group .input-group-control { padding-top: 0; position: relative; display: table-cell; vertical-align: bottom; }
.form-group.form-md-line-input .input-group .input-group-control > label { margin-top: -20px; }
.form-group.form-md-line-input .input-group .input-group-btn .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn { margin-right: 10px; }
.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn { margin-left: 10px; }*/
.form-group.form-md-line-input .input-group .help-block {margin-top: 35px}
/*.form-group.form-md-line-input .input-group.input-group-sm .help-block { margin-top: 30px; }
.form-group.form-md-line-input .input-group.input-group-lg .help-block { margin-top: 47px; }*/
/*.form-group.form-md-line-input.has-success .form-control { border-bottom: 1px solid #27a4b0; }*/
/*.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after{ background: #27a4b0; }*/
/*.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, 
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label { color: #27a4b0; }*/
/*.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, 
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i { color: #27a4b0; }*/
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block,
/*.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, 
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block,*/
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block {color: #27a4b0}
.form-group.form-md-line-input.has-success .input-group-addon {color: #27a4b0;border-bottom: 1px solid #27a4b0}
.form-group.form-md-line-input.has-success label {color: #27a4b0;}
/*.form-group.form-md-line-input.has-warning .form-control { border-bottom: 1px solid #c29d0b; }
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #c29d0b; }
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, 
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label { color: #c29d0b; }
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, 
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i { color: #c29d0b; }
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, 
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, 
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, 
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block { color: #c29d0b; }
.form-group.form-md-line-input.has-warning .input-group-addon { color: #c29d0b; border-bottom: 1px solid #c29d0b; }
.form-group.form-md-line-input.has-warning label { color: #c29d0b; }*/
.form-group.form-md-line-input.has-error .form-control {border-bottom: 2px solid #e73d4a;}
/*.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after{ background: #e73d4a; }*/
/*.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, 
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label { color: #e73d4a; }*/
/*.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, 
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i { color: #e73d4a; }*/
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block {color: #e73d4a}
.form-group.form-md-line-input.has-error .input-group-addon {color: #e73d4a;border-bottom: 1px solid #e73d4a}
.form-group.form-md-line-input.has-error label {color: #e73d4a}
/*.form-group.form-md-line-input.has-info .form-control { border-bottom: 1px solid #327ad5; }
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after { background: #327ad5; }
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, 
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, 
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label { color: #327ad5; }
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, 
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, 
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i { color: #327ad5; }
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, 
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, 
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, 
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block { color: #327ad5; }
.form-group.form-md-line-input.has-info .input-group-addon { color: #327ad5; border-bottom: 1px solid #327ad5; }
.form-group.form-md-line-input.has-info label { color: #327ad5; }*/
.btn {outline: none !important;box-shadow: none;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857;border-radius: 4px;user-select: none}
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {font-weight: 600;text-transform: uppercase;transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;position: relative;user-select: none;padding: 8px 14px 7px 14px;border-radius: 3px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0px 0px rgba(0, 0, 0, 0.18);font-size: 12px}
        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-lg {
            font-size: 16px;
            padding: 12px 26px 10px;
        }

        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xlg {
            font-size: 16px;
            padding: 20px 78px 20px;
        }

    .btn:hover {
        transition: all 0.3s;
    }

    .btn:not(.btn-sm):not(.btn-lg) {
        line-height: 1.44;
    }

.btn-block {
    display: block;
    width: 100%;
}

.btn.green-meadow:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #2bbdb9;
    border-color: #2bbdb9;
}

    .btn.green-meadow:not(.btn-outline):focus,
    .btn.green-meadow:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #28b0ac;
        border-color: #28b0ac;
    }

    .btn.green-meadow:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #28b0ac;
        border-color: #28b0ac;
    }

    .btn.green-meadow:not(.btn-outline):active,
    .btn.green-meadow:not(.btn-outline).active,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #28b0ac;
        border-color: #28b0ac;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
    }

        .btn.green-meadow:not(.btn-outline):active:hover,
        .btn.green-meadow:not(.btn-outline):active:focus,
        .btn.green-meadow:not(.btn-outline):active.focus,
        .btn.green-meadow:not(.btn-outline).active:hover,
        .btn.green-meadow:not(.btn-outline).active:focus,
        .btn.green-meadow:not(.btn-outline).active.focus,
        .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #28b0ac;
            border-color: #28b0ac;
        }

    .btn.green-meadow:not(.btn-outline).active,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle,
    .btn.green-meadow:not(.btn-outline):active {
        background-image: none;
    }

    .btn.green-meadow:not(.btn-outline).disabled:hover,
    .btn.green-meadow:not(.btn-outline).disabled:focus,
    .btn.green-meadow:not(.btn-outline).disabled.focus,
    .btn.green-meadow:not(.btn-outline)[disabled]:hover,
    .btn.green-meadow:not(.btn-outline)[disabled]:focus,
    .btn.green-meadow:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover,
    fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus,
    fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus {
        background-color: #2bbdb9;
        border-color: #2bbdb9;
    }

    .btn.green-meadow:not(.btn-outline) .badge {
        color: #2bbdb9;
        background-color: #FFFFFF;
    }

.btn.btn-outline.green-meadow {
    border-color: #2bbdb9;
    color: #2bbdb9;
    background: none;
}

    .btn.btn-outline.green-meadow:hover,
    .btn.btn-outline.green-meadow:active,
    .btn.btn-outline.green-meadow:active:hover,
    .btn.btn-outline.green-meadow:active:focus,
    .btn.btn-outline.green-meadow:focus,
    .btn.btn-outline.green-meadow.active {
        border-color: #2bbdb9;
        color: #FFFFFF;
        background-color: #2bbdb9;
    }

.btn.green-meadow-stripe {
    border-left: 4px solid #2bbdb9 !important;
}

.btn.green-meadow.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.btn-default:not(.btn-outline) {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn.btn-default:not(.btn-outline):focus,
    .btn.btn-default:not(.btn-outline).focus {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

    .btn.btn-default:not(.btn-outline):hover {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

    .btn.btn-default:not(.btn-outline):active,
    .btn.btn-default:not(.btn-outline).active,
    .open > .btn.btn-default:not(.btn-outline).dropdown-toggle {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
    }

        .btn.btn-default:not(.btn-outline):active:hover,
        .btn.btn-default:not(.btn-outline):active:focus,
        .btn.btn-default:not(.btn-outline):active.focus,
        .btn.btn-default:not(.btn-outline).active:hover,
        .btn.btn-default:not(.btn-outline).active:focus,
        .btn.btn-default:not(.btn-outline).active.focus,
        .open > .btn.btn-default:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.btn-default:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.btn-default:not(.btn-outline).dropdown-toggle.focus {
            color: #333;
            background-color: #fff;
            border-color: #ccc;
        }

    .btn.btn-default:not(.btn-outline).active,
    .open > .btn.btn-default:not(.btn-outline).dropdown-toggle,
    .btn.btn-default:not(.btn-outline):active {
        background-image: none;
    }

    .btn.btn-default:not(.btn-outline).disabled:hover,
    .btn.btn-default:not(.btn-outline).disabled:focus,
    .btn.btn-default:not(.btn-outline).disabled.focus,
    .btn.btn-default:not(.btn-outline)[disabled]:hover,
    .btn.btn-default:not(.btn-outline)[disabled]:focus,
    .btn.btn-default:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.btn-default:not(.btn-outline):hover,
    fieldset[disabled] .btn.btn-default:not(.btn-outline):focus,
    fieldset[disabled] .btn.btn-default:not(.btn-outline).focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn.btn-default:not(.btn-outline) .badge {
        color: #333;
        background-color: #FFFFFF;
    }

.btn.btn-outline.btn-default {
    border-color: #ccc;
    color: #333;
    background: none;
}

    .btn.btn-outline.btn-default:hover,
    .btn.btn-outline.btn-default:active,
    .btn.btn-outline.btn-default:active:hover,
    .btn.btn-outline.btn-default:active:focus,
    .btn.btn-outline.btn-default:focus,
    .btn.btn-outline.btn-default.active {
        border-color: #ccc;
        color: #333;
        background-color: #fff;
    }

.btn.btn-default-stripe {
    border-left: 4px solid #ccc !important;
}

.btn.btn-default.btn-no-border:not(.active) {
    border-color: transparent;
}

/*.btn-default { color: #333; background-color: #fff; border-color: #ccc; }*/
.btn + .btn {
    margin-left: 5px;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.md-checkbox {
    position: relative;
}

    .md-checkbox input[type=checkbox] {
        visibility: hidden;
        position: absolute;
    }

    .md-checkbox label {
        cursor: pointer;
        padding-left: 30px;
        color: #5f9090;
    }

        .md-checkbox label > span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .md-checkbox label > span.inc {
                background: #fff;
                left: -20px;
                top: -20px;
                height: 60px;
                width: 60px;
                opacity: 0;
                border-radius: 50% !important;
                -moz-border-radius: 50% !important;
                -webkit-border-radius: 50% !important;
            }

            .md-checkbox label > span.inc {
                -webkit-animation: growCircle 0.3s ease;
                -moz-animation: growCircle 0.3s ease;
                animation: growCircle 0.3s ease;
            }

        .md-checkbox label > .check {
            top: -4px;
            left: 6px;
            width: 10px;
            height: 20px;
            border: 2px solid #5f90909c;
            border-top: none;
            border-left: none;
            opacity: 0;
            z-index: 5;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

    .md-checkbox input[type=checkbox]:checked ~ label > .check {
        opacity: 1;
        -webkit-transform: scale(1) rotate(45deg);
        -moz-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
    }

    .md-checkbox label > .box {
        top: 0px;
        border: 1px solid #5f90909c;
        height: 20px;
        width: 20px;
        z-index: 5;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .md-checkbox input[type=checkbox]:checked ~ label > .box {
        opacity: 0;
        -webkit-transform: scale(0) rotate(-180deg);
        -moz-transform: scale(0) rotate(-180deg);
        transform: scale(0) rotate(-180deg);
    }



.custom-input-addon, .custom-link-addon {
    position: absolute;
    top: 22px;
    right: 10px;
    transition: 0.2s ease all;
}

.form-group.form-md-line-input .form-control[readonly] ~ .custom-input-addon,
.form-group.form-md-line-input .form-control.edited ~ .custom-input-addon,
.form-group.form-md-line-input .form-control.form-control-static ~ .custom-input-addon,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .custom-input-addon,
.custom-form-controller.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .custom-input-addon {
    top: 31px;
}

.custom-link-addon a {
    color: #337ab7;
    text-decoration: none
}

.font-green-meadow {
    color: #2bbdb9;
    text-decoration: none
}
.margin-top-5 {
    margin-top: 5px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-25 {
    margin-top: 25px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-top-35 {
    margin-top: 35px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}
.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}


.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}


/* Control Label */
.control-label {
    margin-top: 1px;
    font-weight: normal;
}

    .control-label .required,
    .form-group .required {
        color: #e02222;
        font-size: 12px;
        padding-left: 2px;
    }

.form {
    padding: 0 !important;
}

/***
Forms
***/
.form-control {
    outline: none !important;
    box-shadow: none !important;
}

    .form-control.height-auto {
        height: auto;
    }

.input-group-addon > i {
    color: #c5cdda;
}

/***
Custom color buttons 
***/
.form-control.white {
    border-color: #ffffff;
}

    .form-control.white:focus {
        border-color: #e6e6e6;
    }

.form-control.focus-white:focus {
    border-color: #ffffff;
}

.form-control.default {
    border-color: #e1e5ec;
}

    .form-control.default:focus {
        border-color: #c2cad8;
    }

.form-control.focus-default:focus {
    border-color: #e1e5ec;
}

.form-control.dark {
    border-color: #2f353b;
}

    .form-control.dark:focus {
        border-color: #181c1f;
    }

.form-control.focus-dark:focus {
    border-color: #2f353b;
}

.form-control.blue {
    border-color: #3598dc;
}

    .form-control.blue:focus {
        border-color: #217ebd;
    }

.form-control.focus-blue:focus {
    border-color: #3598dc;
}

.form-control.blue-madison {
    border-color: #578ebe;
}

    .form-control.blue-madison:focus {
        border-color: #3f74a3;
    }

.form-control.focus-blue-madison:focus {
    border-color: #578ebe;
}

.form-control.blue-chambray {
    border-color: #2C3E50;
}

    .form-control.blue-chambray:focus {
        border-color: #1a252f;
    }

.form-control.focus-blue-chambray:focus {
    border-color: #2C3E50;
}

.form-control.blue-ebonyclay {
    border-color: #22313F;
}

    .form-control.blue-ebonyclay:focus {
        border-color: #10171e;
    }

.form-control.focus-blue-ebonyclay:focus {
    border-color: #22313F;
}

.form-control.blue-hoki {
    border-color: #67809F;
}

    .form-control.blue-hoki:focus {
        border-color: #526781;
    }

.form-control.focus-blue-hoki:focus {
    border-color: #67809F;
}

.form-control.blue-steel {
    border-color: #4B77BE;
}

    .form-control.blue-steel:focus {
        border-color: #395f9d;
    }

.form-control.focus-blue-steel:focus {
    border-color: #4B77BE;
}

.form-control.blue-soft {
    border-color: #4c87b9;
}

    .form-control.blue-soft:focus {
        border-color: #3b6d97;
    }

.form-control.focus-blue-soft:focus {
    border-color: #4c87b9;
}

.form-control.blue-dark {
    border-color: #5e738b;
}

    .form-control.blue-dark:focus {
        border-color: #495a6d;
    }

.form-control.focus-blue-dark:focus {
    border-color: #5e738b;
}

.form-control.blue-sharp {
    border-color: #5C9BD1;
}

    .form-control.blue-sharp:focus {
        border-color: #3782c3;
    }

.form-control.focus-blue-sharp:focus {
    border-color: #5C9BD1;
}

.form-control.blue-oleo {
    border-color: #94A0B2;
}

    .form-control.blue-oleo:focus {
        border-color: #76869d;
    }

.form-control.focus-blue-oleo:focus {
    border-color: #94A0B2;
}

.form-control.green {
    border-color: #32c5d2;
}

    .form-control.green:focus {
        border-color: #26a1ab;
    }

.form-control.focus-green:focus {
    border-color: #32c5d2;
}

.form-control.green-meadow {
    border-color: #2bbdb9;
}

    .form-control.green-meadow:focus {
        border-color: #158f76;
    }

.form-control.focus-green-meadow:focus {
    border-color: #2bbdb9;
}

.form-control.green-seagreen {
    border-color: #1BA39C;
}

    .form-control.green-seagreen:focus {
        border-color: #147772;
    }

.form-control.focus-green-seagreen:focus {
    border-color: #1BA39C;
}

.form-control.green-turquoise {
    border-color: #36D7B7;
}

    .form-control.green-turquoise:focus {
        border-color: #24b699;
    }

.form-control.focus-green-turquoise:focus {
    border-color: #36D7B7;
}

.form-control.green-haze {
    border-color: #44b6ae;
}

    .form-control.green-haze:focus {
        border-color: #36918b;
    }

.form-control.focus-green-haze:focus {
    border-color: #44b6ae;
}

.form-control.green-jungle {
    border-color: #26C281;
}

    .form-control.green-jungle:focus {
        border-color: #1e9765;
    }

.form-control.focus-green-jungle:focus {
    border-color: #26C281;
}

.form-control.green-soft {
    border-color: #3faba4;
}

    .form-control.green-soft:focus {
        border-color: #318680;
    }

.form-control.focus-green-soft:focus {
    border-color: #3faba4;
}

.form-control.green-dark {
    border-color: #4DB3A2;
}

    .form-control.green-dark:focus {
        border-color: #3d9082;
    }

.form-control.focus-green-dark:focus {
    border-color: #4DB3A2;
}

.form-control.green-sharp {
    border-color: #2ab4c0;
}

    .form-control.green-sharp:focus {
        border-color: #218d96;
    }

.form-control.focus-green-sharp:focus {
    border-color: #2ab4c0;
}

.form-control.green-steel {
    border-color: #29b4b6;
}

    .form-control.green-steel:focus {
        border-color: #208b8c;
    }

.form-control.focus-green-steel:focus {
    border-color: #29b4b6;
}

.form-control.grey {
    border-color: #E5E5E5;
}

    .form-control.grey:focus {
        border-color: #cccccc;
    }

.form-control.focus-grey:focus {
    border-color: #E5E5E5;
}

.form-control.grey-steel {
    border-color: #e9edef;
}

    .form-control.grey-steel:focus {
        border-color: #cbd5da;
    }

.form-control.focus-grey-steel:focus {
    border-color: #e9edef;
}

.form-control.grey-cararra {
    border-color: #fafafa;
}

    .form-control.grey-cararra:focus {
        border-color: #e1e1e1;
    }

.form-control.focus-grey-cararra:focus {
    border-color: #fafafa;
}

.form-control.grey-gallery {
    border-color: #555555;
}

    .form-control.grey-gallery:focus {
        border-color: #3c3c3c;
    }

.form-control.focus-grey-gallery:focus {
    border-color: #555555;
}

.form-control.grey-cascade {
    border-color: #95A5A6;
}

    .form-control.grey-cascade:focus {
        border-color: #798d8f;
    }

.form-control.focus-grey-cascade:focus {
    border-color: #95A5A6;
}

.form-control.grey-silver {
    border-color: #BFBFBF;
}

    .form-control.grey-silver:focus {
        border-color: #a6a6a6;
    }

.form-control.focus-grey-silver:focus {
    border-color: #BFBFBF;
}

.form-control.grey-salsa {
    border-color: #ACB5C3;
}

    .form-control.grey-salsa:focus {
        border-color: #8e9bae;
    }

.form-control.focus-grey-salsa:focus {
    border-color: #ACB5C3;
}

.form-control.grey-salt {
    border-color: #bfcad1;
}

    .form-control.grey-salt:focus {
        border-color: #a1b1bc;
    }

.form-control.focus-grey-salt:focus {
    border-color: #bfcad1;
}

.form-control.grey-mint {
    border-color: #525e64;
}

    .form-control.grey-mint:focus {
        border-color: #3b4448;
    }

.form-control.focus-grey-mint:focus {
    border-color: #525e64;
}

.form-control.red {
    border-color: #e7505a;
}

    .form-control.red:focus {
        border-color: #e12330;
    }

.form-control.focus-red:focus {
    border-color: #e7505a;
}

.form-control.red-pink {
    border-color: #E08283;
}

    .form-control.red-pink:focus {
        border-color: #d6595a;
    }

.form-control.focus-red-pink:focus {
    border-color: #E08283;
}

.form-control.red-sunglo {
    border-color: #E26A6A;
}

    .form-control.red-sunglo:focus {
        border-color: #da3f3f;
    }

.form-control.focus-red-sunglo:focus {
    border-color: #E26A6A;
}

.form-control.red-intense {
    border-color: #e35b5a;
}

    .form-control.red-intense:focus {
        border-color: #dc302e;
    }

.form-control.focus-red-intense:focus {
    border-color: #e35b5a;
}

.form-control.red-thunderbird {
    border-color: #D91E18;
}

    .form-control.red-thunderbird:focus {
        border-color: #ab1813;
    }

.form-control.focus-red-thunderbird:focus {
    border-color: #D91E18;
}

.form-control.red-flamingo {
    border-color: #EF4836;
}

    .form-control.red-flamingo:focus {
        border-color: #e02612;
    }

.form-control.focus-red-flamingo:focus {
    border-color: #EF4836;
}

.form-control.red-soft {
    border-color: #d05454;
}

    .form-control.red-soft:focus {
        border-color: #bd3434;
    }

.form-control.focus-red-soft:focus {
    border-color: #d05454;
}

.form-control.red-haze {
    border-color: #f36a5a;
}

    .form-control.red-haze:focus {
        border-color: #f03f2a;
    }

.form-control.focus-red-haze:focus {
    border-color: #f36a5a;
}

.form-control.red-mint {
    border-color: #e43a45;
}

    .form-control.red-mint:focus {
        border-color: #cf1c28;
    }

.form-control.focus-red-mint:focus {
    border-color: #e43a45;
}

.form-control.yellow {
    border-color: #c49f47;
}

    .form-control.yellow:focus {
        border-color: #a48334;
    }

.form-control.focus-yellow:focus {
    border-color: #c49f47;
}

.form-control.yellow-gold {
    border-color: #E87E04;
}

    .form-control.yellow-gold:focus {
        border-color: #b66303;
    }

.form-control.focus-yellow-gold:focus {
    border-color: #E87E04;
}

.form-control.yellow-casablanca {
    border-color: #f2784b;
}

    .form-control.yellow-casablanca:focus {
        border-color: #ef541b;
    }

.form-control.focus-yellow-casablanca:focus {
    border-color: #f2784b;
}

.form-control.yellow-crusta {
    border-color: #f3c200;
}

    .form-control.yellow-crusta:focus {
        border-color: #c09900;
    }

.form-control.focus-yellow-crusta:focus {
    border-color: #f3c200;
}

.form-control.yellow-lemon {
    border-color: #F7CA18;
}

    .form-control.yellow-lemon:focus {
        border-color: #d5ab07;
    }

.form-control.focus-yellow-lemon:focus {
    border-color: #F7CA18;
}

.form-control.yellow-saffron {
    border-color: #F4D03F;
}

    .form-control.yellow-saffron:focus {
        border-color: #f1c40f;
    }

.form-control.focus-yellow-saffron:focus {
    border-color: #F4D03F;
}

.form-control.yellow-soft {
    border-color: #c8d046;
}

    .form-control.yellow-soft:focus {
        border-color: #adb52e;
    }

.form-control.focus-yellow-soft:focus {
    border-color: #c8d046;
}

.form-control.yellow-haze {
    border-color: #c5bf66;
}

    .form-control.yellow-haze:focus {
        border-color: #b4ad44;
    }

.form-control.focus-yellow-haze:focus {
    border-color: #c5bf66;
}

.form-control.yellow-mint {
    border-color: #c5b96b;
}

    .form-control.yellow-mint:focus {
        border-color: #b6a747;
    }

.form-control.focus-yellow-mint:focus {
    border-color: #c5b96b;
}

.form-control.purple {
    border-color: #8E44AD;
}

    .form-control.purple:focus {
        border-color: #703688;
    }

.form-control.focus-purple:focus {
    border-color: #8E44AD;
}

.form-control.purple-plum {
    border-color: #8775a7;
}

    .form-control.purple-plum:focus {
        border-color: #6d5b8e;
    }

.form-control.focus-purple-plum:focus {
    border-color: #8775a7;
}

.form-control.purple-medium {
    border-color: #BF55EC;
}

    .form-control.purple-medium:focus {
        border-color: #ae27e7;
    }

.form-control.focus-purple-medium:focus {
    border-color: #BF55EC;
}

.form-control.purple-studio {
    border-color: #8E44AD;
}

    .form-control.purple-studio:focus {
        border-color: #703688;
    }

.form-control.focus-purple-studio:focus {
    border-color: #8E44AD;
}

.form-control.purple-wisteria {
    border-color: #9B59B6;
}

    .form-control.purple-wisteria:focus {
        border-color: #804399;
    }

.form-control.focus-purple-wisteria:focus {
    border-color: #9B59B6;
}

.form-control.purple-seance {
    border-color: #9A12B3;
}

    .form-control.purple-seance:focus {
        border-color: #720d85;
    }

.form-control.focus-purple-seance:focus {
    border-color: #9A12B3;
}

.form-control.purple-intense {
    border-color: #8775a7;
}

    .form-control.purple-intense:focus {
        border-color: #6d5b8e;
    }

.form-control.focus-purple-intense:focus {
    border-color: #8775a7;
}

.form-control.purple-sharp {
    border-color: #796799;
}

    .form-control.purple-sharp:focus {
        border-color: #61527b;
    }

.form-control.focus-purple-sharp:focus {
    border-color: #796799;
}

.form-control.purple-soft {
    border-color: #8877a9;
}

    .form-control.purple-soft:focus {
        border-color: #6e5c91;
    }

.form-control.focus-purple-soft:focus {
    border-color: #8877a9;
}

/*----------------- form element end =====================*/
.tick-mark, .warning-mark, .loading-mark, .btn-spinner {
    width: 15px;
    height: 15px;
    display: inline-block
}

.tick-mark {
    /*background: url('../../Common/Images/tick-mark.png') no-repeat;*/
    background: url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/tick-mark.png') no-repeat;
}

.warning-mark {
    /*background: url('../../Common/Images/warning-mark.png') no-repeat;*/
    background: url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/warning-mark.png') no-repeat;
}

.loading-mark {
    /*background: url('../../Common/Images/loader.png') no-repeat;*/
    background: url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/loader.png') no-repeat;
    animation: spin 0.75s linear infinite;
}

.btn-spinner {
    /*background: url('../../Common/Images/loader-white.png') no-repeat;*/
    background: url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/loader-white.png') no-repeat;
    animation: spin 0.75s linear infinite;
    margin-right: 5px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*--------- text decoration start ================*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
    line-height: 1.1;
}

h2, .h2 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

h3, .h3 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 35px;
}

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

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

.sbold {
    font-weight: 600 !important;
}

a[class^="font-"] {
    text-decoration: none
}

.font-grey-salt {
    color: #bfcad1
}

a.login-link, a.login-link:hover, a.login-link:visited, a.login-link:focus {
    color: #337ab7
}
form.signin-form { display:contents}
/*---------- text decoration end ================*/
/*============== error messages start ==============*/
.register-form .password-verdict {
    position: absolute;
    bottom: -20px;
    right: 0;
}
/*================ error messages end ==============*/
/*============== colors ===================*/
.font-grey-salsa {
    color: #ACB5C3;
}
/*================ colors end =============*/

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000
}

.sweet-alert {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999
}

@media all and (max-width:540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #f00;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #f00;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding .15s, max-height .15s;
    transition: padding .15s, max-height .15s
}

    .sweet-alert .sa-error-container.show {
        padding: 10px 0;
        max-height: 100px;
        webkit-transition: padding .2s, max-height .2s;
        transition: padding .25s, max-height .25s
    }

    .sweet-alert .sa-error-container .icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #ea7d7d;
        color: #fff;
        line-height: 24px;
        text-align: center;
        margin-right: 3px
    }

    .sweet-alert .sa-error-container p {
        display: inline-block
    }

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .1s;
    transition: all .1s
}

    .sweet-alert .sa-input-error::after,
    .sweet-alert .sa-input-error::before {
        content: "";
        width: 20px;
        height: 6px;
        background-color: #f06e57;
        border-radius: 3px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -9px
    }

    .sweet-alert .sa-input-error::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .sweet-alert .sa-input-error::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .sweet-alert .sa-input-error.show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .sweet-alert input:focus {
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5;
        border: 1px solid #b4dbed
    }

.sweet-alert.show-input input {
    display: block
}

.sweet-alert button {
    background-color: #2f353b !important;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer
}

    .sweet-alert button:focus {
        outline: 0;
        box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
    }

    .sweet-alert button:hover {
        background-color: #2f353b
    }

    .sweet-alert button:active {
        background-color: #2f353b
    }

    .sweet-alert button.cancel {
        background-color: #D0D0D0
    }

        .sweet-alert button.cancel:hover {
            background-color: #c8c8c8
        }

        .sweet-alert button.cancel:active {
            background-color: #b6b6b6
        }

        .sweet-alert button.cancel:focus {
            box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
        }

    .sweet-alert button::-moz-focus-inner {
        border: 0
    }

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

    .sweet-alert .sa-icon.sa-error {
        border-color: #F27474
    }

        .sweet-alert .sa-icon.sa-error .sa-x-mark {
            position: relative;
            display: block
        }

        .sweet-alert .sa-icon.sa-error .sa-line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #F27474;
            display: block;
            top: 37px;
            border-radius: 2px
        }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px
            }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px
            }

    .sweet-alert .sa-icon.sa-warning {
        border-color: #F8BB86
    }

        .sweet-alert .sa-icon.sa-warning .sa-body {
            position: absolute;
            width: 5px;
            height: 47px;
            left: 50%;
            top: 10px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #F8BB86
        }

        .sweet-alert .sa-icon.sa-warning .sa-dot {
            position: absolute;
            width: 7px;
            height: 7px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: -3px;
            left: 50%;
            bottom: 10px;
            background-color: #F8BB86
        }

    .sweet-alert .sa-icon.sa-info {
        border-color: #C9DAE1
    }

        .sweet-alert .sa-icon.sa-info::before {
            content: "";
            position: absolute;
            width: 5px;
            height: 29px;
            left: 50%;
            bottom: 17px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #C9DAE1
        }

        .sweet-alert .sa-icon.sa-info::after {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-left: -3px;
            top: 19px;
            background-color: #C9DAE1
        }

    .sweet-alert .sa-icon.sa-success {
        border-color: #A5DC86
    }

        .sweet-alert .sa-icon.sa-success::after,
        .sweet-alert .sa-icon.sa-success::before {
            content: '';
            position: absolute;
            width: 60px;
            height: 120px;
            background: #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .sweet-alert .sa-icon.sa-success::before {
            -webkit-border-radius: 120px 0 0 120px;
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px
        }

        .sweet-alert .sa-icon.sa-success::after {
            -webkit-border-radius: 0 120px 120px 0;
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 60px;
            transform-origin: 0 60px
        }

        .sweet-alert .sa-icon.sa-success .sa-placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165, 220, 134, .2);
            -webkit-border-radius: 40px;
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2
        }

        .sweet-alert .sa-icon.sa-success .sa-fix {
            width: 5px;
            height: 90px;
            background-color: #fff;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .sweet-alert .sa-icon.sa-success .sa-line {
            height: 5px;
            background-color: #A5DC86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2
        }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .sweet-alert .sa-icon.sa-custom {
        background-size: contain;
        border-radius: 0;
        border: none;
        background-position: center center;
        background-repeat: no-repeat
    }

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .4s;
    animation: slideToTop .4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%, 12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%, 12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}
/*=========================== sweet alert end ================*/

/*.sweet-alert fieldset, .sweet-alert .sa-error-container { display:none;}*/

/*============== responsive start =================*/
.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }
}

@media (min-width: 992px) {

    .login-wrapper {
        flex-direction: row-reverse;
        flex-wrap: nowrap
    }

    .login-sidebar {
        min-height: 100vh;
        /*max-width: 800px;*/
        width: 50%;
        box-sizing: border-box;
    }

    .login-container-content {
        min-height: 100vh;
        flex-grow: 1;
        box-sizing: border-box;
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .row-reset[dir="rtl"] .col-md-1, .row-reset[dir="rtl"] .col-md-10, .row-reset[dir="rtl"] .col-md-11, .row-reset[dir="rtl"] .col-md-12, .row-reset[dir="rtl"] .col-md-2, .row-reset[dir="rtl"] .col-md-3, .row-reset[dir="rtl"] .col-md-4, .row-reset[dir="rtl"] .col-md-5, .row-reset[dir="rtl"] .col-md-6, .row-reset[dir="rtl"] .col-md-7, .row-reset[dir="rtl"] .col-md-8, .row-reset[dir="rtl"] .col-md-9 {
        float: right !important;
    }
    .row-reset[dir="rtl"] .col-md-pull-8 {
        left: 66.66667% !important;
    }
    .row-reset[dir="rtl"] .col-md-push-4 {
        right: 33.33333% !important;
    }
    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }
}

/*=========== sweet alert 2 start =============*/
.swal-title {
    font-size: 20px;
    color: #000;
    margin-top: 3px
}

.swal-text {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
    color: rgba(0,0,0,1);
    text-align: center;
    font-weight: 300;
}

.swal-footer {
    text-align: center;
    margin-bottom: 20px;
}

.swal-button {
    font-size: 17px;
    font-weight: 500;
    padding: 10px 32px;
    border-radius: 3px;
}

    .swal-button:focus {
        box-shadow: none
    }

.swal-cancel-btn {
    background: #d0d0d0;
    color: #fff
}

.swal-confirm-btn, .swal-confirm-btn:active {
    background: #2f353b;
}

.swal-overlay {
    overflow: hidden;
}
/*=========== sweet alert 2 end ==============*/


/*=============== Modal window start ==============*/

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10049;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header:before, .modal-header:after {
        content: " ";
        display: table;
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/***
Customized Bootstrap Modal 
***/
.modal {
    z-index: 10050;
    outline: none;
    overflow-y: auto !important; /* Fix content shifting to the right on modal open due to scrollbar closed */
}

.page-portlet-fullscreen .modal {
    z-index: 10060;
}

.modal .modal-header {
    border-bottom: 1px solid #EFEFEF;
}

    .modal .modal-header h3 {
        font-weight: 300;
    }

    .modal .modal-header .close {
        margin-top: 0px !important;
    }

.modal.draggable-modal .modal-header {
    cursor: move;
}

.modal .modal-dialog {
    z-index: 10051;
}

.modal > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
}

.modal.in .page-loading {
    display: none;
}

.modal-open {
    overflow-y: auto !important;
}

.modal-open-noscroll {
    overflow-y: hidden !important;
}

.modal-backdrop {
    border: 0;
    outline: none;
}

.page-portlet-fullscreen .modal-backdrop {
    z-index: 10059;
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important;
}

body[ng-controller] .modal-backdrop {
    z-index: 10049 !important;
}

body[ng-controller] .modal {
    z-index: 10050 !important;
}

/* Full width modal */
.modal-full.modal-dialog {
    width: 99%;
}

@media (max-width: 768px) {
    .modal-full.modal-dialog {
        width: auto;
    }
}

/*============== Modal window end ================*/

/*============ matronic grid layout start ============*/
.m-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .m-grid.m-grid-auto {
        width: auto;
    }

    .m-grid.m-grid-full-height {
        height: 100%;
    }

        .m-grid.m-grid-full-height > .m-grid-row {
            height: 100%;
            position: static;
        }

            .m-grid.m-grid-full-height > .m-grid-row > .m-grid-col {
                height: 100%;
            }

        .m-grid.m-grid-full-height > .m-grid-col {
            height: 100%;
        }

    .m-grid .m-grid-row {
        display: table-row;
    }

        .m-grid .m-grid-row.m-grid-row-full-height {
            height: 100%;
            position: static;
        }

        .m-grid .m-grid-row.m-grid-row-auto-height {
            height: auto;
        }

            .m-grid .m-grid-row.m-grid-row-auto-height > .m-grid-col {
                height: auto;
            }

    .m-grid .m-grid-col {
        display: table-cell;
        text-align: left;
        vertical-align: top;
    }

        .m-grid .m-grid-col.m-grid-col-full-width {
            width: 100%;
        }

        .m-grid .m-grid-col.m-grid-col-full-height {
            height: 100%;
        }

        .m-grid .m-grid-col.m-grid-col-auto-height {
            height: auto;
        }

        .m-grid .m-grid-col.m-grid-col-top {
            vertical-align: top;
        }

        .m-grid .m-grid-col.m-grid-col-middle {
            vertical-align: middle;
        }

        .m-grid .m-grid-col.m-grid-col-bottom {
            vertical-align: bottom;
        }

        .m-grid .m-grid-col.m-grid-col-left {
            text-align: left;
        }

        .m-grid .m-grid-col.m-grid-col-center {
            text-align: center;
        }

        .m-grid .m-grid-col.m-grid-col-right {
            text-align: right;
        }

        .m-grid .m-grid-col:not(.m-grid-col-middle):not(.m-grid-col-bottom) {
            vertical-align: top;
        }

        .m-grid .m-grid-col.m-grid-col-xs, .m-grid .m-grid-col.m-grid-col-sm, .m-grid .m-grid-col.m-grid-col-md, .m-grid .m-grid-col.m-grid-col-lg {
            width: 100%;
            display: block;
        }

    .m-grid.m-grid-demo .m-grid-col {
        border: 1px solid #ddd;
        background: #fafafa;
        height: 100px;
    }

.m-grid-col-xs-1 {
    width: 8.33333%;
}

.m-grid-col-xs-offset-1 {
    margin-left: 8.33333%;
}

.m-grid-col-xs-2 {
    width: 16.66667%;
}

.m-grid-col-xs-offset-2 {
    margin-left: 16.66667%;
}

.m-grid-col-xs-3 {
    width: 25%;
}

.m-grid-col-xs-offset-3 {
    margin-left: 25%;
}

.m-grid-col-xs-4 {
    width: 33.33333%;
}

.m-grid-col-xs-offset-4 {
    margin-left: 33.33333%;
}

.m-grid-col-xs-5 {
    width: 41.66667%;
}

.m-grid-col-xs-offset-5 {
    margin-left: 41.66667%;
}

.m-grid-col-xs-6 {
    width: 50%;
}

.m-grid-col-xs-offset-6 {
    margin-left: 50%;
}

.m-grid-col-xs-7 {
    width: 58.33333%;
}

.m-grid-col-xs-offset-7 {
    margin-left: 58.33333%;
}

.m-grid-col-xs-8 {
    width: 66.66667%;
}

.m-grid-col-xs-offset-8 {
    margin-left: 66.66667%;
}

.m-grid-col-xs-9 {
    width: 75%;
}

.m-grid-col-xs-offset-9 {
    margin-left: 75%;
}

.m-grid-col-xs-10 {
    width: 83.33333%;
}

.m-grid-col-xs-offset-10 {
    margin-left: 83.33333%;
}

.m-grid-col-xs-11 {
    width: 91.66667%;
}

.m-grid-col-xs-offset-11 {
    margin-left: 91.66667%;
}

.m-grid-col-xs-12 {
    width: 100%;
}

.m-grid-col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 767px) {
    .m-grid-col-sm-1 {
        width: 8.33333%;
    }

    .m-grid-col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .m-grid-col-sm-2 {
        width: 16.66667%;
    }

    .m-grid-col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .m-grid-col-sm-3 {
        width: 25%;
    }

    .m-grid-col-sm-offset-3 {
        margin-left: 25%;
    }

    .m-grid-col-sm-4 {
        width: 33.33333%;
    }

    .m-grid-col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .m-grid-col-sm-5 {
        width: 41.66667%;
    }

    .m-grid-col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .m-grid-col-sm-6 {
        width: 50%;
    }

    .m-grid-col-sm-offset-6 {
        margin-left: 50%;
    }

    .m-grid-col-sm-7 {
        width: 58.33333%;
    }

    .m-grid-col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .m-grid-col-sm-8 {
        width: 66.66667%;
    }

    .m-grid-col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .m-grid-col-sm-9 {
        width: 75%;
    }

    .m-grid-col-sm-offset-9 {
        margin-left: 75%;
    }

    .m-grid-col-sm-10 {
        width: 83.33333%;
    }

    .m-grid-col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .m-grid-col-sm-11 {
        width: 91.66667%;
    }

    .m-grid-col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .m-grid-col-sm-12 {
        width: 100%;
    }

    .m-grid-col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 991px) {
    .m-grid-col-md-1 {
        width: 8.33333%;
    }

    .m-grid-col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .m-grid-col-md-2 {
        width: 16.66667%;
    }

    .m-grid-col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .m-grid-col-md-3 {
        width: 25%;
    }

    .m-grid-col-md-offset-3 {
        margin-left: 25%;
    }

    .m-grid-col-md-4 {
        width: 33.33333%;
    }

    .m-grid-col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .m-grid-col-md-5 {
        width: 41.66667%;
    }

    .m-grid-col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .m-grid-col-md-6 {
        width: 50%;
    }

    .m-grid-col-md-offset-6 {
        margin-left: 50%;
    }

    .m-grid-col-md-7 {
        width: 58.33333%;
    }

    .m-grid-col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .m-grid-col-md-8 {
        width: 66.66667%;
    }

    .m-grid-col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .m-grid-col-md-9 {
        width: 75%;
    }

    .m-grid-col-md-offset-9 {
        margin-left: 75%;
    }

    .m-grid-col-md-10 {
        width: 83.33333%;
    }

    .m-grid-col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .m-grid-col-md-11 {
        width: 91.66667%;
    }

    .m-grid-col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .m-grid-col-md-12 {
        width: 100%;
    }

    .m-grid-col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1259px) {
    .m-grid-col-lg-1 {
        width: 8.33333%;
    }

    .m-grid-col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .m-grid-col-lg-2 {
        width: 16.66667%;
    }

    .m-grid-col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .m-grid-col-lg-3 {
        width: 25%;
    }

    .m-grid-col-lg-offset-3 {
        margin-left: 25%;
    }

    .m-grid-col-lg-4 {
        width: 33.33333%;
    }

    .m-grid-col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .m-grid-col-lg-5 {
        width: 41.66667%;
    }

    .m-grid-col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .m-grid-col-lg-6 {
        width: 50%;
    }

    .m-grid-col-lg-offset-6 {
        margin-left: 50%;
    }

    .m-grid-col-lg-7 {
        width: 58.33333%;
    }

    .m-grid-col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .m-grid-col-lg-8 {
        width: 66.66667%;
    }

    .m-grid-col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .m-grid-col-lg-9 {
        width: 75%;
    }

    .m-grid-col-lg-offset-9 {
        margin-left: 75%;
    }

    .m-grid-col-lg-10 {
        width: 83.33333%;
    }

    .m-grid-col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .m-grid-col-lg-11 {
        width: 91.66667%;
    }

    .m-grid-col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .m-grid-col-lg-12 {
        width: 100%;
    }

    .m-grid-col-lg-offset-12 {
        margin-left: 100%;
    }
}

@media (max-width: 479px) {
    .m-grid.m-grid-responsive-xs {
        display: block;
        width: auto;
    }

        .m-grid.m-grid-responsive-xs > .m-grid-row,
        .m-grid.m-grid-responsive-xs > .m-grid-row > .m-grid-col,
        .m-grid.m-grid-responsive-xs > .m-grid-col {
            display: block;
            width: auto;
            height: auto;
        }

        .m-grid.m-grid-responsive-xs > .m-grid-row {
            display: flex;
            flex-flow: column;
        }

        .m-grid.m-grid-responsive-xs.m-grid-flex {
            display: flex;
            flex-flow: column;
        }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-2 {
                order: 2;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-3 {
                order: 3;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-4 {
                order: 4;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-5 {
                order: 5;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-6 {
                order: 6;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-7 {
                order: 7;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-8 {
                order: 8;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-9 {
                order: 9;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-10 {
                order: 10;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-11 {
                order: 11;
            }

            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
            .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-12 {
                order: 12;
            }
}

@media (max-width: 767px) {
.m-grid.m-grid-responsive-sm {display: block;width: auto}
.m-grid.m-grid-responsive-sm > .m-grid-row,
.m-grid.m-grid-responsive-sm > .m-grid-row > .m-grid-col,
.m-grid.m-grid-responsive-sm > .m-grid-col {display: block;width: auto;height: auto}
.m-grid.m-grid-responsive-sm > .m-grid-row {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-sm.m-grid-flex {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-2 {order: 2}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-3 {order: 3}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-4 {order: 4}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-5 {order: 5}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-6 {order: 6}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-7 {order: 7}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-8 {order: 8}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-9 {order: 9}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-10 {order: 10}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-11 {order: 11}
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
.m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-12 {order: 12}
}

@media (max-width: 991px) {
.m-grid.m-grid-responsive-md {display: block;width: auto}
.m-grid.m-grid-responsive-md > .m-grid-row,
.m-grid.m-grid-responsive-md > .m-grid-row > .m-grid-col,
.m-grid.m-grid-responsive-md > .m-grid-col {display: block;width: auto;height: auto}
.m-grid.m-grid-responsive-md > .m-grid-row {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-md.m-grid-flex {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-2 {order: 2}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-3 {order: 3}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-4 {order: 4}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-5 {order: 5}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-6 {order: 6}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-7 {order: 7}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-8 {order: 8}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-9 {order: 9}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-10 {order: 10}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-11 {order: 11}
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
.m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-12 {order: 12}
}

@media (max-width: 1259px) {
.m-grid.m-grid-responsive-lg {display: block;width: auto}
.m-grid.m-grid-responsive-lg > .m-grid-row,
.m-grid.m-grid-responsive-lg > .m-grid-row > .m-grid-col,
.m-grid.m-grid-responsive-lg > .m-grid-col {display: block;width: auto;height: auto}
.m-grid.m-grid-responsive-lg > .m-grid-row {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-lg.m-grid-flex {display: flex;flex-flow: column}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-2 {order: 2;}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-3 {order: 3}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-4 {order: 4}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-5 {order: 5}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-6 {order: 6}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-7,.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-7 {order: 7}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-8 {order: 8}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-9 {order: 9}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-10 {order: 10}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-11 {order: 11}
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
.m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-12 {order: 12}
}
/*============= matronic grid layout end =============*/
/*============= authorizantion page layout start =================*/
.authorization {border: 1px solid #e5e5e5;max-width: 800px;margin: auto;width: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}
.authorization-header {background: #f3f6f8;padding: 15px;text-align: center}
.authorization-header img {max-height: 50px}
.authorization-body {padding: 20px;background: #fff}
.border {border: 1px solid transparent}
.border-red {border-color: red}
.fullHeight {height: 100vh}
hr {border: 0;border-top: 1px solid #eee;margin: 20px 0}
.hrbold {border-top-width: 2px}
.app-icon {text-align: center}
.app-icon img {max-height: 50px;border: 1px solid #e5e5e5;padding: 3px;border-radius: 2px;overflow: hidden}
.img-border {border: 1px solid #e5e5e5;padding: 3px}
[disabled].btn {pointer-events: none;opacity: 0.5}
.hide{ display:none}
.padd-top-6 {padding-top: 6px !important}
.form-group.form-md-line-input.form-md-floating-label .form-control.ng-not-empty ~ label{top: 5px;font-size: 14px;}
.form-group.form-md-line-input .form-control.ng-not-empty:not([readonly]) ~ label {opacity: 1;filter: alpha(opacity=100);}
.form-group.form-md-line-input .form-control.ng-not-empty:not([readonly]) ~ label {color: #555;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 1 !important;background-color: #eef1f5 !important;color: #aaa !important;border-color: #ddd !important;box-shadow: none !important}
/*============= authorizantion page layout end ===================*/
/*============= Sign in page svg css start here  ===================*/
.step1 .lg-wrap, .step2 .lg-wrap, .step3 .lg-wrap {max-width: 60%;}
.animation-box {margin: 0 auto;overflow: hidden;padding-top: 30px}
.first-text, .second-text, .third-text, .last-text {font-size: 1.4rem;animation: topFadeOut alternate forwards;animation-duration: 3s;color: white;display: inline}
.second-text {animation-delay: 1s;opacity: 0}
.third-text {animation-delay: 1.5s;opacity: 0}
.last-text {animation-delay: 2s;opacity: 0;display: block;font-size: 2rem}
@keyframes topFadeOut {0% {opacity: 0}100% {opacity: 1}}
/*============= process sale ipad svg css start here  ===================*/
#svg-wraper, #hr-vr-lines, #box0, #user, #st4, #st5, #st6, #st7, #st8, #st9, #st10, #st11, #st12, #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12, #Layer13, #Layer14, #Layer15, #SearchBar {
    stroke-dasharray: 2313.919921875;stroke-dashoffset: 2313.919921875;animation: dash 1.5s ease alternate forwards;stroke: #fff;fill: none; stroke-width: 2;}
#Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12, #Layer13, #Layer14, #Layer15 {stroke: #00fff8;stroke-width: 1.5;}
#hr-vr-lines, #SearchBar, #box0, #box1 {stroke-width: 1;}
#hr-vr-lines, #SearchBar {animation-delay: .5s;}
#box0 {animation-delay: .5s;}
#box1 {animation-delay: .6s;}
#box2 {animation-delay: .7s;stroke-width: 1;}
#box3 {animation-delay: .8s;stroke-width: 1;}
#box4 {animation-delay: .9s;stroke-width: 1;}
#box5 {animation-delay: 1s;stroke-width: 1;}
#box6 {animation-delay: 1.1s;stroke-width: 1;}
#box7 {animation-delay: 1.2s;stroke-width: 1;}
#box8 {animation-delay: 1.3s;stroke-width: 1;}
#box9 {animation-delay: 1.4s;stroke-width: 1;}
#box10 {animation-delay: 1.5s;stroke-width: 1;}
#box11 {animation-delay: 1.6s;stroke-width: 1;}
#box12 {animation-delay: 1.7s;stroke-width: 1;}
#box13 {animation-delay: 1.8s;stroke-width: 1;}
#Layer1 {animation-delay: .6s;}
#Layer2 {animation-delay: .7s;}
#Layer3 {animation-delay: .8s;}
#Layer4 {animation-delay: .9s;}
#Layer5 {animation-delay: 1s;}
#Layer6 {animation-delay: 1.1s;}
#Layer7 {animation-delay: 1.2s;}
#Layer8 {animation-delay: 1.3s;}
#Layer9 {animation-delay: 1.4s;}
#Layer10 {animation-delay: 1.5s;}
#Layer11 {animation-delay: 1.6s;}
#Layer12 {animation-delay: 1.7s;}
#Layer13 {animation-delay: 1.8s;}
#Layer14 {animation-delay: 1.9s;}
#st3 {animation-delay: 2s;}
#st4 {animation-delay: 1.1s;}
#st5 {animation-delay: 1.3s;}
#st6 {animation-delay: 1.6s;}
#user {animation-delay: 1s; stroke-width: 1;}
#st8 {animation-delay: .7s;stroke-width: 1;}
#st7 { animation-delay: 1.5s}
/*============= process sale ipad svg css end here  ===================*/
.animation-box.analytics b {color: #ffc45d}
.animation-box.user-friendly b {color: #02615e} 
/*============= Chart svg css start here  ===================*/
.graph0 {fill: none;stroke: #F9FF00;stroke-width: 5;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10}
.graph1 {fill: #F9FF00}
.graph2 {fill: none;stroke: #F2DA00;stroke-miterlimit: 10}
.graph3 {fill: none;stroke: #00FFF8;stroke-width: 5;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10}
.graph4 {fill: #00FFF8}
.graph5 {fill: none;stroke: #00CFFF;stroke-miterlimit: 10}
.graph6 {fill: none;stroke: #FF8185;stroke-width: 5;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10}
.graph7 {fill: #FF8185}
.graph8 {fill: none;stroke: #FF6347;stroke-miterlimit: 10}
.graph9 {display: none;fill: #5A7C25}
.graph10 {display: none;fill: #323293}
.graph11 {display: none;fill: #AD2323}
#yellowLine, #darkLine, #whiteLine {stroke-dasharray: 2313.919921875;stroke-dashoffset: 2313.919921875;animation: dash 2s linear alternate forwards;stroke: #F9FF00;fill: none;stroke-width: 5;/*stroke-dasharray: 10;*/}
.y1, .y2, .y3, .y4, .y5, .y6, .y7, .y8, .y9, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9, .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9 {animation: hideshow .9s ease forwards}
.y1 {animation-delay: 0s}
.y2 {animation-delay: 0.1s}
.y3 {animation-delay: 0.2s}
.y4 {animation-delay: 0.3s}
.y5 {animation-delay: 0.4s}
.y6 {animation-delay: 0.8s}
.y7 {animation-delay: 1s}
.y8 {animation-delay: 1.2s}
.y9 {animation-delay: 0.8s}
.d1 {animation-delay: 1.5s}
.d2 {animation-delay: 1.6s}
.d3 {animation-delay: 1.7s}
.d4 {animation-delay: 1.8s}
.d5 {animation-delay: 2s}
.d6 {animation-delay: 2.1s}
.d7 {animation-delay: 2.4s}
.d8 {animation-delay: 2.6s}
.d9 {animation-delay: 2.8s}
.w1 {animation-delay: 2.5s}
.w2 {animation-delay: 2.6s}
.w3 {animation-delay: 2.7s}
.w4 {animation-delay: 2.8s}
.w5 {animation-delay: 2.9s}
.w6 {animation-delay: 3s}
.w7 {animation-delay: 3.2s}
.w8 {animation-delay: 3.4s}
.w9 {animation-delay: 3.6s}
@keyframes hideshow {0% {opacity: 0;}100% { opacity: 1;}}
#darkLine {animation-delay: 1.5s;stroke: #00fff8}
#whiteLine {animation-delay: 2.5s;stroke: #FF6347}
/*============= Chart svg css end here  ===================*/

/*============= Connctor svg css start here  ===================*/
.ply0 {opacity: 0.5;}
.ply1 {fill: none;stroke: url(#SVGID_1_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply2 {fill: none;stroke: #A3BBC1;stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply3 {fill: none;stroke: url(#SVGID_2_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply4 {fill: none;stroke: url(#SVGID_3_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply5 {fill: none;stroke: url(#SVGID_4_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply6 {fill: none;stroke: url(#SVGID_5_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply7 {fill: none;stroke: url(#SVGID_6_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply8 {fill: none;stroke: url(#SVGID_7_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply9 {fill: none;stroke: url(#SVGID_8_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply10 {fill: none;stroke: url(#SVGID_9_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply11 {fill: none;stroke: url(#SVGID_10_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply12 {fill: none;stroke: url(#SVGID_11_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply13 {fill: none;stroke: url(#SVGID_12_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply14 {fill: none;stroke: url(#SVGID_13_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply15 {fill: none;stroke: url(#SVGID_14_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply16 {fill: none;stroke: url(#SVGID_15_);stroke-width: 1.5;stroke-miterlimit: 10;stroke-dasharray: 4;}
.ply17 {stroke-width: 2;stroke-miterlimit: 10;}
.ply18 {opacity: 0.2;}
.ply20 {opacity: 0.25;}
.ply23 {opacity: 0.3;}
.ply27 {display: none;fill: #FFFFFF;}
.poly-bc, .poly-xero, .poly-shopy, .poly-woo, .poly-Qb, .poly-mc, .polygon, .hike-logo, .bc-logo, .xr-logo, .qb-logo, .shopy-logo1, .shopy-logo2, .woo-logo, .woo-text, .mc-logo, .mc-1, .mc-2, .mc-3, .mc-4, .mc-5, .mc-6, .mc-7 {fill: #F0EEFF;stroke: #34313F;fill-opacity: 0;stroke-width: 1;stroke-dasharray: 800;stroke-dashoffset: 800;-moz-animation: DASH3 1s ease-in-out .5s forwards;-webkit-animation: DASH3 1s ease-in-out .5s forwards;animation: DASH3 1s ease-in-out .5s forwards;}
.poly-xero {fill: #EBFCFF;stroke: #1FC0E7;animation-delay: 1.5s}
.xr-logo {stroke: #1FC0E7;fill: #1FC0E7;animation-delay: 1.6s;}
.xr-tx-logo {animation-delay: 1.7s !important;}
.poly-shopy {fill: #F8FFE9;stroke: #95BF46;animation-delay: 1s;}
.shopy-logo1 {stroke: #95BF46;fill: #95BF46;animation-delay: 1.5s;}
.shopy-logo2 {stroke: #5E8E3E;fill: #5E8E3E;animation-delay: 1.6s;}
.shopy-inner {animation-delay: 1.7s !important;}
.poly-bc {animation-delay: 2s;}
.bc-logo {stroke: #34313F;fill: #34313F;animation-delay: 2.2s !important;}
.poly-woo {fill: #FFE9FB;stroke: #9C5C8F;animation-delay: 2.5s;}
.woo-logo {stroke: #9C5C8F;fill: #9C5C8F;animation-delay: 2.6s;}
.woo-text {stroke: #000;fill: #000;animation-delay: 2.7s;}
.woo-logo-inner {animation-delay: 2.8s !important;}
.poly-Qb {fill: #ECFFE9;stroke: #2CA01C;animation-delay: 3.5s;}
.qb-logo {stroke: #2CA01C;fill: #2CA01C;animation-delay: 3.6s;}
.qb-inner-logo {animation-delay: 3.7s !important;}
.poly-mc {fill: #EBF5FF;stroke: #122030;animation-delay: 3s;}
.mc-logo {stroke: #684C46;fill: #684C46;animation-delay: 3.1s;}
.mc-1 {stroke: #F5DCBA;fill: #F5DCBA;animation-delay: 3.2s;}
.mc-2 {stroke: #0788BF;fill: #0788BF;animation-delay: 3.2s;}
.mc-3 {stroke: #46B8E3;fill: #46B8E3;animation-delay: 3.2s;}
.mc-4 {stroke: #FFD14F;fill: #FFD14F;animation-delay: 3.2s;}
.mc-5 {stroke: #122030;fill: #122030;animation-delay: 3.2s;}
.mc-6 {stroke: #EABE8D;fill: #EABE8D;animation-delay: 3.2s;}
.mc-7 {stroke: #9C7356;fill: #9C7356;animation-delay: 3.2s;}
.mc-inner {animation-delay: 3.3s !important;}
.polygon {stroke: #39BDB2;fill: #fff;stroke-width: 2;}
.hike-logo {stroke: #32bdb9;fill: #32bdb9;}
.hike-cloud, .xr-tx-logo, .qb-inner-logo, .shopy-inner, .woo-logo-inner, .mc-inner {stroke: #fff;fill: #fff;fill-opacity: 0;stroke-width: .5;stroke-dasharray: 800;stroke-dashoffset: 800;-moz-animation: hike 1s ease-in-out .5s forwards;-webkit-animation: hike 1s ease-in-out .5s forwards;animation: hike 1s ease-in-out .5s forwards}
.hike-cloud {stroke: #32bdb9;fill: #32bdb9}
@-webkit-keyframes DASH3 {0% {stroke-dashoffset: 800;}80% {stroke-dashoffset: 0;fill-opacity: 0;}100% {stroke-dashoffset: 0;fill-opacity: 1;}}
@-moz-keyframes DASH3 {0% {stroke-dashoffset: 800;}80% {stroke-dashoffset: 0;fill-opacity: 0;}100% {stroke-dashoffset: 0;fill-opacity: 1;}}
@-webkit-keyframes hike {0% {stroke-dashoffset: 800;}80% {stroke-dashoffset: 0;fill-opacity: 0;stroke-opacity: 1;}100% {stroke-dashoffset: 0;fill-opacity: 1;stroke-opacity: 0;}}
@-moz-keyframes hike {0% {stroke-dashoffset: 800;}80% {stroke-dashoffset: 0;fill-opacity: 0;stroke-opacity: 1;}100% {stroke-dashoffset: 0;fill-opacity: 1;stroke-opacity: 0;}}
.img {animation: hideshow 6s ease-in-out 1s forwards;}
@keyframes hideshow {0% {opacity: 0;}25% {opacity: .3;}50% {opacity: .5;}100% {opacity: 1;}}
#lines {stroke-dasharray: 70;stroke-dashoffset: 70;animation: dash 2s linear alternate infinite;stroke: #fff;fill: none;stroke-width: 1;stroke-dasharray: 8;}
.fa-eye {/*background: #fff url('../../Common/Images/login/eye-close.png') no-repeat center center;*/background: #fff url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/login/eye-close.png') no-repeat center center}
.fa-eye-slash {/*background: #fff url('../../Common/Images/login/eye_open.png') no-repeat center center;*/background: #fff url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/login/eye_open.png') no-repeat center center}
.field-icon {float: right;right: 20px;top: -40px;position: relative;z-index: 2;width:20px;height:20px}
.back-arrow {
    /*background: #fff url('../../Common/Images/login/back-arrow.png') no-repeat center center;*/background: #fff url('https://hikeupdatastorage.s3-us-west-2.amazonaws.com/Common/Images/login/back-arrow.png') no-repeat center center;height: 20px;width: 20px;display: inline-block;margin: 0px 2px;position: relative;top: 6px}
    /*============= Connctor svg css end here  ===================*/
    /*============= Common animation css  ===================*/
@keyframes dash {to { stroke-dashoffset: 0}}
    /*============= Common animation css end ===================*/
.license-divider {padding-left: 15px;padding-right: 15px}
ul.list-style-none {list-style: none;padding-left: 0}
 ul.list-style-none li {padding: 5px 0}
.border-box {padding-top: 40%}
.border-box ul{ margin-left:20%}
.margin-top-50 {margin-top: 50px}
.social-icons{list-style:none; margin:0; padding:0; text-align:center}
.social-icons li{display:inline-block; padding:10px}
.social-icons li a i.fa {display: none;}
.social-icons li a.googleplus i.fa.fa-google-plus, .social-icons li a.openidconnect i.fa.fa-windows, .social-icons li a.twitter i.fa.fa-twitter, .social-icons li a.facebook i.fa.fa-facebook {display: inline}
@font-face {font-family: 'FontAwesome';src: url('../../fonts/fontawesome-webfont.eot');src: url('../../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2') format('woff2'), url('../../fonts/fontawesome-webfont.woff') format('woff'), url('../../fonts/fontawesome-webfont.ttf') format('truetype'), url('../../fonts/fontawesome-webfont.svg') format('svg');font-weight: normal;font-style: normal}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-pull-left {float: left}
.fa-pull-right {float: right}
.fa.fa-pull-left {margin-right: .3em}
.fa.fa-pull-right {margin-left: .3em}
.fa.pull-left {margin-right: .3em}
.fa.pull-right {margin-left: .3em}
.fa-twitter:before {content: "\f099"}
.fa-facebook:before {content: "\f09a"}
.fa-windows:before {content: "\f17a"}
.fa-google-plus:before {content: "\f0d5"}
.siq_noanim {margin-bottom: 10px;margin-right: 10px;/*-webkit-box-shadow: 0px 0px 24px -9px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 24px -9px rgba(0,0,0,0.75);box-shadow: 0px 0px 24px -9px rgba(0,0,0,0.75);*/}
.zsiq_flt_rel {box-shadow: 1px 1px 8px -1px #aaa !important}
.zsiq_floatmain [class*=" siqico-"]::before {color: transparent !important}
.zsiq_flt_rel {background: url(https://hikeup.com/chat-icon.png) no-repeat 0px 0px;background-size: 60px 60px}
.zsiq_theme1 .zsiq_flt_rel {background-color: #32bdb9 !important}
div#titlediv.zsiq_cnt {display: none !important}
.intl-tel-input {
    width: 100%;
}
label.control-label.intl-tel {
    position: relative;
    top: 27px;
    z-index: 9;
    left: 7.2rem;
}

.selected-flag {
    min-width: 100px !important;
    background: transparent !important;
    border-right: 1px solid #ddd !important;
}
.intl-tel-input.allow-dropdown.separate-dial-code input {
    padding-left: 114px !important;
}
.intl-tel-input .country-list {
    z-index: 9 !important;
}