@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);
body,html {
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px!important;
    font-weight: 400;
    font-family: Poppins,Helvetica,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color:#f5f6fa !important;
    color:rgba(0,0,0,.87);
}
@media (min-width: 1400px){
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1340px;
    }
}
.btn svg{
    width:16px;
    height:16px;
}
.header {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
    background: #f5f6fa;
    height:65px;
    border-bottom:1px solid #e8e9ea;
}

.header-s{
    background: #141414;
    line-height: 63px;
    width: 265px;
    padding: 0 10px 0 30px;
    display: flex;
    justify-content: space-between;
    transition: all .3s ease ;
}
.header-s .desktop-logo{
    display:inline;
}
.header-s .mobile-logo{
    display:none;
}
@media (max-width:1200px) {
    .header-s{
        background: #f5f6fa;
    }
    .header-s .desktop-logo{
        display:none;
    }
    .header-s .mobile-logo{
        display:inline;
    }
}

.header .d-flex{
    align-items: center;
}
.page-container{
    display:block;
    width:100%;
}
.sidebar {
    position:fixed;
    top: 64px;
    bottom: 0;
    left:-265px;
    width: 265px;
    overflow:hidden;
    z-index: 1002;
    transition: left .3s ease, width .3s ease;
}

.sidebar .side-menu{
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: calc(100vh - 66px);
}
.side-menu ul{
    transition: max-height .3s ease ;
    height: auto;
    max-height:0;
    overflow:hidden;
}
.side-menu .is-expanded ul{
    max-height:2600px;
}
.side-menu li {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: none;
    padding: 0;
}
.side-menu li a {
    padding: 9px 25px;
    color: #fff;
    font-weight: 300;
    font-size: 1rem;
    text-transform: initial;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}
.side-menu ul li a {
    padding: 11px 0px;
}

.side-menu li a svg {
    width:20px;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    color: #fff;
    padding: 0 6px 0 0;
}
.side-menu li a .angle{
    float: right;
    margin: 5px 0 0 0;
    color: #fff;
}
.side-menu li a:hover ,.side-menu li a:hover svg{
    color:#fff;
    text-decoration:none;

}
.side-menu li a:hover:not(.active){
    background-color: rgba(0,0,0,.04);
}
.side-menu .is-expanded>a,.side-menu .is-expanded ul {
    color:#fff;
    text-decoration:none;
    background:#222222;
}
.side-menu li ul {
    padding-left:0px;
}
.side-menu li ul li a {
    padding-left: 50px;
}
.side-menu .is-expanded ul li a.active {
    background: #f47521;
    margin-right: 30px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.side-menu ul li a.active,.side-menu ul li a.active svg ,.side-menu ul li a.active .angle{
    color:#fff;
}

.side-menu li a .side-menu__label {
    padding: 0 0px 0 5px;
}
#content{
    padding:0px;

}
.content{
    position:relative;
    width: calc(100% -  0px);
    margin-top: 64px;
    margin-left: 0px;
    transition: margin-left .3s ease, width .3s ease;
    min-height: calc(100vh - 150px);
}

.aside{
    background-color: #303030 !important;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.35);
}
.page-header {
    height: 115px;
    background: #eff0f5;
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    transition: left .3s ease, width .3s ease;
    box-shadow: 0px 1px 3px 0px rgba(54, 74, 99,  0.15);
}

.page-header-sm {
    height: 65px;
}
#content .page-header h1,.page-header .breadcrumb{
    display:none;
}
#content .page-header{
    padding:0 15px;
}
#content .page-header .pull-right{
    display: block;
    position: relative;
    margin:39px 0 0 0;
}
#content .nav-tabs{
    margin-bottom: 20px;
}
#content .nav-tabs li{
    padding-bottom:20px;
}
#content .nav-tabs a{
    padding:10px;
}
#content .nav-tabs .active a,#content .nav-tabs a.active{
    color:red;
}
#content .page-header .pull-right .btn-default{
    background:#f64e5f;
    color:#fff;
}
#content>.container-fluid{
    margin-top:  30px;
    padding :0px 30px;
}
#content>.container-fluid>.panel{
    padding:0 15px;
}
#content>.container-fluid>.panel>.panel-heading{
    padding-left:0px;
    min-height: 0px;
}
#content>.container-fluid>.panel>.panel-heading>h3.panel-title{
    position: absolute;
    margin-top: -100px;
    padding-left:0px;
    color: #526484;
    font-weight: 400;
    font-size: 2rem;
    line-height: 26px;
}
#content>.container-fluid>.panel>.panel-heading>h3.panel-title i{
    display:none;
}
.font-weight-bolder{
    font-weight:600 !important;
}
.font-size-sm{
    font-size: 0.925rem;
}

.page-header .breadcrumb{
    display:none;
}

.sidebar{
    left: 0px;
}
.content{
    margin-left:   265px;
    width: calc(100% -  265px);
}

.sidebar-backdrop{
    opacity:0;
    width:0;
    left: 0;
    height: 100vh;
    transition: all   .3s ease;
    background: transparent;
    position: fixed;
    z-index: 1001;
    top: 0;
}
.sidebar .ps .ps__rail-x:hover,
.sidebar .ps .ps__rail-y:hover,
.sidebar .ps .ps__rail-x:focus,
.sidebar .ps .ps__rail-y:focus,
.sidebar .ps .ps__rail-x.ps--clicking,
.sidebar .ps .ps__rail-y.ps--clicking {
    background-color: #1e2129;
    opacity: 0.9;
}
.sidebar-toggle{
    display:none !important;
    cursor: pointer;
}


.page-header h1{
    color: #526484 ;
    font-weight: 400;
    font-size: 2rem;
    line-height: 26px;
}
@media (max-width: 768px){
    .page-header h1{
        font-size: 1.5rem;
        line-height: 23px;
    }
}
@media (max-width:375px) {
    .header-s {
        overflow: hidden;
        width: 70px;
    }
    .page-header h1{
        font-size: 1.2rem;
        line-height: 17px;
    }
}

@media (max-width:1200px) {
    .sidebar{
        left: -265px;
    }
    .content{
        margin-left:   0px;
        width: calc(100% -  0px);
    }
    .sidebar-toggle{
        display:block !important;
    }
    .sidebar-opened .sidebar-backdrop{
        opacity:1;
        width: 100%;
        display: block;
    }
    .sidebar-opened .sidebar{
        left: 0 ;
    }

}
.sidebar-removed .sidebar-toggle{
    display:none !important;
}
.sidebar-removed .sidebar{
    left: -265px;
}
.sidebar-removed .content{
    margin-left:   0;
    width: calc(100% -  0px);
}

.sidebar-removed  .header-s{
    background: #f5f6fa;
}
.sidebar-removed   .header-s .desktop-logo{
    display:none;
}
.sidebar-removed  .header-s .mobile-logo{
    display:inline;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 98;
    display: none;
    float: left;
    min-width: 10rem;
    padding:  0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #3f4254;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: .42rem;
    -webkit-box-shadow:0 0 50px 11px rgb(68 86 105 / .1);
    box-shadow: 0 0 50px 11px rgb(68 86 105 / .1);
}
.dropdown-w-header {
    padding:0px !important;
}
.dropdown-menu.dropdown-menu-lg  .dropdown-body{
    width: 75%;
}
.header .dropdown-menu{
    top: 9px !important;
    left: 20px !important;
}
@media (min-width: 380px){
    .dropdown-menu.dropdown-menu-lg .dropdown-body{
        width: 350px;
    }
}
.dropdown-menu li,
.dropdown-menu li a{
    outline: none;
}
.dropdown-body{
    height:300px;
}
.ps{
    overflow:hidden;
    position: relative;
}
.header .nav-link {
    display: block;
    padding: 0px;
    margin: 10px 10px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    border-radius: .42rem!important;
}
.header .nav-link:hover,.header  .dropdown.show .nav-link{
    background-color: #f3f6f9;
    border-color: transparent;
}
.dropdown-w-header  .dropdown-header{
    background: url(../img/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    font-size:16px;
    font-weight: 500;
}
.dropdown-w-header  .dropdown-header h5{
    color:#fff;
    font-size:16px;
    padding:0 0 0 0;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    text-align: center;
    width: 100%;
}

.rounded-top {
    border-top-left-radius: .42rem!important;
    border-top-right-radius: .42rem!important;
}

.profile-dropdown>span:not(.icon) {
    line-height: 15px;
    display: inline-block;
    text-align: left;
    margin: 5px  0px 0 10px;
    float: right;
}
.profile-dropdown>span>span {
    font-size: 11px;
}
.profile-dropdown span.name{
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.radius-100{
    border-radius: 50% !important;
}
.profile-dropdown .icon{
    width: 35px;
    height: 35px;
    color: #f5f6fa;
    border-radius: 50% !important;
    line-height: 34px;
    font-size: 1.15rem!important;
    font-weight: 500!important;
    display: inline-block;
    margin-left:4px;
}

.dropdown-menu .nav-tabs{
    position: absolute;
    left: 0;
    margin: 21px 0 0 0;
    padding: 0 10px;
    border-bottom-color: #bfc9e8;
    border-bottom-width: 3px;
    width: 100%;
}
.dropdown-menu .nav-item {
    margin-bottom: -3px;
}
.dropdown-menu .nav-link {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #c6d0ed;
    font-size: 13px;
    width: auto;
    height: auto;
    line-height: inherit;
    margin: 0 13px 0 0;
    padding: 0px 0 10px 0;
    border-bottom:2px solid #ccc;
}
.dropdown-menu .nav-link.active {
    color: #fbfcfe !important;
    border-bottom: 3px solid #1bc5bd !important;
    border-radius: 0 !important;
    border-style: unset;
}

.badge-icon:after {
    position: absolute;
    border-radius: 50%;
    right: 2px;
    top: 10px;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    content: '';
    background: #f47521;
}
.swing-animation {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.text-muted {
    color: #b5b5c3!important;
}
.flex-center{
    webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.text-center{
    text-align: center;
}
.min-h-100{
    min-height:100px;
}
.min-h-200{
    min-height:200px;
}
.min-h-250{
    min-height:250px;
}
.min-h-300{
    min-height:300px;
}
.min-h-400{
    min-height:400px;
}
.min-h-500{
    min-height:500px;
}
.h-100{
    height:100px;
}
.h-200{
    height:200px;
}
.h-250{
    height:250px;
}
.h-300{
    height:300px;
}
.h-400{
    height:400px;
}
.h-500{
    height:500px;
}
.max-h-100{
    max-height:100px;
}
.max-h-200{
    max-height:200px;
}
.max-h-250{
    max-height:250px;
}
.max-h-300{
    max-height:300px;
}
.max-h-400{
    max-height:400px;
}
.max-h-500{
    max-height:500px;
}
.input-group-transparent{
    background-color: transparent !important;
    display: inline-block;
    width: auto;
}
.input-group-white{
    background-color: #fff !important;
    border:none !important;
    display: flex;
    width: 50%;
    border-radius: 30px !important;
    box-shadow: 0px 1px 3px 0px rgba(54,74,99,0.05);
}
.input-group-white .form-control{
    border-right: none;
    border-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0px;
    display: inline-block;
    padding-right: 0 !important;
    background: transparent;
    border: none;
    line-height: 50px !important;
    height: 50px;
}
.input-group-white .btn{
    border: none;
    border-radius: 50%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0px;
    display: inline-block;
    margin-left: 0px;
}
.input-group-white .btn svg{
    width:24px;
    height: 24px;
}
.input-group-text{
    border:none;
}
.input-group .form-control{
    width: 1% !important;
}
.btn:focus  {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.btn-dark  {
    color: #fff;
    background-color: #526484;
    border-color: #526484;
}
.btn-dark:hover  {
    color: #fff !important;
    background-color: #404d63 !important;
    border-color: #404d63 !important;
}
.btn-dark:active,.btn-dark:focus {
    background-color: #313c4e !important;
    border-color: #313c4e !important;
}
.btn-transparent  {
    color: #526484;
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent:hover  {
    color: #526484;
    background-color: transparent;
    border-color: transparent;
}
.btn-white,.btn-light-white  {
    color: #526484;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    color: #fff;
    background-color: #526484;
    border-color: #526484;
}
.btn-light-white:hover {
    color: #f47521;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn {
    padding: .65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .42rem;
    font-weight: 500;
}

.btn-xs, .btn-group-xs > .btn {
    padding: .55rem .75rem;
    font-size: .925rem;
    line-height: 1.35;
    border-radius: .42rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: .55rem .75rem;
    font-size: .925rem;
    line-height: 1.35;
    border-radius: .42rem;
}

.btn-lg, .btn-group-lg > .btn {
    padding: .825rem 1.42rem;
    font-size: 1.08rem;
    line-height: 1.5;
    border-radius: .42rem;
}
.btn.btn-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5;
    border-color: transparent;
}
.btn.btn-light-primary {
    color: #f47521;
    background-color: #f9e1d1;
    border-color: transparent;
}
.btn.btn-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
    border-color: transparent;
}

.btn.btn-light-warning {
    color: #ffa800;
    background-color: #fff4de;
    border-color: transparent;
}

.btn.btn-light-warning.focus:not(.btn-text), .btn.btn-light-warning:focus:not(.btn-text), .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #ffa800;
    border-color: transparent;
}
.btn.btn-light-danger.focus:not(.btn-text), .btn.btn-light-danger:focus:not(.btn-text), .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #f64e60;
    border-color: transparent;
}
.btn.btn-light-primary.focus:not(.btn-text), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #f47521;
    border-color: transparent;
}
.btn.btn-light-success.focus:not(.btn-text), .btn.btn-light-success:focus:not(.btn-text), .btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #1bc5bd;
    border-color: transparent;
}

.card.card-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.border{
    box-shadow: 0px 1px 3px 0px rgba(54,74,99,0.1);
    border: 0 !important;
}
.border-radius{
    border-radius: .42rem !important;
}
.pagination{
    margin-bottom:0px
}
.select-all-menu {
    z-index: 999 !important;
}
.select-all-menu .btn{
    position: absolute;
    z-index: 999;
    margin: 19px 0 0 66px !important;
}

.sticky-wrapper.is-sticky .select-all-menu .btn{
    margin: 10px 0 0 66px !important;
}

.w-35{
    width:35px  !important;
}
.h-35{
    height:35px !important;
}
.card,.panel {
    box-shadow: 0px 1px 3px 0px rgba(54,74,99,0.1);
    border: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedf3;
    border-radius: .42rem;
}
.card>.card-body .panel>.panel-body {
    padding: 2rem 2.25rem;
}

