/* GLOBAL COLORS */

:root {
    --color-bg: #F9F8FD;
    --color-bg-dark: #F1F0F5;
    --color-blue: #3664EF;
    --color-blue-light: #1e74e5;
    --color-red: #FF5A6C;
    --color-red-fail: #EB5757;
    --color-red-danger: #dc3545;
    --color-dark: #363640;
    --color-bright: #888893;
    --color-gray-border: #E9E7F2;
    --color-icons: #B5B5C0;
    --color-font-regular: #5A5964;
    --color-place-holder: lightgray;
    --color-info-box-main: rgba(54, 100, 239, 0.1);
    --color-info-box-icon: rgba(54, 100, 239, 0.2);
    --color-orang: #FF8A70;
    --color-light-green: #c9fce8;
    --color-green: #1DC198;
    --color-green-good: #219653;
    --color-green-success: #28a745;
    --color-yellow: #FFC358;
    --color-bright-yellow: #fff8ee;
    --color-select-bg: rgba(54, 100, 239, 0.09);
    --color_very_light: #f2f2f2;
}

.color_white {
    color: white;
}

.color_blue {
    color: var(--color-blue);
}

.color_red {
    color: var(--color-red);
}

.color_yellow {
    color: var(--color-yellow);
}

.color_font_regular {
    color: var(--color-font-regular);
}

.btn_on_hold{background-color: var(--color-yellow);}
.btn_failed{background-color: var(--color-red-fail);}
.btn_deal_closed{background-color: var(--color-green-success);}
.btn_delete{background-color: var(--color-red-danger);}


/*Notify.js*/
.notifyjs-corner{top:4% !important; left:0 !important; right:0 !important; margin:auto; text-align: center;}
.notifyjs-corner .notifyjs-wrapper{display: inline-block !important;}
.notifyjs-corner span{white-space: break-spaces !important;}

/*Fonts*/

.font_regular {
    font-size: 16px;
    color: var(--color-font-regular);
}

.bold {
    font-weight: bold;
}

h1 {
    font-weight: bold;
    font-size: 24px;
    margin-top: 17px;
    color: var(--color-dark);
}

/*
.my_loader {
    position: fixed;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
    z-index: 100000;
}

.my_loader .spinner-grow {
    position: absolute;
    left: 50%;
    top: 50%;
}
*/


/*For the phone input*/

.iti {
    display: block !important;
}

.iti__flag {
    background-image: url("../plugins/intl-tel-input-17.0.0/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../plugins/intl-tel-input-17.0.0/build/img/flags@2x.png");
    }
}

::-moz-placeholder {
    color: var(--color-place-holder);
}

::-webkit-input-placeholder {
    color: var(--color-place-holder);
}

:-ms-input-placeholder {
    color: var(--color-place-holder);
}

::placeholder {
    color: var(--color-place-holder);
}

.form-control::placeholder {
    color: var(--color-place-holder);
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=tel],
input[type=date],
input[type=url],
select.form-control {
    width: 100% !important;
    height: 56px !important;
    background-color: var(--color-bg) !important;
    font-size: 16px !important;
    border: 1px solid var(--color-gray-border) !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    padding-top: 20px;
}

input:disabled {
    color: var(--color-bright);
}

.form-control {
    padding-left: 10px;
}

textarea.form-control {
    /*padding-top: 20px; */
    height: 60px;
    background-color: var(--color-bg);
    font-size: 16px;
    border: 1px solid var(--color-gray-border);
    box-sizing: border-box;
    border-radius: 2px
}

input.form-control {
    padding-left: 15px;
}

.form-control-description {
    position: absolute;
    font-size: 12px;
    color: var(--color-bright);
    margin-left: 15px;
    margin-top: 5px;
}

.asterisk_required {
    color: red;
}

input[type=checkbox] {
    width: 13px !important;
    height: 13px !important;
}

.btn{font-weight: 500; font-size: 12px;}

.btn-primary {background-color: var(--color-blue);}

.width_0{width:0px !important; min-width: 0px !important; max-width: 0px !important;}

img.certified {
    width: 50px;
    height: 40px;
    /*position: absolute; top:10px; left:-33px; transform: rotate(50deg);*/
}

.cursor-pointer {
    cursor: pointer;
}

body {
    background-color: var(--color-bg);
    font-family: 'Roboto';
    color: var(--color-font-regular);
}

