

body {
    margin: 0;
}
body.bg {background:#fff url('../images/bg.jpg') no-repeat center center;background-size:cover;}
td, input, textarea, select {font-size: inherit;font-family: inherit;color: inherit;}
.file-placeholder, input, textarea, select {width: 100%;color:black}
.file-placeholder {display:none;}
textarea {height:160px;resize:vertical;}
input, textarea,file, select {outline:none;color:black}
.file-placeholder, .btn-2, label.radio input + span, input, textarea, select {border:1px solid #808080;background: #fff;padding: 7px 15px;border-radius: 2px;margin: 0;}
.btn-2 {display:inline-block;}
label.radio input + span {padding-left: 5px;padding-right: 5px;}
.file-btn.file-js.err .file-placeholder, label.radio.err input + span, .err input, .err textarea, .err select {color: #000;}
.file-placeholder, .btn-2, label.radio input + span, form .label, a.btn, input,  select {line-height: 36px;min-height: 52px;}
label.radio.height input + span, select {line-height: 36px;min-height: 32px;}
select {height: 52px;}
.btn-2 {color: #000;cursor: pointer;text-transform: uppercase;}
form .label {display:inline-block;line-height: normal;}
.label > span {display:table;width:100%;}
.label > span > span {display:table-cell;vertical-align:middle;}
form .label > span {height: 52px;}
/*button {font-size: 12px;font-weight: bold;cursor: pointer;padding:0 20px;min-width:160px;line-height: 50px;}*/
.login-button:hover {color:#fff;background: #3299cc;}
/*button:hover {color:#fff;background: #39ae4a;}*/
label {cursor:pointer;}
select {padding-right: 5px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color:inherit;outline:none;text-decoration:underline;}
label.radio {width: 100%;overflow: hidden;position: relative;display: block;}
.popup-buttons > *, .progress-bar, .btn-2, label.radio input + span, input,  a {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a img {border:none;}
a:hover {color:#39ae4a;}
img {max-width:100%;height: auto;}
h1, h2, h3, h4, h5, h6, ul, ol, p {margin:0;padding: 0;}
ul, ol {padding-left: 1.5em;}
.clr {float: none !important;clear: both !important;width: auto !important;height: auto !important;padding: 0 !important;margin: 0 !important;border:none !important;}
.container {width: 1140px;margin: 0 auto;background:#fff;position: relative;overflow: hidden;}
.container-header {width:100%!important}
.d-table {display: table;border-collapse: collapse;table-layout: fixed;margin: 0 auto;}
.d-table > * {margin-top:120px}
#page-bg {text-align: center;}
#page-bg .d-table {width: 420px;height: 100%;}
#text-box {background: #eaeeef; background: rgba(31,153,204,0.7);padding:40px 0 20px 0;min-height:480px;height:480px;margin-bottom: 48px;}
#logo {color:white; font-size:22px;}
.return-login a {background-color: #39b44a;border: medium none;color: #fff;display: block;font-size: 18px;margin: 10px auto 0;padding: 20px 10px;width: 330px;text-decoration:none;text-align:center;font-weight:bold;}
#logo a {display: block;width: 225px;height: auto;margin: 0 auto 1em auto;}
#logo img {display: block;}
#text-content {margin:55px auto 0 auto;}
#text-content.new-password {margin-top: 50px;}
.go-back-link a {text-decoration:none;color:#fff; padding-left:46px; font-size:15px!important}
form > div {margin-bottom:10px;overflow:hidden;}
form > div > div {margin-bottom:10px}
#text-box form {text-align:left;position: relative;}
#text-box form a {font-size:12px;}
#text-box form a:hover {color:#efefef!important;}
#text-box form button {margin:0 auto;
                       display:block;background-color:#39b44a;color:#fff;border:none;font-size:17px; padding:5px 10px;width:330px;margin-top:10px;cursor:pointer}

#text-box1 form {text-align:left;position: relative;}
#text-box1 form a {font-size:12px;}
#text-box1 form a:hover {color:#efefef!important;}
    #text-box1 form button {
        margin: 0 auto;
        display: block;
        background-color: #39b44a;
        color: #fff;
        border: none;
        font-size: 17px;
        padding: 5px 10px;
        width: 330px;
        margin-top: 10px;
        padding: 20px;
        cursor: pointer;
    }

.error404 h1 {font-weight: inherit;}
/*header {line-height: 17px;background: #232323;padding: 17px 0 0 0;border-bottom:2px solid #717273;color: #afafaf;position: fixed;width: 100%;height: 53px;left: 0;top:0;z-index: 1000;-webkit-transform: translateZ(0);transform: translateZ(0);}
header .container, #steps .container {background: none;overflow: hidden;}*/
#logo-main img {display: block;height: 17px;width: auto;}
#logo-main {display: block;float: left;}
/*#header-info {float:right;}
header .container {overflow:visible;width: 100%;padding-left: 20px;padding-right: 20px;}*/
#logout {text-decoration:none;border:1px solid #afafaf;border-radius:3px;padding:3px 10px;display:inline-block;margin-top:-4px;}
#logout:hover {color:#fff;background:#FF1D25;border-color:#FF1D25;}
#steps {background: #e5e9ea;color: #949494;text-align: center;font-size: 12px;border-bottom: 6px solid #39ae4a;position: fixed;width: 100%;left: 0;top:53px;z-index: 1001;-webkit-transform: translateZ(0);transform: translateZ(0);}
#steps ul {padding: 0;margin: 0 auto;list-style: none;width: 100%;height: 50px;}
#steps li {border-left:1px solid #e5e9ea;}
#steps li:first-child {border-left: none;}
#steps a {display: table;text-decoration: none;width: 100%;height: 50px;}
#steps a:hover {background:#949494;color:#e5e9ea;}
#steps a span {display: table-cell;vertical-align: middle;padding: 0 15px;}
.w-err #steps li.active, #steps li.error {color: #fff; background: #ff1d25;}
.w-err #steps {border-bottom-color: #ff1d25;}
#steps li.active {color: #fff; background: #39ae4a;}
#logos {overflow: hidden;margin-bottom: 19px;}
#logos img {display: block;float: left;height: 60px;margin-right: 10px;}
#page {padding-top: 109px;}
#page .container > div {padding-top:35px;padding-bottom:35px;min-height: calc(100vh - 109px);}
#left {width: 660px;float: left;}
.step #left {background: #e1e1e1;padding-left: 90px;padding-right: 90px;color: #acacac;}
.step-1 #left {background: none;padding-left: 0;padding-right: 0;color: inherit;}
#right {width: 430px;float: right;position: fixed;left: 50%;margin-left: 140px;padding-bottom: 100px !important;-webkit-transform: translateZ(0);transform: translateZ(0);}
.right_scrolled #right {position: relative;margin-left: auto !important;left: auto !important;}
.summary-box, #right .box {background:#e1e1e1;border:1px solid #aeaeae;margin-bottom:10px;padding: 7px 12px;position: relative;}
#right .box h4 {font-weight:inherit;text-transform:uppercase;margin-bottom: 20px;}
#right .btn {font-size:20px;font-weight:inherit;}
#page #summary, .step #left form {padding-bottom: 80px;}
#summary .submit-btn, .step #left form .submit-btn, .step #left form .submit-btn.active, a.btn {font-size: 20px;padding: 18px;line-height: 36px;height: 74px;display:block;text-align:center;text-transform:uppercase;text-decoration:none;border: 1px solid #39ae4a;background:#39ae4a;color:#fff;}
.step #left form .submit-btn.force-active, #summary .submit-btn:hover, .step #left form .submit-btn.active:hover, a.btn:hover {background:#fff;color:#39ae4a;}
#summary .submit-btn, .step #left form .submit-btn {position:fixed;right: 0;bottom: 0;z-index: 5;width: 100%;width:calc(100% - 74px);font-weight: inherit;border-radius: 0;-webkit-transform: translateZ(0);transform: translateZ(0);}
.step-2 #left form .submit-btn {width:100%;}
#summary .submit-btn.form-back, .step #left form .submit-btn.form-back {left:0;width: 100px;padding-left: 0px;padding-right: 0px;font-size: 12px;background: #e1e1e1 !important;border-color: #e1e1e1 !important;color:#000 !important;}
#summary .submit-btn.color-2, .step #left form .submit-btn {background: #f7e921;color: #000;border-color: #f7e921;}
#summary .submit-btn.color-2:hover, #summary .submit-btn.form-back:hover, .step #left form .submit-btn.form-back:hover, .step #left form .submit-btn:hover {background: #fff !important;color:#000;}
.summary-label, .tip {display: block;text-transform: uppercase;line-height: 20px;margin-bottom: 10px;}
.summary-label {display: inline-block;width: 300px;color: #000;}
.summary-edit {color: #29a6dd;font-size: 12px;text-decoration: none;}
.summary-edit:hover {color:#39ae4a;}
.tip:before {content: "?";display: inline-block;height: 18px;width: 18px;border:1px solid #000;border-radius: 50%;margin-right: 5px;text-align: center;font-size: 14px;line-height: 18px;}
.tip-right:before {float: right;margin-right: 0;margin-left: 5px;}
.tip-remove {
    padding-bottom:11px;
    display:block;
}
.summary-box, .tip-box {color:#acacac;}
.tip-box strong {color:#4d4d4d;}
label.radio input {position: absolute;right: 100%;display: block;z-index: 0;width: auto; height: auto;}
label.radio input + span {display:block;float:left;width: 100%;text-align: center;z-index: 2;position: relative;}
.btn-2:hover, label.radio input:checked + span, label.radio input[type="radio"] + span:hover {color: #fff; background: #39ae4a;}


/*label.no-check input + span:hover {color: #fff; background: transparent!important;}*/


#right .box .btns {position: absolute;right: 5px;bottom: 9px;color: #29a6dd;font-size: 12px;line-height: 14px;}
#right .box .btns1 {right: 5px;bottom: 9px;color: #29a6dd;font-size: 1.2rem;line-height: 14px;}
#right .box .btns1 a {text-decoration: none;margin-left: 6px;float:left;height: 14px;}
#right .box .btns1 a:first-child {margin-left: 0;}
#right .box .btns1 a:hover {color: #000;}
#right .box .btns a {text-decoration: none;margin-left: 6px;float:left;height: 14px;}
#right .box .btns a:first-child {margin-left: 0;}
#right .box .btns a:hover {color: #000;}
#right .box .btns .delete {width:10px;background:url('../images/trash.png') no-repeat right center;background-size:auto 100%;display: inline-block;-webkit-transition: none;-moz-transition: none;transition: none;}
#right .box .btns1 .delete1 {width:10px;background:url('../images/trash.png') no-repeat right center;background-size:auto 100%;display: inline-block;-webkit-transition: none;-moz-transition: none;transition: none;}
#right .box .btns .delete:hover {background-image: url('../images/trash-2.png');}
#right .box .btns1 .delete:hover {background-image: url('../images/trash-2.png');}
.login-head {background:#f1f1f1; height:50px;width:100%;position:absolute;top:0;border-bottom:1px solid #666}
.login-head img {position:relative;top:8px; left:20px; width:120px; height:39px;}
footer {position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;padding:11px;color:#000;text-align: right;font-size: 12px;-webkit-transform: translateZ(0);transform: translateZ(0);}
footer .container {background: none;}
.row-el {margin-left: -5px;margin-right: -5px;}
.row-el > * {float: left;padding: 0 5px;position: relative;}
.row-el:after {display: table;clear: both;float: none;content: "";}
.el-13 {width: 117%;}
.el-12 {width: 100%;}
.el-11 {width: 91.66666667%;}
.el-10 {width: 83.33333333%;}
.el-9 {width: 75%;}
.el-8 {width: 66.66666667%;}
.el-7 {width: 58.33333333%;}
.el-6 {width: 50%;}
.el-5 {width: 41.66666667%;}
.el-4 {width: 33.33333333%;}
.el-3 {width: 25%;}
.el-2a {width: 20%;font-size:14px!important}
.el-2 {width: 16.66666667%;}
.el-1 {width: 8.33333333%;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.separator-el {margin: 30px 0;border-top:1px solid #808080;}
.download-box {color: #000;font-size: 16px;line-height: normal;}
.download-box .label > span, .download-box a {height: 50px;}
.download-box a {background: #f7e921;display:block;text-align: center;text-decoration: none;line-height: 50px;font-size: 12px;font-weight: bold;text-transform: uppercase;}
.download-box a:hover {background:#fff;color: #000;}
.download-box .row-el {padding-bottom:10px;padding-top: 10px;}
.row-el select.styled {-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.row-el select.styled::-ms-expand {display: none;opacity: 0;}
.row-el select.styled + svg {position: absolute;content: "";display: block;pointer-events:none;border-top:6px solid #ACACAC;border-left: 6px solid transparent;border-right: 6px solid transparent;right: 20px;top: 50%;margin-top: -3px;}
.row-el .err select.styled + svg {border-top-color: #fff;}
::-webkit-input-placeholder {color: #acacac;}
::-moz-placeholder {color: #acacac;opacity: 1;}
:-ms-input-placeholder {color: #acacac;}
.err ::-webkit-input-placeholder {color: #fff;}
.err ::-moz-placeholder {color: #fff;}
.err :-ms-input-placeholder {color: #fff;}

.progress::before {
    color: white;
    content: "Password Strength :";
    float: left;
    font-size: 12px;
    left: 8px;
    position: relative;
    top: 1px;
}

.progress {border: 1px solid #98c2d4;
    float: left;
    height: 20px;
    left: 46px;
    margin-bottom: 0;
    margin-top:5px;
    position: relative;
    width: 328px;}
.password-verdict {color: #fff;
    font-size: 12px;
    left: 123px;
    line-height: 16px;
    position: absolute;
    top: 1px;}
.progress-bar {background:none;height:100%;}
.progress-bar-danger {background-color:#d9534f;}
.progress-bar-warning {background-color:#f0ad4e;}
.progress-bar-success{background-color:#5cb85c}
form .error-list {position:absolute;left: 100%;list-style: none;margin-left:10px;margin-top: -92px;padding: 0;width: 230px;}
form .error-list > li {background: #eaeeef;border:0px solid #eaeeef;padding: 5px 19px;font-size:12px;line-height: 1.2;border-left:1px solid #808080;border-right:1px solid #808080;}
form .error-list > li:first-child {border-top:1px solid #808080;padding-top:18px;}
form .error-list > li:last-child {padding-bottom:18px;}
form .error-list > li:first-child:after {content:"";width:10px;height:10px;border-bottom:1px solid #808080;border-left:1px solid #808080;display:block;position:absolute;left:-5px;top:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background: #eaeeef;}
form .error-list span {color:#000 !important;}
.popup {border:1px solid #AEAEAE;background: #E1E1E1;width:300px;position: fixed;left: 50%;margin-left: -150px;top:50%;margin-top: -132px;padding: 30px 30px;font-size: 12px;line-height: 15px;visibility: hidden;opacity: 0;z-index: 1000;}
.popup.active {visibility: visible;opacity: 1;}
.popup p {margin-bottom:1em;}
.popup-hide {color: #29A6DD;}
.popup-hide input {display: none;}
.popup-hide input + span {display: block;float: left;height: 13px;width: 13px;margin-right: 5px;border:1px solid #AEAEAE;margin-top: 1px;}
.popup-hide input:checked + span {background: #39AE4A;}
.popup-buttons {text-align: center;margin-top:34px;margin-bottom: 17px;}
.popup-buttons > * {display: inline-block;line-height: 50px;height: 50px;background: #39AE4A;border:1px solid #39AE4A;color: #fff;font-weight: bold;width: 62%;text-align: center;text-transform: uppercase;cursor:pointer;}
.popup-buttons .popup-over {background: #ff1d25;}
.popup-buttons > *:hover {background:#fff;color: #39AE4A;}
.popup-buttons > .popup-over:hover {background:#fff;color: #ff1d25;}
.popup-over, .popup-stay {width: 37%;margin: 0 1%;}
.popup-show #page {opacity: 0.5;}
/*button .go-next {display: none;}
button.active .go-next {display: inline;}
button.active .go-next + span {display: none;}*/
.file-btn.file-js {position: relative;}
.file-btn.file-js input {position: absolute;opacity: 0;z-index: 2;left:0;top:0;-webkit-transition: none;-moz-transition: none;transition: none;}
.file-btn.file-js .file-placeholder {position: relative;z-index: 1;display: block;cursor: pointer;}
#the-end {position: fixed;left:0;top:50%;width: 100%;text-align: center;padding: 0 !important;min-height: 0 !important;color: #000;z-index: 2;text-transform: uppercase;margin-top: 18px;}


.lowerIE form .error-list > li:first-child:after {content:none;display: none;}
.lowerIE label.checked span {color: #fff; background: #39ae4a;}
.lowerIE .popup-hide .checked span {background: #39AE4A;}
.lowerIE select {line-height: normal;height: 36px;padding-bottom: 14px;}

.req {
    background:white!important;color:#000!important
}