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

:root {
  --main-color-active: #1a4fb5;
  --main-color-hover: #22236c;
  --main-color-bg: rgba(62,64,230,.2);
  --primary-color-active: #1a4fb5;
  --primary-color-hover: #22236c;
  --primary-color-bg: rgba(62,64,230,.2);
  
  --secondary-color-active: #e1202f;
  --secondary-color-hover: #d33b26;
  --secondary-color-bg: rgba(23,23,23,.6);
  --greyscale-font-1: #757575;
  --greyscale-font-2: #999999;
  --greyscale-font-3: #333333;
  --greyscale-color-1: #333333;
  --greyscale-color-2: #999999;
  --greyscale-color-3: #f7f7f7;
  --greyscale-color-4: #eeeeee;
  --greyscale-color-5: #f5f5f5;
  --greyscale-color-6: #ebebeb;
  --greyscale-color-7: #e1e1e1;
}

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: 'Noto Sans KR', sans-serif;font-style:inherit;font-weight:inherit;outline:0;vertical-align:baseline;margin:0;padding:0;}
a:link,a:visited{color:var(--main-color-active);text-decoration:none;outline:0;font-weight: 400;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.5s linear;transition: all 0.2s linear;}
a:hover,a:active{color:var(--main-color-hover);text-decoration:none;outline:0;font-weight: 400;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.5s linear;transition: all 0.1s linear;}
a.primary:link,a.primary:visited{color:var(--main-color-active);}
a.primary:hover,a.primary:active{color:var(--main-color-hover);}
a.secondary:link,a.secondary:visited{color:var(--secondary-color-active);}
a.secondary:hover,a.secondary:active{color:var(--secondary-color-hover);}
a:focus,input:focus,select:focus,textarea:focus {outline:0;}
strong{font-weight:900;}