.arrows_remove {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.form_validation {
    color: red;
    margin-bottom: 5px;
}

.form_validation p {
    margin-bottom: 0px;
}

.form_hr {
    margin: 18px 0 0 0;
}

.box_gray {
    background-color: var(--color-bg);
    border: solid 1px var(--color-gray-border);
    border-radius: 2px;
    padding: 25px;
}

.no_margin {
    margin: 0px !important;
}

.section_margin_top {
    margin-top: 24px;
}

.range_slider .slider_min_max {
    top: 55px;
    font-size: 14px;
}

.range_slider .bubble {
    background-image: url("../images/slider_bubble.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 46px;
    height: 43px;
    text-align: center;
    color: white;
    font-size: 14px;
    padding-top: 5px;
    margin-left: -23px;
    margin-bottom: 10px;
}

.breadcrumbs {
    font-size: 12px;
    color: var(--color-bright);
    margin-top: 8px;
}

.hamburger {
    display: none !important;
}

.row_menu {
    background-color: white;
    border: solid 1px var(--color-gray-border);
    position: absolute;
    white-space: nowrap;
}

table tr:last-child td .row_menu{top: -50px;}
table tr:last-child td li .row_menu{top: auto;}

.row_menu div {
    border-bottom: solid 1px var(--color-gray-border);
    padding: 10px 20px;
    cursor: pointer;
}

.row_menu div:hover{background-color: var(--color-bg); /*filter: brightness(0.85);*/}

.row_menu div:last-child {
    border-bottom: none;
}

.my_tooltip {
    position: absolute;
    background-color: white;
    color: black;
    top: 20px;
    left: 20px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 5px;
    white-space: nowrap;
    display: none;
    z-index: 1000;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

.my_tooltip:hover {
    display: block;
}

.buy {
    color: var(--color-green) !important;
}

.sell {
    color: var(--color-red) !important;
}

.pointer {
    cursor: pointer;
}

p.on_hold{color:red;}

a.show_hide_password{position: absolute; top: 18px; right:22px;}

/*Filter button and collapse: on desktop show filters and hid button*/
/*.filter-btn{display:none;}
#filter1{display:block;}*/
.filter-btn{display:inline-block; font-size: 14px;}
#filter1{display: none;}
#filter1.collapsing, #filter1.show{display: block;}

/*.legal_content ol ol > li::before, .legal_content ol ol > li::before, .legal_content ol ol > li::before, .legal_content ol ol > li::before, .legal_content ol ol > li::before, .legal_content ol ol > li::before {*/


/*.legal_content ol li{
counter-increment: child;
    content: counter(list) "." counter(child) ".";
}*/


/*DATA TABLES*/

table.dataTable.no-footer {
    border-bottom: 1px solid #E9E7F2;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #E9E7F2;
}
.dataTables_info, .dataTables_filter{font-size:14px;}
.dataTables_wrapper .dataTables_filter input{height:30px; border-radius: 8px;}


/*TABLE ORDERS*/

.table_orders {
    border: 1px solid #E9E7F2;
}

.table_orders tbody tr:hover td {
    background-color: #E9E7F2;
}

.table_orders tr td {
    border-bottom: 1px solid #E9E7F2;
    /*cursor: pointer;*/
    max-width: 100px;
    word-wrap: break-word;
    background-color: white;
}

.table_orders tr td {
    text-align: left;
    padding: 20px 8px !important;
    vertical-align: top;
}

.table_orders thead tr td {
    font-size: 12px;
    color: var(--color-font-regular);
}

.table_orders thead tr td .sort {
    cursor: pointer;
}

.table_orders tbody tr td {
    font-size: 14px;
    color: var(--color-dark);
}

.table_orders .orders_menu_opener {
    cursor: pointer;
}

.table_orders .row_matches {
    width: 82px;
}

.table_orders .row_matches>div {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    color: white;
    border-radius: 12px;
    position: relative;
}

.table_orders .row_matches>div.connection_requests {
    background-color: var(--color-blue);
}

.table_orders .row_matches>div.existing_matches {
    background-color: var(--color-orang);
}

.table_orders .row_matches>div.new_matches {
    background-color: var(--color-green);
}

.table_orders .matching_order_status div {
    font-size: 14px;
    font-weight: 500;
}

.order_connection_status_connected {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-bright);
}

.order_connection_status_request_connection {
    color: var(--color-blue);
}

.order_connection_status_in_progress {
    color: var(--color-blue);
}

.order_connection_status_on_hold {
    color: var(--color-yellow);
}

.order_connection_status_failed {
    color: var(--color-red);
}

.order_connection_status_closed {
    color: var(--color-green-success);
}

.order_connection_status_deleted {
    color: var(--color-red);
}

.table_orders .matching_order_status .btn {
    white-space: nowrap;
}


/*POPUP*/

.popup_container {
    position: fixed;
    width: 100%;
    /*height: 100%;*/
    overflow-x: auto;
    top: 0;
    left: 0;
}

.popup {
    background-color: white;
    border-radius: 6px;
    border: solid 1px var(--color-dark);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.popup .row {
    padding: 0px 60px;
}

.popup .header {
    height: 70px;
    vertical-align: middle;
}

.popup .header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.popup .header .close {
    cursor: pointer;
}

.popup .body {
    background-color: var(--color-bg);
    padding: 20px 60px;
}


/*Page home*/

#page_home .background-image {
    background-repeat: no-repeat;
    background-image: url("https://unicorns.exchange/wp-content/uploads/2019/07/Header-home-1.jpg");
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    padding: 20px 0 400px 0;
}

#page_home .logo {
    max-width: 160px;
}

#page_home h1 {
    font-size: 60px;
    color: white;
    font-weight: bold;
    margin: 100px 0 100px 0;
    text-align: center;
    font-family: "Playfair Display", serif !important;
}