.pl-5, .px-5 {
    padding-left: 1.25rem!important;
}
.pr-5, .px-5 {
    padding-right: 1.25rem!important;
}
.pt-6, .py-6 {
    padding-top: 1.5rem !important;
}
.card>.card-header ,.panel>.panel-heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 70px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}
.card-header:first-child ,.panel-heading:first-child{
    border-radius: calc(.42rem - 1px) calc(.42rem - 1px) 0 0;
}
.card-body,.panel-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2.25rem;
}
.card>.card-body ,.panel>.panel-body{
    padding: 2rem 2.25rem;
}

.card > .card-header .card-title .card-label ,.panel >.panel-heading .panel-title .panel-label{
    margin: 0 0.75rem 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.card>.card-header .card-title,.panel>.panel-heading.panel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem;
    margin-left: 0;
}.card>.card-header .card-title .card-icon {
    margin-right: .75rem;
    line-height: 0;
}.card>.card-header .card-title, .card>.card-header .card-title .card-label {
    font-weight: 500;
    font-size: 1.275rem;
    color: #181c32;
}.card>.card-header .card-title .card-label {
    margin: 0 .75rem 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.card>.card-header .card-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}.card>.card-footer {
    background-color: transparent;
}
.card .card-header,.panel-heading{
    padding: 2rem 2.25rem;
    margin-bottom: 0;
}
.card-footer:last-child {
    border-radius: 0 0 calc(.42rem - 1px) calc(.42rem - 1px);
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}.card>.card-header .card-title small {
    color: #b5b5c3;
    font-size: 1rem;
}.alert.alert-primary {
    background-color: #8950fc;
    border-color: #8950fc;
    color: #fff;

}.alert.alert-secondary {
    background-color: #e4e6ef;
    border-color: #e4e6ef;
    color: #3f4254;
}.alert.alert-success {
    background-color: #1bc5bd;
    border-color: #1bc5bd;
    color: #fff;
}.alert.alert-danger {
    background-color: #f64e60;
    border-color: #f64e60;
    color: #fff;
}.alert.alert-warning {
    background-color: #ffa800;
    border-color: #ffa800;
    color: #fff;
}.alert.alert-info {
    background-color: #f47521;
    border-color: #f47521;
    color: #fff;
}.alert.alert-light {
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    color: #7e8299;
}
.alert.alert-white {
    background-color: #fff;
    border-color: #fff;
    color: #7e8299;
}

.alert:not(.alert-static){
    position:fixed;
    right:30px;
    top:10px;
    width:350px;
    z-index:9999;
    display:none;
    transition: top .3s ease ;
}
.alert:not(.alert-static) i{
    float: left;
    font-size: 200%;
    margin: -4px 11px 0 0;
}

.alert:not(.alert-static) .fa-check-circle:before{
    content:'\f00c';
}
.alert-static{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1.5rem 2rem;
}
.alert-static .alert-text{
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.alert-static .alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem 0 0;
    font-size: 25px;
    color: #f47521;
}

.alert.alert-light-danger {
    background-color: #FFE2E5;
    border-color: transparent;
    color: #F64E60;
}
.alert-light-danger .alert-icon {
    color: #F64E60;
}
.alert.alert-light-primary {
    background-color: #E1F0FF;
    border-color: transparent;
    color: #f47521;
}
.alert-light-primary .alert-icon {
    color: #f47521;
}
.alert.alert-light-warning {
    background-color: #FFF4DE;
    border-color: transparent;
    color:#FFA800;
}
.alert-light-warning .alert-icon {
    color: #FFA800;
}
.alert.alert-light-success {
    background-color: #C9F7F5;
    border-color: transparent;
    color:#1BC5BD;
}
.alert-light-success .alert-icon {
    color: #1BC5BD;
}
.table-vcenter td{
    vertical-align:middle;
}
.di-none{
    display:none;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ebedf3;
}
.table-striped-light tbody tr:nth-of-type(odd) {
    background-color: #f3f6f9;
}
.table-striped-light tbody tr:nth-of-type(odd) td {
    padding:10px;
    border-radius: .42rem;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #ebedf3;
}

.table:not(.table-light) tbody  td {
    border: 1px solid #ebedf3;
    color: #3F4254;
    font-size: 1rem;
    padding: 1rem;
}
.table:not(.table-light) thead td {
    color: #7f848a;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding: 1rem;
    border-top: none;
    border: 1px solid #ebedf3;
    border-bottom: none;
    background: #f3f6f9;
    white-space: nowrap;
}

.table thead td a:not(.asc):not(.desc) {
    color: #7f848a;
}
.table thead td a  i {
    padding-right:5px;
}
.table thead td a i.kml{
    float: left;
    font-size: 10px;
    color:#f47521;
}
.table thead td a.asc i.kml{
    margin: 2px 0px 0 -4px;
}
.table thead td a.desc i.kml{
    margin: 2px 0px 0 -4px;
}
.table thead td a.asc i.kml:before{
    content:"\f12b";
}
.table thead td a.desc i.kml:before{
    content:"\f12c";
}
.table thead td a.asc_desc i {
    opacity:.5;

}
.text-line-through{
    text-decoration: line-through;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgb(249, 249, 253);
}

.table tr.checked-row{
    background: #f9e1d1 !important;
}

.table tr.checked-row1{
    background: #e5f5f4 !important;
}
.table tr.checked-row td,.table tr.checked-row1 td{
    border :1px solid #fff !important;
}
.table tbody td .img-thumbnail:not(a[data-toggle="image"]) {
    padding: 0;
    background-color: #ecf1f6;
    border: 1px solid #ecf1f6;
    border-radius: 0.42rem;
    max-width: 45px;
    height: auto;
}
.table:not(.table-light):not(.table-modern) tbody td .btn  {
    color: #797984;
    background-color: #F3F6F9;
    border-color: #F3F6F9;
}
.table:not(.table-light):not(.table-modern) tbody td .btn:hover{
    color: #FFFFFF !important;
    background-color: #f47521 !important;
    border-color: #f47521 !important;
}

.table  .dropdown-toggle.btn-light {
    background-color: #fff !important;
    border-color: #e9ecf1 !important;
    color: #3F4254 !important;
    height: calc(1em + 1rem + 10px);
    padding: 10px 10px;
    font-size: 1rem;
    line-height: 1.1;
}
.table:not(.table-light):not(.table-modern) tbody td  .dropdown-toggle.btn-light:hover {
    color: #3F4254 !important;
    background-color: #e9ecf1 !important;
    border-color: #e9ecf1 !important;
}

.table .order-dropdown .dropdown-toggle::after {
    display: none;
}
.dropdown-header {
    font-size: 1rem;
    color: #878994;
}
a:hover {
    text-decoration: none !important;
}
.badge {
    padding: 0.9rem 0.75rem;
    height: 24px;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 3px;
    border-radius: 0.42rem;
}
.badge-primary{
    color: #f47521;
    background-color: #E1F0FF;
}
.badge-danger{
    color: #F64E60;
    background-color: #FFE2E5;
}
.badge-warning{
    color: #FFA800;
    background-color: #FFF4DE;
}
.badge-success{
    color: #1BC5BD;
    background-color: #C9F7F5;
}
.badge-secondary {
    color: #212529;
    background-color: #e4e6ef;
}

.checked-row .badge-primary{
    color: #212529;
    background-color: #d7dae4;
}
.checked-row .badge-danger{
    color: #212529;
    background-color: #d7dae4;
}
.checked-row .badge-warning{
    color: #212529;
    background-color: #d7dae4;
}
.checked-row .badge-success{
    color: #212529;
    background-color: #d7dae4;
}
.checked-row .badge-secondary {
    color: #212529;
    background-color: #d7dae4;
}
.pagination li{
    margin-right:5px;
}
.pagination .active span{
    position: relative;
    display: block;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    line-height: 1.25;
    color: #333;
    background-color: #ecf1f6;
    border: 1px solid #ecf1f6;
    border-radius: 100%;
    text-align:center;
}
.pagination a{
    position: relative;
    display: block;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    line-height: 1.25;
    text-align: center;
    color: #ffffff;
    background-color: #f47521;
    border: 1px solid #f47521;
    border-radius: 100%;
    outline: none;
}
.pagination a:focus{
    outline: none;
    box-shadow: 0 0 0 0 rgb(54 153 255 / 0%);
}
.pagination a:hover {
    color: #f47521;
    background-color: #ecf1f6;
    border-color: #ecf1f6;
}
.pagination li:last-child a ,.pagination li:first-child a {
    border-radius: 100% !important;
}


.btn-group {
    white-space: nowrap;
}
span.help[data-toggle="tooltip"],label.control-label.help span:after{
    cursor: help;
}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after {
    color: #ffffff;
    font-family: FontAwesome;
    content: "\f128";
    font-size: 13px;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #f47521;
    border-radius: 50%;
    margin: 1px 0px 0px 4px;
    text-align: center;
    position: absolute;
    cursor: help;
}
fieldset legend {
    padding-bottom: 5px;
}

.form-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12.5px;
    margin-left: -12.5px;
}

.panel .nav-tabs,.card .nav-tabs {
    border-bottom: 1px solid #E4E6EF;
    padding:0 20px;
}
.panel   .nav-tabs .nav-item,.card .nav-tabs .nav-item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: -1px;
}
.card   .nav-tabs  .nav .nav-link,.panel   .nav-tabs .nav-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border: none;
    border-bottom: 3px solid transparent;
    margin: 0 10px;
    font-weight: 500;
    color: #7E8299;
    padding-left: 0;
    padding-right: 0;
}
.panel  .nav-tabs .nav-item .nav-link:hover:not(.disabled),
.panel   .nav-tabs .nav-item .nav-link.active,
.panel   .nav-tabs .nav-item .show > .nav-link ,
.card   .nav-tabs .nav-item .nav-link:hover:not(.disabled),
.card   .nav-tabs .nav-item .nav-link.active,
.card   .nav-tabs .nav-item .show > .nav-link
{
    border:none;
    border-bottom: 3px solid #f47521;
}
.card   .nav-tabs  .nav-item:first-child .nav-link ,.panel   .nav-tabs  .nav-item:first-child .nav-link {
    margin-left: 0;
}


.custom-nav .nav-tabs {
    border-bottom: 1px solid #E4E6EF;
    padding:  10px;
    display:flex;
}
.custom-nav .nav-tabs .nav-item {
    flex-grow: 1;
    flex-basis: 0;
}
.custom-nav  .nav-tabs .nav-link {
    border: 1px solid #e4e6ef;
    margin: 0 4px;
    font-weight: 500;
    color: #7E8299;
    font-weight:600;
    padding: 10px;
    background: #ffffff;
    border-radius: .42rem;
    text-align:center;
}
.custom-nav  .nav-tabs .nav-link span{
    display:block;
    text-align: center;
}
.custom-nav  .nav-tabs .nav-link  svg {
    stroke: #B5B5C3;
    width:28px;
    height:28px;
    stroke-width:2;
}
.custom-nav  .nav-tabs .nav-link i {
    color: #B5B5C3;
}
.custom-nav  .nav-tabs .nav-item .nav-link:hover:not(.disabled),
.custom-nav   .nav-tabs .nav-item .nav-link.active,
.custom-nav   .nav-tabs .nav-item .show > .nav-link
{
    border: none;
    background: #f47521;
    color: #fff;
}
.custom-nav  .nav-tabs .nav-item .nav-link:hover:not(.disabled) svg,
.custom-nav   .nav-tabs .nav-item .nav-link.active svg,
.custom-nav   .nav-tabs .nav-item .show > .nav-link svg
{
    stroke:#fff;
}
.custom-nav  .nav-tabs .nav-item .nav-link:hover:not(.active)
{
    border: 1px solid #e4e6ef;
    background: #fff;
    color: #f47521;
}
.custom-nav  .nav-tabs .nav-item .nav-link:hover:not(.active) svg
{
    stroke: #f47521;
}
.custom-nav  .nav-tabs .nav-item .nav-link:hover:not(.active) i {
    color: #f47521;
}

.custom-nav   .nav-tabs  .nav-item:first-child .nav-link  {
    margin-left: 0;
}

.form-control,.dropdown-toggle.btn-light {
    background-color: #fff;
    border-color: #e9ecf1;
    color: #868686;
    height: calc(1.5em + 1.65rem + 2px);
    padding: 0.825rem 1.42rem;
    font-size: 1.08rem;
    line-height: 1.5;
    border-radius: 0.42rem;
    font-weight: 400;
}
.form-control.not-light{
    background-color: #fff;
    border:none;
    color: #868686;
    height: 42px;
    font-weight: 400;
    padding: 10px 16px;
    font-size: 1rem;
    box-sizing: border-box;
    border-radius: 50%;
}
.form-control-sm, .form-control-sm .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: calc(1.5em + 0.5rem + 10px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .42rem;
}
.bootstrap-select.form-control-sm .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle {

    line-height: 2.2;
}

.form-control:active, .form-control.active, .form-control:focus, .form-control.focus, .disabled:focus,
.disabled:active{
    color: #3F4254 !important;
    background-color: #fff !important;
    border-color: #c6cfe4 !important;
    outline: 0 !important;
    box-shadow: none;
}
.form-control:not(.not-light):active, .form-control:not(.not-light).active, .form-control:not(.not-light):focus,  .form-control:not(.disabled):active,   .form-control:not(.disabled):focus, .form-control:not(.not-light).focus,
.dropdown-toggle.btn-light:hover,.dropdown-toggle.btn-light:active,.dropdown-toggle.btn-light:focus,
.show > .btn-light.dropdown-toggle{
    background : #f8fafd !important;
    border-color: #edf2f7 !important;
    color: #3F4254 !important;
    outline:none !important;
    box-shadow:none !important;
}

.form-c
.input-group-white .form-control:active , .input-group-white .form-control:focus  {
    background: transparent !important;
    border : none !important;
    color: #3F4254 !important;
}
.form-bordered-control .form-control,.form-bordered-control  .dropdown-toggle.btn-light {
    background-color: #fff;
    border-color: #E4E6EF;
}
.form-bordered-control .form-control:active,.form-bordered-control .form-control.active,.form-bordered-control .form-control:focus,.form-bordered-control .form-control.focus,
.form-bordered-control .dropdown-toggle.btn-light:hover,.form-bordered-control .dropdown-toggle.btn-light:active, .form-bordered-control .dropdown-toggle.btn-light:focus,
.form-bordered-control .show > .btn-light.dropdown-toggle{
    background-color: #fff !important;
    border-color: #69b3ff !important;
}
input[type="radio"], input[type="checkbox"] {
    margin: 2px 0 0;
}
.radio, .checkbox {
    min-height: 18px;
}
.radio, .checkbox ,.radio label, .checkbox label{
    cursor:pointer;
}
.radio input[type="radio"],  .checkbox input[type="checkbox"] {
    margin: 0px 5px 0 0;
}
input[type="radio"] , .radio input[type="radio"] , .radio-inline input[type="radio"] , input[type="checkbox"] , .checkbox input[type="checkbox"] , .checkbox-inline input[type="checkbox"] {
    position: relative;
    width: 18px;
    width: 18px \0;
    height: 18px;
    height: 18px \0;
    -webkit-appearance: none;
    background: white;
    border: 1px solid #e4e4e4;
    border: 1px solid transparent \0;
    border-radius: 0.32rem;
    float: left;
    cursor: pointer;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
    border-color: #e4e4e4;
    outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
    background-color: #f47521 !important;
    border-color: #f47521 !important;
}

