body { background-color: #fff; color: #000; font-family: 'Rubik', Arial, sans-serif;  font-size: 12px; font-weight:  normal; }
.fullcontent { min-height: calc(100vh - 100px); }
a {text-decoration: underline; color: var(--color-font-primary);}
a:hover {color: var(--color-font-primary);text-decoration: none; }

table {width: 100%;}
.wpic-popup-message p.heading { color: white; font-size: inherit; font-weight: inherit; text-align: left; }
.wpic-popup-message p { word-wrap: break-word; color: #565867; font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; line-height: 1.5em; }

section.steps h3 { color: #c2c2c2; font-size: 18px; font-weight: 400; margin: 15px 0; }
#content .input-group .input-group-text { background: transparent; border: 2px solid var(--color-border); border-radius: 5px;border-right: 0; color: #4f4f4f;height: 100%;border-bottom-right-radius: 0; }
.input-group-prepend ~ input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.input-group-prepend {
    margin-left: 0 !important;
}
#content .sum_total_eur label { color: var(--color-font-primary); font-size: 16px; font-weight: bold; }
.btn { border-radius: 5px!important; cursor: pointer; height: 42px; font-size: 14px; margin: 0 15px 0 0!important; padding: 5px 16px; width: auto!important; transition: background-color 0.3s, color 0.3s; display: inline-block; text-transform: none; box-shadow: none; }

.btn.btn-primary { background:  var(--color-background-primary)!important;color: #fff!important;border: 2px solid var(--color-border) }

.btn-how-it-works { border: 0;  border-radius: 5px; box-shadow: none; color: #000; cursor: pointer; display: inline-block; font-size: 16px; margin: 0 0 10px 0; padding: 8px 16px; text-decoration: none; text-transform: none; width: auto;  transition: background-color 0.3s; }

.setup-acc .box .btn { border: 2px solid var(--color-border); border-radius: 21px!important; color: var(--color-font-primary); display: inline-block; margin: 0; padding: 5px 10px; text-decoration: none; vertical-align: middle; transition: border 0s; box-shadow: none; text-transform: none; font-size: 16px; width: auto;height: max-content; }

input[type="reset"] { background: #fff!important; border: 2px solid var(--color-border)!important; border-radius: 5px; color: var(--color-font-primary); cursor: pointer; height: 42px; font-size: 14px; padding: 5px 16px; width: auto!important; transition: background-color 0.3s, color 0.3s; display: inline-block; }

input[type="submit"] { background-color:  var(--color-font-primary)!important; border: 2px solid var(--color-border)!important; border-radius: 5px!important; color: #fff !important; cursor: pointer; height: 42px; font-size: 14px; padding: 5px 16px; transition: background-color 0.3s; display: inline-block; }

input[type="reset"].btn-reset { height: auto!important; }
input[type="reset"]:hover { background:  var(--color-background-primary)!important; color: #fff!important; }

input[type="submit"].btn-reset { height: auto!important; }
input[type="submit"]:hover,
.btn.btn-primary:hover { background: #fff!important; color:  var(--color-font-primary)!important; }

#content input[type="checkbox"] { display: inline-block; flex: auto; padding: 0; position: relative;}
#content .form-control { border: unset;
    margin: unset;}
#content select.form-control { height: 44px !important; }

/* Form Fix rework */

.input-group label {
    margin: 0 10px -10px 10px;
    background: white;
    z-index: 9;
    font-size: 13px;
    padding: 0 5px;
    color: var(--color-font-primary);
}

.bordered_input_group {
    border: 2px solid var(--color-border);
    border-radius: 5px !important;
    justify-items: start;
    align-items: center;
}

.invalid,
.invalid .bordered_input_group{
    border-color: #fd4d4d;
    color: #fd4d4d;
}

.total_sum,.bordered_input_group{
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto;
    grid-template-columns: minmax(auto,max-content);
}

.total_sum {
    justify-content: start;
  }

.bordered_input_group input, .bordered_input_group select, .bordered_input_group textarea, .bordered_input_group .input-group-text {
    border: unset !important;
    font-size: 16px !important;
    grid-column-end: span 2;
    border-radius: 5px;
}
.bordered_input_group input:focus, .bordered_input_group select:focus, .bordered_input_group textarea:focus {
    box-shadow: unset!important;
}
.bordered_input_group label {
    position: relative;
    margin: -10px 10px 0 10px;
    font-size: 13px;
    padding: 0 5px;
    height: max-content;
    background: white;
    color: var(--color-font-primary);
}
.bordered_input_group .input-group-prepend,
.total_sum .input-group-prepend{
    border-right: 2px solid var(--color-border);
    width: max-content;
    height: 100%;
}
.input-group-prepend .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend ~ .form-control{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* </ Form Fix rework */

#refunds_summary_holder a.ThemesBlueButton, #refunds_history_table div.ThemesBlueButton, .btn_files_uploaded_close {  background-color: var(--color-font-primary); border: 2px solid var(--color-border); border-radius: 5px!important; color: #fff !important; cursor: pointer; height: 42px; font-size: 14px; margin: 0 15px 0 0!important; padding: 5px 16px; width: auto!important; transition: background-color 0.3s; display: inline-block; line-height:210%; text-decoration:none; }
#refunds_summary_holder a.ThemesBlueButton:hover { background: #fff!important; color:  var(--color-font-primary)!important; }

.btn:focus,
.btn:active,
.btn:hover { box-shadow: none!important; }
.btn.login { text-transform: none; box-shadow: none!important; -webkit-box-shadow: none; background: #f1f1f1; background: linear-gradient(180deg, #f1f1f1 0%, #fff 100%); border: 2px solid #f2f2f2; color: #828282; padding: 8px; }
.btn.login:hover { border: 2px solid #ccc; }
.btn.login.log-out { padding-left: 20px; padding-right: 20px; }
.btn.login.log-out:after { display: none; }

.btn.signup { border: 0; border-radius: 4px; box-shadow: none; color: #000; cursor: pointer; display: inline-block; font-size: 16px; margin: 0 0 10px 0; padding: 8px 16px; text-decoration: none; text-transform: none; width: auto; transition: background-color 0.3s; }

.btn.signup:hover,.btn.signup,
.print_box_wrapper a:hover { background-color: #12255F; color: #fff; }

.btn.more { background: #f9ae2e; background: linear-gradient(180deg, #F2D376 0%,#f9ae2e 100%); color: #4f4f4f !important; font-weight: 500; padding: 8px 20px; }
.btn.more:hover { color: #000 !important; }
.btn.calc,
.Button { background-color: var(--color-font-primary); color: #fff; padding: 8px 40px; }
.Button:hover,
.btn.calc:hover { background-color: #12255F; color: #fff; }
.btn.disabled { background-color: #ccc; color: #333; }
#contact_form .ThemesBlueButton.outer { padding: 0; }
#contact_form .ThemesBlueButton.outer input { margin: 0; }
.button_all_student_docs .ThemesBlueButton, .button_all_uni_docs .ThemesBlueButton { font-size: 12px; text-transform: none; margin: 10px 0; padding: 10px; color: #fff; background-color: var(--color-font-primary); border-radius: 5px !important; }

.dropdown-menu a { text-decoration: none; }

.alert-success { background: #CAEFCA url(../images/icon-success.png) 20px center no-repeat; border-color: var(--color-font-primary); color: var(--color-font-primary); font-size: 14px; padding: 8px 8px 8px 65px; }
.is-invalid + label { color: #fd4d4d!important; }

header .menu { text-align: right; margin-top: 15px; }
header .lang { display: inline-block; margin: 0px 0 0 30px; vertical-align: top; position: relative; }
header .lang > a { color: #aaa!important; font-size: 16px!important; text-decoration: none!important; }
header .lang > a.dropdown-toggle:after { margin-left: 8px; vertical-align: middle; }
header .buttons { display: inline-block!important;}
header .buttons .btn { margin: 0 0 0 30px!important;  font-size: 16px!important; text-decoration:none;}
header .buttons .btn.log-out { margin: 0 0 0 10px!important; }
header .buttons .btn.signup { background-color:  var(--color-font-primary)!important;  color: #fff!important; }
header .buttons .btn.signup:hover { background-color: #f1f1f1!important;  color: #000!important;}
header img {max-height: 80px;max-width: 100%;}

header .dropdown-menu[data-bs-popper] {
  top: auto !important;
  left:auto !important;
  right: -5px !important;

}
/*nav { display: inline-block; vertical-align: top; }
nav ul { margin: 8px 0 0 0; padding: 0; }
nav li { display: inline-block; list-style: none; margin: 0 0 0 30px; }
nav a { color: #aaa; font-size: 16px; text-decoration: none; }
nav a:hover { color: #000; }*/

.livechat { position: fixed; bottom: 40px; right: 50px; z-index: 99; color: transparent; font-size: 0;}
.livechat a { float: left; margin: 10px 0px 0px 0px;}
.livechat a:hover { opacity: 0.75; }

.hero { /* background: url(../images/bg-hero.png) top center no-repeat; */ color: #c2c2c2; font-size: 18px; padding: 0px;/* padding: 50px 0; */}
#content_page_797 .hero { padding: 50px 0; }
.hero h1 { font-size: 40px; font-weight: bold; margin: 0px 0 20px 0; }
.hero .video { position: relative; left: -90px; z-index: 2; }
.hero .video_popup img { display: none; }
.video_popup:after { content: url(../images/tm_logo-big.png); }
.steps-top ul li a.video_popup:after {  content: unset; }
#content_page_580 .steps-top p a.video_popup:after, #content_page_557 .steps-top p a.video_popup:after {  content: unset; }
.howto_video_button { margin: 0 15px; }
.howto_video_button img { height: 40px; }

main { background: url(../images/world.png) center -30px no-repeat; min-height: 500px;
    margin-top: 97px;
    padding-bottom: 100px; }
main h1 { color: #4F4F4F; font-size: 32px; font-weight: bold!important; margin: 0 0 30px 0; }
main h2 { color: #4F4F4F!important; font-size: 28px; font-weight: bold!important; margin: 0 0 30px 0; }
#content_page_886 h2, #content_page_887 h2, #content_page_935 h2, #content_page_877 h2 { float: left; color: #274185 !important; font-size: 42px; margin: 0px 0px 10px 0px; }
main h4 { color: #4F4F4F; font-size: 18px; margin: 0 0 30px 0; }
main section { padding: 50px 0 25px 0; }

.skiptranslate:not([style*="display: none"]) ~ .fullcontent header {
    margin-top: 40px;
  }

section.features { background: #12255F; background: linear-gradient(180deg, #1C337B 15%, #4c5f12 85%); color: #fff; font-size: 16px; padding: 50px 0; text-align: center; }
section.features .row { margin-bottom: 30px; }
section.features .row:last-child { margin-bottom: 0; }
section.features h3 { font-weight: bold; }
section.features2 { padding: 50px 0; text-align: center; }
section.features2 .row { margin: 0 0 25px 0; }

section.calc { padding: 0 0 50px 0; text-align: center; }
section.calc .form-field { border: 2px solid #E0E0E0; border-radius: 10px; display: inline-block; margin: 0 15px; padding: 10px; position: relative; }
section.calc .form-field span { background-color: #fff; color: #999; padding: 0 5px; position: absolute; top: -10px; left: 10px; }
section.calc select,
section.calc input { border: 0; color: #666; font-size: 16px; }
section.calc .note { color: #ccc; margin: 15px 0; }
section.calc .btn.calc { margin: 30px 0 0 0; }

section.demo { background-color: #F2F2F2; text-align: center; }
section.demo FORM { text-align: left; }
section.demo h4 { position: relative; top: -15px; }
section.demo .form-holder .row { margin: 0 0 30px 0; }
section.demo .form-field { background-color: #fff; border: 2px solid #E0E0E0; border-radius: 10px; display: inline-block; margin: 0 15px; padding: 10px; }
section.demo input { border: 0; color: #666; font-size: 16px; min-width: 250px; }

section.unis { background-color: var(--color-font-primary); padding: 25px 0; text-align: center; }
section.unis ul { margin: 0; padding: 0; }
section.unis li { display: inline-block; list-style: none; margin: 0 15px; }

section.stats { color: #4F4F4F; font-size: 16px; padding: 50px 0; }
section.stats strong { display: block; font-size: 40px; }

section.contact { background-color: #F2F2F2; padding: 50px 0; }
section.contact .form { border-right: 1px solid #ccc; margin-top: -20px;  }
section.contact h2,
section.contact h4 { text-align: center; }
section.contact h4 { position: relative; top: -15px; }
section.contact .form-holder { text-align: center; }
section.contact .form-field { background-color: #fff; border: 2px solid #E0E0E0; border-radius: 10px; margin: 0 auto 15px auto; padding: 10px; width: 75%; }
section.contact select,
section.contact input { border: 0; color: #666; font-size: 16px; width: 100%; }
section.contact .btn { margin: 0 auto; }
section.contact ul { font-size: 14px; margin: 0; padding: 0; }
section.contact li { float: left; list-style: none; margin: 0 0 5px 0; width: 50%; }
section.contact li:nth-child(odd) { clear: left; width: 25%; }

section.steps-top { /* padding: 50px 0; */ padding: 50px 0px 0px 0px; }
section.steps-top ul { float: left; font-size: 18px; margin: 0 0 15px 0; padding: 0; }
section.steps-top li { display: inline-block; list-style: none; margin: 0 15px 0 0; vertical-align: center; }
section.steps-top li a { color: #6a6a6a!important; text-decoration: none!important; }
section.steps-top li.active a { color:  var(--color-font-primary)!important; text-decoration: underline!important; }
section.steps-top li a:hover { text-decoration: underline!important; }
section.steps-top a.tutorial { background: #fff; border: 1px solid var(--color-border); border-radius: 3px; color: var(--color-font-primary); display: inline-block; font-size: 16px; margin: 0 0 0 15px; padding: 8px 16px; text-decoration: none; }
section.steps-top a.tutorial:after { background: url(../images/icon-watch.png) center center no-repeat; content: ''; display: inline-block; height: 18px; margin: 0 0 0 5px; vertical-align: text-top; width: 22px; }

section.steps { color: #828282; font-size: 16px; }
section.steps .container { position: relative; }

.form-group { margin-bottom: 15px; position: relative; }
.form-control-placeholder { color: var(--color-font-primary);
    font-size: 13px;
    background: white; }

.input-group-prepend + * + .form-control-placeholder { left: 45px; }
.form-control + .form-control-placeholder { background-color: #fff; color: var(--color-font-primary); font-size: 13px; transform: translate3d(0, -20px, 0); z-index: 10; }
.form-control + SCRIPT + .form-control-placeholder { background-color: #fff; color: var(--color-font-primary); font-size: 13px; transform: translate3d(0, -20px, 0); z-index: 10; }

footer {background-color: #4F4F4F;color: #aaa;height: 100px;padding: 25px 0;text-align: center;display: block;box-shadow: 0px -1px 0px rgba(51, 51, 51, 0.16);clear: both;}
footer a { color: #fff;text-decoration: none;}
footer a:hover {color: #fff;text-decoration: underline;}

.result_message { color: #c00; font-size: 1.5em; text-align: center;  padding: 0px 0px 10px 0px; }

/* google translation fix */
#google_translate_element { position: relative; float:right; font-weight:bold; /*width:155px;*/ width:auto; height:30px; overflow: hidden;  margin-left:10px; }
#google_translate_element select { background-color: rgba(255,255,255,0.20)!important; border: 1px solid #6a6a6a !important; border-radius: 4px!important; display: inline-block; cursor: pointer; padding: 3px;}
#popup_window #google_translate_element { float: left; width: 100%; clear: both; margin-bottom: 20px; height: 25px; }
/* END OF google translation fix */

.refund_bank_details { table-layout: fixed; width: 100%; font-size: 10px; }
.refund_bank_details .left_column { font-weight: normal;  color: #6a6a6a;}
table.refund_bank_details { border-spacing: 0px; margin-top: -20px;}
table.refund_bank_details  td { float: left; padding: 0px !important; clear: both; padding: 0px; font-weight: bold;}
table.refund_bank_details  td.left_column { padding-top: 20px !important;  }

.details_wrapper { display: flex; justify-content: space-between; }
.details_wrapper span { display: flex; justify-content: space-between; }
.details_wrapper .item { background-color: #fff; border: 2px solid #eee; margin: 0 10px; padding: 0 10px; flex-basis: 50%; flex-grow: 0; }
.details_wrapper table { width: 100%; }
.details_wrapper table th { border-bottom: 1px solid #eee; color: #000; font-size: 21px; padding: 10px; text-align: center; }
.details_wrapper table td { color: #898989; font-size: 14px; padding: 10px; }
.details_wrapper table td strong { color: #000; display: block; }
.details_wrapper table td .amount { color: var(--color-font-primary); display: block; font-size: 18px; }
.details_wrapper table td input.btn { border: 2px solid var(--color-border); border-radius: 5px; color: var(--color-font-primary); display: inline-block; margin-left: 5px; padding: 0 5px; text-decoration: none; }
.details_wrapper table td input:hover { border-color: #000 !important; }
input.transactions_details_button:hover {  border-color: #f3b02f !important; }
.details_wrapper table td b { font-weight: bold; }
.details_wrapper table td input { color: black; width: 100%; text-align: left; border-radius: 5px; color: #000; display: block; margin: 0 0 5px 0; padding: 10px 15px 10px 40px; text-decoration: none;}
.details_wrapper table td input.confirm { background: url(../../../../images/transfermateeducation/icon-confirm.png) 10px center no-repeat; border: 2px solid var(--color-border); }
.details_wrapper table td input.extend { background: url(../../../../images/transfermateeducation/icon-extend.png) 10px center no-repeat; border: 2px solid #f3b02f; }
.details_wrapper table td input.cancel { background: url(../../../../images/transfermateeducation/icon-cancel.png) 10px center no-repeat; border: 2px solid #9e0b0f; }
.details_wrapper table td .confirmed { color: darkred; font-weight: bold; }
.details_wrapper .next-step a i { background: none !important; border: 2px solid var(--color-border); width: auto; border-radius: 5px; color: var(--color-font-primary); display: inline-block; margin-left: 5px; padding: 0 5px; text-decoration: none; height: auto;}
.details_wrapper .next-step a i:HOVER { border-color: #f9ae2e; color: #f9ae2e;}
.details_wrapper .next-step.right { float: none; display: inline-flex; }

.details_row { overflow: inherit; }
.details_row:after { clear: both; content: ''; display: block; height: 1px; width: 1px; }
.next-step { font-style: normal; position: relative; }
.next-step.right { float: right; }
.next-step.left { float: left; }
.details_row .next-step.right { float: none; display: inline; }
.next-step a { color: #000; text-decoration: none; text-align: left; }
.next-step a i { display: inline-block; height: 20px; vertical-align: text-bottom; width: 24px; /*float: right; */}
.next-step.step_pending a i { background: url(../images/icon-progress.png) right center no-repeat; }
.next-step.step_received a i { background: url(../images/icon-inprogress-new.png) right center no-repeat; }
.next-step.step_successful a i { background: url(../images/icon-complete-new.png) right center no-repeat; }
.next-step.step_refused a i { background: url(../images/icon-not_complete-new.png) right center no-repeat; }
.next-step.step_not_complete a i { background: url(../images/icon-not_complete-new.png) right center no-repeat; }
.next-step.step_invalid a i { background: url(../images/icon-not_complete-new.png) right center no-repeat; }

.next-step.step1 a i { background: url(../images/icon-progress.png) center center no-repeat; }
.next-step.step2 a i { background: url(../images/icon-inprogress-new.png) center center no-repeat; }
.next-step.step22 a i { background: url(../images/icon-inprogress2-new.png) center center no-repeat; }
.next-step.step3 a i { background: url(../images/icon-complete-new.png) center center no-repeat; }
.next-step.step33 a i { background: url(../images/icon-complete2-new.png) center center no-repeat; }
.next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 320px; position: absolute; z-index: 200; }
.next-step .box.left { right: 102%; top: 0; transform: translateY(-50%); }
.next-step .box.right { left: 100%; top: 0; transform: translateX(10px) translateY(-50%); }
.next-step .box:before { border-style: solid; content: ''; height: 0; width: 0; position: absolute; top: 50%; }
.next-step .box.left:before { border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0,0,0,0.8); left: 100%; }
.next-step .box.right:before { border-width: 10px 10px 10px 0; border-color: transparent rgba(0,0,0,0.8) transparent transparent; right: 100%; }
.next-step .box .title { background-color: #000; border-radius: 5px 5px 0 0; color: #fff; font-size: 13px; line-height: 1.2; padding: 15px; }
.next-step .box .title strong { color: #ffae00; display: block; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
.next-step .box .stages { padding: 15px; }
.next-step .box .stages p { background: url(../images/icon-progress.png) top left no-repeat; color: #808080; padding: 0 0 0 30px; }
.next-step .box .stages p.inprogress { background: url(../images/icon-inprogress-new.png) top left no-repeat; color: #ffae00; }
.next-step .box .stages p.not_complete { background: url(../images/icon-not_complete-new.png) top left no-repeat; color: #ff0054; }
.next-step .box .stages p.complete { background: url(../images/icon-complete-new.png) top left no-repeat; color: #2CEEAC;}
.status_check {
    background: url(../images/icon-progress.png) top center no-repeat;
    width: 24px;
    height: 24px;
  }
.status_check.active {
    background: url(../images/icon-complete-new.png) top left no-repeat;
}
/*
@media (max-width: 770px) {
    section.steps { color: #828282; font-size: 12px; }
}
*/


#bulk_refunds_period { padding: 10px; margin: 10px; }
#bulk_refunds_period .form_table_outframe { padding: 10px; margin: 0px; }
#bulk_refunds_period #button_subscribe { cursor: pointer; }

/* Payment hitory comments modal */
tr.lines{
    border-bottom: 1px solid #C2C2C2;
}
tr.lines td, tr.lines th{
    padding: 10px;
}
tr.lines td:first-child, tr.lines th:first-child{
    border-right:  1px solid #C2C2C2;
}

.modal {
  /* --bs-modal-width: 800px; */
  max-width: 100%;
  padding: 0 10px;
}
/* END Payment hitory comments modal */

/* Modal Info start */
#modalWrapper {display: none; }
.excelInfoBtn { background-color: #0ca1d6; border-radius: 50%; color: #fff; cursor: pointer; display: inline-block; font-family: serif; font-size: 16px; font-style: italic; font-weight: bold; height: 24px; line-height: 24px; text-align: center; width: 24px; margin: 0 10px; /*margin: 5px 0px 0px -10px;*/ }
.overlay, .infoOverlay { display: none; background: rgba(0,0,0,0.75); height: 100%; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; }
#infoHolder { display: none; background-color: #fff; max-width: 480px; padding: 30px; width: 100%; position: fixed; top: 5%; left: 50%; transform: translateX(-50%); z-index: 100; border: 3px solid #00b1d2; border-radius: 10px; line-height: 20px; font-size: 12px;
max-height: 90%;  padding: 20px 0 20px 30px; /*overflow: auto;*/}
#infoBox { /*height: 400px;*/ overflow: auto; padding: 0 30px 0 0; }
#infoHolder .close { background-color: #d1182d; border-radius: 50%; color: #fff; font-size: 22px; font-weight: bold; height: 30px; line-height: 28px; text-align: center; text-decoration: none; width: 30px; position: absolute; top: -15px; right: -15px; z-index: 101; opacity: 1; transition: transform 0.3s; }
#infoHolder .close:hover { transform: rotate(180deg); }
#infoLogo { background: rgba(0, 0, 0, 0) url("/images/logo.png") no-repeat scroll 0 0 / 60% auto; float: left; height: 30px; position: relative; width: 45%; }
#infoUD { color: #454e66; cursor: default; float: right;font-family: "Trebuchet MS","lucida grande",Calibri,verdana,sans-serif; font-size: 17px; position: relative; width: 45%;}
#infoUD .L1 { clear: both; float: right; margin-bottom: 13px; position: relative;}
#infoUD .L2 { clear: both; color: #788d78; float: right; font-size: 14px; font-variant: small-caps; position: relative;}
#infoHolder .piSectionTitle { background-color: #cee1ed; clear: both; float: left; font-family: "Trebuchet MS","lucida grande",Calibri,verdana,sans-serif; font-size: 14px; font-weight: bold;
    padding: 5px;  position: relative; width: 100%;}
#infoFooter { text-align: center; }
#infoClose { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6abed8 0%, #408197 100%) repeat scroll 0 0;  border: medium none !important; border-radius: 5px; color: white; cursor: pointer;
    display: inline-block;  font-family: Helvetica,Arial; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0; outline: medium none; overflow: hidden; text-align: center;
    text-decoration: none; vertical-align: middle; padding: 3px 5px;}
.piSectionInfo { clear: both; margin: 8px 0; text-align: justify; /*float: left;*/}
#infoHolder .piSectionTitle { margin: 10px 0; }

/* START REPRESENTER WELCOME PAGE */
.setup-acc .box .warning { font-size: 14px; max-width: 100%; }
.setup-acc h2 { color: #4F4F4F; font-size: 32px; font-weight: normal; }

.setup-acc { color: #4F4F4F; margin: 50px 0; }
.student-payments { /* color: #828282;*/ font-size: 16px; margin: 50px 0; }
.setup-acc a { color: var(--color-font-primary); /* #2556D4; */}
.student-payments a { color: var(--color-font-primary); text-decoration: underline!important;  }
.setup-acc a:hover { text-decoration: none; }
.student-payments a:hover { text-decoration: none; }
.setup-acc h1 { color: #4F4F4F; font-size: 42px; font-weight: 500!important; }
.student-payments h1 { color: #4F4F4F; font-size: 40px; font-weight: bold!important; }
.setup-acc h2 { color: #4F4F4F; font-size: 32px; font-weight: normal; }
.setup-acc h3 { color: #4F4F4F!important; font-size: 24px!important; }
.setup-acc h5 strong { font-weight: bold; }
.setup-acc .subnav { font-size: 16px; margin: 0 0 30px 0; overflow: hidden; padding: 0; }
.setup-acc .subnav li { float: left; list-style: none; margin: 0 15px 0 0; }
.setup-acc .subnav li a { color: #6a6a6a; display: inline-block; padding: 0 0 5px 0; text-decoration: none; transition: border 0s; }
.setup-acc .subnav li.active a { border-bottom: 2px solid var(--color-border); color: var(--color-font-primary); }
.setup-acc .subnav li a:hover { border-bottom: 2px solid #6a6a6a; }

.setup-acc .subnav2 { font-size: 16px; margin: 0 0 15px 0; overflow: hidden; padding: 0; }
#content_page_886 .subnav2, #content_page_887 .subnav2, #content_page_935 .subnav2, #content_page_877 .subnav2 { padding: revert; }
.setup-acc .subnav2 li { float: left; list-style: none; margin: 0 15px 0 0;  }
.setup-acc .subnav2 li { float: left; list-style: none; margin: 0 15px 0 0;  }
.setup-acc .subnav2 li.active a{ background: #274185; color: white !important; }
.setup-acc .subnav2 #menu_subnav_li_id_935 { float:right; }
.setup-acc .subnav2 #menu_subnav_li_id_935 a:before {background: url(../images/icon-contact.png) center center no-repeat; content: ''; display: inline-block; height: 14px; margin-right: 5px; width: 12px; }
.setup-acc .subnav2 #menu_subnav_li_id_935.active a:before {background: url(../images/icon-contact-white.png) center center no-repeat; content: ''; display: inline-block; height: 14px; margin-right: 5px; width: 12px; }
.setup-acc .subnav2 li a { border: 1px solid #274185; border-radius: 30px; color: #274185; display: flex; align-items: center; font-size: 14px; padding: 5px 10px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.setup-acc .subnav2 li.active a { border: 1px solid var(--color-border); color: var(--color-font-primary);}
.setup-acc .subnav2 li a:hover { background: #274185; color: White; }
.setup-acc .subnav2 #menu_subnav_li_id_935 a:hover:before {background: url(../images/icon-contact-white.png) center center no-repeat; content: ''; display: inline-block; height: 14px; margin-right: 5px; width: 12px; }

p.info { background: rgba(0, 210, 174, 0.2); border-radius: 4px; color: #4F4F4F; display: flex; align-items: center; padding: 10px; }
#content_page_886 p.info, #content_page_887 p.info, #content_page_935 p.info, #content_page_935 p.info, #content_page_877 p.info { clear: both; }
p.info:before { background: url(../images/info_circle_24px.png) center center no-repeat; content: ''; display: inline-block; height: 20px; margin-right: 5px;  width: 21px; }

.whitebox { background: white; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); border-radius: 20px; padding: 10px; }
.whitebox.flex { display: flex; align-items: center; }
.whitebox .leftside { color: black; padding: 0 25px; }
.whitebox .leftside h2 { color: #274185!important; font-size: 42px; margin: 0 0 15px 0; }
.whitebox.faqs { padding: 0; }
.whitebox.faqs .item .question { background: white; border-bottom: 1px solid #ddd; }
.whitebox.faqs .item .question a { display: block; padding: 10px 30px; text-decoration: none; }
.whitebox.faqs .item .answer { background: #fafafa; border-bottom: 1px solid #ddd; color: black; display: none; padding: 10px 30px; }

.livehelp > div  { text-align: left; position: relative; background: white;  border-radius: 20px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); color: black; margin: 15px  !important; text-align: left; text-decoration: none; width: 100%; }

.livehelp .item { max-width: 390px; }
.welcome-page .livehelp a { background: transparent; border-radius: 0; display: inline-block; padding: 0; text-align: left; text-decoration: underline;position: static; }
.welcome-page .livehelp .flag { border: 1px solid #eee; position: absolute; right: 15px; float: right;}

.setup-acc .note { background: #D1ECF1; border-radius: 4px; margin: 0 0 15px 0; max-width: 445px; padding: 15px 15px 15px 45px; position: relative; }
.setup-acc .note:before { background: url(../images/icon-info2.png) center center no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: absolute; top: 15px; left: 15px; }
.setup-acc .note .close { color: #4F4F4F; opacity: 1; }
.setup-acc .warning { background: #FBD9D9; border-radius: 4px; margin: 0 0 15px 0; max-width: 445px; padding: 15px 15px 15px 45px; position: relative; }
.setup-acc .warning:before { background: url(../images/icon-warning.png) center center no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: absolute; top: 15px; left: 15px; }
.setup-acc .warning .close { color: #4F4F4F; opacity: 1; }

.setup-acc #content .form-control { max-width: 100%; }

.setup-acc .form-control { border: 2px solid var(--color-border); }
.setup-acc .input-group.invalid .form-control { border: 2px solid #E93F3F; }
.setup-acc .form-control + .form-control-placeholder { color: var(--color-font-primary); }
.setup-acc .input-group.invalid .form-control + .form-control-placeholder { color: #E93F3F; }
.setup-acc input[type="checkbox"] { flex: 0 1!important; position: static!important; }
.setup-acc input[type="checkbox"] + .form-control-placeholder { color: #4F4F4F; font-size: 14px; margin: 0; width: 90%; position: static; transform: translate3d(0, 0, 0); }
.setup-acc .password_requirements_rules ul .valid { color: #219653; }
.setup-acc .password_requirements_rules ul .invalid { color: #E93F3F; }

.student-welcome .box { width: 230px; }
.welcome-page h3 { color: #4F4F4F!important; font-size: 24px!important; }

.welcome-page .options a { background: #F2F6F9; border-radius: 16px; display: block; padding: 15px; text-align: center; text-decoration: none;position: relative;}

.welcome-page .options h5 { color: var(--color-font-primary); font-size: 16px; font-weight: bold; line-height: 1.5; }
.welcome-page .options p { margin: 0 0 15px 0; }
.welcome-page .options p:first-child { height: 35px; }
.welcome-page .options p:last-child { margin: 0; }
.welcome-page .options a:hover { background: #D1ECF1; }
.welcome-page .stats { display: flex; justify-content: space-between; margin: 0; padding: 0; }
.welcome-page .stats li { background: #F2F6F9; border-radius: 16px; list-style: none; padding: 15px; vertical-align: top; width: 32%; }
.welcome-page .stats li .icon { float: left; width: 35%; }
.welcome-page .stats li .right { float: right; width: 62%; }
.welcome-page .stats li strong { display: block; font-size: 30px; font-weight: bold; }
.welcome-page .stats li:nth-child(1) strong { color: #fe4c4c; }
.welcome-page .stats li:nth-child(2) strong { color: #0079bc; }
.welcome-page .stats li:nth-child(3) strong { color: #f1c94d; }
.welcome-page .stats li em { color: #bbb; display: block; font-size: 14px; }

.welcome-page .options > div { border-radius: 20px; display: block; padding: 15px; text-align: center; text-decoration: none; width: 100%; background: white; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); }
/* END REPRESENTER WELCOME PAGE */

/* START REPRESENTER STAFF LISTING */
.staff-listing h2 { color: #4F4F4F; font-size: 32px; }
.staff-listing .add-new { background: #fff; border: 2px solid var(--color-border); border-radius: 3px; display: inline-block; margin: 0 0 15px 0; padding: 8px 16px; text-decoration: none; }
.staff-listing .add-new span { display: inline-block; font-size: 26px; line-height: 20px; margin: 0 0 0 5px; vertical-align: text-bottom; }
.staff-listing .add-new:hover { background:  var(--color-background-primary); color: #fff; }
.staff-listing table.dataTable { font-size: 14px; }
.staff-listing table.dataTable th { background:  var(--color-background-primary); border: 2px solid var(--color-border); color: #fff; font-size: 12px; padding: 5px; text-transform: uppercase; font-family: Arial, sans-serif!important; }
.staff-listing table td { border: 1px solid #C2C2C2; padding: 10px 5px; }

.staff-listing table#refunds_history td:is(:nth-child(1), :nth-child(2), :nth-child(7), :nth-child(8)),
.staff-listing table#refunds_history th { text-align:center; }

.staff-listing table.dataTable td { padding: 10px 5px; }

.staff-listing table.dataTable { padding-top: 10px;    border-bottom: none !important;}
.staff-listing table.dataTable .inactive td { opacity: 0.5; }
.staff-listing table.dataTable .inactive td:last-child { opacity: 1; }
.staff-listing table.dataTable td.check { text-align: center!important; }

.staff-listing table.dataTable td.del { text-align: center; }
.staff-listing table.dataTable td.del a { display: inline-block; }
.staff-listing .switch { background: #C2C2C2; border-radius: 15px; cursor: pointer; display: inline-block; height: 20px; margin: 0 5px 0 0; vertical-align: text-bottom; width: 34px; position: relative; }
.staff-listing .switch.active { background: #219653; }
.staff-listing .switch i { background: #fff; border-radius: 50%; display: inline-block; height: 18px; width: 18px; position: absolute; top: 1px; left: 1px; transition: left 0.3s; }
.staff-listing .switch.active i { left: 15px; }

.dtable-history .history_export { display: none; }
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover { margin-right: 5px !important; color: #1C337B !important; text-decoration: underline; border: none !important; background: none !important; font-size: 14px; }
div.dt-container .bottom { display: flex; float: left; margin: 20px 0; font-size: 14px!important; background: #F2F6F9; }
div#representerUserRolesGrid_wrapper .bottom { padding: 15px; }
div.courses-listing .bottom,
div.uplaod-docs-table-box .bottom,
div#student_payments_history_wrapper .bottom { display: flex; float: right !important; margin: 10px 0 !important; font-size: 14px!important; background: #F2F6F9; }
div.courses-listing .dt-container .dt-info,
div.courses-listing .dt-container .dt-paging,
div.uplaod-docs-table-box .dt-container .dt-info,
div.uplaod-docs-table-box .dt-container .dt-paging,
div#student_payments_history_wrapper .dt-info,
div#student_payments_history_wrapper .dt-paging { padding: 15px 10px 10px 10px; }
div.dt-container .dt-paging .dt-paging-button:hover { background: linear-gradient(to bottom, #1C337B 0%, #111 100%) !important; }
div.dt-container .dt-paging .dt-paging-button { padding: 0px !important; color: #1C337B !important; }
.dt-length, .dt-length select { margin: 5px !important; }

.staff-listing .save-cancel { clear: both; margin: 0 0 5px 0; text-align: right; }
.staff-listing .save-cancel .disabled-changes { opacity: 0.5;}
.staff-listing .save-cancel .btn.cancel-changes { text-transform: none; box-shadow: none!important; -webkit-box-shadow: none; background: #fff; border: 2px solid var(--color-border); color:#1C337B; border-radius: 3px; display: inline-block; margin: 0 15px 0 0; padding: 10px 16px; text-decoration: none; vertical-align: top; }
.staff-listing .save-cancel .btn.cancel-changes:hover { background:  var(--color-background-primary)!important; color: #fff!important; }
.staff-listing .save-cancel .btn.save-changes { text-transform: none; box-shadow: none!important; -webkit-box-shadow: none; background:  var(--color-background-primary); border: 2px solid var(--color-border); border-radius: 3px; color: #fff; display: inline-block; padding: 10px 16px; text-decoration: none; vertical-align: top; }
.staff-listing .save-cancel .btn.save-changes:hover { background: #fff!important; color:  var(--color-font-primary)!important; }
.staff-listing .export { margin: 0; text-align: left; }
.staff-listing .export a { display: inline-block; margin: 0; }
.staff-listing .export a.xls:before { background: url(../images/icon-xls.png) center left no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 5px 0 0; vertical-align: middle; width: 15px; }
.staff-listing .export a.csv:before { background: url(../images/icon-csv.png) center left no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 5px 0 0; vertical-align: middle; width: 15px; }

.staff-listing .strikethrough { background: repeating-linear-gradient( 180deg, red 0%, red 100% ); background-size: 100% 2px; background-position: center; background-repeat: no-repeat; }

.staff-listing .filters { background: #F2F6F9; border-radius: 16px; padding: 15px; }
.staff-listing .filters .toggle { text-decoration: none; color: #4f4f4f; }
.student-payments .filters .toggle { text-decoration: none!important; color: #4f4f4f; }
.staff-listing .filters .toggle:after { background: url(../images/arrow-down.png) center center no-repeat; content: ''; display: inline-block; height: 8px; margin: 0 0 0 5px; vertical-align: middle; width: 12px; }
.staff-listing .filters .block { display: none; padding: 15px 0; }
.staff-listing .filters .form-control + .form-control-placeholder { background: #F2F6F9; border-radius: 5px; }
.staff-listing .filters .input-group.fullwidth { max-width: 100%; }
.staff-listing .filters .input-group.submit { display: block; }
.staff-listing .filters input[type="checkbox"] + .form-control-placeholder { color: #4F4F4F; font-size: 14px; margin: 0; width: 90%; position: static; transform: translate3d(0, 0, 0); }

.staff-listing .filters input[type="reset"] {padding: 8px 16px!important; text-decoration: none!important; vertical-align: top; transition: background-color 0.3s, color 0.3s!important; }

.staff-listing .filters input[type="submit"] {padding: 8px 16px; text-decoration: none; vertical-align: top; width: auto;  }
.staff-listing .filters input[type="checkbox"] { top: 0px!important; }
.staff-listing h5 { margin-bottom: 20px; }
.upload-block { background:#7f7f7f; background:rgba(255,255,255,0.5); display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10010; }
.upload-block .loader-img { background: transparent url("../images/ajax-loader2.gif") no-repeat; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0px 0px -50px; }

.doc-upload-btn { padding:14px; }

div.dataTables_processing div { display: none; }

.page-title-cust h2 { color: #c2c2c2; }

/* END REPRESENTER STAFF LISTING */
.staff-listing #payments_history_wrapper #payments_history_info,
.staff-listing #refunds_history_wrapper #refunds_history_info { background: #F2F6F9; display: flex; max-width: 500px; text-align: left; }
.staff-listing #payments_history_wrapper div.bottom,
.staff-listing #refunds_history_wrapper div.bottom { width: auto; background: #F2F6F9; display: none; justify-content: flex-end; float: left; margin: 20px 0; padding: 15px; }
.staff-listing #payments_history_paginate span,
.staff-listing #refunds_history_paginate span { display: inline-block; margin: 0 10px; }
.staff-listing .save-cancel { clear: both; margin: 0 0 25px 0; text-align: left; }
.staff-listing .save-cancel .btn.save { text-transform: none; box-shadow: none!important; -webkit-box-shadow: none; background:  var(--color-background-primary); border: 2px solid var(--color-border); border-radius: 3px; color: #fff; display: inline-block; padding: 8px 16px; text-decoration: none; vertical-align: top; }
.staff-listing .save-cancel .btn.save:hover { background: #fff; color: var(--color-font-primary); }
.staff-listing .save-cancel .btn.cancel { box-shadow: none!important; background: #fff; border: 2px solid var(--color-border); border-radius: 3px; display: inline-block; margin: 0 15px 0 0; padding: 8px 16px; text-decoration: none; vertical-align: top; }
.staff-listing .save-cancel .btn.cancel:hover { background:  var(--color-background-primary); color: #fff; }
.staff-listing .history_export a { display: inline-block; margin: 0 15px 0 0; text-align: left; }
.staff-listing .history_export a.xls::before {  background: url(../images/icon-xls.png) center left no-repeat;  content: '';  display: inline-block;  height: 20px; margin: 0 5px 0 0; vertical-align: middle; width: 15px; }
.staff-listing .history_export a.csv::before {  background: url(../images/icon-csv.png) center left no-repeat;  content: '';  display: inline-block;  height: 20px; margin: 0 5px 0 0; vertical-align: middle; width: 15px; }
.staff-listing .history_export a.file::before {  background: url(../images/icon-file.png) center left no-repeat;  content: '';  display: inline-block;  height: 20px; margin: 0 5px 0 0; vertical-align: middle; width: 15px; }

.dataTables_processing { background-color: transparent!important; background: none!important; z-index:1000; }

.setup-acc .form-control + .form-control-placeholder { color: var(--color-font-primary); }

#content .err { width: 100%; background: #ffe5e5 url(../images/icon-info.png) 10px center no-repeat; border: 2px solid #fd4d4d; border-radius: 5px; color: #fd4d4d; display: block; font-size: 14px; margin: 5px -15px 15px 0; padding: 8px 8px 8px 45px; }

#content .form_under_text_paragraph, #content .form_under_info { color: #219653; font-size: 12px; font-weight: normal; margin-top: 5px; }
#content .upload_csv_file_form_under_info { color: #4F4F4F; font-size: 12px; font-weight: normal; margin-top: 5px; }

#content .form_holder { display: none; }
.form_table_row  { margin-right:0px!important; margin-left:0px!important; }
.form_table_outframe { background: transparent; border: 2px solid #eeeef0!important; clear: both!important; }

table.striped thead td, .pay_with_agent_cell { text-align: center; }

table.striped thead td,
table.striped thead th,
table.right_column thead td,
table.right_column thead th { background:  var(--color-background-primary); border: 2px solid var(--color-border); color: #fff; font-size: 12px; padding: 5px; text-align:left !important; text-transform: uppercase; font-family: Arial, sans-serif !important; }

/* START REPRESENTER SET ACCOUNT PASSWORD */
h3 span.key_stats { font-size: 28px;    font-weight: bold; }

.setup-new-acc { color: #4F4F4F; margin: 50px auto; max-width: 400px; }
.setup-new-acc a { color: #2556D4; text-decoration: none; }
.setup-new-acc a:hover { text-decoration: none; }
.setup-new-acc div.representer_set_regular_admin_pass_form_page_header h2 { color: #4F4F4F; font-size: 32px!important; font-weight: normal!important; margin: 0 0 10px 0; }
.setup-new-acc .button_finish_setup .input-group { justify-content: flex-end;}
.setup-new-acc input[type="submit"] { max-width: 123px!important; margin-right: 0px!important; }
.setup-new-acc .form-control { border: 2px solid var(--color-border); }
.setup-new-acc .input-group.invalid .form-control { border: 2px solid #E93F3F; }
.setup-new-acc .form-control + .form-control-placeholder { color: var(--color-font-primary); }
.setup-new-acc .input-group.invalid .form-control + .form-control-placeholder { color: #E93F3F; }
.setup-new-acc input[type="checkbox"] { flex: 0 1!important; position: static!important; }
.setup-new-acc input[type="checkbox"] + .form-control-placeholder { color: #4F4F4F; font-size: 14px; margin: 0; width: 90%; position: static; transform: translate3d(0, 0, 0); }
.setup-new-acc .password_requirements_rules ul { color: #219653; list-style: none; padding: 0px; margin-bottom: 0;}
.setup-new-acc #content .form_under_text_paragraph, #content .form_under_info { color: #4F4F4F; }

/* END REPRESENTER SET ACCOUNT PASSWORD */

.last-payment { margin: 0 0 30px 0; }
.last-payment h2,.last-payment h2, .welcome-page h2 { color: #c2c2c2; font-size: 24px!important; font-weight: bold; margin: 0 0 10px 0; font-weight: normal !important;}
.last-payment table, #refunds_holder table { background: #F2F6F9; color: #4F4F4F; font-size: 14px; }
.last-payment table th,
.last-payment table td{ padding: 15px 10px; width: 28%; }
.last-payment table th,
#refunds_holder table th { background:  var(--color-background-primary); color: #fff; font-size: 12px; text-transform: uppercase; }
.last-payment table tr:last-child td { padding-bottom: 10px; }
.last-payment .next-step.right { float: none; display: inline-block; margin: 0px 0px 0 10px; vertical-align: middle; }
.last-payment td a.details { border: 1px solid var(--color-border); border-radius: 3px; display: inline-block; font-size: 16px; padding: 5px 15px; text-decoration: none; }
.last-payment td a.details:hover { background:  var(--color-background-primary); color: #fff; }
.last-payment .cc_payment, .last-payment .invalid_payment { display: none; }

.weaccept-box { background: #F2F6F9; border-radius: 16px; color: #4F4F4F; display: flex; align-items: center; justify-content: space-between; font-size: 12px; padding: 16px; margin: 32px 0px; }
.weaccept-box img { mix-blend-mode: multiply; max-width: 100%;}

.trust_encription { clear:both; padding:120px 0px 50px 0px;}

/* FAQs */
ul.faq { margin: 0 0 30px 0; padding: 0; }
ul.faq li { list-style: none; margin: 5px 0; padding: 0; }
ul.faq a { color: var(--color-font-primary); text-decoration: underline; }
ul.faq a:hover { text-decoration: none; }

.answers { border-top: 1px solid #eee; }
.answers .item { padding: 15px 0; }
.answers .item h5 { color: #22a9d9; font-size: 16px; font-weight: bold; }
.answers .item a { color: var(--color-font-primary); text-decoration: underline; }
.answers .item a:hover { text-decoration: none; }
.answers .item .gotop { font-size: 12px; text-align: right; position: relative; }
.answers .item .gotop:before { background: #eee; content: ''; display: block; height: 1px; width: 100%; position: absolute; top: 10px; left: 0; }
.answers .item .gotop a { background: #fff; display: inline-block; padding: 0 10px; text-decoration: none; position: relative; }
.answers .item .gotop a:hover { text-decoration: underline; }

.student-welcome { overflow: hidden;  padding: 25px 0 50px 0; }
.welcome-page .options a.icon-alert::before{background: url(../images/icon-alert.png) center center no-repeat;content: ''; height: 24px; width: 24px; position: absolute; top: -12px; right: -12px;}

.welcome-page .options {display: grid;justify-content: space-between; margin: 30px 0;padding: 0; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);gap: 20px;}

.subtitle { margin: 0 0 30px 0; overflow: hidden; }
.subtitle p { float: left; padding: 10px 0 0 0; }
.subtitle a.skype { background: #fff; border: 2px solid var(--color-border); border-radius: 3px; color: var(--color-font-primary); float: right; font-size: 16px; margin: 0 0 0 15px; padding: 8px 16px; text-decoration: none; }
.subtitle a.skype:after { background: url(../images/icon-call.png) center center no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 0 0 5px; vertical-align: text-top; width: 13px; }

.livehelp { overflow: hidden; }
.livehelp .item { display: inline-block; vertical-align: top; margin: 0 1px 30px 0; width: 100%; background: white; border-radius: 20px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); color: black; margin: 0px 15px 15px 0px; padding: 15px; text-decoration: none; }
.livehelp .item .flag { float: right; }
.livehelp .item h5 { color: #000; font-size: 16px; font-weight: bold;  margin: 0 0 10px 0;}

/*Payment options */
section.steps div.steps-top { border: 2px solid #BDBDBD; border-radius: 10px; padding: 15px; position: absolute; top: 30px; right: 0; z-index: 2;}
section.steps div.steps-top ul { margin: 5px 0 15px 0; padding: 0; }
section.steps div.steps-top li { display: inline-block; list-style: none; margin: 0 15px; vertical-align: center; }
section.steps div.steps-top p { margin: 5px 0 15px 0; }
section.steps .row.noline { background-color: #fff; }
section.steps h4 { background-color: #fff; border: 5px solid #ddd; border-radius: 50%; color: #ddd; font-size: 28px; font-weight: bold; height: 64px; line-height: 55px; margin: 0 45px 0 0; text-align: center; width: 64px; }
section.steps h3 { color: #4f4f4f; font-size: 24px; font-weight: 400; margin: 15px 0; }
section.steps .active h4 { background-color: var(--color-font-primary); border: 5px solid #D2D9ED; border-radius: 50%; color: #fff; font-size: 28px; font-weight: bold; height: 64px; line-height: 55px; margin: 0 auto; width: 64px; }
section.steps .step.active h3 { color: #828282; font-weight: bold; margin: 15px 0; }
section.steps .total-label { float: left; width: 60px; }
section.steps .total-label.fullwidth { width: auto; }
section.steps .total-text { color: #000; float: left; width: calc(100% - 60px); }
section.steps .total-text em { color: #828282; display: block; font-size: 12px; }
section.steps .payment-option, section.steps .payment-option-error { background: #F2F6F9; border: 2px solid #eee; border-radius: 10px; cursor: pointer; margin: 0 0 5px 0; min-height: 206px; overflow: hidden; position: relative; transition: border-color 0.3s; }
section.steps .payment-option-error { padding: 5px; }
section.steps .payment-option:hover { border-color: #bbb; }
section.steps .payment-option.active,
section.steps .payment-option.active:hover { border-color: var(--color-font-primary); }
section.steps .payment-option .icon { text-align: center; width: 100%; position: absolute; bottom: 15px; left: 0; }
section.steps .payment-option.active  { border-color: var(--color-font-primary); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); }
section.steps .payment-option .icon i { background: url(../images/check-inactive.png) center center no-repeat; display: inline-block; height: 20px; vertical-align: middle; width: 20px; }
section.steps .payment-option.active .icon i { background: url(../images/check-active.png) center center no-repeat; }
section.steps .payment-option .text { border-left: 1px solid #eee; padding: 10px; text-align: center; transition: border-color 0.3s; }
section.steps .payment-option .text .recommended { min-height: 30px; }
section.steps .payment-option .text .recommended span { background: #219653; border-radius: 15px; color: #fff; display: inline-block; font-size: 12px; padding: 5px; }
section.steps .payment-option .text .recommended span:before { background: url(star-white.png) center center no-repeat; content: ''; display: inline-block; height: 13px; margin: 0 5px 0 0; vertical-align: text-top; width: 15px; }
section.steps .payment-option .text .recommended span:after { background: url(star-white.png) center center no-repeat; content: ''; display: inline-block; height: 13px; margin: 0 0 0 5px; vertical-align: text-top; width: 15px; }
section.steps .payment-option .text .logo { min-height: 25px; }
section.steps .payment-option .text img { max-width: 100%; }
section.steps .payment-option .text p { color: var(--color-font-primary); font-size: 14px; margin: 0 0 5px 0; }
section.steps .payment-option .text h5 { color: #4f4f4f; font-size: 24px; line-height: 1.25; margin: 0; }
section.steps .payment-option .text h5 strong { font-weight: bold; }
section.steps .payment-option .text .wire-transfer { font-weight: bold; }
section.steps .payment-option .text .wire-transfer:before { background: url(wire-transfer-left.png) center center no-repeat; content: ''; display: inline-block; height: 15px; margin: 0 5px 0 0; width: 13px; }
section.steps .payment-option .text small { font-style: italic; }
section.steps .payment-option .text small.star:before { background: url(star.png) center center no-repeat; content: ''; display: inline-block; height: 13px; margin: 0 5px 0 0; width: 13px; }
section.steps .payment-option .text .small { font-size: 12px; }

section.steps input[type="text"],
section.steps input[type="password"],
section.confirmed input[type="text"] { color: #4f4f4f; /* #999;*/ font-size: 16px; padding: 10px 20px; /*width: 100%;*/ }
section.steps input[type="text"]:focus,
section.steps input[type="password"]:focus,
section.confirmed input[type="text"]:focus { box-shadow: none; outline: 0; }
section.steps select { color: #4f4f4f; font-size: 16px;}
section.steps #pp_number { padding: 0px; }

#calc_div select { padding: 0px; font-size: 13px; color: #000;}
.form-control.search { background: url(../images/icon-search.png) 95% center no-repeat; padding-right: 35px!important; }

/* Refund details */
p.goback { margin: 0 0 30px 0; }
p.goback a { border: 2px solid var(--color-border); color: var(--color-font-primary); display: inline-block; padding: 10px 20px; }
p.goback a:before { background: url(../images/arrow-left.png) center center no-repeat; content: ''; display: inline-block; height: 12px; margin: 0 10px 0 0; vertical-align: baseline; width: 8px; }
.two_halves { /*margin: 0 0 0 0;*/ }
.two_halves .box { border: 2px solid #c2c2c2; padding: 15px; }
.two_halves .box h5 { margin: 0 0 30px 0; }
.two_halves .box p { color: #6a6a6a; }
.two_halves .box strong { color: #4f4f4f; font-weight: bold; }

/* Payment details page */
.setup-acc { font-weight: normal; margin: 0; }
#content_page_886 .setup-acc,#content_page_887 .setup-acc,#content_page_935 .setup-acc,#content_page_877 .setup-acc { padding-top: 10px}
/*.setup-acc h2 { color: black; }*/
.setup-acc h5 { color: black; font-weight: normal; margin: 0 0 30px 0; }
.setup-acc a { text-decoration: none; }
p.goback { margin: 0 0 30px 0; }
p.goback a { border: 2px solid var(--color-border); /*border-radius: 35px;*/ color: var(--color-font-primary); display: inline-block; padding: 10px 20px; }
p.goback a:before { background: url(../images/arrow-left.png) center center no-repeat; content: ''; display: inline-block; height: 12px; margin: 0 10px 0 0; vertical-align: baseline; width: 8px; }


table.updates { float:left; width: 75%; }
table.updates th,
table.updates td { padding: 10px !important; }
table.updates th { background:  var(--color-background-primary)!important; color: #fff; font-size: 15px !important; text-transform: uppercase; }
table.updates td { border: 1px solid #eee; font-weight: normal; }

#right_column { margin: 0px 0px 20px 0px; float: right; width: 21%; }

table.right_column th,
table.right_column td { padding: 10px !important; }
table.right_column th { background:  var(--color-background-primary)!important; color: #fff; font-size: 12px !important; text-transform: uppercase; }
table.right_column td { font-weight: normal; }

.halves .col { display: flex; justify-content: space-between; margin: 0 0 30px 0; }
.halves .box2 { border: 2px solid #c2c2c2; padding: 15px; width: 49%; }
.halves .box2 p { color: #6a6a6a; }
.halves .box2 strong { color: #4f4f4f; font-weight: bold; }

.col-itm-num-3 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
.col-itm-num-3 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 30%; word-break: break-word; }
.col-itm-num-3 .box2 p { color: #6a6a6a; }
.col-itm-num-3 .box2 strong { color: #4f4f4f; font-weight: bold; }

.col-itm-num-4 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
.col-itm-num-4 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 24%; word-break: break-word; }
.col-itm-num-4 .box2 p { color: #6a6a6a; }
.col-itm-num-4 .box2 strong { color: #4f4f4f; font-weight: bold; }

.col-itm-num-5 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
.col-itm-num-5 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 19%; word-break: break-word; }
.col-itm-num-5 .box2 p { color: #6a6a6a; }
.col-itm-num-5 .box2 strong { color: #4f4f4f; font-weight: bold; }

a.btn.call { background: white; border: 2px solid var(--color-border); border-radius: 35px!important; color: var(--color-font-primary); display: inline-block; padding: 10px 20px; }
a.btn.call:after { background: url(icon-call.png) center center no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 0 0 10px; vertical-align: middle; width: 13px; }
a.btn.call:hover { background: #eee; }



.payments .next-step.step_pending a i { background: none; text-decoration: underline; padding-right: 0px!important;  }

.payments .next-step a i,
.representer-student-payments .next-step a i { text-decoration: underline; display:inline!important; height: 20px; margin-right: 1px; padding-right: 30px; vertical-align: text-bottom; width: auto; }

.student-payments a.btn.confirm { border: 1px solid var(--color-border); color: var(--color-font-primary); height: auto; line-height: 1; margin: 0 !important; min-width: 125px; padding: 10px; text-decoration: none!important; }

.student-payments div.pmt-confirm-btn { border-radius: 5px !important; border: 1px solid var(--color-border); color: var(--color-font-primary); height: auto; line-height: 1; margin: 0 !important; padding: 10px; text-decoration: none!important; text-align: center; vertical-align: middle; font-size: 14px; width: auto !important; transition: background-color 0.3s, color 0.3s; display: inline-block; text-transform: none; box-shadow: none; }

table.dataTable tbody tr, table.dataTable tbody td { background-color: transparent!important; }

.student-payments a.btn.confirm:hover { background: var(--color-background-primary); color: #fff; }

.student-payments .history_export a { display: inline-block; margin: 0 15px 0 0; text-align: right!important; float:right; }

.btn-default { color: #fff !important; background-color:  var(--color-font-primary) !important; border: 2px solid var(--color-border); border-radius: 5px !important; color: #fff !important; cursor: pointer; height: 42px; font-size: 14px; margin: 0 15px 0 0 !important; padding: 5px 16px; width: auto !important; transition: background-color 0.3s; display: inline-block; }

.btn-default:hover { background: #fff !important; color:  var(--color-font-primary) !important; }


.student-payments .filters .form-container,
.student-upload-docs .filters .form-container { display: none; overflow: hidden; padding: 15px 0 0 0; }

/* .student-payments .filters input[type="submit"],
.student-payments .filters input[type="reset"],
.student-upload-docs .filters input[type="submit"],
.student-upload-docs .filters input[type="reset"] { margin: 0 !important; display: inline!important; } */

div.clear { clear: both; }


.status-more-info-box { position:relative; width:100%!important; }
.more-info-btn { float:left; padding-right:10px;}

.student-payments .status-more-info-box .next-step.right,
.representer-student-payments .status-more-info-box .next-step.right { float:left!important; }

.student-payments .status-more-info-box .next-step a i,
.representer-student-payments .status-more-info-box .next-step a i { background:none!important; text-decoration:underline!important; }

/* Representers Request Refunds Form */
.steps .form_table_outframe { background: transparent; border: none!important; clear: both; padding: 0px 0px 0px 0px!important; }
.steps .form_input_cell__ { padding-left: 0px!important; }
.steps .page_header h2 { color: #4F4F4F!important; font-size: 1.25rem; font-weight: normal!important; margin: 0 0 30px 0; }
.steps #refunds_form_holder h1 { font-weight: bold; margin: 0px 0 15px 0!important; }

/* Student payment details confirmation buttons */
input.transactions_details_button { color: black!important; width: 100%!important; text-align: left; border-radius: 5px; color: #000; display: block; margin: 0 0 5px 0; padding: 10px 15px 10px 40px; text-decoration: none; border-radius: 35px !important; }
input.transactions_details_button:hover { background: #eee !important; }

input.transactions_details_button.confirm { background: url(../../../../images/transfermateeducation/icon-confirm.png) 10px center no-repeat!important; border: 2px solid var(--color-border)!important; color: var(--color-font-primary) !important; }

input.transactions_details_button.extend { background: url(../../../../images/transfermateeducation/icon-extend.png) 10px center no-repeat!important; border: 2px solid #f3b02f!important; color: #EE7822 !important; }

input.transactions_details_button.cancel { background: url(../../../../images/transfermateeducation/icon-cancel.png) 10px center no-repeat!important; border: 2px solid #9e0b0f!important; color: #CD313A !important; }

input.transactions_details_button.confirm:hover { background: url(../../../../images/transfermateeducation/icon-confirm.png) 10px center no-repeat!important; border: 2px solid var(--color-border)!important; color: var(--color-font-primary) !important; background-color: #eee !important; }

input.transactions_details_button.extend:hover { background: url(../../../../images/transfermateeducation/icon-extend.png) 10px center no-repeat!important; border: 2px solid #f3b02f!important; color: #EE7822 !important; background-color: #eee !important; }

input.transactions_details_button.cancel:hover { background: url(../../../../images/transfermateeducation/icon-cancel.png) 10px center no-repeat!important; border: 2px solid #9e0b0f!important; color: #CD313A !important; background-color: #eee !important; }

.transaction_paid_confirmation_msg { text-align: center; }
.transaction_paid_confirmation_msg p { margin: 20px 10px; font-size: 16px; font-weight: normal; }
.transaction_paid_confirmation_msg input[type="submit"].extend { background-color: white; border: 2px solid #f3b02f; text-align:center; }
.transaction_paid_confirmation_msg input[type="submit"].Cancel { background-color: white; border: 2px solid #9e0b0f; }
.transaction_paid_confirmation_msg input[type="submit"].Confirm { background-color: white; border: 2px solid var(--color-border);  }

/* Upload Documents */
.student-upload-docs .upload_alert .invoice_cell .not_upload,
.student-upload-docs .upload_alert .receipt_cell .not_upload { color: #ff0000;  font-weight: normal; }

.student-upload-docs .upload_cell div span a { border: 1px solid var(--color-border); border-radius: 5px; display: inline-block; padding: 5px 10px; text-decoration: none; }
.student-upload-docs .upload_cell div span a:hover { background:  var(--color-background-primary); color: #fff; }
.btn_files_uploaded_close { padding: 5px 16px;}
.btn_files_uploaded_close:hover { background-color: #fff; color: var(--color-font-primary)!important; border: 2px solid; text-decoration: none;}

.student-upload-docs a.passport_upload { background:  var(--color-background-primary); border-radius: 5px; color: white; display: inline-block; padding: 10px 15px; text-decoration: none; }

.student-upload-docs .passport_upload::after { background: url(../images/icon-uploadpass.png) center center no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 0 0 10px; vertical-align: middle; width: 15px; }

.passport_upload_wrap { width: 100%; float: left; }
#navigation_menu { margin: 0px; }

.passport_upload_wrap .wrapper_pre_text { width:100%; float: left; padding: 0px 0px 12px 0px; }
.passport_upload_wrap .wrapper_post_text { width:100%; float: left; padding: 12px 0px 12px 0px!important; }

.student-upload-docs .history_export a { float:right; display: inline-block; margin: 0px 0px 10px 0px; text-align: right!important; }

.student-upload-docs .form_table_row,.background_liteblue  { background: #F2F6F9; border-radius: 5px; color: #4f4f4f; margin: 0 0 15px 0; padding: 17px; font-size: 16px; }
.student-upload-docs .form_table_row.lbl_add_docs_row, .student-upload-docs .form_table_row.india_top_label_row, .student-upload-docs .form_table_row.payer_section_label_row  { background: none; padding: 17px 0;}
.student-upload-docs .form_text_paragraph .imp_note { padding:0px 5px; background-color:#f5d5d7; margin: 10px 0;}
.student-upload-docs .form_table_row { width: 100%; }
.student-upload-docs .form_text_paragraph { color: #4f4f4f; font-size: 16px; }
.student-upload-docs .form_text_paragraph p { line-height:150%; }

.student-upload-docs .form_under_text_paragraph,
.student-upload-docs .form_under_info { color: #4f4f4f!important; font-size: 11px!important; font-weight: normal!important; margin-top: 5px!important; }

.student-upload-docs .upload_receipt_form_text_paragraph { border:none; }

.student-upload-docs #student_upload_invoice_and_receipt_lbl_add_docs_row { background: none!important; border:none; color: #4f4f4f; font-size: 24px; font-weight: 400; padding:0px!important; margin: 15px 0; margin: 0!important; line-height: 1.2; width:100%; }

.student-upload-docs #student_upload_invoice_and_receipt_button_upload_row,
.student-upload-docs #student_upload_passport_button_upload_row { background: none!important; padding:0px!important; }

.student-upload-docs h5 { color: #4f4f4f!important; font-weight: normal; margin-bottom: .5rem; }
.student-upload-docs .page_header {  padding: 0px 0px 15px 0px; }
.student-upload-docs .page_header h2 { margin: 0px; color: #4f4f4f; font-weight: 400; font-size: 24px; }

.files_uploaded { font-size: 19px!important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center !important; padding: 10px; width: auto; }
/*.files_uploaded p { width: 100%!important; color: #4f4f4f; margin: 15px 0px 25px 0px; text-align: center; }*/
.files_uploaded p, .files_uploading_wait p { /*color: #C30009;*/ margin: 5px 30px; text-align: center;}

.student-upload-docs .goback a { border: 2px solid var(--color-border); border-radius: 35px; color: var(--color-font-primary); display: inline-block; padding: 10px 20px; text-decoration: none; }

.student-upload-docs #upload_files_login_full_name_row,
.student-upload-docs #upload_files_login_email_row,
.student-upload-docs #upload_files_login_dob_row,
.student-upload-docs #upload_files_login_country_user_pay_from_row {
    display: none!important;
}

#refunds_history_table .hidden { display: none; }

#cboxClose { top: 0!important; right: 0!important; }

.setup-acc .phone_number_separated + .form-control-placeholder { background-color: #fff; color: var(--color-font-primary); font-size: 13px; transform: translate3d(0, -20px, 0); z-index: 10; }
.setup-acc table.dataTable thead .sorting,
.staff-listing table.dataTable thead th.sorting {
    background-position: center right -5px;
}

steps-content-box select:focus {
    outline: none;
}

.fours .col {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 30px 0;
}

div.global-acc-info-box { clear:both; font-size: 13px; width: auto; background: linear-gradient(0deg, rgba(0, 210, 174, 0.2), rgba(0, 210, 174, 0.2)), #FFFFFF url(../images/icon-info2.png) 16px 16px no-repeat; border-radius: 5px; padding: 5px 5px 5px 45px; margin: 20px 0 25px 0; color: #4F4F4F;  text-transform: none!important; }
div.global-acc-info-box h3 { margin: 9px 0px 10px!important;}
div.global-acc-info-box a { text-decoration: none; color: #008AFF; }
div.global-acc-info-box .global-acc-info-btn {border-radius: 20px !important;
    cursor: pointer;
    display: inline-grid;
    font-size: 16px;
    margin: 12px 0px 10px 0px !important;
    transition: background-color 0.3s;
    grid-auto-flow: column;
    grid-gap: 5px;
    align-items: center;}
div.global-acc-info-box .global-acc-link-arrow { width: 9px; height: 9px; border-left: 2px solid rgba(255,255,255,255); border-bottom: 2px solid rgba(255,255,255,255); transform: rotate(225deg); }
div.global-acc-info-box:hover .global-acc-link-arrow{border-color: var(--color-border);}
@media (max-width: 1500px) {
    .next-step .box.right { left: auto; right: 102%; transform: translateX(-10px) translateY(-50%); }
    .next-step .box.right:before { border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0,0,0,0.8); left: 100%; right: auto; }
}

@media (max-width: 1000px) {
    .next-step .box {
        display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 260px; position: absolute; z-index: 200; }
}

@media (max-width: 900px) {
    .next-step .box.left{ right: 100%; top: auto; bottom: 100%; transform: translateX(50%) translateY(-15px); }
    .next-step .box.left:before { border-width: 10px 10px 0 10px; border-color: rgba(0,0,0,0.8) transparent transparent transparent; top: auto; top: 100%; left: 50%; }
    .welcome-page .stats li .icon { display: none; }
    .welcome-page .stats li .right { float: none; width: 100%; }


    .col-itm-num-3 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
    .col-itm-num-3 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 100%!important; word-break: break-word; margin: 10px 0px 0px 0px!important; }
    .col-itm-num-3 .box2 p { color: #6a6a6a; }
    .col-itm-num-3 .box2 strong { color: #4f4f4f; font-weight: bold; }

    .col-itm-num-4 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
    .col-itm-num-4 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 100%!important; word-break: break-word; margin: 10px 0px 0px 0px!important; }
    .col-itm-num-4 .box2 p { color: #6a6a6a; }
    .col-itm-num-4 .box2 strong { color: #4f4f4f; font-weight: bold; }

    .col-itm-num-5 .col { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 30px 0; font-family: 'Roboto', Arial, sans-serif;}
    .col-itm-num-5 .box2 { border: 2px solid #c2c2c2; padding: 15px; vertical-align: top; width: 100%!important; word-break: break-word; margin: 10px 0px 0px 0px!important; }
    .col-itm-num-5 .box2 p { color: #6a6a6a; }
    .col-itm-num-5 .box2 strong { color: #4f4f4f; font-weight: bold; }

}

@media (max-width: 850px) {
    .status-more-info-box .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 160px; position: absolute; z-index: 200; }
    .student-payments .filters .input-group,
    .student-upload-docs .filters .input-group { float: none; padding: 0; width: 100%; }
    .fours .col { flex-direction: column; }
    .fours .box { margin: 0 0 15px 0; width: 100%; }
    .submenu li { display: block; }
    .submenu a { border-left: 2px solid transparent; padding: 10px; }
    .submenu li.active a { border-bottom: 0; border-left: 2px solid var(--color-border); }
    .halves .col, .fives .col { flex-direction: column; }
    .halves .box2, .fives .box2 { margin: 0 0 15px 0; width: 100%; }
    .dataTables_wrapper {overflow: auto;}
    .setup-acc .subnav {display: grid;gap: 10px;}
}

@media (max-width:770px) {
    .welcome-page .options{display:grid; grid-auto-flow: row;}
    #navbarSupportedContent.show {margin-top: 10px;}
    #google_translate_element{margin:5px auto;}
}

@media (max-width: 600px) {
    .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 220px; position: absolute; z-index: 200; }
    .status-more-info-box .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 100px; position: absolute; z-index: 200; }
}

@media (max-width: 550px) {
    .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 220px; position: absolute; z-index: 200; }
}

@media (max-width: 400px) {
    .details_row .details_value,
    .next-step { position: static; }
    .next-step .box.left { width: 100%; right: 0; transform: translateX(0); }
    .next-step .box.left:before { display: none; }

    #image_captcha_ximg { margin-left: 0px !important; margin-top: 55px !important; }
    #__image_captcha_text { width: 100% !important; bottom:55px; }
    .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 160px; position: absolute; z-index: 200; }
    .next-step .box.right { left: auto; right: 50%; top: auto; transform: translateX(6px) translateY(-54%); }
    .setup-acc .phone_number_separated  { border: 2px solid var(--color-border); height: 44px!important; margin: 0px!important; border-radius: 5px; max-width: 100%!important; padding: 0px !important; }
    .setup-acc .phone_number_separated.number { max-width: 100%!important; margin: 1rem 0 0 0!important; padding: 0 0 0 5px!important;  }
    #__home_phone_number_international_dialing_code.phone_number_separated.country { max-width: 100%!important; }
    #__home_phone_number_mobile_phone.phone_number_separated.number { max-width: 100%!important; }
}

@media (max-width: 380px) {

    header .buttons .btn.log-out { margin: 10px 0 0 10px!important; }
    .next-step .box.right { left: auto; right: 50%; top: auto; transform: translateX(-13px) translateY(-54%); }
    .dtable-history .next-step .box.right { left: auto; right: auto; top: auto; transform: translateX(-170px) translateY(-54%); }
    .status-more-info-box .next-step .box { display: none; background-color: rgba(0,0,0,0.8); border-radius: 5px; font-size: 13px; width: 100px; position: absolute; z-index: 200; }
}

.tooltip-inner {
    background-color: var(--color-background-primary);
    box-shadow: 0px 0px 5px black;
    opacity: 0.9 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--color-background-primary) !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--color-background-primary) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color:  var(--color-background-primary) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--color-background-primary) !important;
}

.mainCokiePolicyBox { font-family: sans-serif, 'Rubik', Arial; font-size: 15px; line-height: 25px; color: #828282; margin-top: 5px; padding: 10px; }