#page_home button {
    padding: 8px 40px;
    font-size: 20px;
}


/*Registration pages*/

.page_registration {
    height: 100%;
}

.page_registration body {
    height: 100%;
}

.page_registration .right {
    background-color: var(--color-blue);
    overflow-x: hidden;
    padding-left: 0px;
}

.page_registration .left .registration_form_container .registration_form .row {
    margin-top: 16px;
}


/*
.page_registration .left .registration_form_container{position: relative; width: 70%; left: 15%; top: 10%; background-color: white; padding: 40px;}
.page_registration .left .registration_form_container .registration_form{}*/


/*.#page_registration .left .registration_form_container .registration_form input{width:100%; height:56px; background-color: var(--color-bg); font-size:16px; border: 1px solid #E9E7F2; box-sizing: border-box; border-radius: 2px;}*/

.page_registration .left .registration_form_container .registration_form input#phone {
    padding-left: 52px;
    padding-left: 60px !important;
}

.page_registration .left .registration_form_container .registration_form .form-control-description.phone {
    left: 60px;
    z-index: 1;
}

.page_registration .left .registration_form_container .registration_form .iti {
    width: 100%;
}

.page_registration .left .registration_form_container .registration_form .submit_container {
    margin-top: 24px;
}

.page_registration .left .registration_form_container .registration_form .submit_container .disclaimer span {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-bright);
}

.page_registration .left .registration_form_container .registration_form .submit_container button {
    width: 100%;
}

.page_registration .left .login_link {
    position: relative;
    margin-top: 20px;
    background-color: white;
    padding: 16px 40px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-bright);
}

.page_registration.success .registration_success {
    /*height: 448px;*/
    background-color: var(--color-bg);
    width: 100%;
}

.page_registration.success .registration_success .registration_success_content {
    text-align: center;
    vertical-align: middle;
    padding: 40px;
}

.page_registration.success .registration_success .registration_success_content p {
    margin-top: 20px;
}


/*Page login*/


/*
#page_login .login_container{position: relative; width: 70%; left: 15%; top: 5%; padding: 40px;}
#page_login .login_container .login_form_container{position: relative; background-color: white; padding:40px; margin-top: 40px;}
#page_login .login_container .login_form_container .login_form .row{margin-top: 25px;}
*/

#page_login .login_container .login_form_container a.forgot_password {
    padding: 20px 0;
    font-size: 12px;
    color: var(--color-blue);
}

#page_login .login_container .login_form_container .login_form #btn_login {
    width: 100%;
    height: 40px;
}

#page_login .login_container .login_form_container .login_form #btn_login::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 10px;
    right: 30px;
}

#page_login .left .registration_link {
    position: relative;
    padding: 20px 0px 20px 0px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-bright);
}

#btn_login_google, #btn_login_linkedin {
    width: 100%;
    height: 40px;
}

#btn_login_google img {
    height: 20px;
    margin-right: 20px;
}

#btn_login_linkedin img {
    height: 25px;
    margin-right: 20px;
}

.login_container {
    position: relative;
    width: 70%;
    left: 15%;
    padding: 40px;
}

.login_container .login_form_container {
    position: relative;
    background-color: white;
    padding: 20px 40px;
    margin-top: 40px;
}

.login_container .login_form_container .login_form .row {
    margin-top: 25px;
}

.login_container .login_form_container .login_form #btn_remind_password {
    width: 100%;
    height: 40px;
}

.login_container .login_form_container .login_form #btn_remind_password::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 10px;
    right: 30px;
}

.login_container h1 {
    margin-bottom: 20px;
}


/*Page registration*/

#page_registration .login_container {
    top: 0;
    width: 90%;
    left: 5%;
}


/*INNER PAGES*/


/*Welcome page*/

.welcome-pg{/* The image used */
    background-image: url("../images/header_welcome.jpg"); /* Full height */  height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover;
}

#welcome h1 {
    font-size: 50px;
}

#welcome h2 {
    font-weight: normal;
    font-size: 30px;
    color: white;
    margin: 20px 0 80px;
}

#welcome .buttons {
    margin-bottom: 80px;
}

#welcome .buttons button {
    font-size: 18px;
    height: 50px;
    border: unset;
    width: 100%;
    border-radius: 8px;
    /*box-shadow: 7px 8px 7px rgb(204 204 204 / 79%);
    box-shadow: 7px 8px 7px;*/
    background-color: var(--color-blue);
    color:white;
    /*max-width:300px;*/
}