input[type="radio"] , .radio input[type="radio"] , .radio-inline input[type="radio"]  {
    width: 18px;
    width: 18px \0;
    height: 18px;
    height: 18px \0;
    border-radius: 1em;
}

input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {

}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
    position: relative;
    top: 4px;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    background: #fff;
    border-radius: 1em;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
    background: #f47521   !important;
    border-color: #f47521   !important;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
    position: absolute;
    top: 0px;
    left:3px;
    display: block;
    content: "\f00c";
    font-family: FontAwesome;
    font-size:12px;
    color:#fff;
}
.input-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8ecf1;
    border-radius: 0.42rem;
}
.input-group-addon{
    padding: 0 1.1rem 0 1.1rem;
    line-height: 15px;
}

.form-group .input-group:nth-child(n+1),.lang-group .input-group:nth-child(n+1){
    margin-bottom:5px;
}
.form-group .input-group:last-child,.lang-group .input-group:last-child{
    margin-bottom:0px;
}

.col-form-label {
    padding-top: calc(0.375rem + 6px);
}


::placeholder {
    color: #b7becc !important;
    opacity: 1 !important;
    font-weight:400 !important;
}

:-ms-input-placeholder {
    color: #b7becc !important;
    font-weight:400 !important;
}

::-ms-input-placeholder {
    color: #b7becc !important;
    font-weight:400 !important;
}
.connected_list_container:not(:empty) {
    padding: 10px;
    background: #f7f8f9;
    border-radius: .42rem;
    margin: 10px 0;
}
.connected_list_container label{
    font-size: 85%;
    border: 1px solid #dfe6e4;
    color: #485448;
    font-weight: 400;
    margin: 3px 32px 0 0;
    display: inline-block;
    padding: 8px 8px 8px 8px;
    border-radius: .42rem;
    background: #fff;
}
label.label-default, .label-default{
    width: auto;
    height: auto;
}
.connected_list_container span {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: #e3e9ef;
    margin: 3px 0 0 -36px;
    position: absolute;
    cursor: pointer;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
}
.connected_list_container span:before{
    content: "\f00d";
    font-family: FontAwesome;
    color: #535353;
    font-size: 12px;
    margin: 8px 0 0 0px;
    display: inline-block;
}

.empty-image-btn-holder{
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    text-align: center;
    border: 2px dashed #EBEDF3;
    border-radius: 0.42rem;
    box-sizing: border-box;
}
.empty-image-btn-holder i {
    font-size:2rem;
    color:#EBEDF3;
}
.empty-image-btn-holder span{
    color:#7f8186;
}

[data-toggle="image"]{
    text-decoration: none !important;
    display: inline-block;
    width: auto;
    padding: 0;
    background-color: #fff;
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.42rem;
}
[data-toggle="image"] img{
    border-radius: 0.42rem;
    border: 1px solid #e8ecf1;
    box-sizing: border-box;
    display: none;
    width: 100%;
}
[data-toggle="image-btns"] {
    display: grid;
    justify-items: end;
    align-content: space-between;
}
[data-toggle="image-btns"] .f-btn{
    border-radius: 50%;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    cursor: pointer;
    color: #f64e5f;
    background-color: #f3f6f9;
    border: 1px solid #e8ecf1;
    margin: -8px;
    padding: 0px;
}
[data-toggle="image-btns"] .f-btn.hide{
    display:none;
}
[data-toggle="image-btns"].with-help{
    float: left;
}
div[data-toggle='image-help']{
    display: table ;
    float: right;
    width: calc(100% - 120px);
}
div[data-toggle='image-help'] .ttd{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    height: 105px;
}

.modal-content {
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-radius: 0.42rem;
}

.modal-header {
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #EBEDF3;
    border-top-left-radius: 0.42rem;
    border-top-right-radius: 0.42rem;
}
.sticky-modal .modal-header:not(.none-sticky) {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.sticky-modal .modal-body:not(.none-sticky){
    min-height: calc(100vh - 170px);
}

.modal-footer {
    padding: 1.5rem;
    border-top: 2px solid #EBEDF3;
    border-bottom-right-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
.sticky-modal .modal-footer:not(.none-sticky) {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #fff;
}
.modal .modal-header .modal-title {
    font-weight: 500;
    font-size: 1.3rem;
    color: #181C32;
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-header .close,.quick-panel .close{
    font-size: 23px;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    padding: 0;
    opacity: 1;
    color: #656565;
    text-shadow: none;
    font-weight: normal;
    background-color: #f3f6f9;
    border: 1px solid #f3f6f9;
    border-radius: .42rem;
    box-shadow: none;
    outline: none;
    float: right;
    margin: -3px 0 -4px 0;
    cursor:pointer;
}
.modal-header .close:focus .modal-header .close span:focus,.note-btn:focus,.note-btn:active,.quick-panel .close:focus{
    box-shadow: none;
    outline:none;
}
.modal-header .close:hover,.quick-panel .close:hover{
    background-color: #dae3ec;
    border-color: #dae3ec;
    color: #656565;
    opacity: 1 !important;
}
.modal-header .close span,.quick-panel .close span{
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.modal-header .close:hover span,.quick-panel .close:hover span{
    -webkit-transform: rotate(90deg) rotateY(0);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


/*.modal-lg{
    min-width: 80%;
}*/

#filemanager   .img-thumbnail{
    display:inline-block;
    width:auto;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);


    padding: 0.25rem;
    background-color: #fff;
    border: 0px solid #dee2e6;

    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:20px;
    border-radius: 0.42rem;
}
#filemanager .folder-t{
    width: 106px;
    height: 106px;
    line-height: 140px;
    text-align: center;
}
#filemanager  input[type="checkbox"]  {
    float: none;
    margin: 0px 4px -4px 0;
}

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

.table-title  {
    font-size: 1.08rem;
    color: #3F4254 !important;
}
.font-weight-bold {
    font-weight: 500 !important;
}
.tooltip.in,.tooltip.fade,.tooltip.show{
    opacity: 1 !important;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.75rem 1rem;
    color: #3F4254;
    text-align: left;
    background-color: #ffffff;
    border-radius: 3px;
    opacity: 1 !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff;
}

.note-btn{
    height: 33px;
    line-height: 15px;
    background: #f3f6f9;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
    text-align: center;
    background: #fff;
    border-bottom:1px solid #cdcdcd;
}
.note-editor.note-frame {
    margin-bottom:0px !important;
    border: 1px solid #ecf0f3 !important;
    border-radius: .42rem;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 0 rgba(33,33,33,.14), 0 0 0px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 0 0 rgba(33,33,33,.14), 0 0 0px 0 rgba(0,0,0,.14);
    float: right;
    width: 100% ;
    display: block;
}
.input-group .note-editor.note-frame {
    width: calc(100% - 45px);
}

.note-popover.popover {
    max-width: none;
    display: none;
}
.note-editor.note-frame .dropdown-toggle::after {
    display: none;
}
.modal-body>.form-group{
    padding:20px;
}
.form-sm .form-group{
    padding:0px;
}
.note-air-popover  .note-color .btn-group  ,
.note-editor .note-color .btn-group  {
    display: block;
    clear:both;
}

.note-air-popover  .note-color .note-holder ,.note-air-popover  .note-color-row,
.note-editor .note-color .note-holder ,.note-editor .note-color-row {
    float: left;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
    background: #fff;
    border-bottom: 1px solid #f3f6f9;
    min-height: 46px;
}

.note-air-popover   .popover-content,.note-air-popover  .panel-heading.note-toolbar {
    display: inline-flex;
    background: #f9e1d1;
    border-radius: 5px;
    border-bottom: none;
    min-height: 22px;
}

.note-air-popover .dropdown-toggle::after {
    display:none !important;

}
.note-air-popover .dropdown-menu li,.note-air-popover .dropdown-menu li a {
    display:block !important;
}
.note-editing-area{
    border: 1px solid #e9ecf1;
    color: #3F4254;
    background: #fff;
    padding: 10px;
    border-radius: 0.42rem;
}
.note-popover .popover-content .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i {
    visibility: visible;
    font-style: normal;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    color:#212529;
}
.note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu {
    min-width:60px;
}

.form-group .form-text {
    font-size: 0.9rem;
    font-weight: 400;
    margin-left: 7px;
}
.calculate-btn{
    cursor: pointer;
}

.dropzone.dropzone-default {
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border: 2px dashed #EBEDF3;
    border-radius: 0.42rem;
    display:inline-block;
}
.dropzone.dropzone-default:hover {
    border: 2px dashed #EBEDF3;
    background: #fcfdff;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.dropzone.dropzone-default .dropzone-msg-title {
    color: #3F4254;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.2rem;
}
.dropzone, .dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dropzone.dropzone-default .dropzone-msg-desc {
    color: #B5B5C3;
    font-weight: 400;
    font-size: 1rem;
}


.table-light.table-white, .table-light.table-white > th, .table-light.table-white > td {
    background-color: #fff;
}
.variant_image{
    position:relative;
}
.variant_image img{
    width:100px;
}
.variant_image  {
    margin-bottom: 40px;
}
.variant_image_name{
    display: block;
    position: absolute;
    width: 100px;
    text-align: center;
    margin-top: -13px;
}
a[data-toggle=image]{
    cursor: default;
}

.btn-outline-secondary {
    color: #7d7f8a;
    border-color: #e4e6ef;
}
.form-inline-w-100 .form-control,.w-100{
    width:100%;
}
.w-100px{
    width:100px;
}
.w-145px{
    width:145px;
}
.w-m-250{
    min-width: 250px;
}
.w-m-200{
    min-width: 200px;
}
.spc-inline .form-group{
    width:50%;
    margin:0;
}
.spc-inline .form-control{
    width:1%;
}
.left-label{
    justify-content: left !important;
}
.autocomplete-loading{
    display: none;
    position: absolute;
    right: 5px;
    top: 22px;
}
.related_product_content .autocomplete-loading {
    right: 18px;
    top: 30px;
}
.mp_category-list-content .autocomplete-loading{
    position: static;
}
.autocomplete.dropdown-menu  {
    max-height: 30vh;
    overflow-y: auto;
    padding: 0;
}
.autocomplete-loading:after{
    content: "\f110";
    font-family: FontAwesome;
    color: #666;
    margin: 5px 5px -36px 0;
    font-size: 20px;
    position: relative;
    float: right;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bootstrap-select  .autocomplete-loading{
    position: absolute;
    right: 17px;
    top: -2px;
    display: block;
}
.autocomplete.dropdown-menu li a  {
    display: table;
    width: 100%;
    padding: 11px;
    border-bottom: 1px solid #e9ecf1;
    color: #181c32;
}
.autocomplete.dropdown-menu li a .item-container {
    display: table;
}
.autocomplete.dropdown-menu li a:hover{
    background: #daefe6;
}
.autocomplete.dropdown-menu li:first-child a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.autocomplete.dropdown-menu li:last-child a {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: none;
}
.autocomplete.dropdown-menu li .item_img{width:40px;display: table-cell;}
.autocomplete.dropdown-menu li .item_img img{
    width: 100%;
    border-radius: .42rem;
    background: #fff;
    padding: 4px;
    display: block;
    border: 1px solid #eee;
}
.autocomplete.dropdown-menu li .item{display: table-cell;vertical-align: middle;padding-left:6px;}
.autocomplete.dropdown-menu li .item_name{font-weight: bold;font-size:13px;}
.autocomplete.dropdown-menu li .item_price{font-size: 11px;}



.autocomplete-results{
    margin-top: 5px;
    padding: 0;

}
.sortable li,.sortable-target li,.sortable-destination li{
    cursor: move;
}
.sortable-target  {
    padding:0px !important;
}
.autocomplete-result {
    display: block;
    border  : 1px solid #f3f6f9;
    border-top: none;
}
.autocomplete-result:nth-child(even)  {
    background-color: #fff;
}
.autocomplete-result:nth-child(odd)  {
    background-color: #fff;
}
.autocomplete-result:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border : 1px solid #f3f6f9;
    border-top: none;
}
.autocomplete-result:first-child {
    border : 1px solid #f3f6f9;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.autocomplete-result .autocomplete-item-container  {
    display: table;
    width:100%;
    padding:6px;
}

.autocomplete-result .autocomplete-item-container .item_img{width:40px;display: table-cell;}
.autocomplete-result .autocomplete-item-container .item_img img{
    width: 100%;
    border-radius: .42rem;
    background: #fff;
    padding: 4px;
    display: block;
    border: 1px solid #eee;
}
.autocomplete-result .autocomplete-item-container .item{display: table-cell;vertical-align: middle;padding-left:6px;}
.autocomplete-result .autocomplete-item-container .item_name{ font-size:13px;}
.autocomplete-result .autocomplete-item-container .item_price{font-size: 11px;}
.autocomplete-result .remove-itm{
    float: right;
    margin: -45px 0px 0 0;
    font-size: 17px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
#mp_category-list .autocomplete-result{
    cursor: auto;
    background: #f3f6f9;
    border: 1px solid #e9ecf1;
    padding: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    place-content: space-between;
    justify-content: space-between;
}
#mp_category-list .autocomplete-result .remove-itm{
    margin:0;
    float:none;
}
.gallery_images{
    list-style-type: none;
    padding:0;
}
.gallery_images li a{
    cursor: move;
}
.mb-10, .my-10 {
    margin-bottom: 2.5rem !important;
}
.mb-a {
    margin-bottom: 1rem !important;
}
.mt-10  {
    margin-top: 2.5rem !important;
}
h6, .h6 {
    font-size: 1.175rem;
}



