/* Body */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
@import url("https://use.fontawesome.com/releases/v5.0.7/css/all.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

body {
background-color: #fff;
font-size: 13px;
line-height: 24px;
color: #333333;
}

* {
margin: 0;
padding: 0;
}

*:focus {
outline: none;
}

h1, h2, h3, h4, h5, h6 {
color: #222;
margin: 0;
padding: 0;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 19px;
font-weight: 600;
}

p {
font-size: 16px;
line-height: 24px;
color: #444444;
}

img {
height: auto;
max-width: 100%;
}

ul, ol {
list-style: outside none none;
}

ul {
margin: 0;
padding: 0;
}

img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

a {
-webkit-transition: color 300ms ease 0s, background-color 300ms ease 0s;
transition: color 300ms ease 0s, background-color 300ms ease 0s;
text-decoration: none !important;
color: #e0b812;
font-size: 16px;
}

a:hover {
-webkit-transition: color 300ms ease 0s, background-color 300ms ease 0s;
transition: color 300ms ease 0s, background-color 300ms ease 0s;
}

a, a:hover {
text-decoration: none;
color: #fff;
}

.btn-danger {
background: #bf0a30;
}

a:focus {
outline: medium none;
outline-offset: 0;
}

b, strong {
font-weight: bold;
}

button:focus, .form-control:focus {
outline: none;
box-shadow: none !important;
}

.pt-6, .pb-6 {
padding: 3rem 0;
}

::-webkit-input-placeholder {
color: #8d8a8a;
}

::-moz-placeholder {
color: #8d8a8a;
}

:-ms-input-placeholder {
color: #8d8a8a;
}

:-moz-placeholder {
color: #8d8a8a;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
background: #005a92;
border-color: #005a92;
}

.badge-orange {
background: #fa7a22;
}

textarea {
border-color: #ced4da;
width: 100%;
}
/* width */
body::-webkit-scrollbar {
width: 5px;
}
/* Track */
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px grey;
box-shadow: inset 0 0 0px grey;
border-radius: 70px;
}
/* Handle */
body::-webkit-scrollbar-thumb {
background: #fa7a22;
border-radius: 70px;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
background: #fa7a22;
}

.title {
color: #000000;
font-size: 24px;
font-weight: 600;
}

/* === login form === */
.top-header-area {
background: #273546;
position: sticky;
top: 0;
z-index: 9;
}

.top-header-area .welcomethdm {
display: flex;
align-items: center;
height: 100%;
place-content: flex-end;
}

.top-header-area .welcomethdm h4 {
line-height: 49px;
color: #fa7a22;
}

.top-header-area .welcomethdm span {
color: #fff;
}

.login-dialog {
margin: 40px 0 40px 0;
}

.login-dialog .login-content {
max-width: 440px;
margin: auto;
border: 1px solid #ced4da;
padding-bottom: 20px;
}

.signup-content {
max-height: max-content !important;
padding-bottom: 20px;
max-width: 650px !important;
}

.rbm_input_inline {
display: flex;
align-items: center;
}

.rbm_input_inline .rbm_input_txt {
width: 100%;
}

.login-dialog .login-content .rbm_form_header {
position: relative;
text-align: center;
}

.login-dialog .login-content .rbm_form_header > h3 {
color: #343434;
margin: auto;
font-size: 35px;
font-weight: 300;
display: inline-block;
text-transform: uppercase;
padding: 15px 0;
}

.login-dialog .login-content .rbm_form_header:after {
left: 0;
right: 0;
bottom: 0;
top: auto;
width: 100%;
height: 1px;
content: "";
margin: auto;
position: absolute;
background: #ced4da;
}

.login-dialog .login-content .rbm_form_body {
padding: 20px;
position: relative;
}

.login-dialog .login-content .rbm_input_txt {
padding: 10px 0;
}

.login-dialog .login-content .rbm_input_txt > label {
font-weight: 400;
margin-bottom: 5px;
text-transform: capitalize;
color: #343434;
font-size: 15px;
padding-bottom: 6px;
}

.login-dialog .login-content .rbm_input_txt > input {
-webkit-border-radius: 0;
border-radius: 0;
background: #f7f7f7;
border: 1px solid #ced4da;
color: #fa7a22;
height: 48px;
width: 100%;
display: block;
padding: 0 20px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_input_txt > .country {
-webkit-border-radius: 0;
text-transform: capitalize;
border-radius: 0;
background: #f7f7f7;
border: 1px solid #ced4da;
color: #888;
height: 48px;
width: 100%;
display: block;
padding: 0 20px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_checkbox {
height: 100%;
margin-top: 10px;
position: relative;
}

.login-dialog .login-content .rbm_checkbox > div {
width: 38px;
height: 38px;
margin-top: 5px;
position: relative;
display: inline-block;
}

.login-dialog .login-content .rbm_checkbox > div > input {
top: 0;
left: 0;
margin: 0;
z-index: 5;
opacity: 0;
width: 38px;
height: 38px;
position: absolute;
vertical-align: middle;
}

.login-dialog .login-content .rbm_checkbox > div > span {
-webkit-border-radius: 0;
border-radius: 0;
background: #f7f7f7;
border: 1px solid #ced4da;
top: 0;
left: 0;
z-index: 1;
width: 38px;
height: 38px;
position: absolute;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_checkbox > div > input + span:before {
color: #a1a1a1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
width: 18px;
height: 18px;
margin: auto;
font-size: 16px;
content: '\f00c';
line-height: 18px;
text-shadow: none;
text-align: center;
position: absolute;
vertical-align: middle;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_checkbox > div > input:checked + span:before {
color: #fff;
}

.login-dialog .login-content .rbm_checkbox > div > input:checked + span {
background: #fa7a22;
color: #fff;
}

.login-dialog .login-content .rbm_checkbox > label {
color: #343434;
top: 0;
bottom: 0;
left: 50px;
margin: auto;
height: 35px;
font-size: 14px;
font-weight: 400;
line-height: 35px;
position: absolute;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_checkbox > label > a {
color: #fa7a22;
margin-left: 15px;
text-transform: capitalize;
font-size: 14px;
float: right;
}

.rbm_form_submit {
text-align: center;
position: relative;
}

.login-dialog .login-content .rbm_form_submit > button {
-webkit-border-radius: 0;
border-radius: 0;
color: #fff;
background: #fa7a22;
padding: 0;
outline: 0;
width: 130px;
border: none;
height: 40px;
font-size: 14px;
font-weight: 400;
line-height: 40px;
display: inline-block;
margin: 25px auto 0;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
}

.create-new-fau {
border-top: 1px solid #ced4da;
}

.create-new-fau a {
color: #666;
padding-top: 17px;
display: block;
}

.create-new-fau a span {
color: #fa7a22;
font-weight: 600;
}

.rbm_btn_x_out_shtr {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}

.login-dialog .login-content .rbm_form_submit > button:hover {
background: #273546;
}

.rbm_form_body p {
font-size: 13px;
color: #999;
line-height: 18px;
}