#welcome .buttons button:hover{
    background-color: transparent;
    border:solid 1px white;
    text-decoration: underline;
}


/*HEADER of inner pages*/

header {
    background-color: white;
    padding: 5px 0px;
}

header .header_container {
    /*max-width:1140px;*/
    margin: 0 auto;
}

header .header_container .navbar_container {
    margin-left: 20px;
}

header .header_container .navbar_container a {
    color: var(--color-bright);
    margin-left: 28px;
}

header .header_container .navbar_container a:hover{
    color: var(--color-font-regular);
}


header .header_container .header_right_section {
    height: 60px;
}

header .header_container .header_right_section .avatar {
    border-radius: 50%;
    margin: 0 30px;
    /*cursor: pointer;*/
    max-height: 40px;
}

.inner_page_form_container {
    background-color: white;
    margin-top: 27px;
    padding: 20px 0;
}

header .header_container .user-menu .profile:hover{cursor: pointer;}
header .header_container .user-menu .action{position: relative;}
header .header_container .user-menu .action .sub_menu{
    position:absolute;
    top:60px;
    left: -30px;
    background-color: white;
    padding: 0px;
    width:200px;
    border: solid 1px var(--color_very_light);
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    z-index: 100000;
}

header .header_container .user-menu .action .sub_menu.active{
    visibility: visible;
    opacity: 1;
}

header .header_container .user-menu .action .sub_menu ul{
    padding: 0px;
    margin-bottom: 0px;
}

header .header_container .user-menu .action .sub_menu ul li{
    list-style: none;
    padding: 5px 0;
    border-top: 1px solid var(--color_very_light);
    direction: flex;
    align-items: center;
    justify-content: center;
}
header .header_container .user-menu .action .sub_menu ul li a {
    color: var(--color-bright);
}

header .header_container .user-menu .action .sub_menu ul li a:hover {
    color: var(--color-font-regular);
}
header .header_container .user-menu .action .sub_menu ul li:first-child{
    border-top: none;
}


/*Info box on add order page (and maybe others)*/

.info_box {
    background: var(--color-info-box-main);
    text-align: center;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
}

.info_box div div {
    padding: 8px;
}

.info_box .icon {
    background-color: var(--color-info-box-icon);
    text-align: center;
}

.info_box p {
    font-size: 12px;
    margin-bottom: 2px;
}

.info_box p.header {
    font-size: 14px;
    font-weight: bold;
    color: var(--color-blue);
}


/*"Tab" section on add order ans order exposure pages (and maybe others)*/

.tab_menu {
    margin-top: 20px;
}

.tab_menu .col-sm-6 {
    padding-bottom: 10px;
    border-bottom: solid 1px var(--color-icons);
    padding-left: 0px;
}

.tab_menu .col-sm-6 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-icons);
}

.tab_menu .col-sm-6 span:first-child {
    margin-right: 8px;
}

.tab_menu .col-sm-6.selected {
    border-bottom-color: var(--color-blue);
}

.tab_menu .col-sm-6.selected span {
    color: var(--color-blue);
}

.form_section_header {
    font-size: 14px;
    font-weight: bold;
    margin: 24px 0 14px 0;
    color: var(--color-font-regular);
}


/*Page dashboard*/

#dashboard .platform_notifications {
    margin-top: 27px;
    /*padding: 20px 0;*/
}

#dashboard .platform_notifications h3 {
    background-color: white;
}

#dashboard .platform_notifications .dashboard_notifications{
    border: 1px solid #E9E7F2; padding: 10px 0; background-color: white; font-size: 14px; color: var(--color-dark);
}

#dashboard .platform_notifications .dashboard_notifications div:first-child{font-weight: bold;}

#dashboard h3 {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-dark);
    padding: 20px 0 20px 20px;
    margin-bottom: 0;
    border: 1px solid #E9E7F2;
    border-right: none;
}

#dashboard .platform_notifications h3{ border-right: 1px solid #E9E7F2;}

#dashboard .view_all {
    padding: 20px 20px 20px 0;
    border: 1px solid #E9E7F2;
    border-left: none;
}

#dashboard .view_all a {
    font-size: 16px;
}

#dashboard table tr {
    border: 1px solid #E9E7F2;
}

#dashboard table tr td {
    padding: 20px;
}

#deal_flow .inner_page_form_container {
    background-color: transparent;
}

#deal_flow h3 {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-dark);
    padding: 20px 0 20px 20px;
    margin-bottom: 0;
    border: 1px solid #E9E7F2;
    border-right: none;
}

#deal_flow .view_all {
    padding: 20px 0;
    /*border: 1px solid #E9E7F2; border-left: none;*/
}

#deal_flow .view_all a {
    font-size: 16px;
}

#deal_flow table tr {
    border: 1px solid #E9E7F2;
}

#deal_flow table tr td {
    padding: 20px;
}


/*Page add order*/

#order_add .form_validation {
    margin-top: 30px;
}