.treeview .tree, .treeview .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.treeview .tree ul {
    margin-left: 28px;
    position:relative
}
.treeview .tree ul ul {
    margin-left:.5em
}
.treeview .tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:-2px;
    border-left:1px solid #999;
}
.treeview .tree li {
    margin:0;
    padding:0 1em;
    color:#313131;
    font-weight:700;
    position:relative
}
.treeview .tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #999;
    margin-top: -4px;
    position: absolute;
    top: 1em;
    left: 0;
}
.treeview .tree ul li:last-child:before {
    height:auto;
    top:1em;
    bottom:0
}
.treeview .indicator {
    margin-right: 5px;
    color:#1e91cf;
}
.treeview .tree li a {
    text-decoration: none;
    color:#369;
}
.treeview .tree li button,.treeview  .tree li button:active,.treeview  .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.treeview .tree li  input{
    float: left;
    display: inline-block !important;
    margin: 3px 5px 0 0;
}
.treeview .tree li label{
    font-weight:500;
    margin: 0px 0px 0px 0px !important;
}
.treeview .tree .branch{

}
#category_tree{
    padding-left: 7px;
}
.sortable-treeview ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
.sortable-treeview ul li{
    border-left: 1px solid #d7dce8;
    padding: 0 0 0px 20px;
    margin: 0 0 0 0;
}
.sortable-treeview ul li.has-sub {
    border-left: 1px solid #d7dce8;
    margin: 0px 0 0 0px;
    padding: 0 0 0px 0;
}
.sortable-treeview ul li:before{
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #d7dce8;
    margin: 14px 0 0 -21px;
    position: absolute;
}
.sortable-treeview ul li.has-sub:before{
    margin: 14px 0 0 0px;
}
.sortable-treeview ul li.has-sub ul {
    padding-left:17px;
}

.sortable-treeview ul li.has-sub ul:before{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #d7dce8;
    margin: -10px 0 0 0px;
    position: absolute;
}

.sortable-treeview ul li.has-sub ul:after{
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background: #d7dce8;
    margin: -1px 0 0 -18px;
    position: absolute;
}
.sortable-treeview ul li span.tree-title{
    padding:5px 0;
    display: block;
}
.sortable-treeview ul li i {
    font-size: 7px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #ebedf3;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin: 2px 14px 0 -8px;
    background: #fff;
    float: left;
}

.sortable-treeview ul li .indicator_before{

}
.sortable-treeview ul li .indicator_after{

}
.sortable-treeview ul li .label-dot{
    line-height: 7px;
    min-height: 7px;
    min-width: 7px;
    height: 7px;
    width: 7px;
    margin: -2px 3px 0 -7px;
}
.cursor-pointer{
    cursor: pointer;
}


.dropdown-menu-right {
    left: auto !important;
}

.xml_nodes,.xml_nodes ul.node_list{
    display:block;
    width:100%;
    padding:0 0 0 0px;
}

.xml_nodes li.node{
    list-style-type: none;
    padding:4px;
    width:100%;
    display: block;
    border-bottom: 1px solid #eee;
}
.xml_nodes li.node.has-child{
    padding:4px 0 0 0;
}
.xml_nodes ul.node_list .node{
    padding:4px 4px 4px 20px;
}
.xml_nodes li.node:nth-last-child{
    border-bottom: 0px solid #eee;
}
.xml_nodes li.node .pull-left{
    padding-top:9px;
}
.xml_nodes li.node  .node-1{
    padding: 12px 0 12px 4px;
    border-bottom: 1px solid #eee;
}
.xml_nodes li.node  .node-2{
    padding: 13px 0 12px 4px;
}
.xml_nodes li.node  .dropdown-toggle{
    height: auto !important;
    padding: 6px !important;
}

.form-text.text-muted{
    color: #87919c!important;
}


.separator{
    margin:30px 0;
}
.separator.with-title{
    margin:50px 0 0 0;
}
.separator-dashed{
    border-bottom: 1px dashed #E4E6EF
}
.form-title{
    margin:40px 0  0px  0;
    font-size:1.3rem;
    color:#000;
}

.bootstrap-select .dropdown-menu .inner{
    max-height:280px;
}
form.filter_form .bootstrap-select .dropdown-menu .inner {
    max-height: 109px;
}
.bootstrap-select .dropdown-header span.text{
    font-size: 16px;
    color: #969696;
}
.campaign_field{
    display: none;
}
.campaign_condition_name{
    font-size:18px;
    margin-bottom:7px;
}

.campaign_desc ul{
    padding-left: 20px;
}
.dynamic_table [data-toggle="image"]{
}

.module_type .table td{
    position:relative;
}
.module_type .table td .remove_row_btn{
    margin-top: -4px;
}
.module_type .table td .a_c{
    margin-bottom: 4px;
}
.module_type .table td .cc-title {
    display: block;
    margin: 0 0 3px 5px;
    font-size: 14px;
    color: #8e919b;
}
.bb-image-holder a,.cc-image-holder a{
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0 0.1rem 0.5rem 0.3rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.1rem 0.5rem 0.3rem rgba(0, 0, 0, 0.075);
    margin-bottom:0px;
}
.bb-image-holder a{
    height: 140px;
}
.cc-image-holder a{
    width: 106px;
    margin-left:10px;
}
.cc-image-holder {
    position:relative;
    width:auto;
    margin: 12px 0 0 0;
}
.bb-image-holder .f-btn,.cc-image-holder a .f-btn{
    -webkit-box-shadow:0px 3px 8px 0px rgba(24, 28, 50, 0.25) !important;
    box-shadow:0px 3px 8px 0px rgba(24, 28, 50, 0.25) !important;
}

.full-loading{
    display: table-cell;
    width:100%;
    height:100%;
    left:0;
    top:0;
    text-align: center;
    vertical-align: middle;
    color:#f0f8ff;
    font-size:39px;
}

.modal-backdrop {
    display: table;
    width: 100%;
    height:100%;
    opacity:1 !important;
    background-color:rgba(0,0,0,.5);
}
.no-border{
    border:none ;
}
.has-error{
    border-color:red !important;
}
.equal {
    height: 100%;
    width: calc(100%  );
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
}

.equal-l{
    height: 100%;
    width: calc(100% - 0px);
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
}
.equal-r{
    height: 100%;
    width: calc(100% - 0px);
    position: absolute;
    left: 0px;
    top: 0;
    right: auto;
}
.equal-h {
    height: 100%;
}
.card-header-sm{
    min-height: 0 !important;
    padding: 15px !important;
    font-size: 17px;
    font-weight: 500 !important;
}
.card-header-xs{
    min-height: 0 !important;
    padding: 12px !important;
    font-size: 15px;
    font-weight: 500 !important;
}
.clearfix{
    clear: both;
}
.min-height-100{
    min-height:100px;
}
.min-height-85{
    min-height:85px;
}
.min-height-60{
    min-height:60px;
}
.cursor-no-drop{
    cursor:no-drop;
}
.module-list-group  {
    overflow: auto !important;
    max-height: none !important;
}
.module-list-group .list-group-item{
    display: block;
    padding: 20px;
    flex-grow: unset;
    margin: 0;
}
.border-1{
    border-width:1px !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-1-primary{
    border:0.25rem solid #369afe;
}
.visual_design{
    margin: -30px -15px -40px -15px;
}

.note-toolbar  {
    justify-content:left !important;

}
.card-header {
    border-bottom: 1px solid #EBEDF3;
}
.form-control.form-control-solid {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #3F4254;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.col-form-label.pt-0{
    padding-top: calc(0.375rem + 1px) !important;
}

.text-dark-50 {
    color:#505050 !important;
}
.max-w-400px {
    max-width: 400px !important;
}
.bg-light-success {
    background-color: #FFF4DE !important;
}

.font-size-h6 {
    font-size: 1.175rem !important;
}
.text-dark-75 {
    color: #333 !important;
}
.bg-light-primary {
    background-color: #f3f6f9 !important;
    color: #3c3c3e;
}
.bg-light-warning {
    background-color: #FFF4DE;
    color:#4c4536;
}
.bg-light-warning .text-muted{
    color: #888 !important;
}

.bg-light-danger {
    background-color: #FFE2E5;
    color: #803d44;
}
.bg-light-dark{
    background: #e6e6e8;
    color: #555569;
}
.bg-lighter{
    background: #fff;
    color: #797878;
    line-height: 1.3rem;
    border: 1px solid #e9ecf1;
    padding: 5px;
}

.alert.alert-light-primary {
    background-color: #E1F0FF;
    border-color: transparent;
}

.alert.alert-light-success {
    background-color: #C9F7F5;
    border-color: transparent;
}
.alert.alert-light-danger {
    background-color: #FFE2E5;
    border-color: transparent;
}
.alert.alert-light-warning {
    background-color: #FFF4DE;
    border-color: transparent;
}

#helpDiv{ margin-bottom:5px; }
.keyCol { width:200px; }
.pageCol { width:250px; }
.translationCol { cursor:pointer; }
#searchRow td{ font-weight:normal; }
#transTable thead { background-color:#fff; }
#transTable thead.fixed-header { background-color:#f64e5f;color:#fff; }
#loadInfoDiv { text-align: center; }
#loadingTextsWait { font-size:3em; }
#loadMoreBtn, #noTextsFound, #scrollToTopBtn, #notTranslatedTemplate { display:none; }
.transTextArea { width:100%; }
#layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; display: none; }
.controls { padding-top: 10px !important; }
.controls a { font-size: 15px; margin: 0 0 0 10px; color: #000; }
.controls a.active { background: #000; color: #fff; text-decoration: none; padding: 2px 5px; }
.controls span { font-weight: 700; }
#ctrls-holder { margin-top: 14px; margin-left: -80px; position: absolute; float: right; background: #fff; border: 1px solid #ccc; border-bottom: none; z-index: 1; padding: 2px; }
#ctrls-holder a { margin:2px 5px; }
.transTextArea { width: 100%; padding: 2%; border: 1px solid #ccc; margin-top: 18px; position: relative; z-index: 1; }
.link-disabled{ pointer-events: none; }
.modalSandbox { width:100%; }

.transDiv:after{
    content: "\f040";
    font-family:fontawesome;
    padding-right:4px;
    color:#b5b5c3;
    margin:0 0 0 0;
    float:right;
}

#excel_table tr:first-child td{
    background: #f3f6f9;
    white-space: nowrap;
}

.integration-status{

}
.card-fixed{
    position: fixed;
    right:10px;
    bottom:10px;
    z-index:998;
    background-color: #f64e5f;
    border: 0px solid #f64e5f;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.5);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.5);
    width: 375px;
}

.card-fixed .card-header{
    min-height: 0;
    padding:10px;
    border-bottom: 1px solid #ea98a0;
}
.card-fixed .card-header .card-title  {
    margin: 0 10px 0 0;
}
.card-fixed .card-header .card-toolbar {
    margin: 0;
    padding: 0;
}
.card-fixed .card-header .card-title .card-label {
    margin: 0;
    font-size: 13px;
    color:#fff;
}
.card-fixed .card-body {
    background: #fff;
    border-radius: 0 0 calc(.42rem - 1px) calc(.42rem - 1px);
    padding:20px;
}
.card-fixed .separator {
    margin: 15px 0 10px 0;
}
.custom-file  .custom-file-input,.custom-file  .custom-file-label{
    outline: none;
    cursor: pointer;
}
.custom-file  .custom-file-label::after {
    content: "Gözat";
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #868686;
}
.file_manager_file_list{
    padding: 0;
    margin: -1px 0 0 -14px;
    border-right: 1px solid #e7edf3;
    border-bottom-left-radius: 0.42rem;
}
.file_manager_file_list .file_manager_dir-arrow{
    float: right;
    margin: -43px 1px 0 0;
    font-size: 22px;
    cursor: pointer;
    width: 30px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #868686;
}
.file_manager_file_list .file_manager_dir-arrow:hover{
    background:#fafbfd;
}
.file_manager_file_list ul.file_manager_file_treeview{
    padding:0px;
    margin:0 0 0 2px;
    border-bottom:1px solid #e7edf3;
    min-height: 600px;
}
.file_manager_file_list ul.file_manager_file_treeview ul{
    padding:0px;
    margin:0 0 0 0;
}
button{
    cursor: pointer;
}
.file_manager_file_list ul li{
    display: block;
}
.file_manager_file_list ul li ul{
    display: none;
}
.file_manager_file_list ul li ul.active{
    display: block;
}
.file_manager_file_list ul li a{
    text-decoration: none;
    display: flex;
    align-items: center;
    color:#3f4254;
    border-top:1px solid #e7edf3;
    padding:12px 7px;
}
.file_manager_file_treeview > li:first-child a{
    border-top-left-radius: 0.42rem;
}

.file_manager_file_list ul li a i{
    font-size:17px !important;
}

.file_manager_file_list ul li a span{
    margin:0 0 0 6px;
}
.file_manager_file_list ul li a.active {
    text-decoration: none;
    background:#fafbfd;
}
.file_manager_file_list ul li a:hover {
    text-decoration: none;
    background:#fafbfd;
}
.file_manager_file_list ul li .btns {
    display: none;
}
.file_manager_file_list ul li:hover .btns {
    display:  inline-block;
}
.file_manager_file_list ul li .btns .btn-sm{
    padding: 0px 5px !important;
    border: none;
}
.file_manager_file_list ul li .btns .btn-sm i{
    font-size:14px !important;
}

.btn-outline-light {
    color: #8b90a0;
    border-color: #d9dbe0;
}
.file_manager .card-header{
    min-height: 10px;
    padding:10px;
}
.file_manager .card-toolbar .form-row{
    margin-right:0px;
    margin-left: 0px;
}
.file_manager .card-toolbar .form-group{
    margin-right:0px;
    margin-left: 0px;
}
.file_manager .pagination,.file_manager .breadcrumb{
    background: #fafbfd;
    padding: 12px;
    margin: 0px -43px 0 -15px;
    border-radius: 0;
    width: calc(100% + 28px);
}
.file_manager .pagination {
    margin: 0px -43px 0 10px;
}
.file_manager_pagination{
    display:block;
    width:100%;
}
.file_manager .breadcrumb{
    border-bottom: 1px solid #e7edf3;
}
.file_manager .pagination{
    border-top: 1px solid #e7edf3;
}
.file_manager .breadcrumb-item.active {
    color: #858896;
}
.file_manager .breadcrumb-item + .breadcrumb-item::before {
    color: #e4e6ef;
    content: "/";
}
.file_manager .breadcrumb-item + .count-li::before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: .42rem;
    background: #e4e6ef;
    margin: 8px 10px 0 6px;
    padding: 0;
}
.file_manager .breadcrumb i{
    color: #444759;
    float: left;
    margin: -1px 4px 0 0;
    font-size: 19px;
}
.file_manager .file_manager_files_scroll{
    height: calc(100vh - 340px);
}
.file_manager .file_manager_file_list .file_manager_file_tree{
    height: calc(100vh - 232px);
}
.file_manager .file_manager_filelist_container{
    position: relative;
}
.file_manager .file_manager_filelist_content{
    position: relative;
    margin: 0 -30px 0 0;
    height: 100%;
}
.file_manager .file_manager_filelist_view_loading{
    position: absolute;
    z-index: 1;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: calc(100% - 44px);
    left: 0;
    top: 44px;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
}
.file_manager .file_manager_filelist_view_loading .spinner{
    text-align: center;
    width:100%;
}
.file_manager .file_manager_filelist_view_loading .spinner i{
    font-size: 45px !important;
    color: #80839a;
}
.file_manager .card-toolbar .input-group{
    background: transparent;
}
.file_manager .card-toolbar .file_manager_search{
    height: calc(1.5em + 0.5rem + 8px);
    padding: 0.25rem 0.5rem;
    font-size: 0.975rem;
    line-height: 1.5;
    border-radius: 0.42rem;
    background: #ffffff;
    border: 1px solid #ebedf3;
    outline:none;
    width: 175px;
}
.file_manager .card-toolbar #file_manager_button-search{
    margin: 1px 6px 0 -32px;
    background:transparent;
    border: none;
    color: #212529;
    outline:none;
}
.file_manager .card-toolbar .file_manager_search:hover,.file_manager .card-toolbar .file_manager_search:focus,.file_manager .card-toolbar .file_manager_search:active{
    outline:none;
    box-shadow: none;
}
.file_manager .card-toolbar #file_manager_button-search:hover,.file_manager .card-toolbar #file_manager_button-search:focus,.file_manager .card-toolbar #file_manager_button-search:active{
    border: none;
    outline:none;
    box-shadow: none;
    background: transparent;
    cursor: pointer;
}


