@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family: 'Source Sans Pro', sans-serif;}

input[type=checkbox]{cursor: pointer;-webkit-appearance: none;appearance: none;background: #fff;border:1px solid #dadada;border-radius: 3px;box-sizing: border-box;position: relative;box-sizing: content-box ;width: 20px;height: 20px;transition: all .3s linear;color: var(--primary-color-active);}
input[type="checkbox"]:checked,input[type="checkbox"]:active{padding-top: 1px;}
input[type="checkbox"]:checked:after,input[type="checkbox"]:active:after{content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;padding-left:3px;}
input[type="checkbox"]:focus{border:1px solid var(--primary-color-active);outline: 0 none;box-shadow: none;}
input[type="checkbox"]:disabled{color:#999;}

.btn{border-radius:30px;padding:3px 15px;height:30px;}
.btn.disabled, .btn:disabled{background: #999999 !important;border-color: #999999 !important;}
.btn-medium{border-radius:30px;padding:6px 20px;height:35px;}
.btn-round{border-radius:30px;}
.btn-icon{border-radius: 50%;padding: 0;width:30px}
.btn-icon.btn-medium{width:35px;}
.btn-sm{padding: 5px;height: 25px;}

.btn-lg.btn-icon i{margin-top: 8px;}

.btn-primary{background-color:var(--primary-color-active);border-color:var(--primary-color-active);}
.btn-primary:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);}

.topbar .logo img{margin-left:30px;} 

.mask-money,.mask-percent{text-align:right;}

.row-hover-show td button.btn-hover-show{opacity:0;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.row-hover-show:hover td button.btn-hover-show{opacity:1;}

.collapse-effect i{font-family: 'Font Awesome 5 Free';font-weight: 900;}
.collapse-effect[aria-expanded="false"] i:before{content:"\f0da";}
.collapse-effect[aria-expanded="true"] i{color:var(--primary-color-active);}
.collapse-effect[aria-expanded="true"] i:before{content:"\f0d7";}

.permission-private:before {content: "\f084";}
.permission-public:before {content: "\f0ac";}

.dropdown-menu{z-index: 100000;}

.msg-error{display:none;}
.modal form{width:100%;}
.col-access-item{margin:0 auto;float: none;}
.row-access{align-items: center;justify-content: center;}
.logo-access{display:flex;margin:0 20px 60px 20px;position:relative;border-radius:50%;height: 130px;width: 130px;background-image: linear-gradient(110deg,#fff,#e8e9ea);cursor:pointer;}
.logo-access a{margin:auto;}
.logo-access img{max-height: 100%;max-width: 100%;border-radius: 50%;}
.logo-access .title{position:absolute;left:0;top:0;width:100%;height:100%;line-height: 130px;border-radius:50%;background:#39a5aa;color: #fff;font-weight: 900;opacity:0;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out;}
.logo-access .title span{display: inline-block;vertical-align: middle;line-height: normal;}
.logo-access.no-image:not(:hover) .title{background:#2c4b63;opacity:1;}
.logo-access .platform-go{position:absolute;left: 20px;top: 30px;width: 50px;height: 50px;font-size: 25px;color: #fff;opacity:0;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out;}
.logo-access .platform-dash{position:absolute;left: 60px;top: 30px;width: 50px;height: 50px;font-size: 25px;color: #fff;opacity:0;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out;}
.logo-access .platform-go:hover,.logo-access .platform-dash:hover{color:#2b3a4a;}
.logo-access:hover .title,.logo-access:hover .platform-go,.logo-access:hover .platform-dash{opacity:.9;}
.logo-access:after{content:' ';position:absolute;bottom: -50px;left: 50%;transform: translateX(-50%);background-image: url(../images/shadow.png);width: 100%;height: 40px;background-size: contain;background-position: center bottom;}
.card-actions{position:absolute;right:10px;top:10px;visibility:hidden;}
.card:hover .card-actions{visibility:visible;}
.directory-bg{background-image:none !important;}

.topbar .language{display: block;}
.topbar .language .nav-language .current-language{border: 1px solid #dcdcdc;border-radius: 5px;width: fit-content;padding: 10px}
.topbar .language .nav-language .current-language img{margin-right:3px;}
.topbar .language .nav-language .dropdown-menu{top:-3px !important;}
.topbar .language .nav-language .dropdown-menu .dropdown-item{/*text-align:center;*/}

.navbar-right{display:flex;align-items:center;}

.photo-upload{position:relative;}
.directory-card .photo-upload{top:60px;}
.directory-card .photo-upload img{top:0;width:150px;height:150px;}
.photo-upload .photo-edit{display:none;cursor:pointer;position: absolute;font-size: 25px;bottom: 30px;left:50%;transform: translateX(-40px);color:var(--primary-color-active);}
.photo-upload .photo-edit .dz-preview{display: none;}
.photo-upload .photo-remove{display:none;position: absolute;bottom: 30px;left:50%;transform: translateX(5px);}
.photo-upload:hover .photo-edit,.photo-upload:hover .photo-remove{display:block;}

.photo-profile{width:100px;}

.loading,.loading-msg{display:none;}
.menu-left .loading{width:40px;height:40px;}
.menu-left .loading-msg{margin-left:10px;}
.loading-msg.success{color:#1e7e34}
.loading-msg.error{color:#ec536c}
.loading-row td{text-align:center;}
.loading-row td img{width:100px;}
.loading-div{height:15px;text-align:center;}
.loading-div img{margin:auto;}

.b-red td{border-bottom-color:#dc3545!important;border-top-color:#dc3545!important;}
.b-red td:first-child{border-left-color:#dc3545!important;}
.b-red td:last-child{border-right-color:#dc3545!important;}
.b-blue td{border-bottom-color:#007bff!important;border-top-color:#007bff!important;}
.b-blue td:first-child{border-left-color:#007bff!important;}
.b-blue td:last-child{border-right-color:#007bff!important;}
.b-orange td{border-bottom-color:#ffa500!important;border-top-color:#ffa500!important;}
.b-orange td:first-child{border-left-color:#ffa500!important;}
.b-orange td:last-child{border-right-color:#ffa500!important;}

.btn-group-toggle .badge{padding: 10px 20px;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color:var(--primary-color-active);border-color:var(--primary-color-active);}
.btn-outline-secondary{border-color:#f5f5f5;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{background-color:var(--primary-color-active);border-color:var(--primary-color-active);}

.page-title-box .app-search .form-control, .page-title-box .app-search .form-control:focus{background:#fff;border:1px solid #747a81;}

.copied{display:none;position: fixed;right: 30px;bottom: 30px;z-index: 999999;padding: 10px;border-radius: 5px;background: #999;border: 1px solid #999;color: #eee;align-items:center;}
.copied i{font-size: 15px;margin-right:10px;}

a[data-toggle="collapse"] .fa:before {content: "\f139";}
a[data-toggle="collapse"].collapsed .fa:before {content: "\f13a";}
a[data-toggle="collapse"] .fas:before {content: "\f107";}
a[data-toggle="collapse"].collapsed .fas:before {content: "\f106";}

/*
* Color picker
*/
.color-picker{position:relative;}
.color-picker .color-view{position: absolute;left: 5px;top: 31px;width: 40px;height: 40px;border-radius: 5px;}
.color-picker input[type=text]{padding-left:50px !important;}
.color-picker input[type=text] ~ label{left:50px !important;}

.accordion-header{display: flex;align-items: flex-start;}
.accordion-header a[data-toggle="collapse"]{padding: 10px 15px;font-size: 1.2rem;border-radius: 5px;margin-right: 5px;}
.accordion-header a[data-toggle="collapse"]:hover{background: #eeeeee;}
.accordion-header .buttons{margin-left:5px;}
a[data-toggle="collapse"] .fa:before {content: "\f139";}
a[data-toggle="collapse"].collapsed .fa:before {content: "\f13a";}
a[data-toggle="collapse"] .fas:before {content: "\f107";}
a[data-toggle="collapse"].collapsed .fas:before {content: "\f106";}

/* Auto search box */
.search-box-auto{position:relative;}
.search-box-auto input{background:#dcdcdc;}
.search-box-auto:after{content:"\f002";font-family: "Font Awesome 5 Free";font-weight: 900;position:absolute;top:10px;right:10px;font-size: 15px;font-weight: 900;color:#999999;}

/* Dropdown list */
.dropdown-list-cont{height: 250px;padding:0;width: 100%;}
.dropdown-list-items{width: 100%;}
.dropdown-list-items li{padding: 5px 0;cursor:pointer;display: flex;align-items: center;}
.dropdown-list-items li:hover{background:#dcdcdc;}
.dropdown-list-items li:not(:last-child){border-bottom:1px solid #dcdcdc;}
.dropdown-list-items li img{max-width: 40px;margin-right: 10px;float: left;width: auto;height: auto;}
.dropdown-list-items li div{flex-grow:2;}
.dropdown-list-items li span{font-size: 0.9rem;word-break: break-all;padding: 5px;}

.table-min-height{min-height:500px}
.table-edit,
.table-edit input{cursor:pointer;}
.table-edit input:hover,
.table-edit input:focus{background:#f5f5f5;}
.table-edit col:hover,
.table-edit col input:hover{filter: opacity(.7);}
.table-p0 td{padding:0 !important;}
.w-col-date{min-width:130px;max-width:130px;width:130px;text-align:center;}
.w-col-user{min-width:100px;max-width:100px;width:100px;text-align:center;}
.w-col-node{min-width:150px;max-width:150px;width:150px;text-align:center;}
.col-crud{width: 40px;}
.col-crud .buttons{margin: 0;display: flex;align-items: center;justify-content: center;}
.tbl-col-data img{width:35px;height:35px;}
.col-country img{width:20px;height:auto;margin-right:5px;}
.tbl-col-data .dropdown-menu{width:300px;}
.tbl-col-data{position:relative;min-width:150px;max-width:150px;width:150px;}
.tbl-col-data .btn-dropdown{cursor:pointer;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#fff;color:#3c3c3b;text-align:center;font-size:12px;display: flex;align-items: center;justify-content: center;}
.tbl-col-data .btn-dropdown span{color:#3c3c3b;}
.tbl-col-data .dropdown-cont{display: flex;flex-direction: column;align-items: center;cursor: default;padding: 5px;}
.tbl-col-name{min-width:200px;}
.tbl-col-user img{width:35px;height:35px;}
.tbl-col-user .dropdown-menu{width:300px;}
.tbl-col-new{position:relative;}
.tbl-col-new input[type=text].empty ~ button{display:none;}
.tbl-col-new button{position:absolute;right:0;top:3px;}
.tbl-col-node,.tbl-col-select{position:relative;min-width:150px;max-width:150px;width:150px;}
.tbl-col-node .btn-dropdown,.tbl-col-select .btn-dropdown{cursor:pointer;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#b0b0b0;color:#fff;text-align:center;font-size:12px;display: flex;align-items: center;justify-content: center;}
.tbl-col-node .dropdown-cont,.tbl-col-select .dropdown-cont{display: flex;flex-direction: column;align-items: center;cursor: default;padding: 5px;}
.tbl-col-node .node-items{margin-bottom: 10px;width: 300px;max-height:200px;overflow:auto;border-bottom: 1px solid #e1e1e1;display: flex;flex-wrap: wrap;}
.tbl-col-node .node-items .node-it{cursor:pointer;height:30px;line-height: 30px;background: #b0b0b0;width: calc(50% - 10px);margin:5px;border-radius:3px;color:#fff;text-align:center;}
.tbl-col-node .node-items.alter .node-it{display: flex;}
.tbl-col-node .node-items.alter .node-it .dropdown-node-color{width:20px;height: 31px;cursor:pointer;background: #b0b0b0;border-radius:.2rem 0 0 .2rem;border:none;}
.tbl-col-node .node-items.alter .node-it input[type=text]{border-radius:0 .2rem .2rem 0;cursor: auto;}
.tbl-col-node .node-items.alter .colors-select{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;background: #dcdcdc;padding: 10px;margin-bottom: 10px;}
.tbl-col-node .node-items.alter .colors-select .status-change-color-icon{width: 20px;height: 20px;border-radius: 50%;margin: 2px;cursor: pointer;border:1px solid transparent;}
.tbl-col-node .node-items.alter .colors-select .status-change-color-icon:hover{border-color:#fff;}
.tbl-col-node .actions{width: 100%;display: flex;justify-content: space-evenly;}
.tbl-col-node .btn-sm{padding: 3px 15px;}
.table-edit input[type=text],
.table-edit input[type=number],
.table-edit input[type=date]{cursor:pointer;border-color:transparent;}
.table-edit input[type=date].empty{color:#fff;}
.table-edit input[type=date].empty::-webkit-calendar-picker-indicator{opacity:0;}
.table-edit input[type=date]::-webkit-calendar-picker-indicator{margin-left:0;}
.table-edit input[type=text]:hover,
.table-edit input[type=text]:focus,
.table-edit input[type=number]:hover,
.table-edit input[type=number]:focus,
.table-edit input[type=date]:hover,
.table-edit input[type=date]:focus{border-color: #3eb7ba;}
.table-edit input[type=date].empty:hover,
.table-edit input[type=date].empty:focus{color:#000;}
.table-edit input[type=date].empty:hover::-webkit-calendar-picker-indicator,
.table-edit input[type=date].empty:focus::-webkit-calendar-picker-indicator{opacity:1;}
.w-col-node,
.w-col-date,
.w-col-code,
.w-col-real,
.w-col-label,
.w-col-checkbox{min-width:150px;max-width:150px;width:150px;text-align:center;}
.w-col-node-160{min-width:160px;max-width:160px;width:160px;text-align:center;}
.w-col-node-150{min-width:150px;max-width:150px;width:150px;text-align:center;}
.w-col-node-140{min-width:140px;max-width:140px;width:140px;text-align:center;}
.w-col-node-130{min-width:130px;max-width:130px;width:130px;text-align:center;}
.w-col-node-120{min-width:120px;max-width:120px;width:120px;text-align:center;}
.w-col-node-110{min-width:110px;max-width:110px;width:110px;text-align:center;}
.w-col-node-100{min-width:100px;max-width:100px;width:100px;text-align:center;}
.w-col-node-90{min-width:90px;max-width:90px;width:90px;text-align:center;}
.w-col-node-80{min-width:80px;max-width:80px;width:80px;text-align:center;}
.w-col-node-70{min-width:70px;max-width:70px;width:70px;text-align:center;}
.w-col-node-60{min-width:60px;max-width:60px;width:60px;text-align:center;}
.w-col-node-50{min-width:50px;max-width:50px;width:50px;text-align:center;}
.w-col-country,
.w-col-currency{min-width:80px;max-width:80px;width:80px;}

.col-color span{width: 30px;height: 30px;display: block;border-radius: 5px;}

.dropdown-reg{margin:0;width: 300px;}
.dropdown-reg .dropdown-item{padding: 5px 0;font-size: 13px;width: 100%; text-align: center; color: #FFF; background: #555;color:#fff;text-align:center;font-size:12px;}
 
.select2{border-radius: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:2px;border-radius: 5px;border:none;}
.select2-container--default .select2-selection--multiple{padding:2px;border-radius: 5px;border:1px solid #ced4da;}
.select2-container .select2-selection--single{border: 1px solid #ced4da !important;height: 38px !important;}
.select2-container .select2-selection--single .select2-selection__arrow{height: 34px;width: 34px;right: 3px;}
.select2-container .select2-selection--single .select2-selection__rendered{line-height: 36px;padding-left: 12px;}

.select2-tags{height:80px;}
.select2-display-none {display: none;}
.select2-container-multi .select2-choices, .bootstrap-tagsinput {height: 35px; width: 100%; border-radius: 5px; background: #FFF;}
.select2-container-multi .select2-choices .select2-search-choice {width: auto !important; padding: 5px 12px 5px 10px; background: #ae9bc6; border: none;}
.select2-container-multi .select2-choices .select2-search-choice div {text-transform: uppercase; color: #FFF; font-size: 13px; line-height: 21px}
.select2-container-multi .select2-choices li {width: auto !important; float: left;}
.select2-container-multi .select2-search-choice-close, .bootstrap-tagsinput .tag [data-role="remove"] {background: none !important; border-bottom: none !important; display: table !important; padding: 12px 0 !important; width: 95% !important; cursor: pointer;}
.select2-container-multi .select2-choices .select2-search-choice div:before, .bootstrap-tagsinput .tag [data-role="remove"]:before {content: "\f00d"; font-family: "Font Awesome 5 Free"; color: #FFF; opacity: 0.5; margin-right: 7px; float: left;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 3px 8px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--primary-color-active);}
.select2-selection__choice{background: var(--primary-color-bg) !important;border: 1px solid var(--primary-color-active) !important;font-size: 0.9em !important;color: var(--primary-color-active) !important;}

/*
 * Bootstrap 5 columns
 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xg-5ths {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-5ths {width: 20%;max-width: 20%;float: left;}
@media (min-width: 768px) {.col-md-5ths {width: 20%;max-width: 20%;float: left;}}
@media (min-width: 992px) {.col-lg-5ths {width: 20%;max-width: 20%;float: left;}}
@media (min-width: 1400px) {.col-xg-5ths {width: 20%;max-width: 20%;float: left;}}

.bg-grey{background-color: #999;}

.input-group-addon .icon{font-size:20px;}
.btn-link.active {background-color: #e2e6ea;}

.font13rem{font-size:1.3rem;}
.font2rem{font-size:2rem;line-height: 40px;}
.font25rem{font-size:2.5rem;line-height: 45px;}
.font-40{font-size:40px;line-height: 45px;}
.pt-80px{padding-top:80px !important;}
.pt-30px{padding-top:30px !important;}
.pb-30px{padding-bottom:30px !important;}

.card-border{border: 1px solid rgba(0,0,0,.125) !important;}

.field-inline{display:flex;margin-left:10px;}
.field-inline label{margin:4px 5px 0 0;}
.field-inline span{margin:4px 0 0 0;height: 24px;vertical-align: middle;line-height: 24px;}

.topbar .topbar-left{background:var(--primary-color-active);display: block;}
.side-menu{background:var(--primary-color-active);}
#sidebar-menu>ul>li>a{background:var(--primary-color-active);color: #fff!important;}
#sidebar-menu>ul>li>a.active{background:var(--primary-color-active);color: #2b3a4a!important;}
.menu-title{color: #fff!important;}
.submenu li a{color:#fff;}
.submenu li a:hover{background-color:var(--primary-color-hover);}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:active, .enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:focus, .enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:hover{background-color:var(--primary-color-hover);color:#fff!important;}
.enlarged #wrapper #sidebar-menu ul ul{background-color:var(--primary-color-hover);color:#fff!important;}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>a{background-color:var(--primary-color-hover);color:#fff!important;}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul a:hover{background-color:var(--primary-color-active);color:#fff!important;}

.max-width-vw{max-width: calc(100vw - 330px);}
.enlarged .max-width-vw{max-width: calc(100vw - 160px);}

.topbar-left .button-menu-mobile{background: transparent;color: #fff;}

.content-page-access footer{display:none;}
.access-block{margin: 10em;}
.access-block h4{color:#fff;}
.access-block .access-title{line-height: 40px;font-size:3.4em;font-weight:200;color: var(--primary-color-active) !important;margin-bottom: 50px;}
.access-block .access-items{display:flex;flex-wrap: wrap;}
.access-block .access-items .access-it{border: 2px solid rgba(255,255,255,.3);border-radius: 3px;margin: 0 20px 20px 0;padding:10px;}
.access-block .access-items .access-it:hover{border-color:var(--primary-color-active);}
.access-block-dash{display:none;}
.access-block-dash .project-items{display: flex;flex-direction: column;}
.access-block-dash .project-items .project-it{display: flex;align-items: center;padding: 10px 5px;border-top: 2px solid #fff;}
.access-block-dash .project-items .project-it .project-name{color: #fff;font-size: 16px;font-weight: 700;flex-grow: 1;}
.access-block-dash .project-items .project-it .project-link{color: #fff;font-weight: 400;font-size: 16px;text-decoration: underline;}
.access-block-dash .project-items .project-it .project-link:not(:first-child){margin-left:30px;}
.access-block-dash .project-items .project-it .project-link i{color: var(--primary-color-active);font-size: 16px;}
.access-block-dash .project-items-footer{margin-top:30px;}
.access-block-dash .project-items-footer .btn{font-weight: 700;border: 1px solid #fff;color: #fff;}
.access-block-dash .project-items-footer .btn:hover{color:var(--primary-color-active);border-color:var(--primary-color-active);}

.content-bg{display: flex;min-height: calc(100vh - 70px);background-image:url('../images/bg2.png');background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom:0 !important;}

.access-content{position:relative;display:none;}
.access-content h4{font-family:'Source Sans Pro', sans-serif;}
.access-content p{font-family:'Source Sans Pro', sans-serif;}

.text-pattern{color:var(--primary-color-active) !important;}

.box-shadow-not{-webkit-box-shadow: none;box-shadow: none;}
.card-border{border:1px solid rgba(0,0,0,.125) !important;}

.nav-lg{padding:0 5px !important;}
.nav-lg.active img{border: 3px solid var(--primary-color-active);width: 35px;}
.nav-lg img{width:30px;}
.nav-lg:hover img{-webkit-filter: grayscale(1);filter: grayscale(1);}

.it-account h6{color:var(--primary-color-active);font-weight:900;}
.it-account h6 a{color:var(--primary-color-active);}

.group-check{display: flex;align-items: center;}
.group-check input{margin-right:5px;}

.thead-fixed{overflow-y: auto;overflow-x: visible;}
.thead-fixed thead.fix{position: fixed;top: 70px;z-index: 999999;}
.thead-fixed thead th {position: sticky;top: 0;z-index: 1;}
.thead-fixed thead th:hover{background:#17a2b8;border-color:#17a2b8;}

/* Auto search box */
.search-box-auto{position:relative;}
.search-box-auto input{background:#dcdcdc;}
.search-box-auto:after{content:"\f002";font-family: "Font Awesome 5 Free";font-weight: 900;position:absolute;top:5px;right:10px;font-size: 15px;font-weight: 900;color:#999999;}

/* Dropdown list */
.dropdown-list-items{overflow: auto;height: 250px;padding:0;}
.dropdown-list-items li{padding: 5px 0;cursor:pointer;display: flex;align-items: center;}
.dropdown-list-items li:hover{background:#3eb7ba;}
.dropdown-list-items li:not(:last-child){border-bottom:1px solid #dcdcdc;}
.dropdown-list-items li img{max-width: 40px;margin-right: 10px;}
.dropdown-list-items li div{flex-grow:2;}
.dropdown-list-items li span{font-size: 0.9rem;word-break: break-all;}

/* Drag and drop LIB */
th[draggable] {cursor: move;}
th[draggable] a:hover,
th[draggable] a {display: block; text-decoration: none; color: #333333;}
.drag {background-color: rgba(0, 0, 0, 0.25); opacity: 0.25}
.dnd-drag {opacity: 0.25}
.over {background-color: var(--primary-color-active);opacity: 0.35;}

.tbln .txt-group-name{cursor:pointer;border-color:transparent;font-size: 1.5rem;margin-bottom: .75rem;}
.tbln .txt-group-name:hover{border: 1px solid #ced4da;}

.ads {position:relative;background: #fff;min-height: calc(100vh - 270px);margin-bottom: 40px;}
.ads .filter{display:inline-block;}
.ads .filter a{color:#000;}
.ads .filter a i{font-size:10px;}
.ads .filter .dropdown-toggle{margin-left:4px;color: #fff;}
.ads .filter .dropdown-menu{width:280px;max-height:360px;overflow-y: auto;margin-top: 12px;}
.ads #tbl-report{width: 100%;margin: 0;padding: 0;color:#000;}
.ads #tbl-report thead{background: #fff;border-bottom:1px solid #f2f2f2;}
.ads #tbl-report thead th{padding:10px 5px;font-weight:900;font-size:12px;cursor: move;}
.ads .head-all{display:none;background: #999;padding: 5px 0 5px 20px;color:#fff;}
.ads .head-all span{margin-right:10px;font-size:22px;}
.ads #tbl-report tbody tr{border-bottom:1px solid #f2f2f2;}
/* .ads #tbl-report tbody tr:nth-of-type(2n) {background: #f2f2f2;} */
.ads #tbl-report tbody tr td{padding:0 5px;font-size:12px;}
.ads table tbody tr td{min-width:80px;}
.ads .it-ad:hover{background: #dcdcdc;}
.ads .it-ad:hover input,
.ads .it-ad:hover .col-node .btn-dropdown,
.ads .it-ad:hover .col-node .dropdown{background: #dcdcdc;}
.ads .ads-footer{text-align:right;height: calc(100vh - 70px);background: #212529;color: #fff;padding: 0 15px;position: fixed;bottom:100vh;width: 100%;max-width: 500px;right: 0;z-index: 100;box-shadow: -5px 10px 40px rgba(100,100,100,.7);}
/* .enlarged #wrapper .ads .ads-footer{left:100px;width: calc(100% - 145px);} */
.ads .ads-footer table td, .ads .ads-footer table th{padding: .3rem;}
.ads .ads-footer table th{font-weight:900;}
.ads .ads-footer label{height:40px;padding: 10px 5px;margin-bottom: 0;}
.ads .btn-totals.open{position: fixed;bottom: 40px;right: 40px;font-size: 20px;padding: 10px;line-height: 30px;height: 50px;width: 50px;}
.ads .btn-totals.close{position: absolute;top: 10px;left: 10px;font-size: 20px;padding: 10px;line-height: 30px;height: 50px;width: 50px;}
.ads .right{text-align:right;}
.ads .center{text-align:center;}
.ads .col-status{width:20px;color:#58db83;}
.ads .col-status .inactive{color:#dcdcdc;}
/* .ads .col-country{width:50px;} */
.ads .col-items{float:left;font-size:19px;padding: 7px 5px !important;}
.ads .col-icon{min-width:40px;}
.ads .col-name{min-width:250px;}
.ads .col-company{min-width:110px;}
.ads .col-advertiser{min-width:130px;}
.ads .col-source{min-width:90px;}
.ads .col-message{min-width:70px;width:70px;max-width:60px;}
.ads .col-suspended{min-width:70px;width:80px;max-width:80px;}
/* .ads .col-channel{width:90px;display:none;} */
.ads .col-views,.ads .col-sales{width:90px;}
.ads .col-clicks,.ads .col-conversionrate{width:40px;}
.ads .col-leads{width:80px;}
.ads .col-raterejected{width:100px;}
.ads .col-commission-total,.ads .col-commission-rejected,.ads .col-commission-approved{width:120px;}
.ads .col-cost,.ads .col-commission-final{width:100px;}
.ads .col-alter{padding:0;cursor:pointer;}
.ads .col-alter input{color:#000;}
.ads .col-country{min-width:70px;width:70px;}
.ads .col-curreny{min-width:60px;width:60px;}
.ads .col-percent{min-width:100px;width:100px;}
.ads .col-amount{min-width:120px;width:120px;}
.ads .col-ids{min-width:100px;width:100px;}
.ads .col-monitoring{min-width:160px;width:160px;}
.ads .col-monitoring img{width:30px;height:30px;}
.ads .col-crud{width:50px;text-align: center;}
.ads .right input{text-align:right;}
.ads .center input{text-align:center;}
.ads .mask-money{padding:0;}
.ads input[type=text],
.ads input[type=number],
.ads input[type=date]{cursor:pointer;border-color:transparent;padding:0;}
.ads input[type=date].empty{color:#fff;}
.ads input[type=date].empty::-webkit-calendar-picker-indicator{opacity:0;}
.ads input[type=date]::-webkit-calendar-picker-indicator{margin-left:0;}
.ads input[type=text]:hover,
.ads input[type=text]:focus,
.ads input[type=number]:hover,
.ads input[type=number]:focus,
.ads input[type=date]:hover,
.ads input[type=date]:focus{border-color: #3eb7ba;}
.ads input[type=date].empty:hover,
.ads input[type=date].empty:focus{color:#000;}
.ads input[type=date].empty:hover::-webkit-calendar-picker-indicator,
.ads input[type=date].empty:focus::-webkit-calendar-picker-indicator{opacity:1;}
.ads .col-node{position:relative;min-width:100px;max-width:100px;}
.ads .col-node .btn-dropdown,
.ads .col-node .dropdown{cursor:pointer;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#fff;color:#000;text-align:center;font-size:12px;display: flex;align-items: center;justify-content: center;}
.ads .col-node .btn-dropdown span{overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 2px;}
.ads .col-actions{display:flex;align-items:center;justify-content:space-between;}
.ads .col-actions input[type=checkbox]{width: 15px;height: 15px;border: 1px solid #999;font-size: 11px;padding: 0;}
.ads .view-message{padding: 0;width: 30px;}
.ads .commission-set,
.ads .commission-set input{background: #ffe0b5 !important;}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after{border-left-color:#ffe0b5;}
.popover-header{display:none;}
.popover-body{background:#ffe0b5;border:1px solid #ffe0b5;color:#000;text-align:center;}

.ads.groupby-channel .col-channel{display:table-cell;}
.ads.groupby-channel .col-views{display:none;}

#graphic{width:100%;}
#graphic svg{width:100%;}

#legend{margin: 20px 20px 10px 20px;display: -webkit-inline-box;border: 1px solid #dcdcdc;border-radius: 5px;padding: 10px;}
#legend .mbox {display: inline-block;padding-left: 4px;margin-right:10px;height: fit-content;}
#legend .mbox .color{width:15px;height:15px;display:block;float:left;margin-top: 2px;}
#legend .mbox label{margin-left: 5px;}

.ads #tbl-report{width: 100%;margin: 0;padding: 0;color:#000;}
.ads #tbl-report thead{background: #fff;border-bottom:1px solid #f2f2f2;}
.ads #tbl-report thead td{padding:10px 5px;font-weight:900;}
.ads .head-all{display:none;background: #999;padding: 5px 0 5px 20px;color:#fff;}
.ads .head-all span{margin-right:10px;font-size:22px;}
.ads #tbl-report tbody tr{border-bottom:1px solid #f2f2f2;}
/* .ads #tbl-report tbody tr:nth-of-type(2n) {background: #f2f2f2;} */

.programmes table tbody tr td{padding:5px;font-size:14px;}
.programmes .right{text-align:right;}
.programmes .center{text-align:center;}
.programmes .col-status{width:20px;text-align:center;}
.programmes .col-status .active{color:#58db83;}
.programmes .col-status .inactive{color:var(--primary-color-active);}
.programmes .col-relationship{width:20px;text-align:center;}
.programmes .col-relationship .joined{color:#58db83;}
.programmes .col-relationship .notjoined{color:var(--primary-color-active);}
.programmes .col-actions{width:120px;}

.stats .amount-view,.stats .graph{position: relative;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.05), 0 0 10px 0 rgba(0,0,0,.02);box-shadow: 0 0 4px 0 rgba(0,0,0,.05), 0 0 10px 0 rgba(0,0,0,.02);border: 1px solid #ececec;padding: 20px;}
.stats .amount-view{padding: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.stats .amount-view p{color: #000;font-size: 1rem;text-align: center;margin-bottom: 0;margin-top: 10px;}
.stats .amount-view h1{color: var(--primary-color-active);text-align: center;margin:0 0 10px;}
.stats .amount-view .body{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content:center;flex-grow:1;}
.stats .amount-view .projection{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content:center;background:#fafafa;padding: 5px 0;}
.stats .amount-view .projection span{margin:0 5px;}
.stats .amount-view .projection span.text{text-align: right;line-height: 13px;text-transform: uppercase;font-size: 0.8em;color:#92969b;}
.stats .amount-view .projection span.value{color: #000;font-size: 1.5rem;}
.stats .amount-view-sm{-webkit-box-shadow:none;box-shadow:none;border:none;}
.stats [class*="col-"]:not(:last-child) .amount-view-sm{border-right: 1px solid #ececec;}
.stats .amount-view.amount-view-sm h1{font-size:0.8rem;margin:0;}
.stats .amount-view.amount-view-sm p{margin:0;font-size: 0.8rem;line-height: 15px;}
.stats .amount-group{background:#fafafa;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.05), 0 0 10px 0 rgba(0,0,0,.02);box-shadow: 0 0 4px 0 rgba(0,0,0,.05), 0 0 10px 0 rgba(0,0,0,.02);border: 1px solid #ececec;padding: 00;display: flow-root;}
.stats .amount-group .amount-view{width: calc(50% - 10px);float: left;margin: 5px;background: #fff;}
.stats .amount-group .amount-view p{font-size:1em;}
.stats .amount-group .amount-view h1{font-size:1.3rem;}
.stats .header-title{color:#000;font-size:1.308em;}
.stats .graph .amount{position: absolute;right: 20px;top: 20px;border: 1px solid #ececec;padding: 5px 10px;border-radius: 4px;}
.stats .graph .amount.inline{position: inherit;right: 0;top: 0;display:flex;justify-content: center;}
.stats .graph .amount h1{color: var(--primary-color-active);font-weight: 900;font-size: 1.2rem;float: left;margin: 0 5px 0 0;}
.stats .graph .amount span{float: left;margin-top: 1px;}
.stats .graph-header{position:relative;display: block;margin-bottom: 30px;}
.stats .graph-header .date-range{position:absolute;right: 0;top: -5px;width: -webkit-fill-available;}
.stats .graph svg{height:100%;width:100%;}
.stats .btn-group .btn{padding:3px 5px;}

svg .rotate {transform-box: fill-box;transform-origin: center;transform: rotate(270deg)translate(calc(-50% - 5px), 0);}
svg .horizontal{transform: translate(calc(-50% - 5px),6px);transform-box: fill-box;transform-origin: center;}
svg .horizontal.end{transform:translate(calc(30% - 5px),6px);}
svg .vertical{transform: translate(0, calc(-50% - 5px));transform-box: fill-box;transform-origin: center;}

.select-listbox{width:100%;height: 200px;overflow-y: scroll;overflow-x: hidden;}
.select-listbox .item input[type=checkbox],.select-listbox .item input[type=radio]{float: left;margin-right: 10px;}

.daterange.form-control{width: auto;flex: initial;right: 0;position: absolute;}
.daterange{cursor:pointer;}
.daterange i{padding:0 10px;}

.input-group{min-height:40px;}

.amount-negative{background-color:#fce8e6;color: #d93025;}

@media only screen and (max-width: 1400px) {
/* 	.ads .col-advertiser{display:none;} */
}

@media only screen and (max-width: 1024px) {
	.filter-groupby-channel{display:none;}
	
/* 	.enlarged #wrapper .ads .ads-footer,.ads .ads-footer{left: 15px;width: calc(100% - 30px);} */
}

@media only screen and (max-width: 768px) {
	.access-block{margin:4em;}
	.access-block-dash .project-items .project-it .project-link span{display:none;}
	.access-block-dash .project-items .project-it .project-link:not(:first-child){margin-left:15px;}
	
	 .it-account .cont-data{margin-bottom: 30px;}
	 .it-account .cont-action{position: absolute;bottom: 10px;right: 10px;}
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 530px) {
}

@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 450px) {
}