#order_add .form_add_order .row {
    margin-top: 18px;
}

#order_add .form_add_order #btn_submit {
    width: 200px;
    position: relative;
}

#order_add .form_add_order #btn_submit::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 8px;
    right: 10px;
}


/*Page order exposure*/

#order_exposure .select_network_partners {
    word-spacing: 2px;
}

#order_exposure .select_network_partners div:nth-child(2) {
    margin-top: 20px;
}

#order_exposure .slider_second_header {
    font-size: 12px;
    color: var(--color-bright);
}


/*Page orders*/
#orders .orders_header {
    background-color: var(--color-bg-dark);
    /*height: 156px;*/
    padding: 10px 0;
}

#orders .orders_header .filters .col-sm-2:first-child {
    padding-left: 0px;
}

#orders .orders_header .filters .col-sm-2:last-child {
    padding-right: 0px;
    text-align: right;
}

#orders .orders_header .filters .col-sm-2:last-child a {
    cursor: pointer;
}

#orders .inner_page_form_container {
    padding: 0px;
    margin-bottom: 27px;
    background-color: transparent;
}



/*Page order matches*/
#order_matches .inner_page_form_container {
    background-color: transparent;
    margin-top:0;
}

#order_matches h2 {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-dark);
}

#order_matches h2.matching_orders_header {
    margin-top: 24px;
}

#order_matches .orders_header {
    background-color: var(--color-bg-dark);
    padding-bottom: 20px;
}

#order_matches .orders_header .filters .col-sm-2:first-child {
    padding-left: 0px;
}

#order_matches .orders_header .filters .col-sm-2:last-child {
    padding-right: 0px;
    text-align: right;
}

#order_matches .orders_header .filters .col-sm-2:last-child a {
    color: var(--color-red);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

#order_matches .orders_header .rep_name {
    background-color: var(--color-bg-dark);
}

#order_matches .orders_header .rep_name header {
    background-color: var(--color-bg-dark);
    font-size: 12px;
    font-weight: 400;
    color: var(--color-bright);
    height: 20px;
    display: inline-block;
}

#order_matches .orders_header .rep_name text {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-dark);
}

#order_matches .inner_page_form_container {
    padding: 0px;
    margin-bottom: 27px;
}

#connect_approve_popup {
    background-color: white;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 80px;
    border-radius: 2px;
    /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.80));
    padding-bottom: 29px;
    max-height: 80vh;
    overflow: auto;
    max-width: 1100px;
}

#connect_approve_popup .row {
    padding: 0px 10px;
}

#connect_approve_popup .header {
    height: 74px;
    background-color: var(--color-bg);
    vertical-align: middle;
}

#connect_approve_popup .header h2 {
    font-size: 24px;
    font-weight: 700;
}

#connect_approve_popup .header .close {
    cursor: pointer;
}

#connect_approve_popup h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-blue);
    margin-top: 24px;
}

#order_matches .table_orders {
    background-color: var(--color-bg);
}


/*#order_matches #table_matching_orders tr.extra_details td{padding-top: 0px !important;}
#order_matches #table_matching_orders tr.extra_details .other_account_details{background-color: floralwhite; padding: 10px 0; text-align: center; font-size: 14px;}
#order_matches #table_matching_orders tr.extra_details span.my_text{padding-right: 20px;}
#order_matches #table_matching_orders tr.extra_details span.my_header{font-weight:bold;  }
#order_matches #table_matching_orders tr.extra_details_opener:hover + tr.extra_details td{background-color: #E9E7F2;}
#order_matches #table_matching_orders tr.extra_details_opener td{border-bottom: none;}
*/

/*The TD of the extra details*/
#order_matches #table_matching_orders{overflow: hidden;}
#order_matches #table_matching_orders .extra_details_opener{/*position: sticky;*/ position: relative;}
#order_matches #table_matching_orders .extra_details_opener td{padding-bottom: 60px !important; background-color: var(--color-light-green); border-top: solid 1px var(--color-green-success); border-bottom: solid 1px var(--color-green-success);}
#order_matches #table_matching_orders td div.other_account_details{position:absolute; top:70px; left:0; width:100%; padding: 10px 0; text-align: center; font-size: 14px; /*background-color: var(--color-light-green);*/}
/*#order_matches #table_matching_orders td div.other_account_details span{border-top: solid 1px var(--color-green-success);}*/
#order_matches #table_matching_orders td div.other_account_details span.my_header{font-weight:bold;}
#order_matches #table_matching_orders td div.other_account_details span.my_text{padding-right: 20px;}
/*The TD of the extra details on mobile - it is inside LI*/
#order_matches #table_matching_orders li div.other_account_details{position: unset; text-align: left; padding-left: 10px;}
#order_matches #table_matching_orders li div.other_account_details .my_sm_blocks{display: block; padding-bottom: 10px;}

/*The TD of the selected matching order - in case that the user got here from a link */
#order_matches #table_matching_orders .selected_match_order_id td{background-color: var(--color-bright-yellow);}