.file_manager .card-toolbar .btn-light {
    background: #ffffff;
    border: 1px solid #ebedf3;
}
.file_manager .card-toolbar .btn-light:hover {
    background: #e8edf3;
    border: 1px solid #dce0ea;
}
.file_manager .file_manager_file_image_content{
    margin-bottom: 20px;
    background: #fafbfd;
    border:5px solid #fafbfd;
    cursor: pointer;
}
.file_manager .file_manager_file_image_content.selected{
    border-color:#f47521;
}
.file_manager .file_manager_file_image_content a.file_manager_thumbnail{
    width: 100%;
    height:100px;
}
.file_manager .file_manager_file_image_content a.file_manager_thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.file_manager .file_manager_file_image_content .file_manager_image_desc{
    padding:10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:100%;
    font-size: 11px;
}
.file_manager .file_manager_search-container,
.file_manager .search-container{
    position: relative;
    margin:0 0 0 0;
}
.file_manager .file_manager_use-file-button{
    display: none;
}
#modal-image .file_manager .file_manager_use-file-button{
    display: block;
}
.file_manager .file_manager_use-file-button{
    padding: 4px 11px;
}
.no-results{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
    color: #8f919c;
}
.modal {
    padding: 0px !important;
}@media (min-width: 576px){
    .modal-large {
        max-width: 90% !important;
    }
    .modal-large-sm {
        max-width:90% !important;
    }
}

@media (min-width: 992px){
    .modal-large {
        max-width: 80% !important;
    }
    .modal-large-sm {
        max-width:900px !important;
    }
}