/* Inputs */
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(--main-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(--main-color-active);outline: 0 none;box-shadow: none;}
input[type="checkbox"]:disabled{color:#999;}

.btn{border-radius:5px;padding:5px 15px;}
.btn-medium{border-radius:5px;padding:6px 20px;}
.btn-round{border-radius:55px;}
.btn-icon{border-radius: 50%;padding: 0;width:30px}
.btn-icon.btn-medium{width:35px;}
.btn-sm{padding: 5px 8px;}

.btn-default,.btn-primary {background: var(--main-color-active); border: 1px solid transparent; color: #FFF !important;}
.btn-default:hover,.btn-primary:hover,.btn-default:focus,.btn-primary:focus,.btn-default:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active {background: var(--main-color-hover);border-color:var(--main-color-hover); color: #FFF;}
.btn-default:focus,.btn-primary:focus{-webkit-box-shadow: 0 0 0 2px rgba(200,200,200,.3);box-shadow: 0 0 0 2px rgba(200,200,200,.3);}
.btn-default.disabled,.btn-default:disabled,.btn-default[disabled],.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled] {background: #ccc !important;color: #999 !important;border: 1px solid #999 !important;}

.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(--main-color-active);}
.collapse-effect[aria-expanded="true"] i:before{content:"\f0d7";}

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

.msg-error{display:none;}
.modal form{width:100%;}

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

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

.dropdown-item[disabled=disabled]{color: #999 !important;cursor: not-allowed;pointer-events: none;}

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

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

.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;}

.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;}

.page-title-box{padding:10px 0;}

.breadcrumb>li+li:before{font-family:'Font Awesome 5 Free';font-weight: 900;}

/* Components */
#notif .notif-filter .btn{font-size:12px;height:30px;}
#notif .notif-item.active .notif-action .notif-readed{color: var(--primary-color-active);}

.text-pattern{color:var(--main-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(--main-color-active);width: 35px;}
.nav-lg img{width:30px;}
.nav-lg:hover img{-webkit-filter: grayscale(1);filter: grayscale(1);}

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

.form-check{display: flex;align-items: center;padding:0;}
.form-check .form-check-input{margin:0 5px 0 0;}

.h2-input{background: no-repeat;border: none;padding: 0;font-size: 18px;cursor:pointer;}
.h2-input:hover,.h2-input:focus{padding:.5rem 1rem;background:#fff;border:1px solid #ced4da;}

/* no found */
.no-found{padding:20px 0;width:100%;}
.no-found i{font-size:30px;color:#999;margin:5px 0;}
.no-found p{font-size:1.231em;color:#999;margin:5px 0;margin-bottom:0;}
.no-found p.sub{font-size:1.000em;}

/* range */
.irs--flat .irs-min, .irs--flat .irs-max{display:none;}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{background-color:var(--main-color-active);}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before{border-top-color:var(--main-color-active);}
.irs--flat .irs-bar{background-color:var(--main-color-active);}
.irs--flat .irs-handle>i:first-child{background-color:var(--main-color-hover);}

/* Content with scroll */
#content-page-width{overflow: scroll;height: 100vh;}
#content-width{min-width: 100%;height: 100vh;}

/* Link highlighted */
.link-highlighted{background: #f5f5f5;padding: 20px;text-align: center;border-radius: 5px;border: 1px solid #dcdcdc;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.link-highlighted-tab{border-top:none;border-radius: 0 0 5px 5px;}
.link-highlighted-sm{padding:5px;}
.link-highlighted a{font-size: 1.2em;color: var(--main-color-active);flex-grow: 1;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;}
.link-highlighted textarea{flex-grow: 1;width:auto;background: transparent;border: none;text-align: center;font-size: 1.2em;}
.link-highlighted textarea:hover,
.link-highlighted textarea:focus{background: transparent;}
.link-highlighted-sm a{font-size:1.2em;}
.link-highlighted .copy{cursor:pointer;font-size: 25px;padding: 5px;margin-left: 10px;color: var(--main-color-active);}

.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;color: var(--main-color-active);margin-right:10px;}

.alert-fixed {position:fixed;top: 20px;right: 20px;z-index:9999;}
.alert-title{display: block;font-weight:700;}
.none{display:none;}

/* REGISTER AND LOGIN */
.wrap-loading{display:none;position: absolute;width: 100%;height: 100%;background-image: linear-gradient(209deg, #1a4fb5 0%, #250d47 100%);z-index: 100000;align-items: center;justify-content: center;}
.wrap-loading.active {display: flex}
.wrap-loading .logo {display: table; margin: 0 auto 80px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-loading .logo-w {display: table; margin: 0 auto 80px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-loading .logo img {height: 190px; display: table;}
.wrap-loading .box-step {width: 100%; float: left; padding: 60px 0;display: flex;flex-direction: column;align-items: center;}
.wrap-loading .box-step h1, .wrap-register .box-step h2 {display: table; width: 100%; text-align: center; color: #FFF; font-size: 45px; line-height: 50px; font-weight: 700; margin-bottom: 60px;}
.wrap-loading .box-step h2 {color: #FFF;font-size: 25px;margin-bottom: 10px;}
.wrap-loading .box-step p {width: 100%; text-align: center; color: #FFF; font-size: 16px;}
.wrap-loading .subtitle {display: table; margin: 0 auto 20px; color: #fff; font-weight: 300; font-size: 22px; line-height: 30px; width: 215px; text-align: center; background: url(../images/bg-subtitle.png) center center no-repeat;}
.wrap-loading .regloadingcont{box-sizing: border-box;animation-name: blurOut;animation-duration: 0.7s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
.wrap-loading .regloadingcont .lds-ellipsis{height:20px;}
.wrap-loading .regloadingcont .lds-ellipsis div{background:#fff;top:0;}
.wrap-loading .box-step .box-logo-partner{display: flex;justify-content: center;margin-bottom: 30px;align-items: center;}
.wrap-loading .box-step .box-logo-partner .logo-w{margin: 0 20px 0;}
.wrap-loading .box-step .box-logo-partner .plus{font-size: 30px;font-weight: 700;color: #fff;}
.wrap-loading .box-step .box-logo-partner .adv-logo{margin-left: 20px;border-radius: 25px;display: flex;align-items: center;justify-content: center;padding: 20px;}
.wrap-loading .box-step .box-logo-partner .adv-logo img{max-width:100%;}

.wrap-register {min-height: 100vh; display: flex; align-items: center; background-image: linear-gradient(209deg, #1a4fb5 0%, #250d47 100%);}
.wrap-register.panel-pix {padding-top: 120px;}
.wrap-register .logo {display: table; margin: 0 auto 80px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-register .logo-w {display: table; margin: 0 auto 80px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-register .logo img {height: 190px; display: table;}
.wrap-register .box-step {width: 100%; float: left; padding: 60px 0; display: none;}
.wrap-register .box-step.active {display: block}
.wrap-register .box-step h1, .wrap-register .box-step h2 {display: table; width: 100%; text-align: center; color: #FFF; font-size: 45px; line-height: 50px; font-weight: 700; margin-bottom: 60px;}
.wrap-register .subtitle {display: table; margin: 0 auto 20px; color: #fff; font-weight: 300; font-size: 22px; line-height: 30px; width: 215px; text-align: center; background: url(../images/bg-subtitle.png) center center no-repeat;}
.wrap-register .btn-primary {display: table; margin: 30px auto 0;}
.wrap-register .btn-primary span {width: 415px; text-align: center; line-height: 65px; font-size: 16px; font-weight: 600;}
.wrap-register .box-step h2 {margin-bottom: 15px;}
.wrap-register .box-step p {width: 100%; text-align: center; color: #FFF; font-size: 16px;}
.wrap-register .box-step input[type=text],
.wrap-register .box-step input[type=password],
.wrap-register .box-step input[type=email],
.wrap-register .box-step input[type=phone],
.wrap-register .box-step input[type=date]{width: 100%; background: none; border: none; height: 60px; border-bottom: 1px solid #FFF; font-size: 16px; text-align: center; color: #FFF}
.wrap-register .box-step .box-form {float: left; width: 100%; padding-top: 45px; padding-bottom: 160px;}
.wrap-register .box-step .btn-prev {display: table; text-transform: uppercase; color: #FFF; font-size: 11px; text-decoration: underline !important; margin: 40px auto 0; font-weight: 700;}
.wrap-register .box-step .btn-prev:hover {color: #eb8831;}
.wrap-register .box-step .box-selfie {display: table; margin: 50px auto 70px; border-radius: 50%; background: #FFF; width: 275px; height: 275px;}
.wrap-register .box-step .text-disclaimer {font-size: 25px; line-height: 36px; margin-bottom: 50px;}
.wrap-register .box-step .input-disclaimer{margin-bottom:80px;}
.wrap-register .box-step .title-disclaimer {margin-bottom: 10px;}
.wrap-register .box-step .title-pix {margin-bottom: 50px;}
.wrap-register .box-step .input-disclaimer .form-check-label a{color:#fff;text-decoration:underline !important;}
.wrap-register .box-step input[type=date]::-webkit-calendar-picker-indicator {filter: invert(1);}
.wrap-register .box-step .group-field-code {display: table; margin: 0 auto;}
.wrap-register .box-step .group-field-code input {float: left; border: none; background: #FFF; width: 75px; height: 95px; margin: 0 10px; border-radius: 10px; -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); color: #1a4fb5; text-align: center; font-size: 28px; font-weight: 600;}
.wrap-register .box-step .code-msg {display: table; width: 100%; padding-top: 30px; text-align: center; font-size: 14px; color: #ffffff;}
.wrap-register .box-step .code-msg a {font-weight: 600; text-decoration: underline !important; color: #ffffff;}
.wrap-register .box-step .code-msg a:hover {color: #eb8731;}
.wrap-register .box-step .box-logo-partner{display: flex;justify-content: center;margin-bottom: 100px;align-items: center;}
.wrap-register .box-step .box-logo-partner .logo-w{margin: 0 20px 0;}
.wrap-register .box-step .box-logo-partner .plus{font-size: 30px;font-weight: 700;color: #fff;}
.wrap-register .box-step .box-logo-partner .adv-logo{margin-left: 20px;border-radius: 25px;display: flex;align-items: center;justify-content: center;padding: 20px;}
.wrap-register .box-step .box-logo-partner .adv-logo img{max-width:100%;}


.wrap-login {background: #f2f3f5;}
.wrap-login .logo {display: table; margin: 0 auto 100px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-login .logo-w {display: table; margin: 0 auto 100px;width:105px;height: 105px;background-image: url(../images/logo.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;}
.wrap-login .logo img {height: 105px;}
.wrap-login .box-step h1, .wrap-login .box-step p {color: #1a4fb5;}
.wrap-login .box-step h1 {margin-bottom: 20px;}
.wrap-login .box-step input[type=text],
.wrap-login .box-step input[type=password],
.wrap-login .box-step input[type=email],
.wrap-login .box-step input[type=phone],
.wrap-login .box-step input[type=date]{border-color: #e1e1e2; color: #272424;}
.wrap-login .box-step button {border: none;}
.wrap-login .box-step .link-register {display: table; text-transform: uppercase; color: #272424; font-size: 11px; text-decoration: underline !important; margin: 40px auto 0; font-weight: 700;}
.wrap-login .box-step .link-register:hover {color: #1a4fb5;}
.wrap-login .box-step .box-form {padding-bottom: 100px;}
.wrap-login .box-step .group-field-code {display: table; margin: 0 auto;}
.wrap-login .box-step .group-field-code input {float: left; border: none; background: #FFF; width: 75px; height: 95px; margin: 0 10px; border-radius: 10px; -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); color: #1a4fb5; text-align: center; font-size: 28px; font-weight: 600;}
.wrap-login .box-step .code-msg {display: table; width: 100%; padding-top: 30px; text-align: center; font-size: 14px; color: #1a4fb5;}
.wrap-login .box-step .code-msg a {font-weight: 600; text-decoration: underline !important; color: #1a4fb5;}
.wrap-login .box-step .code-msg a:hover {color: #eb8731;}
.wrap-login .box-step textarea{border-radius: 25px;background-color: #dadde2;height: 200px;padding: 20px;color: #3e3f41;font-weight: 500;border:none;}
.wrap-login .box-step textarea::placeholder{color: #3e3f41;font-weight: 500;}
.wrap-login .box-step textarea::-webkit-input-placeholder{color: #3e3f41;font-weight: 500;}
.wrap-login .box-step textarea:-moz-placeholder{color: #3e3f41;font-weight: 500;}
.wrap-login .box-step textarea::-moz-placeholder{color: #3e3f41;font-weight: 500;}
.wrap-login .box-step textarea:-ms-input-placeholder{color: #3e3f41;font-weight: 500;}
.wrap-login .box-step .box-recaptcha{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:20px;}

/* 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;}

/* Upload photos */
.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(--main-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;}

/* Loadings */
.loading,.loading-msg{display:none;}
.menu-left .loading{width:40px;height:40px;}
.menu-left .loading-msg{margin-left:10px;}
.loading-css{display:none;text-align:center;width:100%;height:30px;padding:10px 0;text-align:center;background-image:url('../images/ajax-loader.gif');background-repeat: no-repeat;background-position: center;background-size: contain;}
.loading-css img{max-width:60px;}
.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;}

.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(--main-color-active);border-color:var(--main-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(--main-color-active);border-color:var(--main-color-active);}

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

/*
* 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;}

/* Table edit, node */
.w-col-month{min-width:180px;max-width:180px;width:180px;text-align:center;}
.w-col-textlg{min-width:300px;text-align:left;}
.w-col-text{min-width:200px;max-width:200px;width:200px;text-align:center;}
/* .w-col-date{min-width:140px;max-width:140px;width:140px;text-align:center;} */
/* .w-col-code{min-width:130px;max-width:130px;width:130px;text-align:center;} */
/* .w-col-real{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-user img{width: 35px;height: 35px;margin-top: 2px;}
.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-300{min-width:300px;max-width:300px;width:300px;text-align:center;}
.w-col-node-250{min-width:250px;max-width:250px;width:250px;text-align:center;}
.w-col-node-200{min-width:200px;max-width:200px;width:200px;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-min-150{min-width:150px;}
.w-col-min-200{min-width:200px;}
.w-col-min-250{min-width:250px;}
.w-col-min-300{min-width:300px;}
.w-col-min-150{min-width:150px;}
.w-col-min-200{min-width:200px;}
.w-col-min-250{min-width:250px;}
.w-col-country,
.w-col-currency{min-width:80px;max-width:80px;width:80px;}
.w-col-editbtn{position:relative;min-width:110px;max-width:110px;width:110px;text-align:left;}
.w-col-editbtn .btn-tbl-cancel{display:none;position: absolute;right: 20px;top:11px;width: 15px;border: none;background: none;border-radius:3px;color: #dc3545!important;}
.w-col-editbtn .btn-tbl-cancel:hover{background: #dcdcdc;}
.w-col-editbtn .btn-tbl-confirm{display:none;position: absolute;right: 2px;top:11px;width: 15px;border: none;background: none;border-radius:3px;color: #28a745!important;}
.w-col-editbtn .btn-tbl-confirm:hover{background: #dcdcdc;}
.w-col-editbtn input[type=text]:focus{text-align:left !important;}
.w-col-editbtn input:focus ~ button,
.w-col-editbtn button:hover,
.w-col-editbtn button:focus{display:block;}
.w-col-editbtn.saved button{display:none;}
.w-col-editbtn.w-col-editbtn-un input[type=text]{padding-left:20px !important;}
.w-col-editbtn.w-col-editbtn-un .unity{position: absolute;left: 2px;top:5px;width: 15px;height:30px;cursor:pointer;padding: 6px 0;text-align: center;border: 1px solid transparent;border-radius: 2px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.1s linear;}
.w-col-editbtn.w-col-editbtn-un .unity:hover{border-color: #dcdcdc;}
.w-col-editbtn.manual-set,
.w-col-editbtn.manual-set input{background: #ffe0b5 !important;}
.b-0{border:none !important;}

.tbl-col-data img{width:35px;height:35px;}
.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{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[data-toggle="dropdown"]{cursor:pointer;}
.tbl-col-data .btn-dropdown span{color:#3c3c3b;}
.tbl-col-data.tbl-col-data-bg .btn-dropdown span{color:#ffffff;}
.tbl-col-data .dropdown-cont{display: flex;flex-direction: column;align-items: center;cursor: default;padding: 5px;}
.tbl-col-node{position:relative;min-width:150px;max-width:150px;width:150px;}
.tbl-col-node .btn-dropdown{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 .btn-dropdown[data-toggle="dropdown"]{cursor:pointer;}
.tbl-col-node .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 var(--greyscale-color-7);display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.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;font-size: 13px;}
.tbl-col-node .node-items.alter .node-it{display: flex;}
.tbl-col-node .node-items.alter .node-it .dropdown-node-color{width:20px;height: 30px;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;height: 30px;line-height: 30px;}
.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 .actionsb{width: 100%;display: flex;justify-content: space-evenly;}
.tbl-col-node .actionsb a,
.tbl-col-node .actionsb button{margin:0;}
.tbl-col-node .btn-sm{padding: 3px 15px;}
.tbl-col-node .tbl-col-node-action{position: absolute;right: 0;width: 30px;}

.w-col-left{text-align: left;}
.w-col-left span,
.w-col-left .btn-dropdown span{padding-left:10px;padding-right:10px;text-align:left;}
.w-col-left .table-filter{padding-left:10px;padding-right:10px;justify-content: flex-start;}

.dropdown-select-user{display:flex;align-items:center;}
.dropdown-select-user img{border-radius: 50%!important;width: 30px !important;height: 30px !important;}
.dropdown-select-country{display:flex;align-items:center;}
.dropdown-select-country img{margin-top:2px;}

.dropdown-icon-cta{position: absolute;right: 2px;top: 2px;}
.dropdown-icon-cta .dropdown-icon-cta-menu{display:none;position: absolute;background: #fff;z-index: 1000;padding: .5rem 0;margin: .125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.dropdown-icon-cta-td{z-index:auto !important;}
.btn-dropdown.dropdown-with-cta{width: calc(100% - 40px);}

.group-title{margin-top: 7px;text-align: left;padding-left: 5px;}

.w-col-checkbox input[type=checkbox]{height: 20px;width: 20px;appearance: auto;}
.w-col-checkbox .inside{display:flex;align-items:center;justify-content: center;height:36px;}

.table-min-height{min-height:400px}
.table-edit,
.table-edit input[type=text]
.table-edit input[type=password],
.table-edit textarea,
.table-edit select{border:none;}
.table-edit input[type=text]
.table-edit input[type=password],
.table-edit textarea,
.table-edit select{cursor:pointer;}
.table-edit input:hover,
.table-edit input:focus,
.table-edit textarea:hover,
.table-edit textarea:focus,
.table-edit select:hover,
.table-edit select:focus{background:#f5f5f5;}
.table-edit col:hover,
.table-edit col input:hover{filter: opacity(.7);}
.table-edit a{color:#5b626b;}
.table-edit td,
.table-edit input,
.table-edit textarea{font-size:13px;}
.table-p0 td{padding:0 !important;}
.table-p5 td{padding:5px !important;}
.tbl-col-date{min-width:130px;max-width:130px;}
.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{position:relative;width:150px;max-width:150px;}
.tbl-col-node span.blank{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;font-size: 13px;display: flex;align-items: center;justify-content: center;}
.tbl-col-node .dropdown a{width:100%;padding: .25rem .5rem !important;}
.tbl-col-node .dropdown .dropdown-menu{width:250px;}
.tbl-col-node .btn-dropdown,
.tbl-col-node .dropdown{cursor:pointer;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align:center;font-size:13px;display: flex;align-items: center;justify-content: center;}
.tbl-col-node:hover{background:#f5f5f5;}
.tbl-col-node-bg .dropdown,
.tbl-col-node-bg .dropdown a,
.tbl-col-node-bg .dropdown a span,
.tbl-col-node-bg .dropdown span{color:#fff;}
.col-label span{padding: .25rem .5rem !important;}
.col-id{width:100px;max-width:100px;}
.col-image{width:100px;max-width:100px;text-align:center;}
.col-image img{max-width:100%;}
.col-countryflag{width:70px;max-width:70px;text-align:center;}
.col-integer{width:100px;max-width:100px;text-align:center;}
.col-real{width:110px;max-width:120px;text-align:right;}
.col-real input{text-align:right;}
.col-datetime{width:110px;max-width:120px;min-width:120px;}
th.col-range,
td.col-range{text-align:center;width:140px;padding: .25rem .5rem !important;}
.col-crud{width:70px;padding:5px;}
.col-crud.onhover{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;}
.col-color span{width: 30px;height: 30px;display: block;border-radius: 5px;}

.w-col-node-text{text-align: center;color: #fff;}

.table-edit tr:hover .col-crud.onhover{opacity:1;}

.button-flexitems{display: flex;justify-content: center;}

.dropdown.filter{display:inline-block;}
.dropdown.filter a{color:#000;}
.dropdown.filter a i{font-size:10px;}
.dropdown.filter .dropdown-toggle{margin-left:4px;}
.dropdown.filter .dropdown-menu{width:250px;margin-top: 6px;cursor: auto;}
.dropdown.filter .dropdown-menu .dropdown-list-items{max-height:360px;overflow-y: auto;}
.dropdown.filter .dropdown-menu .dropdown-list-items{width:100%;min-height: 200px;overflow-y: scroll;overflow-x: hidden;}
.dropdown.filter .dropdown-menu .dropdown-list-items .item input[type=checkbox],.dropdown.filter .dropdown-menu .dropdown-list-items .item input[type=radio]{float: left;margin-right: 10px;}
.dropdown.filter .dropdown-menu .dropdown-list-items,
.dropdown.filter .dropdown-menu .dropdown-grid-items{padding:10px 0;border-top: 1px dashed #e6e6e6;}
.dropdown.filter .dropdown-item-selected{position:relative;cursor:pointer;display:none;margin: .25rem 1.5rem;border: 1px solid var(--main-color-active);border-radius: 5px;padding: 5px;text-align: center;color: var(--main-color-active);background: var(--main-color-bg);}
.dropdown.filter .dropdown-item-selected.active{display:block;}
.dropdown.filter .dropdown-item-selected:after{content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 5px;right: 10px;font-size: 15px;font-weight: 900;color: var(--main-color-active);}
 
  /* Dropdown list */
.dropdown-menu {padding: .5rem 0;}
.dropdown-list-cont{/*overflow: auto;*/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;}
.dropdown-list-items li label i{color: var(--greyscale-font-1) !important;margin-left: 0 !important;}
.dropdown-list-items li input[type=checkbox]{margin:0 5px;}
.dropdown.filter{display:inline-block;}
.dropdown.filter .search-box-auto input{background: var(--greyscale-color-6) !important;}
.dropdown.filter .dropdown-menu{width:250px;margin-top: 15px;cursor: auto;}
.dropdown.filter.w300 .dropdown-menu{width:300px;}
.dropdown.filter.w350 .dropdown-menu{width:350px;}
.dropdown.filter .dropdown-item-selected{position:relative;cursor:pointer;display:none;margin: .25rem 1.5rem;border: 1px solid var(--primary-color-active);border-radius: 5px;padding: 5px;text-align: center;color: var(--primary-color-active);background: var(--primary-color-bg);}
.dropdown.filter .dropdown-item-selected.active{display:flex;}
.dropdown.filter .dropdown-item-selected:after{content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 5px;right: 10px;font-size: 15px;font-weight: 900;color: var(--main-color-active);}
.dropdown.filter .dropdown-item-selected span{padding:5px;font-weight: 700;}
.dropdown.filter .dropdown-item-text{padding:0 10px 10px;}
.dropdown.filter .dropdown-item-text span{color: var(--greyscale-font-3);}

.filter-groups{display: flex;align-items: flex-start;flex-wrap: wrap;}
.filter-groups .filter-group-it{border-right: 1px solid var(--greyscale-color-7);padding: 0 10px;position: relative;}
.filter-groups .filter-group-it select{height: 32px;border: 1px solid var(--greyscale-color-7);background: #ffffff;margin-right: 5px;border-radius:5px;padding:0 10px;}
.filter-groups .filter-group-it .btn-remove-group{display:none;height: 30px;font-size: 11px;position: absolute;top: -30px;left: calc(50% - 15px);}
.filter-groups .filter-group-it:hover .btn-remove-group{display:block;}
.filter-groups .btn-add-group{margin-left:20px;}

/* listbox with checkbox in modal filter */
.filter .dropdown-toggle{margin-left:4px;}
/* .filter .dropdown-menu{width:250px;max-height:330px;overflow-y: auto;margin-top:-2px;} */
.filter .dropdown-menu .btn-filter{width:100%;}
 
.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;}

.cursor-pointer{cursor:pointer;}

/* Pagination */
.pagination{justify-content: flex-end;align-items:center;}
.pagination span{font-size: 1rem;text-transform: lowercase;margin-right:10px;}
.pagination button{margin-right:10px;}

.pagination-v2{justify-content: flex-end;align-items:center;}
.pagination-v2 .pages{display: flex;justify-content: flex-end;align-items: center;margin-left:50px;}
.pagination-v2 .pages span{font-size: 1rem;text-transform: lowercase;margin-right:10px;}
.pagination-v2 .pages button{margin-right:10px;}
.pagination-v2 .pages .page-item i{-webkit-text-stroke: 1px white;}
.pagination-v2 .qtde-per-page{display: flex;justify-content: flex-end;align-items: center;}
.pagination-v2 .qtde-per-page span{font-size: 1rem;margin-right:10px;text-transform: none;}
.pagination-v2 .btn-page-qtde{width:100px;}

/* Filter badge */
.filter-badges{display:flex;align-items:center;}
.filter-badges .badge{cursor:pointer;padding:8px 20px 8px 8px;position:relative;color:var(--main-color-active);background:var(--main-color-bg);}
.filter-badges .badge:not(:last-child){margin-right:10px;}
.filter-badges .badge:after{content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 8px;right: 6px;font-size: 11px;font-weight: 900;color: var(--main-color-active);}
 
 /* Select2 */
.select2{border-radius: 5px;border:1px solid #ced4da;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple{padding:2px;border-radius: 5px;border:none;}

.select2-tags{height:80px;}
.select2-display-none {display: none;}
.select2-container .select2-selection--single{height: 31px;line-height:31px;border: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height: 31px;line-height:31px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 31px;line-height:31px;}
.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(--main-color-active);}
.select2-selection__choice{background: var(--main-color-bg) !important;border: 1px solid var(--main-color-active) !important;font-size: 0.9em !important;color: var(--main-color-active) !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;}

/* Thead fixed */
.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;font-size: 13px;padding: 5px;}
.thead-fixed thead tr.dnd-moved th{cursor: move;}
.thead-fixed thead tr.dnd-moved th:hover{background:#17a2b8;border-color:#17a2b8;color: #fff;}

/* Auto search box */
.search-box-auto{position:relative;}
.search-box-auto input{background:#dcdcdc;width: 100%;}
.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:var(--greyscale-color-2);}

/* 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:var(--main-color-bg);}
.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;text-align: center;}
.dropdown-list-items li span{font-size: 0.9rem;word-break: break-all;}

/* Dropdown grid */
.dropdown-grid-items{overflow: auto;max-height: 250px;width:100%;padding:0;display: flex;flex-wrap: wrap;}
.dropdown-grid-items li{padding: 5px 0;cursor:pointer;display: flex;align-items: center;width: calc(50% - 10px);height: 40px;margin: 5px;color:#fff;}
.dropdown-grid-items li:hover{background:var(--main-color-bg);}
.dropdown-grid-items li:not(:last-child){border-bottom:1px solid #dcdcdc;}
.dropdown-grid-items li img{max-width: 40px;margin-right: 10px;}
.dropdown-grid-items li div{flex-grow:2;text-align: center;}
.dropdown-grid-items li span{font-size: 0.9rem;word-break: break-all;}

/* Menu and top bar */
.topbar .topbar-left{background:var(--main-color-active);display: block;}
.side-menu{background:var(--main-color-active);}
#sidebar-menu>ul>li>a{background:var(--main-color-active);color: #fff!important;}
#sidebar-menu>ul>li>a.active{background:var(--secondary-color-active);color: var(--secondary-color-bg) !important;}
.menu-title{color: #fff!important;}
.submenu li a{color:#fff;}
.submenu li a:hover{background-color:var(--main-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(--secondary-color-hover);color:#fff!important;}
.enlarged #wrapper #sidebar-menu ul ul{background-color:var(--main-color-hover);color:#fff!important;}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>a{background-color:var(--main-color-hover);color:#fff!important;}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul a:hover{background-color:var(--main-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;}

.topbar .language{display: block;margin-top: 50%;transform: translateY(-25%);}
.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;*/}

.btn-filters{display:none;}

.table-filter{display: flex;align-items: center;justify-content: space-between;}
.table-filter span.title{width: auto;margin-right:10px;flex-grow:1;}
.table-filter .sort-buttons{width:20px;display: flex;flex-direction: column;}
.table-filter .sort-buttons button{background: transparent;border: none;color: var(--greyscale-color-2);padding: 0 2px;height: 10px;line-height: 10px;cursor:pointer;}
.table-filter .sort-buttons button:hover,
.table-filter .sort-buttons button:focus{color:#000;}
.table-filter .sort-buttons button:active,
.table-filter .sort-buttons button.active{color:var(--primary-color-active);}

.broadcasting-st-approved{background-color:#58db83;}
.broadcasting-st-rejected{background-color:#ec536c;color:#ffffff;}

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

@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) {
	.filters{display:none;}
	.btn-filters{display:block;}
	
	.page-title-box{padding:5px 0;}
}

@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) {
}