#connect_approve_popup .extra_details {
    margin-top: 29px;
}

#connect_approve_popup .extra_details .col-sm-3 {
    border-right: solid 1px var(--color-gray-border);
    text-align: center
}

#connect_approve_popup .extra_details .col-sm-3:last-child {
    border-right: none;
}

#connect_approve_popup .extra_details .col-sm-3 header {
    font-size: 16px;
    font-weight: 700;
    height: 24px;
}

#connect_approve_popup .extra_details .col-sm-3 text {
    font-size: 12px;
    color: var(--color-bright);
}

#connect_approve_popup .line_of_green_dots {
    margin-top: 29px;
}

#connect_approve_popup .row_confirm_agreement {
    margin-top: 29px;
}

#connect_approve_popup .row_confirm_agreement span {
    font-size: 14px;
    margin-left: 20px;
}

#connect_approve_popup .submit {
    margin-top: 40px;
}

#order_matches #table_matching_orders_wrapper {
    background-color: var(--color-bg);
    overflow-x: hidden;
}


/*Page match management*/
#order_matches.management .inner_page_form_container {
    background-color: transparent;
}

#order_matches.management .matched_header .rep_name {
    background-color: var(--color-bg);
}

#order_matches.management .matched_header .rep_name header {
    background-color: var(--color-bg);
    font-size: 12px;
    font-weight: 400;
    color: var(--color-bright);
    height: 20px;
}

#order_matches.management .matched_header .rep_name text {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-dark);
}

#order_matches.management .sel_status {
    margin-bottom: 50px;
    display: inline-block;
}

#order_matches.management .sel_status .sel_status_opener {
    padding: 7px 15px;
    border: solid 1px var(--color-blue);
    font-size: 16px;
    font-weight: bold;
    color: var(--color-blue);
    background-color: var(--color-select-bg);
    cursor: pointer;
}

#order_matches.management .sel_status .sel_status_opener div {
    font-size: 14px;
}

#order_matches.management .sel_status .row_menu {
    top: 45px;
    width: 220px;
}

#order_matches.management .add_remark {
    cursor: pointer;
}

#order_matches.management .add_remark span {
    color: var(--color-blue);
    font-size: 12px;
    font-weight: bold;
}

#order_matches.management .remarks {
    background-color: white;
    margin-bottom: 60px;
}

#order_matches.management .remarks .row {
    border: solid 1px var(--color-gray-border);
    padding: 20px 20px;
}

#order_matches.management .remarks .row .left div:first-child {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-dark);
    text-transform: capitalize;
}

#order_matches.management .remarks .row .left div:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
}

#order_matches.management .remarks .row .middle {
    font-size: 14px;
    font-weight: 400;
}

#order_matches.management .remarks .row .right img {
    padding: 0 15px;
    cursor: pointer;
}

.popup_container textarea {
    width: 400px;
    font-size: 14px;
    border: solid 1px var(--color-gray-border);
    padding: 5px;
    border-radius: 5px;
}

#order_matches .popup_container button {
    /*width:100%; text-align: left;*/
}

.feedback_row{padding: 20px 60px 10px 60px !important;}
.popup_feedback_header{font-size:22px !important;}

.feedback_row .article_number {
    font-size: 10px;
    font-weight: 500;
    color: var(--color-font-regular);
}

.feedback_row .header {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-dark);
}

.feedback_row .text {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-bright);
}

.tbl_feedback_grade {
    width: 100%;
}

.tbl_feedback_grade td {
    text-align: center;
    border: solid 1px var(--color-gray-border);
    padding: 9px 33px;
    cursor: pointer;
    background-color: var(--color-bg);
}

.tbl_feedback_grade td:hover {
    background-color: white;
}

.tbl_feedback_grade td.selected {
    background-color: white;
}

.popup_container.congratulations .popup {
    border: solid 1px red;
    color: red;
}

.popup_container.congratulations h2 {
    color: red;
}

#order_matches.management #popup_remark_add{top:50%;}


#popup_order_feedback{overflow-x: hidden; height: 100%;}

/*Feedback form page*/
#feedback_form h2 {font-weight: bold; font-size: 20px; color: var(--color-dark);}
#feedback_form .container.feedback{background-color: white; max-width: 500px; padding: 20px 30px; margin-top: 20px;}
#feedback_form .feedback_row{padding: 20px 0px;}
#feedback_form .container.feedback textarea{width:100%;}



/*Page add lead*/
#lead_add .form_validation {
    margin-top: 30px;
}

#lead_add .form_add_lead {
    border-left: solid 1px var(--color-gray-border);
}

#lead_add .form_add_lead .row {
    margin-top: 18px;
    margin-left: 80px;
}

#lead_add .form_add_lead #btn_submit {
    width: 200px;
    position: relative;
}

#lead_add .form_add_lead #btn_submit::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 8px;
    right: 10px;
}