.modal-title  small{
    color: #B5B5C3;
    font-size: 1rem;
}
.table-container{
    margin-top:-1px;
    padding: 0 15px;
}
.table-container:before {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    background: #eff0f5;
    z-index: 1;
    border-bottom: 1px solid #e8e9ea;
}
.modal-body .table-responsive:before {
    display: none;
    height:0;
}
.modal-body .table-responsive{
    padding:0;
}
.table.table-vcenter thead th {
    vertical-align: middle;
    border-bottom: 0px solid #dee2e6;
    color: #3f4254;
    font-weight: 400;
}
.table.table-vcenter thead th:first-child{
    border-top-left-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
.table.table-vcenter thead th:last-child{
    border-top-right-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.table-modern  {
    border-collapse: separate;
    border-spacing: 0px 8px;
    position: relative;
    z-index:2;
    margin-top:-8px !important;
}

.table-modern tr{
    border-radius: 0.42rem;
    border: none;
    box-shadow: 0px 1px 3px 0px rgba(54,74,99,0.1);
    background: #fff;
}

.table-modern thead tr{
    background: #fff !important;
}
.table-modern thead.fixed-header{
    position:fixed !important;
    margin-top:0px !important;
    top:57px !important;
}
.table-modern thead.fixed-header tr{
    background:  #f5f6fa !important;
    box-shadow: 0px 1px 3px 0px rgba(54, 74, 99,  0.15);
}
.table-modern thead td,.table-modern thead td a{
    color:#8094ae !important;
}
.table-modern thead.fixed-header td,.table-modern thead.fixed-header td a{
    color:#8094ae !important;
}

.table-modern thead  tr td:first-child{
    border-bottom-left-radius:.42rem !important;
}
.table-modern thead tr td:last-child{
    border-bottom-right-radius: .42rem !important;
}

.table-modern thead.fixed-header tr td:first-child{
    border-top-left-radius: 0 !important;
}
.table-modern thead.fixed-header tr td:last-child{
    border-top-right-radius:  0 !important;
}
.table-modern thead.fixed-header tr td:first-child{
    border-bottom-left-radius: .42rem !important;
}
.table-modern thead.fixed-header tr td:last-child{
    border-bottom-right-radius:  .42rem !important;
}

.table-modern tbody td,.table-modern thead td{
    border:0px solid #333 !important;
    padding:1.25rem 1.75rem !important  ;
    color:#8094ae  ;
    vertical-align: middle;
}
.table-modern td.td-checkbox,
.table-modern td.td-id,
.table-modern td.td-image
{
    padding:1.25rem .75rem !important  ;
}
.table-editable tbody td,.table-editable thead td{
    padding:1.25rem 0.75rem !important  ;
}
.table-modern td.pr-0 {
    padding-right:0px !important  ;
}
.table-modern thead td{
    font-size: 13px;
    font-weight:400;
    letter-spacing: 0rem;
    background: transparent !important;
}

.table-modern tbody td{
    color:#8094ae  !important;
}
@media (min-width:1200px) {
    .table-lg-sm thead th,
    .table-lg-sm thead td,
    .table-lg-sm tbody td {
        padding: 1.25rem 0.8rem !important;
    }
    .table-lg-sm thead td a i {
        padding-right: 0px;
    }
}
.rounded {
    border-radius: 0.42rem !important;
}
.font-size-lg {
    font-size: 1.08rem;
}
.text-title{
    color:#3F4254 !important;
}
.text-hover-primary:hover{
    color: #f47521 !important;
}
.text-bold-100{
    font-weight: 100  !important;
}
.text-bold-200{
    font-weight: 100  !important;
}
.text-bold-300{
    font-weight: 100  !important;
}
.text-bold-400{
    font-weight: 400  !important;
}
.text-bold-500{
    font-weight: 500  !important;
}
.text-bold-600{
    font-weight: 600  !important;
}
.text-bold-700{
    font-weight: 700  !important;
}


.table-modern   tr td:first-child{
    border-top-left-radius: .42rem;
    border-bottom-left-radius: .42rem;
    padding-left: 25px !important;
}
.table-modern   tr td:last-child{
    border-top-right-radius: .42rem;
    border-bottom-right-radius: .42rem;
    padding-right: 25px !important;
}

.table-modern tr td .img-thumbnail {
    padding: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}
.table-modern tr td input.check-row-btn[type="checkbox"],.table-modern tr td input.check-all-btn[type="checkbox"] {
    border: 2px solid #dbdfea;
    top:0px;
}
.table-modern tr td input.check-row-btn[type="checkbox"]:checked,.table-modern tr td input.check-all-btn[type="checkbox"]:checked {
    border: 0px solid #dbdfea;
}
.table-modern tr td input.check-row-btn[type="checkbox"]:checked::after,.table-modern tr td input.check-all-btn[type="checkbox"]:checked::after {
    top: 0px;
}

.table-modern tr.checked-row td, .table-modern tr.checked-row1 td {
    border: 0px solid #fff !important;
    color:#505d6f !important;
}
.table-modern tbody tr:not(.checked-row):hover {
    background: #ffffff;
    box-shadow: 0 2px 15px -4px rgba(0, 0, 0, .2) !important;
}
.table-modern tbody tr.checked-row {
    background:rgba(82, 100, 132 , .1)   !important;
    box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0) !important;
}
.table-modern thead tr.checked-row {
    background:#fff  !important;
}
.table-modern  tbody td .btn:not(.colored) {
    color: #526484 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.table-modern tbody td .hover-circle {
    z-index:1;
    position: relative;
    padding:0px;
}
.table-modern  tbody td .btn:not(.colored):after {
    display: none;
}
.table-modern  tbody td  .input-group-addon {
    padding: 10px 0.4rem 10px 0.4rem;
    line-height: 15px;
    border-top-left-radius: .42rem;
    border-bottom-left-radius: .42rem;
}
.hover-circle,.hover-circle-dark,.hover-circle-white{
    z-index:1;
    position: relative;
}
.hover-circle:before,.hover-circle-dark:before, .hover-circle-white:before {
    position: absolute;
    z-index: -1;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    content: '';
    background-color: #f3f5f9;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;
}
.hover-circle-dark:before {
    background-color: rgba(0,0,0,.05);
}
.hover-circle-white:before {
    background-color: #fff;
}
.checkbox.hover-circle:before {
    background-color: #f3f5f9;
}
.hover-circle:hover:before,.hover-circle:focus:before,
.hover-circle-white:hover:before,.hover-circle-white:focus:before,
.hover-circle-dark:hover:before,.hover-circle-dark:focus:before{
    opacity: 1;
    height: 45px;
    width: 45px;
}
.checkbox.hover-circle:hover:before,.checkbox.hover-circle:focus:before{
    height: 45px !important;
    width: 45px !important;
    left: 9px;
    top: 9px;
}
.table-modern  tbody td .btn:not(.colored):hover,.table-modern tbody td .btn:not(.colored):focus{
    background-color: transparent !important;
    border-color: transparent !important;
    outline: none !important;
}
.table-modern  tbody td .btn:hover,.table-modern tbody td .btn:focus{
    outline: none !important;
}
.table-modern  tbody td:last-child svg{
    width:24px;
    height:24px;
}
.table-modern  tbody td.no-wrap{
    white-space:nowrap;
}
.white-space{
    white-space:nowrap;
}
.btn-circle+.dropdown-menu-right {
    margin-right: 16px;
}
.btn-circle+.dropdown-menu-right, .btn-circle+.dropdown-menu-left {
    margin: -.75rem 0;
}
.dropdown-menu{
    border: 1px solid #e5e9f2;
    box-shadow: 0 3px 12px 1px rgba(58,34,114,0.15);
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #404961;
    text-decoration: none;
    background-color: #dbdfea;
}
.link-list-opt{
    margin: 0;
    padding: 0;
    list-style: none;
}
.link-list-opt.border-0 {
    padding:   0;
}
.link-list-opt.border-0 li:not(.divider) {
    border-top-width: 0;
}

.link-list-opt a {
    display: flex;
    align-items: center;
    padding: .625rem 1.125rem;
    font-size: 13px;
    font-weight: 400;
    color: #526484;
    transition: all .4s;
    line-height: 1.9rem;
    position: relative;
}
.link-list-opt-sm a {
    line-height: 1rem;
}
.link-list-opt li:first-child ,.link-list-opt li:first-child a{
    border-top-left-radius: .42rem !important;
    border-top-right-radius: .42rem !important;
}
.link-list-opt li:last-child,.link-list-opt li:last-child a{
    border-bottom-left-radius: .42rem !important;
    border-bottom-right-radius: .42rem !important;
}
.link-list-opt a .icon {
    width: 30px !important;
    height: 16px !important;
    padding-right: 10px;
    opacity: .8;
    margin: -1px 0px 0 0;
}
ul.link-list-opt .dropdown-header {
    padding: 1rem 1rem .7rem 1rem;
    font-size: 1.1rem;
    color: #526484;
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.card-header-modern{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-header-modern h3{
    align-self: flex-end;
}
.card-header-modern .btn{

}
.card-header-modern .form-control{
    display: inline-block;
}
.card-header-modern .text-right{

}
.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}
.btn-floating-large {
    display: block;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    line-height: 56px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.fixed-action-btn ul {
    right: 8px;
    text-align: center;
    position: absolute;
    bottom: 55px;
    margin: 0;
    visibility: hidden;
    list-style: none;
    padding:0 0 38px 0;
    width:200px;
    z-index: -1;
}
.fixed-action-btn ul li {
    margin-bottom: 8px;
}

.fixed-action-btn ul a.btn-floating {
    opacity: 0;
}
.btn-floating {
    position: relative;
    z-index: 1;
    padding: 0;
    transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    cursor: pointer;
    vertical-align: middle;
    opacity:0;
    transition: all 0.2s ease-in-out;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 200px;
    color:#fff;
    text-decoration: none !important;
}
.btn-floating .icon{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    margin-left:10px;
}
.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px;
}
.btn-floating svg {
    width: 17px;
    height:17px;
}
.fixed-action-btn a span:first-child,.btn-floating .icon svg{
    display: inline-block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.fixed-action-btn:hover a{
    color:#fff;
}
.fixed-action-btn:hover a .icon{
    color:#fff;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.fixed-action-btn:hover a .text{
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: .42rem;
    box-shadow: 0px 1px 3px 0px rgba(54,74,99,0.4);
    text-decoration: none;
}

.fixed-action-btn:hover ul{visibility: visible;}
.fixed-action-btn:hover  ul a.btn-floating{
    opacity: 1;
    transform: translateY(20px) scale(1);
    -ms-transform: translateY(20px) scale(1);
}


.fixed-action-btn a.btn-floating-large:hover span:first-child{
    -webkit-transform: rotate(180deg) rotateY(0);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.fixed-action-btn a .icon:hover svg{
    -webkit-transform: rotate(180deg) rotateY(0);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.fixed-action-btn ul li:nth-last-child(1) .btn-floating{
    transition-delay: 100ms;
}
.fixed-action-btn ul li:nth-last-child(2) .btn-floating{
    transition-delay: 150ms;
}
.fixed-action-btn ul li:nth-last-child(3) .btn-floating {
    transition-delay: 200ms;
}
.fixed-action-btn ul li:nth-last-child(4) .btn-floating{
    transition-delay: 250ms;
}
.fixed-action-btn ul li:nth-last-child(5) .btn-floating{
    transition-delay: 300ms;
}
@media (max-width: 768px){
    .fixed-action-btn{
        display: none;
    }
}
.login-page{
    width:100%;
    min-height: 100vh;
    align-items:center;
}
.login-bg{
    height:100%;
    min-height: 100vh;
    width:100%;
}
.login-bg .text{
    color: rgba(0,0,0,.5);
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    padding: 120px 80px 100px 80px;
}
.login-bg img{
    width:100%;
}
.login-form{

}
.login-div {
    width: 360px;
    margin: 0 auto

}
.login-form form {

}
.login-form form .row{
    padding:40px;

}
.no-record{
    height: calc(100vh - 420px);
    font-size:20px !important;
    color:#eee !important;
}
.text-dark {
    color: #526484 !important;
}
a.text-dark:hover, a.text-dark:focus {
    color:#435069 !important;
}
.quick-panel{
    position: fixed;
    z-index: 1001;
    right:-395px;
    left:auto;
    top:0;
    width:375px;
    max-width: 90%;
    height: 100vh ;
    overflow:hidden;
    transition: right .3s ease, width .3s ease;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
}
.quick-panel-container{
    height: 100%;
}

.quick-panel-backdrop{
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    -webkit-animation: animation-offcanvas-fade-in .6s ease 1;
    animation: animation-offcanvas-fade-in .6s ease 1;
    display: none;
}
.quick-panel.opened{
    right:0;
}
.quick-panel-backdrop.opened{
    display: block;
}
.quick-panel .quick-panel-scroll{
    height: calc(100% - 35px);
}
.notify_list .seen-col{
    border-radius: .42rem;
}
.quick-panel .quick-panel-scroll .seen-col,.notify_list .seen-col{
    font-weight: 500;
}
.quick-panel .quick-panel-scroll .seen,.notify_list .seen{
    background: #fff !important;
    font-weight: 300;
}
.quick-panel .quick-panel-scroll .seen .text-bold-600,.quick-panel .quick-panel-scroll .seen .text-bold-500,.notify_list .seen .text-bold-600,.notify_list .seen .text-bold-500{
    font-weight: 500 !important;
}

.quick-panel .quick-panel-scroll svg{
    width:20px;
    height:20px;
}

.quick-panel .bootstrap-select .dropdown-item{
    width: auto !important;
    white-space: normal;
}
.quick-panel .bootstrap-select .dropdown-menu{
    transform: none !important;
    top: 45px !important;
}
.separator-sm{
    margin: 15px 0 !important;
}
#confirm_modal .modal-body, #alert_modal .modal-body{
    font-size: 1.2rem;
    padding: 30px;
    color: #526484;
}
#confirm_modal .modal-header, #alert_modal .modal-header{
    padding: 1.5rem 30px;
}
#confirm_modal .modal-title, #alert_modal .modal-title{
    color: #526484;
}

.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem; }
.switch label {
    margin: 0; }
.switch input:empty {
    margin-left: -999px;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0; }
.switch input:empty ~ span {
    display: inline-block;
    position: relative;
    float: left;
    width: 1px;
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.switch input:empty ~ span:before,
.switch input:empty ~ span:after {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in; }
.switch input[disabled] {
    cursor: not-allowed; }
.switch input[disabled] ~ span:after,
.switch input[disabled] ~ span:before {
    cursor: not-allowed;
    opacity: 0.5; }
.switch.switch-icon input:checked ~ span:after {
    font-family: Kml;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content:"\f108";
    line-height: 0;
}

.switch input:empty ~ span {
    margin: 2px 0;
    height: 30px;
    width: 57px;
    border-radius: 15px; }

.switch input:empty ~ span:before,
.switch input:empty ~ span:after {
    width: 54px;
    border-radius: 15px; }

.switch input:empty ~ span:after {
    height: 24px;
    width: 24px;
    top: 3px;
    bottom: 3px;
    margin-left: 3px;
    font-size: 0.65em;
    text-align: center;
    vertical-align: middle; }

.switch input:checked ~ span:after {
    margin-left: 26px; }

.switch.switch-sm input:empty ~ span {
    margin: 2px 0;
    height: 24px;
    width: 40px;
    border-radius: 12px; }

.switch.switch-sm input:empty ~ span:before,
.switch.switch-sm input:empty ~ span:after {
    width: 38px;
    border-radius: 12px; }

.switch.switch-sm input:empty ~ span:after {
    height: 20px;
    width: 20px;
    top: 2px;
    bottom: 2px;
    margin-left: 2px;
    font-size: 0.55em;
    text-align: center;
    vertical-align: middle; }

.switch.switch-sm input:checked ~ span:after {
    margin-left: 16px; }

.switch.switch-lg input:empty ~ span {
    margin: 2px 0;
    height: 40px;
    width: 75px;
    border-radius: 20px; }

.switch.switch-lg input:empty ~ span:before,
.switch.switch-lg input:empty ~ span:after {
    width: 72px;
    border-radius: 20px; }

.switch.switch-lg input:empty ~ span:after {
    height: 34px;
    width: 34px;
    top: 3px;
    bottom: 3px;
    margin-left: 3px;
    font-size: 0.75em;
    text-align: center;
    vertical-align: middle; }

.switch.switch-lg input:checked ~ span:after {
    margin-left: 34px; }

.switch input:empty ~ span:before {
    background-color: #EBEDF3; }

.switch input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch input:checked ~ span:before {
    background-color: #EBEDF3; }

.switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #1bc5be; }

.switch.switch-primary:not(.switch-outline) input:empty ~ span:before {
    background-color: #f47521; }

.switch.switch-primary:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-primary:not(.switch-outline) input:checked ~ span:before {
    background-color: #f47521; }

.switch.switch-primary:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #f47521;
    background-color: #ffffff; }

.switch.switch-outline.switch-primary input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-primary input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-primary input:checked ~ span:before {
    border: 2px solid #f47521;
    background-color: transparent; }

.switch.switch-outline.switch-primary input:checked ~ span:after {
    color: #ffffff;
    background-color: #f47521; }

.switch.switch-secondary:not(.switch-outline) input:empty ~ span:before {
    background-color: #E4E6EF; }

.switch.switch-secondary:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-secondary:not(.switch-outline) input:checked ~ span:before {
    background-color: #E4E6EF; }

.switch.switch-secondary:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #E4E6EF;
    background-color: #ffffff; }

.switch.switch-outline.switch-secondary input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-secondary input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-secondary input:checked ~ span:before {
    border: 2px solid #E4E6EF;
    background-color: transparent; }

.switch.switch-outline.switch-secondary input:checked ~ span:after {
    color: #ffffff;
    background-color: #E4E6EF; }

.switch.switch-success:not(.switch-outline) input:empty ~ span:before {
    background-color: #1BC5BD; }

.switch.switch-success:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-success:not(.switch-outline) input:checked ~ span:before {
    background-color: #1BC5BD; }

.switch.switch-success:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #1BC5BD;
    background-color: #ffffff; }

.switch.switch-outline.switch-success input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-success input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-success input:checked ~ span:before {
    border: 2px solid #1BC5BD;
    background-color: transparent; }

.switch.switch-outline.switch-success input:checked ~ span:after {
    color: #ffffff;
    background-color: #1BC5BD; }

.switch.switch-info:not(.switch-outline) input:empty ~ span:before {
    background-color: #8950FC; }

.switch.switch-info:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-info:not(.switch-outline) input:checked ~ span:before {
    background-color: #8950FC; }

.switch.switch-info:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #8950FC;
    background-color: #ffffff; }

.switch.switch-outline.switch-info input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-info input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-info input:checked ~ span:before {
    border: 2px solid #8950FC;
    background-color: transparent; }

.switch.switch-outline.switch-info input:checked ~ span:after {
    color: #ffffff;
    background-color: #8950FC; }

.switch.switch-warning:not(.switch-outline) input:empty ~ span:before {
    background-color: #FFA800; }

.switch.switch-warning:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-warning:not(.switch-outline) input:checked ~ span:before {
    background-color: #FFA800; }

.switch.switch-warning:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #FFA800;
    background-color: #ffffff; }

.switch.switch-outline.switch-warning input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-warning input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-warning input:checked ~ span:before {
    border: 2px solid #FFA800;
    background-color: transparent; }

.switch.switch-outline.switch-warning input:checked ~ span:after {
    color: #ffffff;
    background-color: #FFA800; }

.switch.switch-danger:not(.switch-outline) input:empty ~ span:before {
    background-color: #F64E60; }

.switch.switch-danger:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-danger:not(.switch-outline) input:checked ~ span:before {
    background-color: #F64E60; }

.switch.switch-danger:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #F64E60;
    background-color: #ffffff; }

.switch.switch-outline.switch-danger input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-danger input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-danger input:checked ~ span:before {
    border: 2px solid #F64E60;
    background-color: transparent; }

.switch.switch-outline.switch-danger input:checked ~ span:after {
    color: #ffffff;
    background-color: #F64E60; }

.switch.switch-light:not(.switch-outline) input:empty ~ span:before {
    background-color: #F3F6F9; }

.switch.switch-light:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-light:not(.switch-outline) input:checked ~ span:before {
    background-color: #F3F6F9; }

.switch.switch-light:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #F3F6F9;
    background-color: #ffffff; }

.switch.switch-outline.switch-light input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-light input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-light input:checked ~ span:before {
    border: 2px solid #F3F6F9;
    background-color: transparent; }

.switch.switch-outline.switch-light input:checked ~ span:after {
    color: #ffffff;
    background-color: #F3F6F9; }

.switch.switch-dark:not(.switch-outline) input:empty ~ span:before {
    background-color: #181C32; }

.switch.switch-dark:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-dark:not(.switch-outline) input:checked ~ span:before {
    background-color: #181C32; }

.switch.switch-dark:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #181C32;
    background-color: #ffffff; }

.switch.switch-outline.switch-dark input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-dark input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-dark input:checked ~ span:before {
    border: 2px solid #181C32;
    background-color: transparent; }

.switch.switch-outline.switch-dark input:checked ~ span:after {
    color: #ffffff;
    background-color: #181C32; }

.switch.switch-white:not(.switch-outline) input:empty ~ span:before {
    background-color: #ffffff; }

.switch.switch-white:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7; }

.switch.switch-white:not(.switch-outline) input:checked ~ span:before {
    background-color: #ffffff; }

.switch.switch-white:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #ffffff; }

.switch.switch-outline.switch-white input:empty ~ span:before {
    border: 2px solid #EBEDF3;
    background-color: transparent; }

.switch.switch-outline.switch-white input:empty ~ span:after {
    background-color: #EBEDF3; }

.switch.switch-outline.switch-white input:checked ~ span:before {
    border: 2px solid #ffffff;
    background-color: transparent; }

.switch.switch-outline.switch-white input:checked ~ span:after {
    color: #ffffff;
    background-color: #ffffff; }

.label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 0.8rem;
    background-color: #EBEDF3;
    color: #3F4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: 0.8rem; }
.label.label-primary {
    color: #FFFFFF;
    background-color: #f47521; }
.label.label-outline-primary {
    background-color: transparent;
    color: #f47521;
    border: 1px solid #f47521; }
.label.label-outline-primary.label-outline-2x {
    border: 2px solid #f47521; }
.label.label-light-primary {
    color: #f47521;
    background-color: #E1F0FF; }
.label.label-secondary {
    color: #3F4254;
    background-color: #E4E6EF; }
.label.label-outline-secondary {
    background-color: transparent;
    color: #3F4254;
    border: 1px solid #E4E6EF; }
.label.label-outline-secondary.label-outline-2x {
    border: 2px solid #E4E6EF; }
.label.label-light-secondary {
    color: #E4E6EF;
    background-color: #EBEDF3; }
.label.label-success {
    color: #ffffff;
    background-color: #1BC5BD; }
.label.label-outline-success {
    background-color: transparent;
    color: #1BC5BD;
    border: 1px solid #1BC5BD; }
.label.label-outline-success.label-outline-2x {
    border: 2px solid #1BC5BD; }
.label.label-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5; }
.label.label-info {
    color: #ffffff;
    background-color: #8950FC; }
.label.label-outline-info {
    background-color: transparent;
    color: #8950FC;
    border: 1px solid #8950FC; }
.label.label-outline-info.label-outline-2x {
    border: 2px solid #8950FC; }
.label.label-light-info {
    color: #8950FC;
    background-color: #EEE5FF; }
.label.label-warning {
    color: #ffffff;
    background-color: #FFA800; }
.label.label-outline-warning {
    background-color: transparent;
    color: #FFA800;
    border: 1px solid #FFA800; }
.label.label-outline-warning.label-outline-2x {
    border: 2px solid #FFA800; }
.label.label-light-warning {
    color: #FFA800;
    background-color: #FFF4DE; }
.label.label-danger {
    color: #ffffff;
    background-color: #F64E60; }
.label.label-outline-danger {
    background-color: transparent;
    color: #F64E60;
    border: 1px solid #F64E60; }
.label.label-outline-danger.label-outline-2x {
    border: 2px solid #F64E60; }
.label.label-light-danger {
    color: #F64E60;
    background-color: #FFE2E5; }
.label.label-light {
    color: #7E8299;
    background-color: #F3F6F9; }
.label.label-outline-light {
    background-color: transparent;
    color: #3F4254;
    border: 1px solid #F3F6F9; }
.label.label-outline-light.label-outline-2x {
    border: 2px solid #F3F6F9; }
.label.label-light-light {
    color: #F3F6F9;
    background-color: #F3F6F9; }
.label.label-dark {
    color: #ffffff;
    background-color: #181C32; }
.label.label-outline-dark {
    background-color: transparent;
    color: #181C32;
    border: 1px solid #181C32; }
.label.label-outline-dark.label-outline-2x {
    border: 2px solid #181C32; }
.label.label-light-dark {
    color: #181C32;
    background-color: #D1D3E0; }
.label.label-white {
    color: #3F4254;
    background-color: #ffffff; }
.label.label-outline-white {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff; }
.label.label-outline-white.label-outline-2x {
    border: 2px solid #ffffff; }
.label.label-light-white {
    color: #ffffff;
    background-color: #ffffff; }
.label.label-inline {
    width: auto;
    padding: 0.15rem 0.75rem;
    border-radius: 0.42rem; }
.label.label-inline.label-md {
    padding: 0.8rem 0.6rem; }
.label.label-inline.label-lg {
    padding: 0.9rem 0.75rem; }
.label.label-inline.label-xl {
    padding: 1rem 0.85rem; }
.label.label-pill {
    border-radius: none; }
.label.label-rounded {
    border-radius: 0.42rem; }
.label.label-square {
    border-radius: 0; }
.label.label-dot {
    display: inline-block;
    font-size: 0 !important;
    vertical-align: middle;
    text-align: center; }
.label.label-inline {
    width: auto; }
.label.label-dot {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px; }
.label.label-sm {
    height: 16px;
    width: 16px;
    font-size: 0.75rem; }
.label.label-sm.label-inline {
    width: auto; }
.label.label-sm.label-dot {
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px; }
.label.label-lg {
    height: 24px;
    width: 24px;
    font-size: 0.9rem; }
.label.label-lg.label-inline {
    width: auto; }
.label.label-lg.label-dot {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px; }
.label.label-xl {
    height: 28px;
    width: 28px;
    font-size: 1rem; }
.label.label-xl.label-inline {
    width: auto; }
.label.label-xl.label-dot {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px;
}
.label-help{
    position: relative;
    z-index: 2;
    float: left;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin: 0px -8px 0px 0px;
    width: 40px;
    min-width: 40px;
    font-size: 15px;
    height: 45px;
    line-height: -10px;
    cursor: help;
    background-color: #e9ecf1;
    color: #526484 !important;
    font-weight: 600;
}
.label-help-right{
    margin: 0px 0 0px -8px;
    float: right;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.cursor-pointer{
    cursor: pointer !important;
}

.sticky-tabs{
    position: sticky;
    left: 0;
    top: 65px;
    z-index:1;
    background: #fff;
    margin: -13px 0 0 0;
}

.sticky-tabs .nav-tabs{
    padding-top: 15px;
}
.v-tabs.nav-tabs{
    border:none;
}
.v-tabs.nav-tabs .nav-item {
    border: none;
    padding:0   ;
}
.v-tabs.nav-tabs .nav-link {
    border: 1px solid #e9ecf1;
    border-radius: 0;
    padding:10px   ;
    margin:0px;
    color:#65656b;
    font-size:14px;
}
.v-tabs.nav-tabs .nav-link.active,.v-tabs.nav-tabs .nav-link:hover {
    background: #f3f6f9;
    color:#38383a;
}
.v-tabs.nav-tabs .nav-link.active:after{
    font-family: Kml;
    content: "\f105";
    line-height: 10px;
    float: right;
    margin: 5px 0 0 0;
    font-size: 10px;
}
.v-tabs.nav-tabs .nav-link.w-img.active:after{
    line-height: 31px;
}
.v-tabs.nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 0.42rem;
    border-top-right-radius: 0.42rem;
}
.v-tabs.nav-tabs .nav-item:last-child .nav-link {
    border-bottom-left-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.sticky-tab-content{
    padding: 0px 15px 0 0px;
}
.nav-tabs:not(.v-tabs){
    padding: 10px 0 0 0;
    justify-content: center;
}
.nav-tabs:not(.v-tabs) .nav-item {
    border: none;
    padding:0 10px ;
}
.nav-tabs:not(.v-tabs) .nav-link {
    border: none;
    padding: 10px 0;
    color: #526484;
    font-weight: 600;
    font-size: 1.1rem;
}
.nav-tabs:not(.v-tabs) .nav-link.active, .nav-tabs:not(.v-tabs) .nav-item.show .nav-link {
    color: #f47521;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #f47521;
}

.container-tabs{
    margin:  0;
    background: transparent;
}
.container-tab-content {
    padding:   0px;
}
.form-row .form-group{
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem;
}
.form-row .form-group .control-label,.form-controls .control-label{
    font-size: 14px;
    font-weight: 500;
    color: #435669;
}

.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}
.btn.disabled, .btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}
.responsive-tabs .nav-item.overflow-tab-action {
    position: absolute;
    right: 0;
}

@media (min-width:768px){
    .responsive-tabs .nav-item{
        display: list-item !important;
    }
    .responsive-tabs .overflow-tab-action{
        display: none !important;
    }
}
@media (max-width:768px){
    .responsive-tabs{
        margin-bottom:30px !important;
    }

    .responsive-tabs .nav-link{
        border-radius: .42rem !important;
        padding: 10px !important;
        margin: 0px 5px !important;
    }
    .responsive-tabs .nav-item.overflow-tab {
        background-color: white;
        display: none;
        position: absolute;
        right: 0;
        width: 150px;
        z-index: 1;
    }
    .responsive-tabs .nav-item.overflow-tab .nav-link{
        border-radius: 0 !important;
        padding: 10px !important;
        margin: 0px !important;
    }
}
.shadow{
    box-shadow: 1px 1px 3px 0px rgba(54,74,99,0.07) !important;
}
.card-shadow{
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}
a.text-hover-white,
.text-hover-white {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-white:hover,
.text-hover-white:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #ffffff !important; }
a.text-hover-white:hover i,
.text-hover-white:hover i {
    color: #ffffff !important; }
a.text-hover-white:hover .svg-icon svg g [fill],
.text-hover-white:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff; }
a.text-hover-white:hover .svg-icon svg:hover g [fill],
.text-hover-white:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-white,
.hoverable:hover .text-hover-white {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #ffffff !important; }
.hoverable:hover a.text-hover-white i,
.hoverable:hover .text-hover-white i {
    color: #ffffff !important; }
.hoverable:hover a.text-hover-white .svg-icon svg g [fill],
.hoverable:hover .text-hover-white .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important; }
.hoverable:hover a.text-hover-white .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-white .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-primary,
.text-hover-primary {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-primary:hover,
.text-hover-primary:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #f47521 !important; }
a.text-hover-primary:hover i,
.text-hover-primary:hover i {
    color: #f47521 !important; }
a.text-hover-primary:hover .svg-icon svg g [fill],
.text-hover-primary:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #f47521; }
a.text-hover-primary:hover .svg-icon svg:hover g [fill],
.text-hover-primary:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-primary,
.hoverable:hover .text-hover-primary {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #f47521 !important; }
.hoverable:hover a.text-hover-primary i,
.hoverable:hover .text-hover-primary i {
    color: #f47521 !important; }
.hoverable:hover a.text-hover-primary .svg-icon svg g [fill],
.hoverable:hover .text-hover-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #f47521 !important; }
.hoverable:hover a.text-hover-primary .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-primary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-secondary,
.text-hover-secondary {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-secondary:hover,
.text-hover-secondary:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #181C32 !important; }
a.text-hover-secondary:hover i,
.text-hover-secondary:hover i {
    color: #181C32 !important; }
a.text-hover-secondary:hover .svg-icon svg g [fill],
.text-hover-secondary:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32; }
a.text-hover-secondary:hover .svg-icon svg:hover g [fill],
.text-hover-secondary:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-secondary,
.hoverable:hover .text-hover-secondary {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #181C32 !important; }
.hoverable:hover a.text-hover-secondary i,
.hoverable:hover .text-hover-secondary i {
    color: #181C32 !important; }
.hoverable:hover a.text-hover-secondary .svg-icon svg g [fill],
.hoverable:hover .text-hover-secondary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important; }
.hoverable:hover a.text-hover-secondary .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-secondary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

a.text-hover-success,
.text-hover-success {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-success:hover,
.text-hover-success:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #1BC5BD !important; }
a.text-hover-success:hover i,
.text-hover-success:hover i {
    color: #1BC5BD !important; }
a.text-hover-success:hover .svg-icon svg g [fill],
.text-hover-success:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD; }
a.text-hover-success:hover .svg-icon svg:hover g [fill],
.text-hover-success:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-success,
.hoverable:hover .text-hover-success {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #1BC5BD !important; }
.hoverable:hover a.text-hover-success i,
.hoverable:hover .text-hover-success i {
    color: #1BC5BD !important; }
.hoverable:hover a.text-hover-success .svg-icon svg g [fill],
.hoverable:hover .text-hover-success .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD !important; }
.hoverable:hover a.text-hover-success .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-success .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-info,
.text-hover-info {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-info:hover,
.text-hover-info:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #8950FC !important; }
a.text-hover-info:hover i,
.text-hover-info:hover i {
    color: #8950FC !important; }
a.text-hover-info:hover .svg-icon svg g [fill],
.text-hover-info:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC; }
a.text-hover-info:hover .svg-icon svg:hover g [fill],
.text-hover-info:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-info,
.hoverable:hover .text-hover-info {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #8950FC !important; }
.hoverable:hover a.text-hover-info i,
.hoverable:hover .text-hover-info i {
    color: #8950FC !important; }
.hoverable:hover a.text-hover-info .svg-icon svg g [fill],
.hoverable:hover .text-hover-info .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC !important; }
.hoverable:hover a.text-hover-info .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-info .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

a.text-hover-warning,
.text-hover-warning {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-warning:hover,
.text-hover-warning:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #FFA800 !important; }
a.text-hover-warning:hover i,
.text-hover-warning:hover i {
    color: #FFA800 !important; }
a.text-hover-warning:hover .svg-icon svg g [fill],
.text-hover-warning:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800; }
a.text-hover-warning:hover .svg-icon svg:hover g [fill],
.text-hover-warning:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-warning,
.hoverable:hover .text-hover-warning {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #FFA800 !important; }
.hoverable:hover a.text-hover-warning i,
.hoverable:hover .text-hover-warning i {
    color: #FFA800 !important; }
.hoverable:hover a.text-hover-warning .svg-icon svg g [fill],
.hoverable:hover .text-hover-warning .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800 !important; }
.hoverable:hover a.text-hover-warning .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-warning .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-danger,
.text-hover-danger {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-danger:hover,
.text-hover-danger:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60 !important; }
a.text-hover-danger:hover i,
.text-hover-danger:hover i {
    color: #F64E60 !important; }
a.text-hover-danger:hover .svg-icon svg g [fill],
.text-hover-danger:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60; }
a.text-hover-danger:hover .svg-icon svg:hover g [fill],
.text-hover-danger:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-danger,
.hoverable:hover .text-hover-danger {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60 !important; }
.hoverable:hover a.text-hover-danger i,
.hoverable:hover .text-hover-danger i {
    color: #F64E60 !important; }
.hoverable:hover a.text-hover-danger .svg-icon svg g [fill],
.hoverable:hover .text-hover-danger .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60 !important; }
.hoverable:hover a.text-hover-danger .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-danger .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-light,
.text-hover-light {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-light:hover,
.text-hover-light:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F3F6F9 !important; }
a.text-hover-light:hover i,
.text-hover-light:hover i {
    color: #F3F6F9 !important; }
a.text-hover-light:hover .svg-icon svg g [fill],
.text-hover-light:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9; }
a.text-hover-light:hover .svg-icon svg:hover g [fill],
.text-hover-light:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-light,
.hoverable:hover .text-hover-light {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F3F6F9 !important; }
.hoverable:hover a.text-hover-light i,
.hoverable:hover .text-hover-light i {
    color: #F3F6F9 !important; }
.hoverable:hover a.text-hover-light .svg-icon svg g [fill],
.hoverable:hover .text-hover-light .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9 !important; }
.hoverable:hover a.text-hover-light .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-light .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }


a.text-hover-dark,
.text-hover-dark {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
a.text-hover-dark:hover,
.text-hover-dark:hover {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #181C32 !important; }
a.text-hover-dark:hover i,
.text-hover-dark:hover i {
    color: #181C32 !important; }
a.text-hover-dark:hover .svg-icon svg g [fill],
.text-hover-dark:hover .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32; }
a.text-hover-dark:hover .svg-icon svg:hover g [fill],
.text-hover-dark:hover .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.hoverable:hover a.text-hover-dark,
.hoverable:hover .text-hover-dark {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #181C32 !important; }
.hoverable:hover a.text-hover-dark i,
.hoverable:hover .text-hover-dark i {
    color: #181C32 !important; }
.hoverable:hover a.text-hover-dark .svg-icon svg g [fill],
.hoverable:hover .text-hover-dark .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important; }
.hoverable:hover a.text-hover-dark .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-dark .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease; }

.table-modern      .text-light{
    color:#c0cbda  !important;
}


.text-ellipsis{
    text-overflow: ellipsis;
    width: 99%;
    white-space: nowrap;
    overflow: hidden;
}
.cursor-move{
    cursor: move;
}
.invoice-container{
    position: relative;
}
.invoice-item-group{
    width: 200px;
}
#invoice {
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    z-index:2;
    border:1px solid #333 !important;
    border-top: 0px solid !important;
}
#invoice:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(255,255,255,.86);
}
.invoice-item-actions{
    position:sticky;
    top: 65px;
    z-index: 4;
}
.invoice-item-groups{
    position:sticky;
    top: 152px;
    z-index: 5;
}
.x_points{
    position: sticky;
    top: 123px;
    background: #f5f6fa;
    z-index: 3;
    border: none;
    border-bottom: 1px solid #000;
}
.x_points:before{
    content: '';
    display: block;
    margin: 0 0 0 0;
    position: relative;
    width: 30px;
    height: 30px;
    background: #f5f6fa;
    left: -30px;
    top: 0;
}

.x_point{
    width: 10mm;
    height: 10mm;
    font-size: 10px;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0px;
    text-align: center;
}
.x_point:before{
    content: '';
    display: block;
    margin: 0 0 0 0;
    position: relative;
    width: 1px;
    height: 5px;
    background: #333;
    text-align: right;
    left: 5mm;
    top: 25px;
}
.x_point:last-child:before{
    left: calc(5mm - 1px);
}

.y_points{
    position: relative;
    float:left;
    margin-right: 30px;
}
.y_point{
    width: 10mm;
    height: 10mm;
    font-size: 10px;
    display: grid;
    position: relative;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    left: -41px;
    top: 0px;
    /* align-items: center; */
    justify-content: center;
}
.y_point:before{
    content: '';
    display: block;
    margin: 7px 0 0 36px;
    position: absolute;
    width: 5px;
    height: 1px;
    background: #333;
}

[data-addon]{
    position:relative;
}

[data-addon]:after{
    content: attr(data-addon);
    display: block;
    margin: 0 0 0 0;
    position: absolute;
    right: 13px;
    top: 14px;
    color: #716a5b;
    background: #e0d3ba;
    border-top-right-radius: .42rem;
    border-bottom-right-radius: .42rem;
    line-height: 29px;
    padding: 0 4px;
}

.bg-light-warning  .btn,.bg-light-warning  input.form-control,.bg-light-warning  .dropdown-toggle.btn-light  {
    border-color: #e0d3ba !important;
    font-size: 1.02rem !important;
    padding: 0px 5px !important;
    height: 31px !important;
    line-height: 31px !important;
    border-radius: .42rem !important;
    text-align: center;
}
.bg-light-warning  .btn{
    padding: 0px .75rem !important;
}

.invoice-design-container .drag-control{
    opacity:0;
    visibility: hidden;
    width:0;
    height:0;
    border-color:  #e0d3ba !important;
    margin-bottom: -1px !important;
}
.invoice-design-container .drag-control .control-label{
    font-size:10px !important;
    padding:0px !important;
    margin: 0 3px 0 0 !important;
}
.invoice-design-container .invoice-control{
    margin-bottom: -1px !important;
    border-color:  #e0d3ba !important;
}
.invoice-design-container .drag_label{
    color: #f64e5f;
    padding: 18px 0 18px 15px;
    display: inline-block;
    white-space: nowrap;
}
.invoice-design-container .drag-control .btn.active{
    background: #e0d3ba !important;
    color: #736344 !important;
    border-color: #cebd9b !important ;
}
.invoice-design-container .drag-control .gr-right-btn
{
    margin-left:-1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.invoice-design-container .drag-control .gr-left-btn
{
    margin-right:-1px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.invoice-design-container .drag-control .gr-center-btn
{
    margin-left:-1px !important;
    margin-right:-1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.invoice-design.ui-droppable-hover{
    border: 1px solid red !important;
}
.invoice-element {
    overflow: hidden;
    padding: 0px;
    z-index: 1;
    cursor: move;
}
.invoice-element {
    color: #b54651;
    border: 1px solid #f1c2c7;
    background: rgb(246 78 95 / .2);
}

.invoice-element.selected{
    background: rgba(255, 244, 222 , .5) !important;
    border-color:  #ce982e !important;
    color: #98701e !important;
}
.invoice-element .invoice-element-text{
    display: inline-block;
    padding-right:15px;
}
.invoice-element .invoice-element-delete-btn{
    background: #f64e5f;
    color: #fff;
    padding: 5px;
    margin: 0 0px 0 0px;
    max-width: 20px;
    max-height: 20px;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0px;
    display: none;
    cursor: pointer;
}

.invoice-element:hover .invoice-element-delete-btn{
    display: block;
}
.invoice-element .invoice-element-delete-btn i{
    font-size:10px;
}
.invoice-x-line,.invoice-y-line,.invoice-y,.invoice-x {
    position: absolute;
    z-index: 4;
}
.invoice-y ,.invoice-x-line {
    z-index: 2;
}
.invoice-y {
    width: 6px;
    background: rgba(246, 78, 95, .3);
    margin: 0 0 0 -6px;
}
.invoice-x{
    height: 6px;
    background: rgba(246, 78, 95, .3);
    margin: 24px 0 0 0;
}

.invoice-x-line  {
    border-top: 1px dashed #f64e5f;
    left: 0;
}
.invoice-y-line {
    border-left:1px dashed #f64e5f;
    top: 0;
}
.invoice-item-group .selected{
    background: #f5f6fa !important;
    text-decoration: line-through;
}
.invoice-item-group .ui-draggable-dragging{
    background: #fff4de !important;
    border: 1px solid #e0d3ba !important;
    width:100% !important;
    color: #7b705a;
}
.invoice-design .products{
    position:absolute;
    z-index:1;
    overflow: hidden;
    padding: 0px;
    width:80%;
    height:300px;
    border: 1px solid #e1e4e6;
    background: rgb(249 249 251 / .4);
}
.invoice-design .products-label{
    text-align: center;
    font-family:Poppins,Helvetica,sans-serif;
    font-size: 14px;
    cursor: move;
}
.invoice-design #products{
    position:relative;
    width:100%;
    height:100%;
    display: box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    background: rgb(54 153 255 / .1);
}
.product-element{
    position:Relative !important;
    display: block;
    margin:0 0px;
    border:0px solid #eee;
    border-right: 1px solid #ce737f;
    left:0;
    top:0;
    height:100% !important;
    cursor:auto;
}
.product-element .ui-resizable-e {
    width: 10px;
    right: 0;
}
.icon-list  {
    display: flex;
    align-items: center;
}
.icon-list-i {
    display: block;
    width: 26px;
    min-width: 26px;
    height: 26px;
    line-height: 24px;
    color: #7e8388;
    text-align: center;
    border: 1px solid #dee2e6;
}
.icon-list-i svg{
    width: 16px;
    height:16px;
}
.icon-list-i{
    margin-right: 10px;
}

.order-view table{
    border:0px solid #333 !important;
}
.order-view table td{
    border-left:0px solid #333 !important;
    border-right:0px solid #333 !important;
    border-bottom:1px solid #ebedf3 ;
}
.table-last-border-none tr:last-child td{
    border-bottom:0px solid #333 !important;
}
.bootstrap-select .dropdown-item {
    padding: 0.75rem 1.5rem;
}

.carousel{
    border:1px solid #eee;
}
.carousel-control-next-icon,.carousel-control-prev-icon {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding: 15px;
}
.popover{
    z-index:1061;
}

.file_manager_file_list ul li a[data-type="file"].active,.file_manager_file_list ul li a[data-type="file"].active i {
    color:#fff !important;
    background: #526484;
}

.file_manager .file_manager_filelist_view_loading.lou {
    position: absolute;
    z-index: 5;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: calc(100% - 0px);
    left: 0px;
    top: 0px;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
}
.img-centered{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.img-centered img{
    display: block;
    width: 100px;
    margin: 0 auto;
    padding: 30px;
}
.sidebar-opened .footer{
    margin-left:  265px;
}

.apexcharts-canvas {
    position: relative;
    user-select: none;
    /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}


/* scrollbar is not visible by default for legend, hence forcing the visibility */
.apexcharts-canvas ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


.apexcharts-inner {
    position: relative;
}

.apexcharts-text tspan {
    font-family: inherit;
}

.legend-mouseover-inactive {
    transition: 0.15s ease all;
    opacity: 0.20;
}

.apexcharts-series-collapsed {
    opacity: 0;
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-active {
    opacity: 1;
    transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3;
    background: rgba(255, 255, 255, 0.96);
}

.apexcharts-tooltip.apexcharts-theme-dark {
    color: #fff;
    background: rgba(30, 30, 30, 0.8);
}

.apexcharts-tooltip * {
    font-family: inherit;
}


.apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #ECEFF1;
    border-bottom: 1px solid #ddd;
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #333;
}

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
}

.apexcharts-tooltip-text-z-label:empty,
.apexcharts-tooltip-text-z-value:empty {
    display: none;
}

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
    font-weight: 600;
}

.apexcharts-tooltip-marker {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0px;
    margin-right: 10px;
    border-radius: 50%;
}

.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center;
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
    opacity: 1;
}

.apexcharts-tooltip-series-group.apexcharts-active,
.apexcharts-tooltip-series-group:last-child {
    padding-bottom: 4px;
}

.apexcharts-tooltip-series-group-hidden {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px;
}

.apexcharts-tooltip-box, .apexcharts-custom-tooltip {
    padding: 4px 8px;
}

.apexcharts-tooltip-boxPlot {
    display: flex;
    flex-direction: column-reverse;
}

.apexcharts-tooltip-box>div {
    margin: 4px 0;
}

.apexcharts-tooltip-box span.value {
    font-weight: bold;
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px;
}

.apexcharts-tooltip-rangebar .category {
    font-weight: 600;
    color: #777;
}

.apexcharts-tooltip-rangebar .series-name {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.apexcharts-xaxistooltip {
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE;
    transition: 0.15s ease all;
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #fff;
}

.apexcharts-xaxistooltip:after,
.apexcharts-xaxistooltip:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.apexcharts-xaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-left: -6px;
}

.apexcharts-xaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-left: -7px;
}

.apexcharts-xaxistooltip-bottom:after,
.apexcharts-xaxistooltip-bottom:before {
    bottom: 100%;
}

.apexcharts-xaxistooltip-top:after,
.apexcharts-xaxistooltip-top:before {
    top: 100%;
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #ECEFF1;
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90A4AE;
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #ECEFF1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90A4AE;
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: 0.15s ease all;
}

.apexcharts-yaxistooltip {
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE;
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #fff;
}

.apexcharts-yaxistooltip:after,
.apexcharts-yaxistooltip:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.apexcharts-yaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-top: -6px;
}

.apexcharts-yaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-top: -7px;
}

.apexcharts-yaxistooltip-left:after,
.apexcharts-yaxistooltip-left:before {
    left: 100%;
}

.apexcharts-yaxistooltip-right:after,
.apexcharts-yaxistooltip-right:before {
    right: 100%;
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #ECEFF1;
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90A4AE;
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
    border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #ECEFF1;
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90A4AE;
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
    border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1;
}

.apexcharts-yaxistooltip-hidden {
    display: none;
}

.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
    pointer-events: none;
    opacity: 0;
    transition: 0.15s ease all;
}

.apexcharts-xcrosshairs.apexcharts-active,
.apexcharts-ycrosshairs.apexcharts-active {
    opacity: 1;
    transition: 0.15s ease all;
}

.apexcharts-ycrosshairs-hidden {
    opacity: 0;
}

.apexcharts-selection-rect {
    cursor: move;
}

.svg_select_boundingRect, .svg_select_points_rot {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.apexcharts-selection-rect + g .svg_select_boundingRect,
.apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_points_l,
.apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible;
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2;
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-reset-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #6E8192;
    text-align: center;
}

.apexcharts-zoom-icon svg,
.apexcharts-zoomin-icon svg,
.apexcharts-zoomout-icon svg,
.apexcharts-reset-icon svg,
.apexcharts-menu-icon svg {
    fill: #6E8192;
}

.apexcharts-selection-icon svg {
    fill: #444;
    transform: scale(0.76)
}

.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoomin-icon svg,
.apexcharts-theme-dark .apexcharts-zoomout-icon svg,
.apexcharts-theme-dark .apexcharts-reset-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
    fill: #f3f4f5;
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
    fill: #008FFB;
}

.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
    fill: #333;
}

.apexcharts-selection-icon,
.apexcharts-menu-icon {
    position: relative;
}

.apexcharts-reset-icon {
    margin-left: 5px;
}

.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon {
    transform: scale(0.85);
}

.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
    transform: scale(0.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px;
}

.apexcharts-pan-icon {
    transform: scale(0.62);
    position: relative;
    left: 1px;
    top: 0px;
}

.apexcharts-pan-icon svg {
    fill: #fff;
    stroke: #6E8192;
    stroke-width: 2;
}

.apexcharts-pan-icon.apexcharts-selected svg {
    stroke: #008FFB;
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
    stroke: #333;
}

.apexcharts-toolbar {
    position: absolute;
    z-index: 11;
    max-width: 176px;
    text-align: right;
    border-radius: 3px;
    padding: 0px 6px 2px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.apexcharts-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    right: 10px;
    opacity: 0;
    min-width: 110px;
    transition: 0.15s ease all;
    pointer-events: none;
}

.apexcharts-menu.apexcharts-menu-open {
    opacity: 1;
    pointer-events: all;
    transition: 0.15s ease all;
}

.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer;
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee;
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

@media screen and (min-width: 768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1;
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0;
}

.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
    cursor: default;
    pointer-events: none;
}

.apexcharts-pie-label-delay {
    opacity: 0;
    animation-name: opaque;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}

.apexcharts-canvas .apexcharts-element-hidden {
    opacity: 0;
}

.apexcharts-hide .apexcharts-series-points {
    opacity: 0;
}

.apexcharts-gridline,
.apexcharts-annotation-rect,
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line,
.apexcharts-zoom-rect,
.apexcharts-toolbar svg,
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-radar-series path,
.apexcharts-radar-series polygon {
    pointer-events: none;
}


/* markers */

.apexcharts-marker {
    transition: 0.15s ease all;
}

@keyframes opaque {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Resize generated styles */

@keyframes resizeanim {
    from {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

.resize-triggers,
.resize-triggers>div,
.contract-trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.resize-triggers>div {
    background: #eee;
    overflow: auto;
}

.contract-trigger:before {
    width: 200%;
    height: 200%;
}
@-webkit-keyframes animate-wave{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes animate-wave{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.wave {
    background-color: #f3f6f9;
    overflow: hidden;
    position: relative;
}
.wave-animate-fast:after {
    -webkit-animation: animate-wave 10s infinite linear;
    animation: animate-wave 10s infinite linear;
}
.wave-animate-slow:after {
    -webkit-animation: animate-wave 25s infinite linear;
    animation: animate-wave 25s infinite linear;
}.wave>div {
    z-index: 1;
}
.wave:after {
    -webkit-transform: rotate(
        45deg
        );
    transform: rotate(
        45deg
        );
}
.wave:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}
.wave:after {
    content: " ";
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: #fff;
    z-index: 0;
}
.wave.wave-primary {
    background-color: rgba(54,153,255,.1)!important;
}
.wave.wave-danger {
    background-color: rgba(246,78,96,.1)!important;
}
.wave.wave-success {
    background-color: rgba(27,197,189,.1)!important;
}

.svg-icon.svg-icon-4x svg {
    height: 4rem!important;
    width: 4rem!important;
}
.svg-icon.svg-icon-warning svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #ffa800!important;
}
.svg-icon.svg-icon-danger svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f64e60!important;
}
.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f47521!important;
}
.svg-icon.svg-icon-success svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #1bc5bd!important;
}
.currency_summary{
    text-align: center;
    height: 100%;
}
.currency_summary .card{
    height:calc(50% - 15px);
    margin-bottom:30px;
}
.currency_value{
    font-size:20px;
    font-weight: 600;
    color:#545454;
}
.dashboard-cards .d-card{
    min-height: 280px;
}

.read_more .read_more_content{
    max-height: 100px;
    overflow: hidden;
}
.read_more .read_more_content div{
    width: 100%;
    display: block;
    padding-bottom: 40px;
}
.read_more_btn{
    text-align: center;
    margin-top: 2px;
    font-weight: 500;
    cursor: pointer;
    background: linear-gradient( 0deg , rgb(255 244 222) 30%, rgb(255 244 222 / 0%) 100%);
    position: relative;
    margin-top: -50px;
    padding-top: 50px;
}.bootstrap-select.bs-container .dropdown-menu {
    z-index: 2060;
}

.bs-actionsbox .bs-deselect-all {
    border-left: 1px solid #dee2e8;
}
.page-header .input-group-white .form-control {
    border-radius: 0%;
}
.table-installment td{
    padding:7px !important;
}
.table-installment tr td:last-child .input-group{
    margin-top: 24px;
}
.table-installment .form-control{
    padding:3px;
    height: 30px;
}
.border-danger{
    border-color: #f64e5f;
}
.border-1{
    border-width: 1px;
    border-style:solid;
}
.border-2{
    border-width:2px;
    border-style:solid;
}
.border-3{
    border-width: 3px;
    border-style:solid;
}
.border-4{
    border-width: 4px;
    border-style:solid;
}
.border-5{
    border-width: 5px;
    border-style:solid;
}
.border-6{
    border-width: 6px;
    border-style:solid;
}
.border-7{
    border-width: 7px;
    border-style:solid;
}
.border-8{
    border-width: 8px;
    border-style:solid;
}
.border-9{
    border-width: 9px;
    border-style:solid;
}
.border-10{
    border-width: 10px;
    border-style:solid;
}
.active-box:after{
    content:"";
    display: block;
    position:absolute;
    right:14px;
    top:4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #f64e5f transparent transparent;
}
.bootstrap-select .dropdown-item.disabled, .bootstrap-select .dropdown-item:disabled {
    color:inherit;
    pointer-events: unset;
}
.bootstrap-select .dropdown-item.disabled:after , .bootstrap-select .dropdown-item:disabled:after {
    content:' - (Seçilemez)';
    padding-left:0px;
    opacity:.5;
}
.note-editable .row {
    margin: 0px;
}
.note-editable .row div {
    border: 1px dotted;
}
.note-editable .row img{
    max-width: 100%;
}