/* GLOBAL COLORS */
:root {
    --color-bg: #F9F8FD;
    --color-bg-dark: #F1F0F5;
    --color-blue: #3664EF;
    --color-red: #FF5A6C;
    --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-green: #1DC198;
    --color-yellow: #FFC358;
    --color-select-bg: rgba(54,100,239,0.09);

    /*dd = Dotan Design*/
    --dd-very-light: #FBFBFB;
    --dd-very-light-2: #D0D0D0;
    --dd-color-bg: #f5f5f5;
    --dd-border-color: #E1E1E1;
    --dd-table-head: #787878;
    --dd-color-dark-gray: #333333;
    --dd-table_head-sort: #3D3D91;
    --dd-green: #65cd14;
    --dd-red: #B51717;
    --dd-purple: #664b97;
    --dd-purple-dark: #252149;
    --dd-purple-lighter: #3A3D90;
    --dd-purple-home-bg: #41336B;
    --dd-purple-light: #d6cee6;
    --dd-gray-light: #D9D9D9;
    --dd-gray-light-darker: #B8B8B8;
    --dd-gray-border: #7E7E7E;
    --dd-blue: #0400C8;
    --dd-blue-light: #2ca5de;
    --dd-menu-active: #1684b7;
    --dd-yellow: #EEC431;
    --dd-table-active: #1684B8;
    --dd-table-active-remove-mask: #92d3f2;
    --dd-table_hover_color: #FAFBFC;

    --dd-color-task-critical: #F47A37;
    --dd-color-task-critical-hover: #e97b36;

    --dd-color-task-important: #F29A3B;
    --dd-color-task-important-hover: #e79842;

    --dd-color-task-high: #F0BA3F;
    --dd-color-task-high-hover: #e5b546;

    --dd-color-task-medium: #EDDA42;
    --dd-color-task-medium-hover: #e3d249;

    --dd-color-task-low: #EBFA46;
    --dd-color-task-low-hover: #e1ee4c;

    --dd-color-task-no: #EBEBEB;
    --dd-color-task-no-hover: #DCDADF;

    --dd-color-mine: #D7D2EA;

    --dd-color-connection-connected: #effce5;
    --dd-color-connection-connected-checked: #adf278;
    --dd-color-connection-requests-to-me: #fdf1f1;
    --dd-color-connection-requests-to-me-checked: #f18d8d;
    --dd-color-connection-my-request: #fbf0cb;
    --dd-color-connection-my-request-checked: #EEC431;
    --dd-company: #1196DE;
    --dd_deal_flow_green_dot: #00CC18;

    --bs-table-hover-bg: red;

}

.table-hover > tbody > tr:hover > *{--bs-table-accent-bg: var(--dd-table_hover_color);}