#lead_add .form_add_lead h4 {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-blue);
    margin-top: 36px;
    background-image: url('../images/blue_check.png');
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#lead_add .form_add_lead .form-control-description.phone {
    left: 60px;
    z-index: 1;
}


/*Page leads*/

.table_orders .view_lead {
    color: var(--color-blue);
}


/*Page lead management*/

#lead_management .form_validation {
    margin-top: 30px;
}

#lead_management .lead_status_box {
    color: white;
    padding: 15px 60px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
}

#lead_management .form_lead_management .row {
    margin-top: 18px;
}

#lead_management .form_lead_management #btn_submit {
    width: 200px;
    position: relative;
}

#lead_management .form_lead_management #btn_submit::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 8px;
    right: 10px;
}

#lead_management .form_lead_management .form-control-description.phone {
    left: 60px;
    z-index: 1;
}

#lead_management #btn_lead_approve {
    width: 175px;
    height: 40px;
    background-color: var(--color-green);
    border: none;
}

#lead_management #btn_lead_reject {
    width: 175px;
    height: 40px;
    background-color: var(--color-red);
    border: none;
}


/*Page edit profile*/

#edit_profile .form_validation {
    margin-top: 30px;
}

#edit_profile .form_lead_management .row {
    margin-top: 18px;
}

#edit_profile .form_lead_management #btn_update_profile {
    width: 200px;
    position: relative;
}

#edit_profile .form_lead_management #btn_update_profile::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 8px;
    right: 10px;
}

#edit_profile .form_lead_management .form-control-description.phone {
    left: 60px;
    z-index: 1;
}


/*Page edit company*/

#edit_account .form_validation {
    margin-top: 30px;
}

#edit_account h2{
    font-weight: bold;
    font-size: 24px;
    margin-top: 47px;
    color: var(--color-dark);
}

#edit_account .form_lead_management .row {
    margin-top: 18px;
}

#edit_account .form_lead_management #btn_update_company,
#edit_account .form_lead_management #btn_update_company_and_employees {
    width: 200px;
    position: relative;
}

#edit_account .form_lead_management .row.align-items-center {
    margin-top: 0;
}

#edit_account .form_lead_management #btn_update_company::after,
#edit_account .form_lead_management #btn_update_company_and_employees::after {
    content: url('../images/arrow_right.png');
    position: absolute;
    top: 8px;
    right: 10px;
}

#edit_account .form_lead_management .form-control-description.phone {
    left: 60px;
    z-index: 1;
}

#edit_account #btn_update_employee {
    background-color: var(--color-green);
    border: none;
}

#edit_account .btn_add_employee {
    background-color: var(--color-green);
    border: none;
}

#edit_account #btn_remove_employee {
    background-color: var(--color-red);
    border: none;
}

#edit_account .employee_container:last-child hr{display:none;}


/*.footer{padding: 20px 0px;}*/

.footer a {
    display: inline-block;
    padding: 10px 10px 10px 0;
    font-size: 14px;
}


/*MATCHES_NEW PAGE*/

#matches_new .inner_page_form_container {
    padding: 0px;
    margin-bottom: 27px;
    background-color: transparent;
}

#matches_new .row.filters{padding: 10px 0; margin:0; background-color: var(--color-bg-dark);}


