@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

*{
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
}


body{
    background: #FBFBFD;
}
.navbar-top{
    background-color: #fff !important;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: none;
    width: calc(100% - 250px);
    left: auto;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.navbar-top.toggled{
    width: calc(100% - 48px);
}
.dashboard{
    background: #FBFBFD !important;
}
.profile-info .info .howdy,
.profile-info .info .user{
    color: #333 !important;
}
.profile-info .info .howdy{
    font-size: 12px;
}
.profile-info .info .user{
    font-size: 14px;
    font-weight: 700;
}
.navbar-top .navbar-top-left, .navbar-top{
    height: 72px !important;
}
.navbar-top .navbar-top-left .brand-logo{
    padding: 10px 25px 0 !important;
}
.navbar-left{
    top: 0 !important;
}
.content-container{
    top: 72px !important;
    height: calc(100vh - 72px);
    overflow-y: auto;
}
.layout-container{
    position: relative;
}
.navbar-left{
    box-shadow: none;
    background: #fff;
}
.navbar-left ul.menubar li.menu-item>a,
.navbar-left.open ul.menubar li.menu-item a .menu-label{
    color: #6f6f6f;
    font-weight: 400;
}
.content-container{
    background: #FBFBFD;
}
.navbar-left{
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    padding-top: 9px;
    box-shadow: 0 4px 16px rgba(46, 127, 226, 0.1);
}
.navbar-left .logo-close{
    width: 47px;
    height: 47px;
    object-fit: contain;
}
.navbar-left.open{ 
    padding: 9px 16px 0 16px; 
}
.navbar-left .logo{
    margin-bottom: 29px;
}
.navbar-left .logo-open,
.navbar-left.open .logo-close{
    display: none;
}
.navbar-left.open .logo-open,
.navbar-left .logo-close{
    display: block;
}
.navbar-left ul.menubar li.menu-item{
    margin: 4px 0 !important;
}
.navbar-left ul.menubar li.menu-item.active, .navbar-left ul.menubar li.menu-item:hover{
    box-shadow: none;
}
.navbar-left.open ul.menubar li.menu-item.active{
    background: rgba(46,127,226,0.2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.navbar-left ul.menubar li.menu-item a i{
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.navbar-left ul.menubar li.menu-item:hover a i{
    color: #fff;
    background: #3D5889;
}
.navbar-left.open ul.menubar li.menu-item.active a,
.navbar-left.open ul.menubar li.menu-item.active a .menu-label,
.navbar-left.open ul.menubar li.menu-item:hover a .menu-label,
.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a,
.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a span,
.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a,
.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,
.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{
    color: #3D5889 !important;
    font-weight: 400;
}
.navbar-left .menubar-bottom{
    background: none;     
    opacity: 1;       
}    
/*.navbar-left::after{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: -24px;
    top: 0;
    background: url(images/radius-corner.png);
}*/
.navbar-left.open{
    overflow-x: visible;
}

/* LABEL, INPUT, SELECT */
.field-container label, .form-group label{
    font-size: 14px;
    font-weight: 300;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select-box, .reportrange-text,
.table .form-group.datagrid-filters input,
.table .datagrid-filters .form-group .control {
    font-size: 16px;
}
.reportrange-text,
.custom-select .select-box,
.select2-container .select2-selection--single,
.table .form-group.datagrid-filters input,
.table .datagrid-filters .form-group .control {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border: 1px solid #dedede !important;
}
.reportrange-text:focus,
.custom-select .select-box:focus,
.select2-container .select2-selection--single:focus,
.table .form-group.datagrid-filters input:focus,
.table .datagrid-filters .form-group .control:focus{
    box-shadow: 0 4px 16px rgba(46,127,226,0.2);
}
.table .datagrid-filters.form-group .sidebar-filter .control{
    border: 1px solid #dedede !important;
}
.table .datagrid-filters.form-group .sidebar-filter .control:focus{
    border-color: #C4DBF9 !important;
}
/* LABEL, INPUT, SELECT END*/

/* CARD */
.card-custom,
.panel .panel-body{
    border-color: rgba(46,127,226,0);
    box-shadow: 0 4px 16px rgba(46,127,226,0.2);
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.drag-column{
    background: none;
    box-shadow: none;
    width: 320px;
}
.card-custom{
    padding: 16px;
}
h1,h2,
.card-custom .card-header{
    color: #202832;
}
.card-custom .card-header{
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    border-bottom: none;
}
/* CARD END */
.menubar li.menu-item .position-icon{
    top: 0;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.navbar-left.open ul.menubar li.menu-item a,
.navbar-left ul.menubar li.menu-item>a {
    padding-top: 11px;
    padding-bottom: 11px;
}
.menubar li.menu-item.active .position-icon {
    background: #3D5889;
    color: #fff;
}
.navbar-top .navbar-top-right .quick-create .button{
    background: #3D5889;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-top .navbar-top-right .quick-create .button .icon{
    margin-top: -3px;
    margin-right: 2px;
}
.navbar-top .navbar-top-right .quick-create .button:hover{
    background: #206BC8;
    box-shadow: 0 4px 16px rgba(46, 127, 226, 0.5);
}
.dropdown-list .dropdown-container ul li{
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.dropdown-list .dropdown-container ul li:hover{
    background: #3D5889;
}
.drag-container span div a{
    border-color: rgba(46, 127, 226, 0);
    background: rgba(46, 127, 226, 0.1);
    color: #3D5889;
    font-size: 16px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    box-shadow: none;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.drag-container span div a:hover{
    box-shadow: 0 2px 8px rgba(46, 127, 226, 0.3);
    background: #3D5889;
    color: #fff;
}
a,a:active, a:focus, a:hover, a:link, a:visited{
    color: #3D5889;
}
.btn{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.btn.btn-primary{
    background: #3D5889;
}
.btn.btn-primary:hover{
    background: #206BC8;
    opacity: 1;
}
.total_leads,
.switch-view-container,
.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-size: 15px;
}
.total_leads{
    padding-top: 9px;
    border: none;
    color: #3D5889;
}
.switch-view-container .icon-container{
    padding-top: 9px;
}
.switch-view-container .icon-container .icon{
    margin-top: -5px;
}
.settings-container .panel .setting-link-container .setting-link-item a{
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.settings-container .panel .setting-link-container .setting-link-item a:hover{
    background: rgba(46, 127, 226, 0.1);
}
.settings-container .panel .setting-link-container .setting-link-item a:hover .icon-container{
    background: none;
}
.form-group .control{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-size: 15px;
    border-color: #dedede;
}
.form-group .control:focus{
    box-shadow: 0 4px 16px rgba(46,127,226,0.2);
    border-color: rgba(46, 127, 226, 0.5);
}
.switch-view-container .icon-container,
.switch-view-container .icon-container:last-child{
    background: #C4DBF9;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #C4DBF9;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.switch-view-container .icon-container:hover,
.switch-view-container .icon-container:last-child:hover{
    background: #ACCDF6;
}
.switch-view-container .icon-container:nth-child(2){
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
}
.switch-view-container .icon-container:first-child{
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
}
.switch-view-container .icon-container.active{
    background: #3D5889;
    border-color: #3D5889;
}
.switch-view-container .icon-container.active:hover{
    background: #206BC8;
    border-color: #206BC8;
}
.form-group.has-error .control-error {
    font-size: 14px;
    margin-top: 0;
}
a.add-more-link{
    font-size: 15px;
}
.tabs ul li a{
    font-size: 16px;
}
.table table{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0 4px 16px rgba(46,127,226,0.2);
}
.table table tr:last-child{
    border-bottom: none;
}
.sidebar-filter header h1 .right label{
    font-size: 15px;
    color: #3D5889;
}
.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header{
    border: 1px solid #3D5889;
}
.select2-container{
    text-align: left;
}
.select2-container .select2-selection--single{
    height: 42px !important;
}
.content > .table .table-header{
    justify-content: space-between;
}
.content > .table .table-header .table-action{
    width: 360px;
}
#list-check{
    border: 1px solid #dedede;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.input-group-append.copy-button button{
    padding: 6px 14px;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
}
.pre.copy-input input{
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
}
.filter-right .dropdown-filters.per-page .form-group span.select2{
    display: none;
}
.switch-pipeline-container{
    margin-bottom: 16px;
}
.table{
    overflow-x: hidden;
    overflow-y: hidden;
}
.table .drag-container{
    overflow-x: auto;
    overflow-y: auto;
}
.drag-item{
    margin-bottom: 8px;
    box-shadow: none;
    border: none;
}
.drag-item .lead-block{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #efefef;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.drag-item .lead-block:hover{
    z-index: 99;
    box-shadow: 0 4px 22px rgba(46, 127, 226, 0.5);
}
.drag-item .lead-block .icons{
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.drag-item .lead-block:hover .icons{
    display: flex;
    opacity: 1;
    pointer-events: auto;
}
.drag-item .lead-block .icons a,
.drag-item .lead-block .icons i{
    width: 20px;
    height: 20px;
    margin-left: 5px;
    opacity: 0.8;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.drag-item .lead-block:hover .icons a:hover{
    opacity: 1;
}
ul.drag-inner-list, ul.drag-list{
    padding: 0 9px 0 16px;
}
.drag-column .drag-column-header{
    padding-left: 16px;
    padding-right: 16px;
}
.page-content.lead-view .lead-content-right .tabs-content{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.tabs ul {
    padding: 0 30px;
}
.activity-list .activities .activity-item:before{
    border-color: #3D5889;
}
.activity-list .activities .activity-item i,
.fw-bold.stage{
    color: #3D5889;
}
.activity-list .activities .activity-item{
    border: 1px solid #efefef;
    box-shadow: 0 1px 3px rgba(46, 127, 226, 0.3);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
.activity-list .activities .activity-item:hover{
    box-shadow: 0 4px 16px rgba(46, 127, 226, 0.3);
}
.stage_status{
    border-color: #3D5889;
    background: rgba(46, 127, 226, 0.3);
}
.activity-list .activities.done-activities .timeline-bar{
    border-color: rgba(46, 127, 226, 0.5);
}
.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{
    background: #fff;
}
.navbar-left.open ul.menubar li.menu-item:hover ul.sub-menubar{
    background: none;
}
.settings-container .panel .setting-link-container .setting-link-item{
    width: 33%;
}
.content.full-page.dashboard .card p{
    white-space: nowrap;
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.row.cards-group{
    flex-wrap: nowrap;
}
.cards-group .col{
    flex-grow: 1;
}
.cards-group .col .card{
    background: #fff !important;
    border: none;
    max-width: none;
    height: 140px;
    position: relative;
}
.cards-group .col .card p,
.cards-group .col .card h3{
    color: #6f6f6f;
    margin-bottom: 15px;
}
.cards-group .col .card h3{
    font-weight: 700;
}
.dashboard>h1{
    font-size: 32px;
    font-weight: 700;
}
.card{
    box-shadow: 0 4px 16px rgba(46,127,226,0.1);
}
.card .status{
    position: absolute;
    right: 16px;
    top: 25px;
    color: #26C8AD !important;
    width: auto !important;
    margin-bottom: 0 !important;
    font-weight: 700;
    display: none;
}
.card-title{
    width: 100%;
    position: relative;
    padding-left: 40px;
    overflow-y: hidden;
    height: 32px;
    padding-top: 6px;
}
.card-title span{
    margin-right: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.card p.progress{
    font-size: 14px;
    display: flex;
    align-items: center;
}
.card p.progress span{
    display: flex;
    align-items: center;
    margin-right: 24px;
}
.card p.progress span i{
    font-size: 12px;
    margin-left: 8px;
}
.card p.progress span i.fa-arrow-up{
    color: #0c0;
}
.card p.progress span i.fa-arrow-down{
    color: #c00;
}
.table table thead th{
    font-size: 13px;
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
}
.table table tbody tr td,
.table table tbody tr td a{
    font-size: 14px !important;
}
.content.full-page.dashboard .row.mt-2{
    margin-top: 1.3rem;
}
.tabs ul li a{
    font-size: 14px;
}
.pill .tabs ul{
    padding-left: 0;
}
.brand-logo{
    display: flex;
    justify-content: space-between;
}
.logo-close{
    display: none;
}
.select2-results__option {
    font-size: 14px;
    color: #555;
}
.drag-item .lead-block .icons{
    top: auto;
    right: 16px;
    bottom: 16px;
}
/* .navbar-left .menubar-bottom {
    background: none;
    opacity: 1;
    position: relative;
    width: 30px;
    padding-top: 15px;
} */
.drag-item .lead-block{
    border: none;
    box-shadow: 0 4px 16px rgba(46, 127, 226, 0.1);
    margin-bottom: 8px;
}
.content-container .content.full-page{
    height: 100vh;
}
.table .datagrid-filters{
    align-items: start;
}
.lead-block.rotten .lead-title::before {
    content: "Rotten";
    font-size: 11px;
    padding: 3px 5px;
    margin-right: 10px;
    background: #F97575;
    color: #fff;
    border-radius: 4px;
    margin-top: -2px;
    height: 16px;
    display: flex;
    align-items: center;
    min-width: 43px;
    justify-content: center;
}
.drag-item .lead-block .lead-title{
    display: flex;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.drag-item .lead-block .lead-title span{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.drag-item .lead-block.rotten{
    background: #fff;
}
.btn.btn-md{
    font-size: 15px;
    padding: 6px 14px;
}
table th.sales_person{
    width: 240px;
}
table th.title{
    width: 240px;
}
table th.lead_source_name{
    width: 110px;
}
table th.lead_value{
    width: 140px;
}
table th.person_name{
    width: 240px;
}
table th.rotten_lead{
    width: 110px;
}
table th.expected_close_date,
table th.created_at,
table th.assigned_date{
    width: 200px;
}
table th.actions{
    width: 100px;
}
.table-with-horizontal-scroll{
    width: 100%;
    overflow-x: auto;
}
.table table tbody tr{
    background: #fff !important;
}
.table-body table tbody td{
    vertical-align: top !important;
}
table tbody td .person-email,
table tbody td .person-phone{
    display: block;
    width: 100%;
    padding-left:20px;
    position: relative;
}
table tbody td .person-email::before,
table tbody td .person-phone::before{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
}
table tbody td .person-email::before{
    background: url(images/mail-fill.png) no-repeat center;
    background-size: 90% 90%;
}
table tbody td .person-phone::before{
    background: url(images/phone-fill.png) no-repeat center;
    background-size: 90% 90%;
}
table td span.no,
table td span.yes {
    padding: 1px 12px;
    background: #ccc;
    border-radius: 4px;
    color:#fff;
}
table td span.no{
    background: #26C8AD;
}
table td span.yes{
    background: #FB9288;
}
.w-one-third{
    width: 33.33%;
}
.w-two-third{
    width: 66.66%;
}
.w-25{
    width: 25%;
}
.w-100{
    width: 100%;
}
.p-0{
    padding: 0;
}
.pr-20{
    padding-right: 20px;
}
.chart-box canvas{
    width: 100% !important;
}
.card-custom .card-header{
    justify-content: space-between;
    align-items: center;
}
.card-header .btn.btn-primary.btfs-tooltip{
    margin-right: 10px;
    background: none;
    color: #555;
    padding-top: 0;
    padding-bottom: 0;
}
.btfs-tooltip{
    position: relative;
}
.btfs-tooltip span{
    position: absolute;
    left: 50%;
    bottom: 120%;
    font-size: 11px;
    background: #206BC8;
    color: #fff;
    white-space: nowrap;
    padding: 0 10px;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    opacity: 0;
    pointer-events: none;
}
.btfs-tooltip:hover span{
    opacity: 1;
}
.btfs-tooltip span::before{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #206BC8;
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    top: 100%;
    left: 50%;
}
.mb-0{
    margin-bottom: 0 !important;
}
.mb-2{
    margin-bottom: 8px !important;
}
div.dt-container .dt-search input{
    font-size: 16px;
}
.custom-attribute-view .attribute-value-row .value{
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    word-break: break-word;
}
hr{
    border-top: 1px solid #efefef;
}
.panel-body.custom-attribute-view div div:last-child hr {
    display: none;
}
.board-head{
    margin-bottom: 10px;
}
.drag-column .drag-column-header .board-head h2{
    margin-bottom: 0 !important;
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    overflow-y: hidden;
}
.board-head span{
    font-size: 13px;
}
.board-head span span{
    opacity: 0.5;
    display: inline-block;
    margin: 0 5px;
}
.drag-column .drag-column-header{
    padding-bottom: 0;
}
.drag-container span div a{
    margin-bottom: 20px;
}
.tree-item:not(:has(.tree-item)) .folder-icon {
    display: none;
}
.input-with-icon{
    width: 100%;
    position: relative;
}
.input-with-icon .icon-button{
    position: absolute;
    right: 16px;
    top: 31px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-bottom: 0;
    display: block;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}
/*
.drag-inner-list::-webkit-scrollbar {
    display: none;
  }

.drag-item .lead-block.rotten::before{
    content: "";
    width: 3px;
    height: 60px;
    background: #ffa0a6;
    position: absolute;
    left: -3px;
    top: 10px;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
} */
@media only screen and (max-width: 1366px){
    .switch-pipeline-container{
        margin-right: 0;
    }
    .table .datagrid-filters{
        align-items: end;
    }
    .table .form-group{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 768px){
    .settings-container .panel .setting-link-container .setting-link-item{
        width: 100%;
    }
    .w-50{
        width: 100%;
    }
    .content.full-page.dashboard h1 + div .col{
        width: 100% !important;
    }
}