/* GLOBAL CLASSES*/
.buy{color:var(--dd-green); text-transform: uppercase;}
.sell{color: var(--dd-red); text-transform: uppercase;}
.green{color: var(--dd-green);}
.blue{color: var(--dd-blue) !important;}
td.blue a, td.blue span{color: var(--dd-blue);}
.red{color:var(--dd-red);}
/*.btn-info.toggle-off{background-color: #FFEBF5 !important;}*/
.theirs{background-color: lightgreen;}
asterix{color:red; margin-left: 5px;}
.asterix_after_form_element{position: absolute; top:0; right:0;}
.disabled{background-color: var(--bs-secondary-bg);}
.disabled-icon {
    opacity: 0.5; /* Makes it look faded */
    filter: grayscale(100%); /* Converts it to grayscale */
    cursor: not-allowed; /* Changes cursor to indicate it's disabled */
}
.gray_background{background-color: #f2f2f2;}
.correspondence_content{height: 200px; overflow: scroll;}
.btn.dropdown-toggle.border{border:solid 1px gray;}
.font-color-black{color: black !important;}
.font-weight-bold, td.font-weight-bold, .font-weight-bold a, .font-weight-bold span{font-weight: bold !important;}
.important_remark{font-weight: bold; color:var(--dd-red);}
.cursor_pointer{cursor: pointer;}
.cursor_default{cursor: default !important;}
.dd-link{color: var(--dd-blue); text-decoration: underline; cursor: pointer;}

.border-radius-boxes{border-radius: 20px;}

.font-size-initial{font-size: initial !important;}
.font-size-auto{font-size: auto !important;}
.font-size-revert{font-size: revert !important;}
.font-size-14px{font-size: 14px;}
.font-size-16px{font-size: 16px;}

.bi-patch-question-fill{color:var(--dd-color-dark-gray);}

.color-dark-gray{color: var(--dd-color-dark-gray);}
.color-light-gray{color: var(--dd-gray-light-darker); border-color:var(--dd-gray-light-darker) !important;}

.h-60{height: 60% !important;}
.h-70{height: 70% !important;}
.h_100{height: 100% !important}

.min-h-0{min-height: 0px;}
.min-h-60{min-height: 60%;}
.min-h-70{min-height: 70%;}
.max-width-100{max-width: 100% !important;}

input[type="file"]{font-family: "Acumin Pro Wide Light"}

.lnk_company{color: var(--dd-company);}

#customSearch{max-width: 200px;}

.popover{max-width:500px;}

/*Movie link*/
.movie_link{padding: 0 10px; margin-right: 10px;}
.movie_link:not(.no_border_right){border-right: solid 1px var(--dd-color-dark-gray);}
.movie_link img{height: 25px; margin-right: 7px;}
.movie_link span{text-decoration: underline; font-size: 14px; font-family: Roboto;}
a.movie_link{color: var(--dd-color-dark-gray); text-decoration: none;}

/*my_toggle*/
.my_toggle .toggle-on, .my_toggle .toggle-off{}
.login_with_google_smtp_imap{width: 200px !important; margin-bottom: 20px; border-radius: 30px;}
/*
.login_with_google_smtp_imap .toggle-on{background-color: var(--dd-blue);}
.login_with_google_smtp_imap .toggle-off:hover{background-color: var(-dd-purple-lighter);}
.login_with_google_smtp_imap .toggle-off{background-color: var(--dd-purple) !important;}
.login_with_google_smtp_imap .toggle-off:hover{background-color: var(-dd-purple-lighter) !important;}
 */

/*INPUT TEXT*/
input[type=text], input[type=tel], input[type=email], input[type=password], select{border:none !important; border-bottom: dashed 1px gray !important; border-radius: 0px !important; background-color: var(--dd-very-light) !important;}
select{/*padding: .375rem .75rem; width: 100%;*/ height: 37px; appearance: none; background-image: url("../images/menu_down.svg"); background-repeat: no-repeat; background-position: right 0.7rem top 50%; background-size: 0.65rem auto;}

span.highlight{background-color: var(--dd-table-active-remove-mask) !important; /*background-color: var(--dd-menu-active) !important; color: white;*/}
.highlight td{background-color: var(--dd-table-active-remove-mask) !important; /*background-color: var(--dd-menu-active) !important; color: white;*/}

.dashed{border-style: dashed;}

.show_hide_password{position: relative;}
.show_hide_password a{position: absolute; top: 7px; right:-20px;}

/*TOGGLE AS ON orders page*/
.dd_toggle{min-width: 100px; display: inline-block; vertical-align: bottom;}
.dd_toggle label{font-family: inherit;}
.dd_toggle button{/*background: var(--dd-purple-dark) !important; border: 3px solid var(--dd-purple-dark) !important;*/ height: 18px; }
.dd_toggle button span{background-color: var(--dd-gray-light-darker) !important;}
._simple-switch-track.on{background: var(--dd-purple-dark) !important; border: 3px solid var(--dd-purple-dark) !important;}

/*BOOTSTRAP TOOGLE AS ON orders page*/
.form-check.form-switch input.form-check-input:checked{background-color: var(--dd-purple-dark); border-color: var(--dd-purple-dark);}
.form-check.form-switch input.form-check-input:focus{border-color: var(--dd-purple-light); box-shadow: 0 0 0 .25rem var(--dd-purple-light);
    /*--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");*/
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-check.form-switch input.form-check-input:checked:focus{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}

/*Entity on add/edit task -> entity*/
span.ss_entity{font-weight: bold;}

/*GRAPHS*/
.graph_time_buttons{margin-top: 20px;}
.graph_time_buttons a{color: var(--color-dark); text-decoration: none; background-color: var(--dd-gray-light); margin: 0 2px; padding: 6px 10px; border-radius: 4px;}
.graph_time_buttons a.selected{color: var(--color-blue); background-color: var(--dd-gray-light-darker);}
.graph_time_buttons a:hover{color: var(--color-blue); background-color: var(--dd-gray-light-darker);}

/*LOADER*/
#modal_loader{opacity: 0.7; z-index: 10000000;}
#modal_loader .modal-content{background-color: var(--dd-blue-light);}
#modal_loader .modal-content .loader{width: 200px; height: 200px;}
#modal_loader .modal-content .loader_msg{color: var(--dd-purple-dark); font-size: 40px;}
/*END LOADER*/

body{
    background-color: var(--dd-color-bg);
    /*font-family: "Lato-Regular", Helvetica;*/
    /*overflow-x: hidden;*/
    font-family: "roboto";
}
h1, .h1{font-family: "Cinzel"; font-weight: 400; color: black; text-transform: uppercase; font-size: 26px !important;}
h6, .h6{color:black; font-size: 14px; font-weight: 300; margin-bottom: 20px; line-height: 22px;}


/*.mine{background-color: #FFEBF5;}*/
.mine{
    /*Nice gradient*/
    /*background: linear-gradient( 90deg, rgba(57, 46, 97, 0.15) 0%, rgba(57, 46, 97, 0) 49.5%, rgba(57, 46, 97, 0.15) 100% );
    background-repeat:no-repeat;*/

    /*background: linear-gradient( 90deg, transparent 0%, rgba(57, 46, 97, 0.15) 3%, rgba(57, 46, 97, 0) 49.5%, rgba(57, 46, 97, 0.15) 97%, transparent 100% );*/
    /*WORKS*/
    /*background: linear-gradient( 90deg, rgba(57, 46, 97, 0.15) 0, rgba(57, 46, 97, 0) 49.5%, rgba(57, 46, 97, 0.15) 100% );*/
    /*background-color: blue !important;*/
    /*background-image: linear-gradient( 0deg, white 10%, red 50%, white 100% );*/
    /*background-image: */
    /*background:
        linear-gradient(-63deg, rgba(28,25,84,1) 50%,transparent 0) calc(50% - 100px) 0/200px 100%,
        linear-gradient(rgba(28,25,84,1),rgba(28,25,84,1)) right/50% 100%,
        linear-gradient(to bottom, red,blue);*/
    /*background:*/
            /*linear-gradient(white 15%, rgba(57, 46, 97, 0.15) 15% 85%, white 85%);*/
            /*linear-gradient(white 15%, rgba(57, 46, 97, 0.15) 15%, rgba(57, 46, 97, 0.08), rgba(57, 46, 97, 0.15) 85%, white 85%);*/
}

/*:not(.mine) td{background-color: white;}*/
tr:not(.mine):not([style*="background-color"]) td{background-color: white;}
.mine td{background-color: var(--dd-color-mine);}

/*Inside a table cell, as in orders connections*/
.mine.cell{padding: 0px 3px; vertical-align: center; text-align: center; background-color: var(--dd-color-mine);}
.other.cell{padding: 0px 3px; vertical-align: center; text-align: center; background-color: #F2F2F2;}

/*private notes*/
.note_time_updated{color: var(--dd-table-head); font-size: smaller;}

/*.navbar-nav .dropdown #dropdownMenuLink::after{display: none;}*/
/*.navbar-nav{padding-right:120px;}
.navbar-nav .dropdown .dropdown-menu{position: absolute;}*/
.dropdown-menu li{cursor: pointer;}


/*GLOBAL ELEMENTS, MODELS AND WIDGETS*/
/*intl-phone*/
.iti.iti--allow-dropdown{display: block;}

/*dropdown-toggle*/
.dropdown a.dropdown-toggle{color: var(--dd-table_head-sort); border-bottom: solid 1px var(--dd-table_head-sort); text-decoration: none; display: inline-block; height: 22px; white-space: nowrap; /*overflow: hidden;*//*Overflow hidden makes the line be too high and it doesn't align with the other texts*/}
/*.dropdown a.dropdown-toggle:after{position:absolute; top: 0px;}*/

/*MODAL FROM THE SIDE*/
/*TO USE: Add classes modal_outer right_modal to the modal*/
/*left right modal*/
.modal.left_modal, .modal.right_modal{
    position: fixed;
    z-index: 99999;
    /*margin-top:15px;*/
}
.modal.left_modal .modal-dialog,
.modal.right_modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 450px;
    max-width: 85%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal-dialog {
    /* max-width: 100%; */
    /*margin: 1.75rem auto;*/
}
@media (min-width: 576px)
{
    .left_modal .modal-dialog {
        max-width: 100%;
    }
    .right_modal .modal-dialog {
        max-width: 100%;
    }
}
.modal.left_modal .modal-content,
.modal.right_modal .modal-content {
    /*overflow-y: auto;
      overflow-x: hidden;*/
    height: 100vh !important;
}
.modal.left_modal .modal-body,
.modal.right_modal .modal-body {
    padding: 15px 15px 30px;
}

/*HIDES THE DARK BACKGROUND OF AN OPEN MODAL*/
/*
.modal-backdrop {
    display: none;
}
*/

/*Left*/
.modal.left_modal.fade .modal-dialog{
    left: -50%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left_modal.fade.show .modal-dialog{
    left: 0;
    box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}
/*Right*/
.modal.right_modal.fade .modal-dialog {
    right: -50%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right_modal.fade.show .modal-dialog {
    right: 0;
    box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}
.right_modal .modal-content, .left_modal .modal-content {
    border-radius: 0;
    border: none;
}
.modal-header.left_modal, .modal-header.right_modal {
    padding: 10px 15px;
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}
.modal_outer .modal-body {
    /*height:90%;*/
    overflow-y: auto;
    overflow-x: hidden;
    height: 91vh;
}

.modal.right_modal .modal-header, .modal.left_modal .modal-header{border-bottom: none; padding-bottom: 0px;}
.modal.right_modal .modal-body, .modal.left_modal .modal-body{padding-top: 0px;}
/*END MODAL FROM THE SIDE*/

/*LINE WITH TEXT IN THE MIDDLE.
For example
------OR------
Create like this:
<div class="line_with_text"><span>OR</span></div>
 */
.line_with_text{width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em; margin: 10px 0 20px; }
.line_with_text span{background:#fff; padding:0 10px;}

/*alert modal*/
#modal_alert{z-index: 10000000 !important;}
#modal_alert .modal-footer{border: none;}
#modal_alert.fail .modal-content{border: solid 1px red;}
#modal_alert.success .modal-content{border: solid 1px green;}

/*alert confirm*/
#modal_confirm{z-index: 100000 !important;}
#modal_confirm .modal-footer{border: none;}
#modal_confirm.fail .modal-content{border: solid 1px red;}
#modal_confirm.success .modal-content{border: solid 1px green;}

/*NORMAL MODAL*/
.my-modal .modal-content{box-shadow: 0px 0px 15px #888888;}
.my-modal .modal-my-header{display:flex; justify-content: center; padding: var(--bs-modal-header-padding); padding-bottom: 0px;}
.my-modal .modal-my-header .btn-close{position: absolute; right: 10px; top: 10px;}
.my-modal .modal-my-header .modal-title{font-size: 20px; font-weight: normal; font-family: "Cinzel"; color: black; text-transform: uppercase;}
.my-modal .modal-footer{border-top: none;}

/*CARD*/
.dd-card{border: solid 1px var(--dd-border-color);border-radius: 15px; margin-bottom: 30px;}
.dd-card .card-title{font-family: Lato; font-weight: 300; font-style: normal; font-size: 20px;}
.dd-card .card-subtitle{font-family: Lato; font-weight: 300; font-style: normal; font-size: 14px;}
.dd-card .header{margin-bottom: 25px;}
.dd-card label{font-family: Lato; color: var(--dd-table-head);}
.dd-card .form-text{color: var(--dd-table-head);}

.dd-white-container{background-color: white; border-radius: 10px;}



/*Bootstrap table*/
/*Remove horizontal scroll from table so the page can scroll it*/
/*
.table-responsive{overflow-x: inherit !important; overflow-y: inherit !important;}
.table-responsive .fixed-table-body{overflow-x: inherit !important; overflow-y: inherit !important;}
*/
.bootstrap-table .fixed-table-container .table{/*background-color: white;*/ /*overflow: hidden;*/ /*padding: 10px;*/}
.bootstrap-table .tbl_dd_normal{border-collapse: separate; border-spacing: 0px 10px;}

/*HOVER COLOR OVER THE TABLE ROWS*/
/*
.table-hover > tbody > tr:hover > *{--bs-table-accent-bg: var(--dd-table_hover_color);}
.table-hover > tbody > tr:hover {background-color: var(--dd-table_hover_color);}
 */

/*On hover, make the TR a bit darker - the problem is that it changes the selectes inside*/
/*
.table-hover:not(#tbl_tasks) > tbody > tr:hover > td{filter: brightness(95%);}
#tbl_tasks > tbody > tr:hover {filter: brightness(95%);}
 */



/*Set it so the table doesn't have a gap under the data, down to the paging. It happens because of the Vanilla Multi Select.*/
.table-responsive{overflow-x: inherit;}
.bootstrap-table .fixed-table-container .fixed-table-body{overflow-x: inherit; overflow-y: inherit;}

/*Remove borders*/
.table-borderless td, .table-borderless th, .table-borderless thead{border: none 0px transparent;}
.table thead tr{border-bottom-width: 1px;}
/*.table-borderless td{border-bottom: solid 1px red !important;}*/


/*.bootstrap-table table{border-collapse: separate; border-spacing: 0px 10px;}*/

/*SHADOW*/
.bootstrap-table .dd_tbl_shadow tbody{background-color: transparent;}
.bootstrap-table .dd_tbl_shadow tbody tr{height:60px;} /*Make the TR relative so the shadow "sits" on it properly*/

/*Put the shadow and the border-relative AFTER the TR so the shadow doesn't highlight (show on) on the border-radius*/
.bootstrap-table .dd_tbl_shadow tbody tr{position: relative;} /*Make the TR relative so the shadow "sits" on it properly*/
.bootstrap-table .dd_tbl_shadow tbody tr:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05); z-index: -1;}

/*TABLE TR RADIUS - Not on dd-table-style-companies because they open on the bottom*/
.bootstrap-table table:not(.dd-table-style-companies) tbody tr td:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.bootstrap-table table:not(.dd-table-style-companies) tbody tr td:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.bootstrap-table tbody tr td{font-family: "Acumin Pro Wide Light"; font-weight: 300;}
.bootstrap-table th{font-family: "Acumin Pro Wide Light"; font-weight: normal; background-color: var(--dd-color-bg);}
.bootstrap-table .fixed-table-container .table thead th{color: var(--dd-table-head); line-height: 16px;}

.fixed-table-toolbar{font-family: "Acumin Pro Wide Light"; font-weight: normal;}
.fixed-table-toolbar{border: solid 4px #e0dded; height: 60px; border-radius: 10px; background-color: white;}
.fixed-table-toolbar #toolbar .container .row .col{height: 46px; margin-left: 10px;}
.fixed-table-toolbar .search{height: 46px; margin-right: 10px;}
.bootstrap-table .fixed-table-toolbar .bs-bars{margin-top: 0px; margin-bottom: 0px; display: contents;}

/*Remove the sort symbol and mark the header instead*/
.bootstrap-table .fixed-table-container .table thead th .both{background-image: none; color: var(--dd-table_head-sort); font-weight: normal;}
.bootstrap-table .fixed-table-container .table thead th .sortable{padding-right: 0px !important;}
.bootstrap-table .fixed-table-container .table thead th .sortable.asc, .bootstrap-table .fixed-table-container .table thead th .sortable.desc{ text-decoration: underline; font-weight: bold;}

/*TABLE BUTTONS*/
.bootstrap-table .fixed-table-toolbar .btn-group .btn i.bi-toggle-off, .bootstrap-table .fixed-table-toolbar .btn-group .btn i.bi-toggle-on, .bootstrap-table .fixed-table-toolbar .btn-group .btn .caret, .bootstrap-table .fixed-table-toolbar .dropdown-toggle::after{display:none;}
.bootstrap-table .fixed-table-toolbar .btn-group .export .btn, .btn-dd.btn-export{width: 24px; height: 24px; background-image: url("../images/download.svg"); background-repeat: no-repeat;}
.bi-download::before{display: none; content: ''}
.bootstrap-table .fixed-table-toolbar .btn-group .btn[name="toggle"]{width: 24px; height: 24px; background-image: url("../images/refresh_purple.svg"); background-repeat: no-repeat;}

/*TABLE SEARCH*/
.bootstrap-table .fixed-table-toolbar .search{margin-top:0px; margin-bottom:0px;}
.bootstrap-table .fixed-table-toolbar .columns{margin-top:0px; margin-bottom:0px;}
.bootstrap-table .search-input{background-color: transparent !important; border: none; /*border-bottom: solid 1px var(--dd-very-light-2) !important;*/ border-bottom:none !important; border-radius: 0; padding: 0px; background-image: url("../images/search_purple.svg"); background-repeat: no-repeat; background-position: right;}
.bootstrap-table .search-input:hover{border-bottom-width: 3px; font-weight: bold;}
.search-input{background-color: transparent !important; border: none; border-bottom:none !important; border-radius: 0; padding: 0px; background-image: url("../images/search_purple.svg"); background-repeat: no-repeat; background-position: right;}
.search-input:hover{border-bottom-width: 3px; font-weight: bold;}

/*TABLE PAGINATION*/
.bootstrap-table .pagination .page-pre{margin-right: 10px;}
.bootstrap-table .pagination .page-pre a{background-color: transparent; border: none;}
.bootstrap-table .pagination .page-next a{background-color: transparent; border: none;}
.bootstrap-table .pagination .page-item{margin-right: 10px; }
.bootstrap-table .pagination .page-item .page-link{background-color: transparent; border: none; color: var(--dd-gray-light-darker); border-radius: 50%; height: 22px; width: 22px; padding: 0; text-align: center;}
.bootstrap-table .pagination .page-item.active .page-link{background-color: var(--dd-purple-lighter)}
.bootstrap-table .pagination .page-item.disabled{background-color: transparent;}
.bootstrap-table .pagination .page-item.disabled a{background-color: transparent; color: black;}
.bootstrap-table .pagination-detail{font-family: "Roboto"; color: var(--dd-table-head);}
.bootstrap-table .pagination-detail .dropup .dropdown-toggle::after{display: none;}
.bootstrap-table .pagination-detail button{background-color: white; height: 24px; border-radius: 15px; border: solid 1px var(--dd-purple-dark); padding: 0px 15px; margin-right: 10px;}
.bootstrap-table .pagination-detail button .caret{border:none; width: 14px; height: 11px; background-image: url("../images/menu_down.svg"); background-repeat: no-repeat;)}
.fixed-table-pagination{padding-top: 10px; padding-bottom: 10px;}
.fixed-table-pagination .pagination-info, .fixed-table-pagination .page-list, .pagination {font-family: "Acumin Pro Wide Light"; font-weight: normal; padding-right: 20px; /*border-right: solid 1px var(--dd-gray-light-darker);*/ margin-right: 20px !important;}
.bootstrap-table .fixed-table-pagination > .pagination-detail{margin-top: 0px; margin-bottom: 0px;}

/*Get column to be as small as possible*/
.bootstrap-table td.column_fit_content, .bootstrap-table th.column_fit_content {white-space: nowrap;width: 1%; margin: 0 20px;}

.orders_page #toolbar1 + div .fixed-table-toolbar{display:none;}

.orders .bootstrap-table tr td, .introductions .bootstrap-table tr td{cursor: pointer;}

/*MAKE THE BOOTSTRAP TABLES CARDS*/
.fixed-table-container.has-card-view tbody{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.fixed-table-container.has-card-view tr{
    display: inline-block;
    /*width: 18%; margin: 1%;*/ /*5 columns*/
    /*width: 23%; margin: 1%;*/ /*4 columns*/
    width: 30%; margin: 1%; /*3 columns*/
    /*width: 48%; margin: 1%;*/ /*2 columns*/
    /*margin: 1.5rem;*/
    padding: 1rem 0.5rem 1rem 0.5rem;
    border: 1px solid grey;
    border-radius: 10px;
    box-shadow: 0 0 10px;
}
.fixed-table-container.has-card-view tr td{display: block; border: none;}

/*bootstrap table toolbar*/
.fixed-table-toolbar .btn-group button{margin-left:15px !important; border-radius: 0px;}

/*END MAKE THE BOOTSTRAP TABLES CARDS*/


/*/Bootstrap table*/

.image_thumb{max-width:30px; max-height:30px;}

.filter-multi-select .placeholder{background-color: transparent;}
.filter-multi-select .selected-items{display:none;}
.filter-multi-select{min-width: 200px;}


/*VanillaSelectBox in a table*/
/*
table .vsb-main{
    width: auto !important; min-width: auto !important; padding: 3px; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border-radius: 0; border-top: none; border-left:none;
    border-right:none; padding: 3px; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
table .vsb-main button{background-color: transparent !important; padding: 0px !important; border: none !important; width: auto !important; min-width: auto !important;}
table .vsb-main .caret{width: 0px; height: 0px; border: none;}
table .vsb-main:hover{border:solid 1px var(--dd-purple);}
table .vsb-main button:hover{font-weight: bold; padding-right: 20px !important;}
table .vsb-main button:hover > .caret{display: inline; width: 14px; height: 9px; background-image: url("../images/menu_down.svg"); background-repeat: no-repeat;}
*/

/*VanillaSelectBox as a filter*/
/*.filter .vsb-main{width: 100% !important; min-width: 120px !important;}
.filter .vsb-main button{width: 100% !important; background-color: transparent !important; padding: 0px 6px !important; border-top: none !important; border-left:none !important; border-right:none !important; border-bottom: var(--bs-border-width) solid var(--dd-very-light-2) !important;}
.filter .vsb-main .caret{width: 14px; height: 9px; background-image: url("../images/menu_down.svg"); background-repeat: no-repeat; border:none;}
.filter .vsb-main:hover{border:none;}
.filter .vsb-main button:hover{border-bottom-width: 3px !important;}*/

/*VanillaSelectBox as a filter - look as as dropdown-toggle*/
.vsb-main{margin-right: 25px; border-bottom: solid 1px var(--dd-table_head-sort) !important; line-height: 11px;}
.vsb-main .title{margin-right: 10px;}
.vsb-main button{width: 100% !important; background-color: transparent !important; padding: 0px 6px 0px 0px !important;
    border: none !important; height: 17px; min-width: 0 !important;}
.vsb-main button .title{line-height: 10px !important;}
.vsb-main button span, .vsb-main .vsb-menu li{color: var(--dd-table_head-sort); font-size: 14px; line-height: 18px;}
.vsb-main button span{/*text-decoration: underline;*/}
.vsb-main .caret{right: 0px !important; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
/*.filter .vsb-main button{margin-left: 15px;}*/
.vsb-menu :not(.multi) li.active::before{margin-right: 2px;}

/*VanillaSelectBox in a form*/
.form .vsb-main{border-bottom: none !important;}
.form .vsb-main{width: 100% !important; min-width: 120px !important; display: block;}
/*.form .vsb-main button{width: 100% !important; max-width: 100% !important; min-width: 120px !important; border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: var(--bs-border-radius) !important; padding: 5px 12px !important; background-color: white !important; height: 32px !important;}*/
.form .vsb-main button{width: 100% !important; max-width: 100% !important; min-width: 120px !important; border: none; border-bottom: solid 1px var(--dd-very-light-2) !important; background-color: var(--dd-very-light) !important; border-radius: 0px; padding: 5px 12px !important; height: 37px;}
.form .vsb-main button span, .form .vsb-main .vsb-menu li{color: var(--bs-modal-color) !important;}
.form .vsb-main .caret{width: 0px; height: 0px; border: none; right: 8px !important;}
.form .vsb-main button .caret{display: inline; width: 14px; height: 9px; background-image: url("../images/menu_down.svg"); background-repeat: no-repeat;}


/*REMOVE <br/> FROM contenteditable*/
span.collapse_text{white-space: pre-line; display: inline-block; width: 100%; background-color: transparent; border-radius: 0; border: none; padding: 3px;}
/*Collapse long text*/
span.collapse_text{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 300px; display: block; border-bottom: dashed 1px gray;}
/*When adding class "active", expand the text that was collapsed before. Use JS function expand_text() and collapse_text()*/
span.collapse_text.active{white-space: normal; /*width:300px; */width:fit-content; max-width: 300px; position: absolute; z-index: 10000; margin-top: -10px;}
.not_saved{color:red;}
span.collapse_text.no_edit{background-color: var(--bs-secondary-bg); caret-color: transparent; max-width: 150px;}
span.collapse_text:hover{/*border:solid 1px var(--dd-purple); font-weight: bold;*/ border-bottom: solid 1px darkgray;}
span.collapse_text.no_edit:hover{font-weight: normal;}

/*Height on tasks*/
/*span.collapse_text.task{max-height: 100px;}*/
span.collapse_text.task.active{max-height: none;}

/*DATETIMEPICKER*/
.datepicker{width: 105px; padding: 3px 0px;}

/* Context menu */
.context-menu{display: none; position: absolute; z-index: 10000; border: 1px solid var(--dd-gray-light-darker); border-radius: 10px; width: fit-content; background: white; box-shadow: 0px 0px 15px #888888;}
.context-menu ul{list-style: none; padding: 2px; line-height: 20px; margin-bottom: 0px;}
.context-menu ul li{padding: 5px 15px; margin-bottom: 3px; background-color: white;}
.context-menu ul li a{color: black; text-decoration: none;}
.context-menu ul li:hover{cursor: pointer; background-color: var(--dd-gray-light);}
.edit_icon, .archive_icon{}




/* GLOBAL SECTIONS*/

/* LEFT AREA AND MENU */
.sidebar_menu{
    overflow-y: auto;
    border-radius: 0px 0px 15px 0px;
    background: linear-gradient(90deg, rgb(100, 73, 148) 1.87%, rgb(34, 32, 70) 100%);
    padding: 15px 0 15px 15px;
}
#sidebar_menu_collapsed{padding: 15px 0 15px 0;}
.sidebar_menu h6{
    color: #ffffff;
    letter-spacing: 0.36px;
    line-height: 28px;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.sidebar_menu .nav.flex-column{
    padding-left: 10px;
}
.sidebar_menu hr.menu{border-color: white; width: 90%; margin: 10px 0;}

.logo_stand_alone{height:18px;}

.sidebar .nav-link{color: white; font-weight: 300; text-decoration: none;}
.sidebar .nav-link{line-height: 28px; padding: 0;}
.sidebar .nav-link:not(.active){margin-right: 15px;}
.sidebar .nav-link.active{color: #ffffff;}
.sidebar .nav-link.active{background-color: var(--dd-menu-active); border-radius: 10px 0 0 10px; line-height: 28px; margin-top: 4px;margin-bottom: 4px; margin-left: -10px; padding-left: 10px;}
/*.sidebar .nav-link.active::before {content: ""; background-color: var(--dd-menu-active); width: 100%; height: 20px; display: block; position: absolute; margin-top: 4px; margin-left: -10px; border-radius: 10px 0 0 10px;}*/
/*.sidebar .nav-item:has(> a.active)::before {content: "aaa"; background-color: var(--dd-menu-active); width: 250px; height: 20px; display: block; position: absolute; margin-top: 4px; border-radius: 10px;}*/
/*.sidebar li.nav-item:has(.active) a::before {content: "aaa"; background-color: var(--dd-menu-active); width: 250px; height: 20px;}*/

.sidebar .menu_and_logo_container{display: flex; justify-content: center; position: relative}
.sidebar .menu_and_logo_container .hamburger{position: absolute;left:0;}
.sidebar .menu_and_logo_container .logo{margin-right: 60px;}
.sidebar .menu_and_logo_container .logo img{width: 140%;}
.sidebar .user_and_search_container{display: flex; justify-content: center; padding-top: 20px;}
.sidebar .user_and_search_container .user_icon{margin-right: 20px;}
.sidebar .user_name{padding-top: 40px; color: white;}
.sidebar .user_name span{line-height: 25px;}
.sidebar .user_name .label{color: var(--dd-blue-light);}
.sidebar .new_button{color: white; border: solid 2px var(--dd-blue-light); border-radius: 20px; padding: 5px 15px; margin-top: 15px; display: flex; cursor: pointer; width: fit-content; font-family: "Acumin Pro Wide Light"}
.sidebar .new_button img{margin-right: 4px; width: 10px;}
.sidebar .connections_container span.text{left: 10px; margin-right: 6px; margin-top: 1px;}
.sidebar .connections_container .cls-1{fill:yellow !important;}
.sidebar .new_button.company_select span{color: white;}
.sidebar .new_button.company_select .vsb-main{margin-right:0px;}
.sidebar .new_button.company_select .vsb-menu{width: 250px;}
.sidebar .search_companies{margin-right: 30px; border-radius: 20px;}
.sidebar .search_companies button{border-radius: 4px !important;}
/*.sidebar .search_companies button{border-radius: 4px !important; background-color: transparent !important; border: solid 2px var(--dd-blue-light) !important;}
.sidebar .search_companies button span{color: white !important;}*/


main.menu_closed{margin-left: 40px !important;}

.btn_widget_priority{border-radius: 30px; font-family: "Acumin Pro Wide Light"; font-weight: 400; text-decoration: none; color: white;}

.btn-group.connection_type label{font-family: "Acumin Pro Wide Light"; font-weight: 400;}
.btn_dd_round {display: block; height:28px; line-height: 20px; padding: 4px 8px 2px 8px; margin: 4px; border-radius: 30px; font-family: "Acumin Pro Wide Light"; font-weight: 400; text-decoration: none; text-align: center; letter-spacing: 0.36px; white-space: nowrap; background-color: white; cursor: pointer;}
.btn_dd_round_smaller{height: 24px; padding: 2px 6px !important; margin: 0px;}
.btn_dd_round img{margin-right: 5px;}
.btn_green{color: var(--dd-green); border: solid 2px var(--dd-green);}
.btn_blue{color: var(--dd-blue-light); border: solid 2px var(--dd-blue-light);}
.btn_purple{color: var(--dd-purple); border: solid 2px var(--dd-purple);}
.btn_purple_full{color: white; background: linear-gradient(90deg, rgb(102, 75, 151) 0%, rgb(31, 30, 66) 100%); border: none; padding: 4px 8px; /*line-height: 14px;*/}
.btn_purple_only{color: white; background: var(--dd-purple-home-bg); border: solid 1px white; padding: 4px 28px; display: inline-block; border-radius: 30px; font-weight: 400; text-decoration: none; text-align: center; letter-spacing: 0.36px; white-space: nowrap; cursor: pointer; line-height: 18px;}
.btn_red_full{color: white; background: linear-gradient(90deg, #e83232 0%, #570a0a 100%); border: none; padding: 4px 8px;}
.btn_reset_filters{padding: 2px 8px;margin: 4px;border-radius: 30px;font-family: "Lato", Helvetica;font-weight: 400;font-size: 13px;text-decoration: none;text-align: center;letter-spacing: 0.36px;white-space: nowrap;background-color: white; color: var(--dd-purple); border: solid 2px var(--dd-purple);}
.btn_add_task{padding: 2px 8px;margin: 4px;border-radius: 30px;font-family: "Lato", Helvetica;font-weight: 400;font-size: 13px;text-decoration: none;text-align: center;letter-spacing: 0.36px;white-space: nowrap;background-color: white; color: var(--dd-table-active); border: solid 2px var(--dd-table-active);}
img.reset_filters{height:18px; color: var(--dd-table_head-sort); padding: 0 20px; /*border-left: solid 2px var(--dd-border-color);*/ cursor: pointer;}
#btn_toggle_extra_details{height: 18px;}
.width_max_content{width: max-content;}

.last_round_price, .last_round_date{}

.full_page_bg_image{height: 100%; background-position: center; background-repeat: no-repeat;background-size: cover; background-image: url("../images/home_bg.png"); background-color: var(--dd-purple-home-bg);}
.full_page_bg_image h1{color: white;}
.full_page_bg_image footer ul{border-bottom: none !important; color: white;}
.full_page_bg_image footer ul li a, .full_page_bg_image footer p{color: white !important;}

/* PAGES */

/*HOME PAGE*/
.home{}
.home .logo img{}


/*LOGIN PAGE*/
.img_btn_login{height:20px; margin-right: 20px;}
.new_sub_task{color:green;}
.logo_small{max-height: 30px; max-width:30px;}

/*REGISTRATION PAGE*/
.register .left_area{padding: 40px 80px;}
.register .left_area input:not([type="checkbox"]):not([type="radio"]){border: solid 1px var(--bs-border-color) !important; border-radius: 5px !important; height: 50px;}
.register .right_area{background-color: rgba(0, 0, 0, 0.5); padding: 40px; color: white;}
.register .right_area a{color: white; padding: 0;}
.register .custom-bullets {list-style: none; padding-left: 4px;}
.register .custom-bullets li {background: url('../images/s.png') no-repeat left center; background-size: 12px 12px; padding-left: 24px; font-size: 22px; line-height: 40px;}



/*DASHBOARD PAGE*/
#dashboard .card-header:not(.link-normal){background-color: transparent; border-bottom: none; }
#dashboard .card-header a.header{font-family: "Cinzel"; padding-top: 15px; color: var(--dd-table_head-sort); text-decoration: none; text-transform: uppercase;}
/*#dashboard .card-header a.link-primary{color: rgb(13, 110, 253) important; text-decoration: underline;}*/
#dashboard .bootstrap-table th{background-color: transparent;}
#dashboard .card-header .filters{font-family: "Lato-Regular", Helvetica; }
#dashboard .card-body{padding-top: 0px;}

/*WATCHLIST PAGE*/
#tbl_wathclist .last_round div{display: inline-block !important;}


/*COMPANY PAGE*/
.company h1{color: var(--dd-color-dark-gray)}
.company h1 a{color: var(--dd-color-dark-gray); text-decoration: none; font-weight: bold;}
.company div.logo img{width:100%; border-radius: 10px; max-width: 60px; max-height: 60px;}
.company div.top_details div{color: var(--dd-color-dark-gray); }
.company div.top_details div label{color: var(--dd-table-head); margin-right: 10px;}
.company #modal_graph svg{border-radius: 0.375rem; border: solid 1px #dee2e6 /*SAME AS BOOTSTRAP CARD ELEMENT*/}
.company div.bottom_details div{color: var(--dd-color-dark-gray); margin-bottom: 20px;}
.company div.bottom_details div label{color: var(--dd-table-head); margin-right: 10px;}
.company div.bottom_details .last_round_area .last_round div{margin-bottom: 0px;}
.company div.bottom_details .connections{margin-bottom: 0px;}
.company div.bottom_details .connections .connections_container{margin-bottom: 0px;}
.company div.bottom_details.assignees .vsb-main{margin-bottom: 0px;}
.company div.bottom_details .customer_notes span.form-control{max-width: 400px;}
/*.company table{background-color: var(--color-bg);}*/
.company .card{background-color: transparent;}
.company table tbody tr{cursor: pointer;}
.company .fixed-table-toolbar{display:none !important;}


/*ORDERS PAGE*/
.orders .toggle{width: 100% !important;}
/*Cause the VanillaSelectBox to open to the left so there is no scroll on the page*/
.orders .filters .col:nth-child(5) .vsb-menu, .orders .filters .col:nth-child(6) .vsb-menu{right:0;}
.orders #tbl_orders .dropdown-toggle{white-space: inherit;}
.orders #tbl_orders td:first-child{padding-left: 10px;}
.orders #tbl_orders td:last-child{padding-right: 10px;}
.orders #tbl_orders th:first-child{padding-left: 5px;}
.orders #tbl_orders th:last-child{padding-right: 0px;}

/*modal_order_details*/
.modal_order_details hr{border-top-width: 1px; margin: 30px 0 30px 0;}
.modal_order_details hr.dashed{border-top-style: dashed;}
.modal_order_details .row{margin-bottom: 20px;}
.modal_order_details label{color: var(--dd-table-head); margin-right: 7px;}
.modal_order_details .connections_container{line-height: 20px;}
.modal_order_details .modal-footer{border-top: none;}
.modal_order_details .connections_container{justify-content: left;}

/*modal_intro_details*/
.modal_intro_details hr{border-top-width: 1px; margin: 30px 0 30px 0;}
.modal_intro_details hr.dashed{border-top-style: dashed;}
.modal_intro_details .row{margin-bottom: 20px;}
.modal_intro_details label{color: var(--dd-table-head); margin-right: 7px;}
.modal_intro_details .connections_container{line-height: 20px;}

/*modal_add_edit_order*/
#modal_add_edit_order .bi-patch-question-fill{display: none !important;}
.hide_spv_details{display:none;}
#modal_add_edit_order #sel_account_add_edit_order[contenteditable="false"]{color: gray !important;}


/*Introductions & closed trades*/
.introduction_time_datetime_picker, .closing_time_datetime_picker, .buyer_order_time_datetime_picker, .seller_order_time_datetime_picker{width: 105px !important;}
.introductions .notes_cell span{max-width: 400px;}
#modal_add_edit_introduction .bi-patch-question-fill{display: none !important;}
.introductions #tbl_introductions .date_time_picker{background-color: transparent !important;}

/*Create emailer page*/
#create_email #create_email_progress_tabs a{font-family: "Acumin Pro Wide Light"; font-size: 18px;}
#create_email .create_email_wrapper{font-family: "Acumin Pro Wide Light";}
#create_email .create_email_wrapper{border-left: solid 1px #dee2e6; border-right: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6;}
#create_email .create_email_wrapper .panel-default{padding-top: 40px;}
#create_email .label1{margin-bottom: 40px;}
#create_email .panel-header h4{margin-bottom: 20px;}
#create_email .panel-footer{height: 40px; position: relative;}
#create_email .panel-footer .btn_prev{position:absolute; left: 0px;}
#create_email .panel-footer .btn_next{position:absolute; right: 0px;}
#create_email .create_email_progress ul li{padding-right: 40px; padding-bottom: 10px; border-bottom: solid 1px var(--color-bright); border-radius: 20px; list-style-type: circle; list-style-position: inside; color: var(--dd-table-head);}
#create_email .create_email_progress ul li:last-child{border-bottom: none;}
#create_email .create_email_progress ul li.selected{list-style-type: disc;}
#create_email label.form-label{color: var(--dd-table-head); font-family:"Acumin Pro Wide Light"; font-size: 16px;}
#create_email a:not(.nav-link), #create_email #emailHelp{font-family:"Acumin Pro Wide Light"; font-size: 16px;}
#create_email .display_sent_emails{background-color: var(--color-bg); padding: 5px; border:solid 1px var(--color-bright); margin-bottom: 10px; border-radius: 4px;}
#create_email #create_email_slide_1 .panel-body .row > div{border-right: solid 1px var(--dd-border-color);}
#create_email #create_email_slide_1 .panel-body .row .col-3:last-child{border: none;}


#create_email .fixed-table-toolbar{display:none !important;}
#create_email #tbl_emails_create{border-spacing: 0px 0px;}
#create_email #tbl_emails_create:has(.no-records-found){display: none;}
#create_email #tbl_emails_create thead tr th{background-color: white; border-bottom: solid 1px black;}
#create_email #tbl_emails_create thead tr th:first-child input{margin-left: 0px !important;}
#create_email #tbl_emails_create tbody td{border-left: none; border-right:none; height: 60px;}
/*#create_email #tbl_emails_create tbody tr:first-child td{border-top:solid 1px var(--dd-border-color);}
#create_email #tbl_emails_create tbody tr:last-child td{border-bottom:solid 1px var(--dd-border-color);}
#create_email #tbl_emails_create tbody tr td:first-child{border-left:solid 1px var(--dd-border-color);}
#create_email #tbl_emails_create tbody tr td:last-child{border-right:solid 1px var(--dd-border-color);}
#create_email #tbl_emails_create tbody tr:first-child td:first-child{border-top-left-radius: 10px;}
#create_email #tbl_emails_create tbody tr:first-child td:last-child{border-top-right-radius: 10px;}
#create_email #tbl_emails_create tbody tr:last-child td:first-child{border-bottom-left-radius: 10px;}
#create_email #tbl_emails_create tbody tr:last-child td:last-child{border-bottom-right-radius: 10px;}*/

/*Orders Connections*/
/*#tbl_order_connections tr td, #table_connection_details tr td{padding-right: 1px; padding-left: 1px;}
#tbl_order_connections tr td.contact_details{padding-right: 5px; padding-left: 10px;}*/
#tbl_order_connections tr td.text-center{padding-right: 0px; padding-left: 0px;}
#tbl_order_connections tr td.text-center hr{color: transparent;}
#tbl_order_connections tr td.border-left div{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#tbl_order_connections tr td.border-right div{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

/*.connections_container{display: inline-block;}
.connections_my_requets, .connections_requests_to_me, .connections_connected{display:inline-block; text-align: center; width: 20px; height: 20px; padding: 0px; margin: 0 2px; border-radius: 50%; line-height: 20px;}
.connections_my_requets{background-color: red; color:white;}
.connections_requests_to_me{background-color: yellow;}
.connections_connected{background-color: green; color:white;}*/
.connections_container{display: flex; justify-content: center; justify-items: center;}
.connections_container > span{position: relative; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center}
.connections_container span img{display:inline-block; text-align: center; width: 30px; height: 30px; padding: 0px; margin: 0 2px; line-height: 20px;}
.connections_container span.text{color: white; position: absolute; margin-right: 4px; margin-top: -2px;}

/*Orders Connections Colors*/
.btn-group.connection_type label{border: solid 1px var(--dd-purple) !important; color: var(--dd-purple); padding-top: 2px; padding-bottom: 2px;}
.btn-group.connection_type label.first_label{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.btn-group.connection_type label.last_label{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.btn-group.connection_type label:hover{color: var(--dd-purple-dark);}
.btn-group.connection_type .btn-check:checked + .btn:hover{color: var(--dd-very-light-2);}
.btn-group.connection_type .btn-check:checked + .btn{background: linear-gradient(90deg, rgb(102, 75, 151) 0%, rgb(31, 30, 66) 100%);}
#tbl_order_connections .btn_order_connection_approve{/*width: fit-content !important;*/ height: auto;}

/*Order connection colors: color the whole row, the filter on the top-right corner and on hover*/
/*
.connection_connected{background-color: var(--dd-color-connection-connected);}
.connection_requests_to_me{background-color: var(--dd-color-connection-requests-to-me);}
.connection_my_request{background-color: var(--dd-color-connection-my-request);}

tr.connection_connected td{background-color: var(--dd-color-connection-connected);}
tr.connection_requests_to_me td{background-color: var(--dd-color-connection-requests-to-me);}
tr.connection_my_request td{background-color: var(--dd-color-connection-my-request);}

.btn-group.connection_type .btn-check:checked + .btn.connection_connected{background: var(--dd-color-connection-connected-checked);}
.btn-group.connection_type .btn-check:checked + .btn.connection_requests_to_me{background: var(--dd-color-connection-requests-to-me-checked);}
.btn-group.connection_type .btn-check:checked + .btn.connection_my_request{background: var(--dd-color-connection-my-request-checked);}
*/
/*Order connection colors: color only the "Waiting for approval" column in red*/
/*tr.connection_my_request td.connection_status{background: linear-gradient(90deg, #DA1818 0%, #ec6a6a 100%); color: white !important; text-align: center; border-radius: 20px; display: block; margin: 10% 10px; padding: 1px !important;}*/


/*DEAL FLOW REPORT*/
/*.deal_flow_data{border: solid 1px red !important; border-radius: var(--bs-border-radius) !important;}
.deal_flow_data_around_vanilla > div{border: solid 1px red !important; border-radius: var(--bs-border-radius) !important; padding: 4px;}*/
.deal_flow_data:after, .deal_flow_data_around_vanilla > div:after{content:"\A"; width:5px; height:5px; border-radius:50%; background: var(--dd_deal_flow_green_dot); display:inline-block; margin-left: 5px; position: absolute; }
.deal_flow_data.deal_flow_data_label:after{margin-left: 0px;}
label.deal_flow_data_label{float: right; top: 6px; position: relative; right: 14px;}


/*TASKS*/
#modal_add_edit_task .filter .vsb-main{width:200px !important; display: block;}
#modal_add_edit_task #div_task_select_account .bi-patch-question-fill{display: none !important;}
.input_color{width: 30px;}
/*COLOR A WHOLE ROW*/
/*
#tbl_tasks tr.critical{background-color: var(--dd-color-task-critical);}
#tbl_tasks tr.important{background-color: var(--dd-color-task-important);}
#tbl_tasks tr.high{background-color: var(--dd-color-task-high);}
#tbl_tasks tr.medium{background-color: var(--dd-color-task-medium);}
#tbl_tasks tr.low{background-color: var(--dd-color-task-low);}
*/
/*Make the tasks and the notes smaller*/
/*#tbl_tasks tr td.task span{max-width: 500px;}
#tbl_tasks tr td.notes span{max-width: 200px;}*/
#tbl_tasks tr td{vertical-align: top; padding-top: 18px;}
#tbl_tasks tr td.task span.collapse_text{max-width:500px;}
#tbl_tasks tr td.notes span.collapse_text{max-width:200px;}
#tbl_tasks tr td.priority span{margin-top:-10px;}
#tbl_tasks tr td span.collapse_text.active{width: 100%;}
/*Actions TD*/
#tbl_tasks tr td.actions a{margin-right: 10px;}
/*Priority - color the whole row*/
#tbl_tasks tr:hover td{box-shadow: none;}

#tbl_tasks tr.critical td, #tbl_tasks tr.critical input{background-color: var(--dd-color-task-critical) !important;}
#tbl_tasks tr.critical:hover, #tbl_tasks tr.critical:hover input{background-color: var(--dd-color-task-critical-hover) !important;}

#tbl_tasks tr.important td, #tbl_tasks tr.important input{background-color: var(--dd-color-task-important) !important;}
#tbl_tasks tr.important:hover td, #tbl_tasks tr.important:hover input{background-color: var(--dd-color-task-important-hover) !important;}

#tbl_tasks tr.high td, #tbl_tasks tr.high input{background-color: var(--dd-color-task-high) !important;}
#tbl_tasks tr.high:hover td, #tbl_tasks tr.high:hover input{background-color: var(--dd-color-task-high-hover) !important;}

#tbl_tasks tr.medium td, #tbl_tasks tr.medium input{background-color: var(--dd-color-task-medium) !important;}
#tbl_tasks tr.medium:hover td, #tbl_tasks tr.medium:hover input{background-color: var(--dd-color-task-medium-hover) !important;}

#tbl_tasks tr.low td, #tbl_tasks tr.low input{background-color: var(--dd-color-task-low) !important;}
#tbl_tasks tr.low:hover td, #tbl_tasks tr.low:hover input{background-color: var(--dd-color-task-low-hover) !important;}

#tbl_tasks tr.no td, #tbl_tasks tr.no input{background-color: var(--dd-color-task-no) !important;}
#tbl_tasks tr.no:hover td, #tbl_tasks tr.no:hover input{background-color: var(--dd-color-task-no-hover) !important;}

/*PRIORITY TD - LAST ONE ON THE RIGHT ON THE TASKS PAGE*/
/*
#tbl_tasks tr th.priority .th-inner{position: absolute; right:0px;}
#tbl_tasks tr td.priority{position: relative;}
#tbl_tasks tr td.priority span{display:none;}
#tbl_tasks tr td.priority ul.dropdown-menu.show{background-color: var(--dd-border-color); margin-top:-2px !important; margin-bottom:-2px !important;}
#tbl_tasks tr td.priority:hover span{display: block; position: absolute; right: 0px; top: 0px; height: 100% !important; width: 100px !important; }
#tbl_tasks tr td.priority:hover span button{height: 100% !important; width: 100% !important; border:none !important; color: black;}
#tbl_tasks tr td.priority{background-color: var(--dd-color-task-no);}
#tbl_tasks tr.critical td.priority{background-color: var(--dd-color-task-critical);}
#tbl_tasks tr.important td.priority{background-color: var(--dd-color-task-important);}
#tbl_tasks tr.high td.priority{background-color: var(--dd-color-task-high);}
#tbl_tasks tr.medium td.priority{background-color: var(--dd-color-task-medium);}
#tbl_tasks tr.low td.priority{background-color: var(--dd-color-task-low);}
#tbl_tasks > tbody > tr:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-no);}
#tbl_tasks > tbody > tr.critical:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-critical);}
#tbl_tasks > tbody > tr.important:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-important);}
#tbl_tasks > tbody > tr.high:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-high);}
#tbl_tasks > tbody > tr.medium:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-medium);}
#tbl_tasks > tbody > tr.low:hover td.priority{--bs-table-accent-bg: var(--dd-color-task-low);}
*/
#tbl_tasks > tbody > tr td.priority span{display: inline-block; width: 100%;}
#tbl_tasks > tbody > tr td.priority span button{width: 100%;}

#tbl_tasks td.subject a{max-width: 150px; display: inline-block; overflow: hidden;}
#tbl_tasks td.task span.collapse_text{white-space: preserve-breaks;}

/*Tasks on dashboard*/
#tbl_tasks td.task_dashboard span.collapse_text{white-space: nowrap; height: 24px;}
#tbl_tasks td.task_dashboard span.collapse_text.active{white-space: preserve-breaks; height: auto;}


/*Task widget*/
div.tasks_widget div{display: inline-block;}
.number_of_tasks{display: inline-table; text-align: center; width: 30px; height: 30px; line-height: 30px; padding: 0px; margin: 0 2px; border-radius: 50%; text-decoration: none; display: inline-block; color:black;}
.number_of_tasks.Critical{background-color: var(--dd-color-task-critical);}
.number_of_tasks.Important{background-color: var(--dd-color-task-important);}
.number_of_tasks.High{background-color: var(--dd-color-task-high);}
.number_of_tasks.Medium{background-color: var(--dd-color-task-medium);}
.number_of_tasks.Low{background-color: var(--dd-color-task-low);}
.number_of_tasks.no{background-color: var(--dd-color-task-no);}

/*COMPANIES AND CONTACTS - Tables that open to display extra details*/

/*Remove the small gap between rows that gets in the middle of a row and the details row*/
.dd-table-style-companies table{border: solid 0px transparent;}

/*GAP TO THE NEXT ROW WHEN CLOSED (EXTRA DETAILS NOT DISPLAYED)*/
/*.dd-table-style-companies{border-collapse: separate; border-spacing: 0px 10px;}*/

/*MAKES THE GAP BETWEEN THE ROWS ON TABLE THAT OPEN FOR EXTRA DETAILS*/
/*.dd-table-style-companies tr{border-bottom: solid 20px #F5F5F5;}*/
/*.dd-table-style-companies table tbody tr{position: relative;}
.dd-table-style-companies table tbody tr:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; box-shadow: 0px 10px 10px 1px gray; z-index: -1;}*/

.dd-table-style-companies tbody tr{height:60px;}

/*Spacer row*/
.dd-table-style-companies tr.spacer-row{height: 10px;}
.dd-table-style-companies tr.spacer-row td{background-color: transparent;}

/*Shadow*/
/*.dd-table-style-companies tbody tr:not(.spacer-row):not(.detail-open) {box-shadow: 15px 10px 0px 10px #e1e1e1;}*/
.dd-table-style-companies tbody tr:not(.spacer-row):not(.detail-open){position:relative;}
.dd-table-style-companies tbody tr:not(.spacer-row):not(.detail-open):after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05); z-index: -1;}

/*Round corners*/
.dd-table-style-companies tbody tr td:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.dd-table-style-companies tbody tr td:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

/*Hide the round corners on the top of the detail-view*/
.dd-table-style-companies tbody tr.detail-view td:first-child{border-top-left-radius: 0px;}
.dd-table-style-companies tbody tr.detail-view td:last-child{border-top-right-radius: 0px;}

/*Hide round tables on the opener row, when it's open*/
.dd-table-style-companies tbody tr.detail-open td:first-child{border-bottom-left-radius: 0px;}
.dd-table-style-companies tbody tr.detail-open td:last-child{border-bottom-right-radius: 0px;}

/*.dd-table-style-companies table{border-collapse: separate; border-spacing: 0px 10px;}*/
.dd-table-style-companies tr:has(> td a i.bi-dash){border-bottom: none;}/*Remove rhe gap under a row that opened a second (details) row*/
/*Open/close icons for detail view on the table*/
/*Had to add on the table the following line:*/
/*data-icons='{"detailOpen": "dd-open", "detailClose": "dd-close"}'*/
.dd-table-style-companies .bi-plus{content:url("../images/data_hide_all.png"); height: 18px;}
.dd-table-style-companies .bi-dash{content:url("../images/data_show_all.png"); height: 18px;}
.dd-table-style-companies tr td:first-child a i{padding: 0 10px !important; border-right: solid 1px var(--dd-border-color);}

/*Add a nice border on the TR by adding borders to the TDs - DOESN'T WORK AS IT GETS COVERED WITH THE TR BORDER THAT WE USE FOR THE GAP*/
/*
.dd-table-style-companies tr td{border-top: solid 1px var(--dd-border-color); border-bottom: solid 1px var(--dd-border-color);}
.dd-table-style-companies tr td:first-child{border-left: solid 1px var(--dd-border-color);}
.dd-table-style-companies tr td:last-child{border-right: solid 1px var(--dd-border-color);}
 */
/*When mouse over, BG color on the details TR and the opener TR when over the details TR*/
.dd-table-style-companies tbody > tr:hover + tr.detail-view{background-color: var(--dd-table_hover_color);} /*Color the next sibling - the TR with the details*/
.dd-table-style-companies tbody > tr:has(+ tr.detail-view:hover){background-color: var(--dd-table_hover_color);} /*When the mouse over the details TR, color the previous TR*/
/*detail-view*/
tr.detail-view td .row label{color: var(--dd-table-head);}
tr.detail-view td .row div.data{margin-bottom: 10px;}
/*card-view*/
.dd-table-style-companies .card{height: 100%; line-height: 26px; font-family: "Acumin Pro Wide Light"; font-weight: 300; font-size: 16px;}
.dd-table-style-companies .card .header{/*height: 150px;*/}
.dd-table-style-companies .card .row label{color: var(--dd-table-head); display: block; margin: 18px 0 4px 0 !important; height: 16px;}
.dd-table-style-companies .card .row.header label{margin-top: 0px !important;}
.dd-table-style-companies .card .image_thumb{max-width: 80px; max-height: 80px; border-radius: 10px; margin: 8px 0;}
.dd-table-style-companies .card .tasks_widget{display: inline-block;}
.dd-table-style-companies .card .connections_container{justify-content: left;}
.dd-table-style-companies .btn-dd{height: 20px; padding: 0 10px; margin-top: -6px;}
.dd-table-style-companies .btn-dd i{height: 20px; font-size: 20px;}
.dd-table-style-companies .card span.collapse_text.no_edit{max-width: none;}
#tbl_companies .last_round div{display: inline-block;}

/*ACCOUNTS PAGE*/
#tbl_accounts tr.detail-view .account_user{margin-bottom: 5px;}
#tbl_accounts tr.detail-view .account_user .details{display: block;}

#modal_add_edit_account{z-index: 1000000;}
#modal_add_edit_account .div_users .div_user:last-child{border-bottom: none !important; margin-bottom: 0px !important;}

.filter .my_auto_complete_wrapper .my_auto_complete{min-width: 150px;}
.filter .my_auto_complete_wrapper .my_auto_complete_values_wrapper{max-height: 300px; overflow-y: scroll;}
.filter .my_auto_complete_wrapper > span{background-color: transparent; border: none !important; color: var(--dd-table_head-sort) !important; text-decoration: underline; cursor: pointer;}
.filter .my_auto_complete_wrapper .my_auto_complete_values{border:none; color: var(--dd-table_head-sort) !important;}
.filter .my_auto_complete_wrapper .my_auto_complete_values_wrapper{background-color: #fff; background-clip: padding-box;}
.filter .my_auto_complete_wrapper .my_auto_complete_values_wrapper:has(*){border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 4px; padding: 4px 10px 3px 10px;}
.filter .my_auto_complete_wrapper .my_auto_complete_values:hover{background: linear-gradient(#f5f5f5, #e8e8e8);}


/*EMAILS CAMPAIGNS*/
#tbl_sent_emails tr{cursor: pointer;}
#tbl_sent_emails tr td.sent_emails_subject{max-width: 100px;}

/*EMAIL CAMPAIGN DETAILS*/
.sent_email .dd-white-container label{color: gray; margin-top: 30px;}
.sent_email .dd-white-container input{background-color: white;}
.sent_email .dd-white-container input:not(.buy, .sell){color: gray;}
.sent_email .dd-white-container .txt_body{background-color: white; color: gray;}
#sent_email span.collapse_text.no_edit{max-width: none;}
#sent_email .fixed-table-toolbar{display:none !important;}

#modal_email_response #email_content{height: 300px;}
#modal_email_response .tox.tox-tinymce{height: 300px !important;}

/*email_campaign_responses*/
#email_campaign_responses .fixed-table-toolbar{display:none !important;}

/*unsubscribed_emails*/
#unsubscribed_emails .fixed-table-toolbar{display:none !important;}

#settings main, #account_settings main, #import_orders main, #import_accounts main{font-family: "Acumin Pro Wide Light"; font-weight: 400;}
#settings .dd-card .card-title, #account_settings .dd-card .card-title, #import_orders .dd-card .card-title, #import_accounts .dd-card .card-title{font-family: "Acumin Pro Wide Light"; font-weight: 400;}
#settings .dd-card .card-subtitle, #account_settings .dd-card .card-subtitle, #import_orders .dd-card .card-subtitle, #import_accounts .dd-card .card-subtitle{font-family: "Acumin Pro Wide Light"; font-weight: 400;}
#settings .dd-card label, #account_settings .dd-card label, #import_orders .dd-card label, #import_accounts .dd-card label{font-family: "Acumin Pro Wide Light"; font-weight: 400;}
#settings main .nav-link, #account_settings main .nav-link, #import_orders main .nav-link, #import_accounts main .nav-link{border-bottom: none;}
#settings .card, #account_settings .card, #import_orders .card, #import_accounts .card{border-top:none;}
#settings .nav-tabs, #account_settings .nav-tabs, #import_orders .nav-tabs, #import_accounts .nav-tabs{border-bottom:none;}

#settings #accordion_personal_details .personal_details{border-top-left-radius: 0;}



#account_settings .between_users{margin: 80px 0;}

/*import_orders*/
#import_orders .fixed-table-toolbar{display:none !important;}

/*import_accounts*/
#import_accounts .fixed-table-toolbar{display:none !important;}

/*system_notifications*/
#system_notifications .fixed-table-toolbar{display:none !important;}


/*SIZES*/
/* MAX SIZE*/
body{font-size: 14px;}
.form-control{font-size:14px;}

.btn-group.connection_type label{font-size: 16px;}

.bootstrap-table tbody tr td{font-size: 16px;}
.bootstrap-table tbody tr td .vsb-main button span{font-size: 16px;}
.bootstrap-table tbody tr td .form-control{font-size: 16px;}

.dropdown-item{font-size: 14px;}

#modal_alert .modal-body{font-size: 16px;}
#modal_confirm .modal-body{font-size: 16px;}

.bi-patch-question-fill{font-size: 14px !important;}

.btn{font-size: 12px;}

.vsb-main button{background-color: transparent !important; }
.vsb-main button span{font-size: 14px;}
.vsb-js-search-zone input{font-size: 14px;}

.sidebar_menu h6{font-weight: 700; font-size: 12px;}
.pagination .page-link, .pagination-info, .page-list, .page-size{font-size:14px; color: black;}
.sidebar_menu .connections_my_requets{width: 16px; height: 16px; line-height: 16px; background-color: var(--dd-red); color:white; display:inline-block; text-align: center; width: 20px; height: 20px; padding: 0px; margin: 0 2px; border-radius: 50%; line-height: 20px;}

.bootstrap-table .fixed-table-toolbar{margin-bottom: 30px; margin-top: 20px;}

/*login page*/
.new_sub_task{font-size: smaller;}

/*DASHBOARD PAGE*/
#dashboard .fixed-table-toolbar{display:none !important;}
#dashboard .card-header a.header{font-family: "Cinzel"; font-size: 18px; text-transform: uppercase;}
#dashboard .dashboard_most_active_companies{line-height: 40px;}

/*HOME PAGE*/
.home h1{font-size: 30px; color: white; margin:20px 0px;}
.home .logo img{width: 260px;}

#settings main .nav-link, #account_settings main .nav-link, #import_orders main .nav-link, #import_accounts main .nav-link{font-size: 18px;}

/*SS50*/
.ss50 .companies .single_item_spacer{height: 110px; margin: 10px 5px; background-color: white; padding: 10px;}
.ss50 .companies .single_item_spacer div:first-child{border-right: solid 1px #E2E2E2;}
.ss50 .companies .single_item_spacer p{font-size: 14px; color: black;}
.ss50 .companies .single_item_spacer img{max-height: 90px !important; max-width: 90px !important;}
.ss50 .companies .clients-wrap{border: none;}

/*mobile_not_required*/
.mobile_not_required .main-container {display: flex; flex-direction: column;}
.mobile_not_required .content {flex: 1; display: flex; align-items: center; justify-content: center; text-align: center;}


/*--------------------------------------------------------------
# user_guide
--------------------------------------------------------------*/
.user_guide .guides{position: absolute; width: 100%; top: 500px; z-index: 100;}
.user_guide .video_header{color: var(--dd-purple); font-size: 36px; font-weight: 500;}
.user_guide .text{font-size: 18px; padding: 30px}
.user_guide .video_text{font-size: 18px; color: var(--dd-color-dark-gray)}
.user_guide .video_image img{width: 100%;}
.user_guide .videos a{text-decoration: none;}
.video-container {
    height: 60vh !important;
    position: relative;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* SCREENS UP TO 1800PX without scroll*/
@media only screen and (max-width: 1800px) {
    #tbl_tasks tr td.task span.collapse_text{max-width:350px;}
    #tbl_tasks tr td.notes span.collapse_text{max-width:150px;}
}

/* SCREENS UP TO 1400PX without scroll*/
@media only screen and (max-width: 1400px) {

    .movie_link span{text-decoration: underline; font-size: 12px; font-family: Roboto;}

    body{font-size: 12px;}

    .h1{font-size: 26px !important;}
    .h6{font-size: 13px; line-height: 16px;}

    .dropdown-item{font-size: 12px;}
    .dropdown a.dropdown-toggle{height: 18px;}

    .sidebar_menu hr.menu{margin: 5px 0;}
    .sidebar .nav-link{line-height: 22px; font-size: 12px;}
    .sidebar .menu_and_logo_container{margin-right: 15px;}
    .sidebar .menu_and_logo_container .logo{margin-right: 5px;}
    .sidebar .menu_and_logo_container .logo img{width: 100%;}
    .sidebar .nav-link.active{line-height: 20px;}
    .sidebar .new_button{margin: 10px 0; font-size:12px;}

    .form-control:not(.collapse_text):not(#sent_email .txt_body), .form .vsb-main button{font-size:12px !important; height: 22px; line-height: 12px !important;}
    .form-control.task{height: auto;}
    .form .vsb-main button .caret{margin-top: 4px !important;}
    .vsb-main button{line-height: 12px !important;}
    .toggle.btn{min-height: auto;}
    .toggle-group span{font-size:12px;}
    .btn{font-size: 12px;}
    .btn-group.connection_type label{font-size: 12px;}
    .btn_dd_round{font-size: 12px; height: 22px; line-height: 14px;}
    .btn_reset_filters{font-size: 12px;}
    .filter_label{font-size: 16px; font-weight: 500;}

    /*bootstrap-table*/
    .bootstrap-table tbody tr td{font-size: 12px;}
    .bootstrap-table tbody tr td .vsb-main button span{font-size: 12px;}
    .bootstrap-table tbody tr td .form-control{font-size: 12px;}
    .bootstrap-table .fixed-table-container .table thead th{font-size: 12px; font-weight: 400;}
    .bootstrap-table .fixed-table-container .table td{font-size: 12px;}
    .bootstrap-table .fixed-table-container .table thead th .sortable{padding-right: 15px !important;}
    .bootstrap-table .fixed-table-container .table thead th .both{font-size: 11px !important;}

    .bootstrap-table .pagination .page-item .page-link{width: 18px; height: 18px;}

    .orders .filter .vsb-main{}
    .vsb-main{font-size: 12px; padding: 1px; font-weight: 400; margin-right: 15px;}
    .vsb-main button span{font-size: 12px;}
    .vsb-main button span, .vsb-main .vsb-menu li{font-size: 12px;}

    .pagination .page-link, .pagination-info, .page-list, .page-size{font-size:12px;}

    /*HOME PAGE*/
    .home h1{font-size: 25px; color: white; margin:20px 0px;}
    .home .logo img{width: 170px;}

    #tbl_companies .last_round div, #tbl_wathclist .last_round div{display: block;}

    .deal_flow_date_updated{width: 100px;}

    .datepicker{width: 80px; padding-left: 0px; padding-right: 0px;}

    .lnk_company{display: inline-block; max-width: 70px; overflow: hidden;}
    .h1 .lnk_company{display: inline;}


    .widget_account_name > a{max-width: 80px; overflow: hidden;}

    .deal_flow_data.deal_flow_data_label:after{margin-left: 10px;}

    /*Make the tasks and the notes smaller*/
    /*#tbl_tasks tr td.task span, #tbl_tasks tr td.notes span{max-width: 250px;}*/
    #tbl_tasks tr td.task span.collapse_text{max-width:300px;}
    #tbl_tasks tr td.notes span.collapse_text{max-width:100px;}
    #tbl_tasks tr td.priority span{margin-top:-4px;}
    /*Tasks -> Actions TD*/
    #tbl_tasks tr td.actions{width: 70px;}


    /*Introductions & closed trades*/
    .introductions .vsb-main{margin-right:5px;}
    .introduction_time_datetime_picker, .closing_time_datetime_picker, .buyer_order_time_datetime_picker, .seller_order_time_datetime_picker{width: 75px !important;}
    .introductions .notes_cell span{max-width: 100px;}
    .introductions .widget_account_name a.dropdown-toggle{overflow: hidden;}


    .edit_icon img, .delete_icon img, .archive_icon img{width: 18px;}

    .connections_container span.text{margin-top: -3px;}

    #create_email a:not(.nav-link){font-size: 14px;}

    #modal_email_response #email_content{height: 250px;}

    .dd-table-style-companies .card{font-size: 14px;}

    .register .right_area ul{padding: 10px}
    .register .right_area h2{font-size: 18px;}
    .register .right_area li{font-size: 14px; line-height: 20px;}
}


/* SCREENS UP TO 1200PX might be with scroll*/
@media only screen and (max-width: 1200px) {

    body{font-size: 11px;}

    .h1{font-size: 24px !important;}
    .h6{font-size: 12px; line-height: 16px;}

    .dropdown-item{font-size: 11px;}
    .dropdown a.dropdown-toggle{height: 16px;}

    .sidebar_menu hr.menu{margin: 5px 0;}
    .sidebar .nav-link{line-height: 22px; font-size: 12px;}
    .sidebar .menu_and_logo_container{margin-right: 15px;}
    .sidebar .menu_and_logo_container .logo{margin-right: 5px;}
    .sidebar .menu_and_logo_container .logo img{width: 100%;}
    .sidebar .nav-link.active{line-height: 20px;}

    .sidebar .new_button{margin: 10px 0; font-size:11px;}

    .form-control{font-size:11px;}
    .toggle.btn{min-height: auto;}
    .toggle-group span{font-size:11px;}
    .btn{font-size: 11px;}
    .btn-group.connection_type label{font-size: 11px;}
    .btn_dd_round{font-size: 12px; height: 20px; line-height: 10px;}
    .btn_reset_filters{font-size: 11px;}
    .filter_label{font-size: 14px;}

    /*bootstrap-table*/
    .bootstrap-table tbody tr td{font-size: 12px;}
    .bootstrap-table tbody tr td .vsb-main button span{font-size: 12px;}
    .bootstrap-table tbody tr td .form-control{font-size: 12px;}

    .bootstrap-table .fixed-table-container .table thead th{font-size: 11px; font-weight: 400;}
    .bootstrap-table .fixed-table-container .table td{font-size: 12px;}
    .bootstrap-table .fixed-table-container .table thead th .sortable{padding-right: 15px !important;}
    .bootstrap-table .fixed-table-container .table thead th .both{font-size: 11px !important;}

    .orders .filter .vsb-main{}
    .vsb-main{font-size: 11px; padding: 1px; font-weight: 400; margin-right: 15px;}
    .vsb-main button span{font-size: 11px;}
    .vsb-main button span, .vsb-main .vsb-menu li{font-size: 11px;}

    .pagination .page-link, .pagination-info, .page-list, .page-size{font-size:11px;}

    .dd-table-style-companies .card .header{/*height: 200px;*/}

    .lnk_company{display: inline-block; max-width: 70px; overflow: hidden;}

    .deal_flow_data.deal_flow_data_label:after{margin-left: 10px;}

    /*HOME PAGE*/
    .home h1{font-size: 20px; color: white;}
    .home .logo img{width: 210px;}

    /*Make the tasks and the notes smaller*/
    #tbl_tasks tr td.task span.collapse_text{max-width:200px;}
    #tbl_tasks tr td.notes span.collapse_text{max-width:100px;}
    /*Tasks -> Actions TD*/
    #tbl_tasks tr td.actions{width: 70px;}


    /*Introductions & closed trades*/
    .introductions .notes_cell span{max-width: 100px;}

    .edit_icon img, .delete_icon img, .archive_icon img{width: 18px;}

    .connections_container span.text{margin-top: -4px;}

    #modal_email_response #email_content{height: 200px;}

    #tbl_deal_flow tr td{padding-right: 0px;}

    .register .right_area{padding: 10px;}
}


@media only screen and (max-width: 576px) {
    .fixed-table-toolbar{height: auto !important;}
}