/*LANDING PAGE */
#lp_li_1 .loader{display: none;}
#lp_li_1 .white{color: white;}
#lp_li_1 .black{color: #1D1D1D;}
#lp_li_1 .orange{color: #FF5C1E;}
#lp_li_1 .asterix{color: red;}
#lp_li_1{font-family: 'Roboto';}
#lp_li_1 body{background: transparent linear-gradient(88deg, #F9FBFF 0%, #E7EAEF 100%) 0% 0% no-repeat padding-box;}
#lp_li_1 .bg1{background-image: url("../images/lp_li_1/bg_1.png"); width:100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
#lp_li_1 .bg2{background-image: url("../images/lp_li_1/bg_2.png"); width:100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
#lp_li_1 .resize_left_side{width: 80%;}
#lp_li_1 .resize_right_side{width: 80%;}
#lp_li_1 .ue_logo{margin-top:20px; margin-bottom: 65px;}
#lp_li_1 h1{font-size: 35px; font-weight: bold;}
#lp_li_1 h2{font-size: 22px; font-weight: 300; margin-top:20px;}
#lp_li_1 .equalizer{width: 250px; margin: 20px 0 -10px 60px;}
#lp_li_1 .logos_and_numbers{background-color: white; border-radius: 8px; padding: 40px; position: relative; margin-bottom: -25%;}
#lp_li_1 .logos_and_numbers .logos{margin-bottom: 45px;}
#lp_li_1 .logos_and_numbers .logos img{/*width:98px; height: 37px;*/ width:68px; }
#lp_li_1 .logos_and_numbers .numbers .col-md-6, #lp_li_1 .logos_and_numbers .numbers .col-md-12{text-align: center;}
#lp_li_1 .logos_and_numbers .numbers .col-md-12 .header{font-size: 45px; margin-bottom: 0px; font-weight: 900;}
#lp_li_1 .logos_and_numbers .numbers .col-md-6 .header{font-size: 45px; margin-bottom: 0px; font-weight: 900;}
#lp_li_1 .logos_and_numbers .numbers .col-md-6 .text{font-size: 16px;}
#lp_li_1 .form{background-color: white; border-radius: 8px; padding: 10px; z-index: 10000;}
#lp_li_1 .form .header{color: #081F4E; text-transform: uppercase; font-size: 16px; font-weight: 300; text-align: center; margin-bottom: 20px;}
#lp_li_1 .form label{font-size: 12px;}
#lp_li_1 .form label.title{margin-bottom: 0px;}
#lp_li_1 .form input{border: 0.25px solid #00000029 !important; background: #FFFFFF 0% 0% no-repeat padding-box !important;; border-radius: 8px !important; padding: 10px !important; color: var(--color-font-regular); height:35px !important;}
#lp_li_1 .form input[type="checkbox"]{height: 13px !important;}
#lp_li_1 .form .confirm{margin-top:40px; line-height: 16px;}
#lp_li_1 .form .confirm span{font-size: 12px; margin-bottom: 0;}
#lp_li_1 .form label.err_msg{font-size: 11px; color: red; height: 20px; display: block; text-align: left; margin-bottom: 0;}
#lp_li_1 .my_btn{width: 100%; height:50px; color: white; border-radius: 8px; margin-bottom: 10px;}
#lp_li_1 .my_btn .sub{height:50px;}
#lp_li_1 .my_btn:hover{cursor: pointer;}
#lp_li_1 .join_network{background-color: #FF5C1E; margin-bottom: 20px;}
#lp_li_1 .join_linkedin{background-color: #3664ef; color: white;}
#lp_li_1 .join_google{background-color: #081f4e; color: white;}
#lp_li_1 .join_linkedin img, #lp_li_1 .join_google img{height: 30px;}
#lp_li_1 .join_linkedin a, #lp_li_1 .join_google a{color: white;}
#lp_li_1 .connecting{text-align: center; font-size: 36px; line-height: 40px; font-weight: bold; color: #202020; margin-top: 250px; width:80%; margin-left:10%;}
#lp_li_1 .our_methods .box{text-align: center; font-size: 16px; margin-top: 60px;}
#lp_li_1 .imac{text-align: center; position: relative; margin-bottom: -200px;}
#lp_li_1 .imac img{width: 600px;}
#lp_li_1 .secondary_transactions{margin-top:250px;}
#lp_li_1 .secondary_transactions .header{text-align: center; font-size:28px; font-weight: bold;}
#lp_li_1 .secondary_transactions .bullet{margin-top: 20px;}
#lp_li_1 .secondary_transactions .bullet:last-child{margin-bottom: 200px;}
#lp_li_1 .advantages{margin-top: -100px; margin-bottom: 200px;}
#lp_li_1 .advantages .row .box{background-color: white; height: 340px; text-align: center; box-shadow: 0px 5px 60px #00000021; border-radius: 8px; padding: 20px; margin: 0 23px 23px 0;}
#lp_li_1 .advantages .row .box .header{font-size: 25px; font-weight: bold; line-height: 120%; margin: 20px 0;}
#lp_li_1 .advantages .row .box .text{font-size: 14px; font-weight: 400; }
#lp_li_1 .success{opacity:0.8; background-color:black; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1000;}
#lp_li_1 .thankyou{width: 50%; background-color: white; position: fixed; left: 25%; top:20%; z-index: 1100; border-radius: 8px; text-align: center; padding: 30px;}
#lp_li_1 .thankyou header{font-size: 32px; font-weight:bold; color: #081f4e; margin: 10px;}
#lp_li_1 .thankyou p{color: #202020;}
#lp_li_1 .thankyou p.login_link{color: var(--color-bright); font-size: 14px;}
@media only screen and (min-width: 992px) {
    /*OVER 992 PX*/
    #lp_li_1 .form{position: fixed; /*width:25%; max-width: 438px;*/ width: 380px; top: 20px;}
}
@media only screen and (max-width: 992px) {
    /*UNDER 992 PX*/
    #lp_li_1 .form{margin: 50px 0;}
    #lp_li_1 .imac img{width: 400px;}
    #lp_li_1 .resize_left_side{width: 100%;}
    #lp_li_1 .resize_right_side{width: 100%;}
    #lp_li_1 .equalizer{margin-left: 20px;}
    #lp_li_1 .thankyou{width:80%; left: 10%;}
}
@media only screen and (max-width: 768px) {
    /*UNDER 768PX*/
    #lp_li_1 .thankyou{padding:10px;}
}
/*END LANDING PAGE*/