@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800,900&display=swap);
html{
    position:relative;
    min-height:100%
}
body{
    overflow-x:hidden
    font-size: 12px;
 }
.font-10{
    font-size: 10px;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-36{
    font-size: 36px;
}
.font-40{
    font-size: 40px;
}
.nav-second-level li a,.nav-thrid-level li a{
    padding:8px 20px;
    color: #ffffff;
    font-size: 13px;
    display:block;
    position:relative;
    -webkit-transition:all .4s;
    transition:all .4s;
    border-left: 10px solid #404e67;
}
.nav-second-level li a:focus,.nav-second-level li a:hover,.nav-thrid-level li a:focus,.nav-thrid-level li a:hover{
    color: #ffffff;
    border-left: 10px solid #a7badb;
    transition: all .4s;
}
.nav-second-level li>a.active,.nav-thrid-level li>a.active{
    color: #ffffff;
    background: rgb(255 255 255 / 0.2);
    border-left: 10px solid #a7badb;
}
#wrapper{
    height:100%;
    overflow:hidden;
    width:100%
}
.content-page{
    position: relative;
    margin-left: 180px;
    overflow:hidden;
    padding:0 12.5px 5px 12.5px;
    min-height:80vh;
    margin-top: 60px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.content-page.filter-stat{
    margin-top: 180px !important;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.left-side-menu{
    width: 180px;
    background: #404e67;
    bottom:0;
    padding:0 0 30px 0;
    position:fixed;
    top: 0;
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-box-shadow:1px .05rem .01rem rgba(75,75,90,.075);
    box-shadow:1px .05rem .01rem rgba(75,75,90,.075);
    z-index:101;
}
.left-side-menu .sidebar-content{
    height:100%;
    padding-bottom:30px
}
#sidebar-menu{
    padding-bottom:30px
}
#sidebar-menu>ul>li.mm-active>a{
    text-decoration: none;
    border-left: 10px solid #879abb;
    color: #404e67;
    background-color: #ffffff;
}
#sidebar-menu>ul>li.mm-active>a svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
#sidebar-menu>ul>li>a{
    color: #ffffff;
    display:block;
    padding: 12px 15px;
    font-size: 13px;
    font-weight:400;
    position:relative;
    -webkit-transition:all .4s;
    transition:all .4s;
    border-left:3px solid transparent;
}
#sidebar-menu>ul>li>a svg{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 10px 0 3px;
    color:#4b4b5a;
    fill:rgba(75,75,90,.12)
}
#sidebar-menu>ul>li>a:active,#sidebar-menu>ul>li>a:focus,#sidebar-menu>ul>li>a:hover{
    text-decoration:none;
    border-left: 10px solid #879abb;
    color: #404e67;
    background-color: #ffffff;
}
#sidebar-menu>ul>li>a:active svg,#sidebar-menu>ul>li>a:focus svg,#sidebar-menu>ul>li>a:hover svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
#sidebar-menu>ul>li>a>span{
    vertical-align:middle
}
#sidebar-menu>ul>li>a i{
    display:inline-block;
    line-height:1rem;
    margin:0 10px 0 3px;
    text-align:center;
    vertical-align:middle;
    width:20px
}
#sidebar-menu>ul>li>a.active{
    border-left: 10px solid #879abb;
    color: #404e67;
    background-color: #ffffff;
    padding-left: 8px;
}
#sidebar-menu>ul>li>a.active svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
#sidebar-menu>ul>li>ul{
    padding-left: 0;
}
#sidebar-menu>ul>li>ul ul{
    padding-left:20px
}
#sidebar-menu .menu-arrow{
    -webkit-transition:-webkit-transform .15s;
    transition:-webkit-transform .15s;
    transition:transform .15s;
    transition:transform .15s,-webkit-transform .15s;
    position:absolute;
    right: 15px;
    display:inline-block;
    font-family:unicons;
    text-rendering:auto;
    line-height: 12px;
    font-size:.9rem;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    top:15px;
}
#sidebar-menu .menu-arrow:before{
    content:"\e82f"
}
#sidebar-menu .badge{
    margin-top:3px
}
#sidebar-menu .nav-second-level>li .menu-arrow{
    top:8px
}
#sidebar-menu li.mm-active>a>span.menu-arrow{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
#sidebar-menu .menu-title{
    padding: 15px 10px 10px 10px;
    letter-spacing:.05em;
    pointer-events:none;
    cursor:default;
    font-size:.6875rem;
    text-transform:uppercase;
    color: #ffffff;
}
.user-profile{
    padding:15px 20px 15px 30px
}
.user-profile .avatar-xs{
    display:none
}
.user-profile .pro-user-name{
    color: #ffffff;
    font-weight:600;
}
.user-profile .pro-user-desc{
    text-transform:uppercase;
    font-size:.6rem;
    font-weight:700;
    letter-spacing:1px;
    color: white;
}
.user-profile .dropdown-toggle svg{
    width: 18px;
    height: 18px;
    color: rgb(64 78 103);
    background-color: white;
    border-radius: 3px;
    margin-left: 8px;
    margin-top: -5px;
}
.left-side-menu-condensed .logo{
    width:70px!important;
    text-align:center
}
.left-side-menu-condensed .logo span.logo-lg{
    display:none
}
.left-side-menu-condensed .logo span.logo-sm{
    display:block!important
}
.left-side-menu-condensed .navbar-custom{
    left:0!important;
    padding-left:10px
}
.left-side-menu-condensed .navbar-custom .button-menu-mobile.disable-btn{
    display:block!important
}
.left-side-menu-condensed .left-side-menu{
    position:absolute;
    width:70px!important;
    z-index:5
}
.left-side-menu-condensed .left-side-menu .slimScrollDiv,.left-side-menu-condensed .left-side-menu .slimscroll-menu{
    overflow:inherit!important;
    height:auto!important
}
.left-side-menu-condensed .left-side-menu .slimScrollBar{
    visibility:hidden
}
.left-side-menu-condensed .left-side-menu .sidebar-content{
    height:auto
}
.left-side-menu-condensed .left-side-menu #sidebar-menu .badge,.left-side-menu-condensed .left-side-menu #sidebar-menu .label,.left-side-menu-condensed .left-side-menu #sidebar-menu .menu-arrow,.left-side-menu-condensed .left-side-menu #sidebar-menu .menu-title{
    display:none!important
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li{
    position:relative;
    white-space:nowrap
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a{
    padding:15px;
    min-height:54px;
    -webkit-transition:none;
    transition:none;
    margin:0
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a:active,.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a:focus,.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a:hover{
    color:#03a9f4
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a svg{
    width:26px
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a span{
    display:none;
    padding-left:25px;
    vertical-align:baseline
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li>a.active{
    background-color:#f7f7ff
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>a{
    position:relative;
    width:calc(190px + 70px);
    color:#03a9f4!important;
    background-color:#f7f7ff;
    -webkit-transition:none;
    transition:none
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>a span{
    display:inline
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover a.mm-active :after,.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover a.open :after{
    display:none
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>ul{
    display:block;
    left:70px;
    position:absolute;
    width:190px;
    height:auto!important;
    -webkit-box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    box-shadow:0 .05rem .01rem rgba(75,75,90,.075)
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>ul ul{
    -webkit-box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    box-shadow:0 .05rem .01rem rgba(75,75,90,.075)
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>ul a{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:8px 20px;
    position:relative;
    width:190px;
    z-index:6
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>ul a:hover{
    color:#03a9f4
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul ul{
    padding:5px 0;
    z-index:9999;
    display:none;
    background-color:#fff
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul ul li:hover>ul{
    display:block;
    left:190px;
    margin-top:-36px;
    height:auto!important;
    position:absolute;
    width:190px
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul ul li>a span.pull-right{
    position:absolute;
    right:20px;
    top:12px;
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.left-side-menu-condensed .left-side-menu #sidebar-menu>ul ul li.active a{
    color:#c8cddc
}
.left-side-menu-condensed .user-profile{
    padding:15px
}
.left-side-menu-condensed .user-profile .avatar-sm{
    display:none
}
.left-side-menu-condensed .user-profile .avatar-xs{
    display:block
}
.left-side-menu-condensed .user-profile .pro-user-desc,.left-side-menu-condensed .user-profile .pro-user-name{
    display:none
}
.left-side-menu-condensed .user-profile .profile-dropdown-menu .dropdown-toggle svg{
    background-color:transparent
}
.left-side-menu-condensed .content-page{
    margin-left:70px!important
}
.left-side-menu-condensed .footer{
    left:70px!important
}
.left-side-menu-condensed .user-box{
    display:none
}
@media (min-width:769px){
    body.left-side-menu-condensed{
        min-height:1200px
    }
}
@media (max-width:1024px){
    .left-side-menu{
        top: 60px;
        padding:12px 0;
    }
    .left-side-menu-condensed .left-side-menu{
        padding-top:12px
    }
}
@media (max-width:767.98px){
    body{
        overflow-x:hidden
    }
    .left-side-menu{
        display:none;
        z-index:10!important;
        top: 60px;
    }
    .sidebar-enable .left-side-menu{
        display:block
    }
    .content-page,.left-side-menu-condensed .content-page{
        margin-left:0!important;
        padding:0 10px
    }
    .pro-user-name{
        display:none
    }
    .logo-box{
        display:none
    }
}
.left-side-menu-dark .metismenu li a[aria-expanded=true]{
    color:#fff!important
}
.left-side-menu-dark .left-side-menu{
    background-color:#323742;
    -webkit-box-shadow:none;
    box-shadow:none
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li.mm-active>a{
    color:#fff;
    background-color:#3b414e
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li.mm-active>a svg{
    color:#fff;
    fill:rgba(255,255,255,.12)
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a{
    color:#9097a7
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a svg{
    color:#9097a7;
    fill:rgba(255,255,255,.12)
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:active,.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:focus,.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:hover{
    color:#c8cddc;
    background-color:#3b414e
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a.active{
    color:#fff;
    background-color:#3b414e
}
.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a.active svg{
    color:#fff;
    fill:rgba(255,255,255,.12)
}
.left-side-menu-dark .left-side-menu #sidebar-menu .menu-title{
    color:#adb5bd
}
.left-side-menu-dark .nav-second-level li a,.left-side-menu-dark .nav-thrid-level li a{
    color:#9097a7
}
.left-side-menu-dark .nav-second-level li a:focus,.left-side-menu-dark .nav-second-level li a:hover,.left-side-menu-dark .nav-thrid-level li a:focus,.left-side-menu-dark .nav-thrid-level li a:hover{
    background-color:transparent;
    color:#c8cddc
}
.left-side-menu-dark .nav-second-level li.mm-active>a,.left-side-menu-dark .nav-thrid-level li.mm-active>a{
    color:#fff
}
.left-side-menu-dark.left-side-menu-condensed .left-side-menu #sidebar-menu>ul>li:hover>a{
    background-color:#3b414e;
    color:#fff!important
}
.left-side-menu-dark.left-side-menu-condensed .nav-second-level li.mm-active>a,.left-side-menu-dark.left-side-menu-condensed .nav-thrid-level li.mm-active>a{
    color:#03a9f4
}
.left-side-menu-dark .user-profile .pro-user-desc,.left-side-menu-dark .user-profile .pro-user-name{
    color:#adb5bd
}
.left-side-menu-dark .user-profile .profile-dropdown-menu .dropdown-toggle svg{
    background-color:#3b414e;
    color:#fff
}
.navbar-custom{
    padding: 0 5px 0 31px;
    position:fixed;
    top:0;
    left: 180px;
    right: 0;
    height: 50px;
    z-index:100;
    background-color:#fff;
    -webkit-box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
}
.navbar-custom .topnav-menu>li{
    float:left
}
.navbar-expand:not(.navbar-custom-tabs){
    background-color: #4aa8b4;
}
.navbar-custom .topnav-menu .nav-link{
    padding:0 15px;
    color:#4b4b5a;
    min-width:32px;
    display:block;
    line-height: 60px;
    text-align:center;
    max-height: 60px;
}
.navbar-custom .topnav-menu .nav-link svg{
    height:20px;
    width:20px;
    color:#4b4b5a;
    fill:rgba(75,75,90,.12)
}
.navbar-custom .topnav-menu .nav-link:active svg,.navbar-custom .topnav-menu .nav-link:focus svg,.navbar-custom .topnav-menu .nav-link:hover svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
.navbar-custom .dropdown.show .nav-link{
    background-color:rgba(255,255,255,.05)
}
.navbar-custom .menu-left{
    overflow:hidden
}
.navbar-custom .app-search{
    padding: 0;
    overflow:hidden;
    margin-left:15px;
    margin-right:15px;
}
.navbar-custom .app-search form{
    max-width:320px
}
.navbar-custom .app-search .form-control{
    border:1px solid transparent;
    height: 30px;
    padding-left: 40px;
    padding-right:20px;
    background-color:#f3f4f7;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:.3rem;
    line-height: 32px;
}
.navbar-custom .app-search .form-control:focus{
    background-color:#fff;
    border:1px solid #f3f4f7
}
.navbar-custom .app-search svg{
    position:absolute;
    z-index:10;
    font-size:18px;
    color:#adb5bd;
    line-height:38px;
    left:10px;
    top: 5px;
    width:20px;
    height:20px;
}
.navbar-custom .button-menu-mobile{
    border:none;
    color:#adb5bd;
    display:block;
    height: 60px;
    line-height: 60px;
    width:60px;
    background-color:transparent;
    font-size:24px;
    cursor:pointer;
    margin-right:45px;
}
.navbar-custom .button-menu-mobile.disable-btn{
    display:none
}
.navbar-custom .button-menu-mobile .menu-icon{
    display:inline-block
}
.navbar-custom .button-menu-mobile .close-icon{
    display:none
}
.navbar-custom .button-menu-mobile.open .menu-icon{
    display:none
}
.navbar-custom .button-menu-mobile.open .close-icon{
    display:inline-block
}
.navbar-custom .logo span.logo-sm{
    display:none
}
a.logo{
    color: #4b4b5a;
    padding: 0;
}
.text-logo{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid gray;
    height: 30px;
    line-height: 30px;
}
@-webkit-keyframes blinker{
    50%{
        opacity:0
    }
}
@keyframes blinker{
    50%{
        opacity:0
    }
}
.noti-scroll{
    max-height:230px
}
.notification-list{
    margin-left:0
}
.notification-list .noti-title{
    background-color:transparent;
    padding:7px 20px 15px
}
.notification-list .noti-icon{
    font-size:21px;
    vertical-align:middle
}
.notification-list .noti-icon-badge{
    display:inline-block;
    position:absolute;
    top:24px;
    right:16px;
    width:12px;
    height:12px;
    background-color:#ff5c75;
    border:2px solid #fff;
    border-radius:50%;
    -webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175);
    box-shadow:0 1rem 3rem rgba(0,0,0,.175);
    -webkit-animation:blinker 3s linear infinite;
    animation:blinker 3s linear infinite;
    -webkit-animation-fill-mode:initial;
    animation-fill-mode:initial
}
.notification-list .notify-item{
    padding:12px 20px
}
.notification-list .notify-item .notify-icon{
    float:left;
    height:36px;
    width:36px;
    font-size:16px;
    line-height:36px;
    text-align:center;
    margin-right:10px;
    border-radius:50%;
    color:#fff
}
.notification-list .notify-item .notify-details{
    margin-bottom:5px;
    overflow:hidden;
    margin-left:45px;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#343a40;
    line-height:1.5
}
.notification-list .notify-item .notify-details b{
    font-weight:500
}
.notification-list .notify-item .notify-details small{
    display:block
}
.notification-list .notify-item .notify-details span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px
}
.notification-list .notify-item .user-msg{
    margin-left:45px;
    white-space:normal;
    line-height:16px
}
.notification-list .profile-dropdown-items .notify-item{
    padding:.35rem 1.5rem
}
.profile-dropdown{
    display:none
}
.profile-dropdown-items{
    width:170px
}
.profile-dropdown-items i{
    vertical-align:middle;
    margin-right:5px
}
.nav-user{
    padding:0 12px!important
}
.nav-user img{
    height:32px;
    width:32px
}
@media (max-width:1024px){
    .navbar-custom{
        left:0;
        padding:0 10px;
        margin:0;
        width: 100% !important;
        padding: 0 15px !important;
    }
    .navbar-custom .button-menu-mobile.disable-btn{
        display:block
    }
    .navbar-custom .logo{
        display:none
    }
    .calisan-bilgileri .form-inline{
        padding: 10px 10px 0 10px !important;
        margin-top: 0px !important;
        background: white;
        justify-content: flex-end !important
    }
    .card-body{
        padding: 10px !important
    }
    .table-responsive table th{
        white-space: nowrap;
    }
    .personel-detay{
        flex-direction: column;
    }
    .personel-detay .owl-stage-outer .owl-item > div{
        border: none !important;
        margin-right: 0 !important
    }
    .nav-tabs-menu li a{
        font-size: 12px;
    }
    .sw-main .nav-tabs{
        flex-direction: column;
    }
    .error-message{
        font-size: 12px !important
    }
    .sw-theme-default>ul.step-anchor>li>a::after{
        bottom: 2px !important
    }
}
@media (max-width:575.98px){
    .navbar-custom .page-title{
        display:none
    }
}
.page-title-topbar{
    font-size:20px;
    margin:0;
    line-height:72px
}
.page-title{
    padding:20px 0
}
.page-title .breadcrumb{
    background-color:transparent;
    padding:0;
    margin-bottom:0
}
.page-title h4{
    font-size:19px
}
.footer{
    bottom:0;
    padding:19px 15px 20px;
    position:absolute;
    right:0;
    color:#6c757d;
    left:250px
}
.footer .footer-links a{
    color:#6c757d;
    margin-left:1.5rem;
    -webkit-transition:all .4s;
    transition:all .4s
}
.footer .footer-links a:hover{
    color:#212529
}
.footer .footer-links a:first-of-type{
    margin-left:0
}
.footer-alt{
    left:0!important;
    text-align:center;
    background-color:transparent
}
@media (max-width:767.98px){
    .footer{
        left:0!important;
        text-align:center
    }
}
body[data-layout=topnav] .container-fluid{
    padding-right:24px;
    padding-left:24px
}
body[data-layout=topnav] .navbar-custom{
    position:relative;
    padding:0
}
body[data-layout=topnav] .navbar-custom .topnav-menu .nav-link:active svg,body[data-layout=topnav] .navbar-custom .topnav-menu .nav-link:focus svg,body[data-layout=topnav] .navbar-custom .topnav-menu .nav-link:hover svg{
    color:#4b4b5a
}
body[data-layout=topnav] .content-page{
    margin-top:0;
    margin-left:0!important;
    padding:5px 0 5px 0
}
body[data-layout=topnav] .footer{
    left:0
}
body[data-layout=topnav] .user-profile{
    padding:20px 0
}
body[data-layout=topnav] .profile-dropdown{
    display:block
}
.topnav{
    background:#fff
}
.topbar-nav{
    margin:0;
    padding:0
}
.topbar-nav .badge{
    display:none
}
.topbar-nav .metismenu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0
}
.topbar-nav .metismenu .has-arrow:after{
    width:.4em;
    height:.4em;
    right:1rem;
    -webkit-transform:rotate(45deg) translate(0,-50%);
    transform:rotate(45deg) translate(0,-50%)
}
.topbar-nav .metismenu .menu-title{
    display:none
}
.topbar-nav .metismenu li:active,.topbar-nav .metismenu li:focus,.topbar-nav .metismenu li:hover{
    color:#03a9f4;
    text-decoration:none
}
.topbar-nav .metismenu li:active svg,.topbar-nav .metismenu li:focus svg,.topbar-nav .metismenu li:hover svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
.topbar-nav .metismenu li a{
    color:#4b4b5a;
    font-size:1rem;
    position:relative;
    padding:1rem;
    display:block
}
.topbar-nav .metismenu li a svg{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 5px 0 0;
    color:#4b4b5a;
    fill:rgba(75,75,90,.12)
}
.topbar-nav .metismenu li a>span{
    vertical-align:middle
}
.topbar-nav .metismenu li a:active,.topbar-nav .metismenu li a:focus,.topbar-nav .metismenu li a:hover{
    color:#03a9f4;
    text-decoration:none
}
.topbar-nav .metismenu li a:active svg,.topbar-nav .metismenu li a:focus svg,.topbar-nav .metismenu li a:hover svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
.topbar-nav .metismenu li:nth-child(2) a{
    padding-left:0
}
.topbar-nav .metismenu li .menu-arrow{
    -webkit-transition:-webkit-transform .15s;
    transition:-webkit-transform .15s;
    transition:transform .15s;
    transition:transform .15s,-webkit-transform .15s;
    display:inline-block;
    font-family:unicons;
    text-rendering:auto;
    line-height:1.3rem;
    font-size:1.25rem;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    vertical-align:middle;
    margin-left:5px
}
.topbar-nav .metismenu li .menu-arrow:before{
    content:"\e82d"
}
.topbar-nav .metismenu li.mm-active>a{
    color:#03a9f4
}
.topbar-nav .metismenu li.mm-active>a svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
.topbar-nav .metismenu li.mm-active>a>span.menu-arrow{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.topbar-nav .metismenu li.active>a{
    color:#03a9f4
}
.topbar-nav .metismenu li.active>a svg{
    color:#03a9f4;
    fill:rgba(83,105,248,.1)
}
.topbar-nav .metismenu li .nav-second-level{
    color:#4b4b5a;
    background-color:#fff;
    background-clip:padding-box;
    border-radius:0 0 .2rem .2rem;
    min-width:calc(10rem + 1.5rem);
    font-size:calc(.875rem - .01rem);
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.175);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.175);
    padding:.5rem 0
}
.topbar-nav .metismenu li .nav-second-level li:active,.topbar-nav .metismenu li .nav-second-level li:focus,.topbar-nav .metismenu li .nav-second-level li:hover{
    color:#03a9f4;
    text-decoration:none
}
.topbar-nav .metismenu li .nav-second-level li:first-of-type{
    padding-top:.5rem
}
.topbar-nav .metismenu li .nav-second-level li:last-of-type{
    padding-bottom:.5rem
}
.topbar-nav .metismenu li .nav-second-level a{
    display:block;
    width:100%;
    padding:.35rem 1.5rem!important;
    clear:both;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    white-space:nowrap;
    background-color:transparent;
    border:0
}
.topbar-nav .metismenu li .nav-second-level a:focus,.topbar-nav .metismenu li .nav-second-level a:hover{
    color:#16181b;
    text-decoration:none;
    background-color:#f8f9fa
}
.topbar-nav .metismenu li .nav-second-level .has-arrow:after{
    margin-top:-2px
}
.topbar-nav .metismenu li .nav-second-level .menu-arrow{
    float:right
}
.topbar-nav .metismenu li .nav-third-level{
    color:#4b4b5a;
    min-width:calc(10rem + 1.5rem)
}
.topbar-nav .metismenu li .nav-third-level li:active,.topbar-nav .metismenu li .nav-third-level li:focus,.topbar-nav .metismenu li .nav-third-level li:hover{
    color:#03a9f4;
    text-decoration:none
}
.topbar-nav .metismenu li .nav-third-level li:first-of-type{
    padding-top:.5rem
}
.topbar-nav .metismenu li .nav-third-level li:last-of-type{
    padding-bottom:.5rem
}
.topbar-nav .metismenu li .nav-third-level a{
    display:block;
    width:100%;
    padding:.35rem 1.5rem!important;
    clear:both;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    padding-left:2.2rem!important
}
.topbar-nav .metismenu li .nav-third-level a:focus,.topbar-nav .metismenu li .nav-third-level a:hover{
    color:#16181b;
    text-decoration:none;
    background-color:#f8f9fa
}
.topbar-nav .metismenu li .nav-third-level .has-arrow:after{
    margin-top:-2px
}
.topbar-nav .metismenu li .nav-third-level .menu-arrow{
    float:right
}
@media (min-width:992px){
    body[data-layout=topnav] .container-fluid{
        max-width:85%
    }
    body[data-layout=topnav] .navbar-custom .logo{
        display:block
    }
    body[data-layout=topnav] .navbar-custom .logo span.logo-sm{
        display:none!important
    }
    body[data-layout=topnav] .navbar-custom .logo span.logo-lg{
        display:block
    }
    body[data-layout=topnav].left-side-menu-condensed .navbar-custom .button-menu-mobile.disable-btn{
        display:none!important
    }
    body[data-layout=topnav].boxed-layout .container-fluid{
        max-width:97%
    }
    .topbar-nav .metismenu{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .topbar-nav .metismenu>li{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .topbar-nav .metismenu>li>ul{
        position:absolute;
        z-index:1001
    }
    .topbar-nav .metismenu .side-nav-item:first-of-type .side-nav-link{
        padding-left:0
    }
    .navbar-toggle{
        display:none
    }
}
@media (max-width:991.98px){
    body[data-layout=topnav] .navbar-custom .container-fluid{
        padding-right:12px;
        padding-left:12px
    }
    .topnav{
        overflow:auto
    }
    .topbar-nav{
        max-height:400px
    }
    .topbar-nav .metismenu li a{
        padding:15px 0
    }
    .topbar-nav .metismenu li .nav-second-level{
        -webkit-box-shadow:none;
        box-shadow:none;
        padding-top:0
    }
    .topbar-nav .metismenu li .nav-second-level li:first-of-type{
        padding:0
    }
    .topbar-nav .metismenu li .nav-second-level a{
        padding-right:0!important
    }
    .topbar-nav .metismenu li .nav-second-level a:focus,.topbar-nav .metismenu li .nav-second-level a:hover{
        background-color:transparent
    }
    .topbar-nav .metismenu li .menu-arrow{
        float:right;
        margin-top:2px
    }
}
@media (min-width:992px) and (max-width:1180px){
    .topbar-nav .metismenu li .menu-arrow{
        display:none
    }
}
.right-bar{
    background-color:#fff;
    -webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
    box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
    display:block;
    position:fixed;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    width:260px;
    z-index:9999;
    float:right!important;
    right:-270px;
    top:0;
    bottom:0;
    padding-bottom:60px
}
.right-bar .rightbar-title{
    padding:25px 25px
}
.right-bar .right-bar-toggle{
    height:24px;
    width:24px;
    line-height:24px;
    text-align:center;
    border-radius:50%;
    margin-top:-4px
}
.right-bar .demo-img{
    height:200px
}
.rightbar-overlay{
    background-color:rgba(52,58,64,.55);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:9998;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.right-bar-enabled .right-bar{
    right:0
}
.right-bar-enabled .rightbar-overlay{
    display:block
}
@media (max-width:767.98px){
    .right-bar{
        overflow:auto
    }
    .right-bar .slimscroll-menu{
        height:auto!important
    }
}
.activity-widget .activity-list{
    border-bottom:1px solid #f6f6f7;
    padding:12px 0
}
.activity-widget .activity-list:last-child{
    border:none
}
.upgrade-wid .laptop-img{
    position:relative;
    bottom:22px
}
@media (min-width:1200px){
    .scrollable-layout{
        padding-bottom:0
    }
    .scrollable-layout #wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .scrollable-layout .left-side-menu{
        position:relative;
        min-width:250px;
        min-height:100vh
    }
    .scrollable-layout .navbar-custom{
        position:absolute
    }
    .scrollable-layout .content-page{
        margin-left:0;
        width:100%;
        padding-bottom:60px
    }
    .scrollable-layout.left-side-menu-condensed .left-side-menu{
        min-width:70px
    }
    .scrollable-layout.left-side-menu-condensed .content-page{
        margin-left:0!important
    }
}
.boxed-layout{
    background:#edeef3
}
.boxed-layout #wrapper{
    max-width:1300px;
    margin:0 auto;
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    background:#f3f4f7
}
.boxed-layout .navbar-custom{
    max-width:1300px;
    margin:0 auto
}
.boxed-layout .footer{
    margin:0 auto;
    max-width:calc(1300px - 250px);
    background:#f3f4f7
}
.boxed-layout.left-side-menu-condensed{
    min-height:auto
}
.boxed-layout.left-side-menu-condensed .footer{
    max-width:calc(1300px - 70px)
}
.width-xs{
    min-width:80px
}
.width-sm{
    min-width:95px
}
.width-md{
    min-width:110px
}
.width-lg{
    min-width:140px
}
.width-xl{
    min-width:160px
}
.font-family-secondary{
    font-family:"Titillium Web",sans-serif
}
.avatar-xs{
    height:1.5rem;
    width:1.5rem
}
.avatar-sm{
    height:2.25rem;
    width:2.25rem
}
.avatar{
    height:3rem;
    width:3rem
}
.avatar-md{
    height:3.5rem;
    width:3.5rem
}
.avatar-lg{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.avatar-xl{
    height:6rem;
    width:6rem
}
.avatar-xxl{
    height:7.5rem;
    width:7.5rem
}
.avatar-title{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%
}
.avatar-group{
    padding-left:12px
}
.avatar-group .avatar-group-item{
    margin:0 0 10px -12px;
    display:inline-block;
    border:2px solid #fff;
    border-radius:50%
}
.font-weight-medium{
    font-weight:500
}
.font-weight-semibold{
    font-weight:600
}
.sp-line-1,.sp-line-2,.sp-line-3,.sp-line-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.sp-line-1{
    -webkit-line-clamp:1
}
.sp-line-2{
    -webkit-line-clamp:2
}
.sp-line-3{
    -webkit-line-clamp:3
}
.sp-line-4{
    -webkit-line-clamp:4
}
.pull-in{
    margin-left:-1.25rem;
    margin-right:-1.25rem
}
.social-list-item{
    height:2rem;
    width:2rem;
    line-height:calc(2rem - 4px);
    display:block;
    border:2px solid #adb5bd;
    border-radius:50%;
    color:#adb5bd
}
.widget-flat{
    position:relative;
    overflow:hidden
}
.widget-flat i.widget-icon{
    font-size:36px
}
.conversation-list{
    list-style:none;
    height:332px;
    padding:0 7px
}
.conversation-list li{
    margin-bottom:24px
}
.conversation-list .chat-avatar{
    float:left;
    text-align:center;
    width:34px
}
.conversation-list .chat-avatar img{
    border-radius:100%;
    width:100%
}
.conversation-list .chat-avatar i{
    font-size:12px;
    font-style:normal
}
.conversation-list .ctext-wrap{
    background:#f0f2fe;
    color:#03a9f4;
    border-radius:.3rem;
    display:inline-block;
    padding:4px 12px;
    position:relative;
    min-width:160px
}
.conversation-list .ctext-wrap i{
    display:block;
    font-size:12px;
    font-style:normal;
    font-weight:700;
    position:relative
}
.conversation-list .ctext-wrap p{
    margin:0;
    padding-top:3px
}
.conversation-list .ctext-wrap:after{
    right:98%;
    top:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-top-color:#f0f2fe;
    border-width:6px;
    margin-left:-1px;
    border-right-color:#f0f2fe
}
.conversation-list .conversation-text{
    float:left;
    font-size:12px;
    margin-left:12px;
    width:70%
}
.conversation-list .odd .chat-avatar{
    float:right!important
}
.conversation-list .odd .conversation-text{
    float:right!important;
    margin-right:12px;
    text-align:right;
    width:70%!important
}
.conversation-list .odd .ctext-wrap{
    background-color:#e2e7f1;
    color:#4b4b5a
}
.conversation-list .odd .ctext-wrap:after{
    border-color:transparent;
    border-left-color:#e2e7f1;
    border-top-color:#e2e7f1;
    left:99%!important
}
.profile-widget{
    position:relative
}
.profile-widget .card-action{
    position:absolute;
    right:7px;
    top:12px;
    z-index:100
}
.profile-widget .card-img-top{
    max-height:220px
}
.profile-widget .profile-info{
    margin-top:-2.7rem
}
.calendar-widget .flatpickr-calendar{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #f6f6f7!important
}
.checkbox label{
    display:inline-block;
    padding-left:8px;
    position:relative;
    font-weight:400;
    margin-bottom:0
}
.checkbox label::before{
    background-color:#e2e7f1;
    border-radius:3px;
    border:2px solid #e2e7f1;
    content:"";
    display:inline-block;
    height:18px;
    left:0;
    margin-left:-18px;
    position:absolute;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    width:18px;
    outline:0!important;
    top:2px
}
.checkbox label::after{
    color:#4b4b5a;
    display:inline-block;
    font-size:11px;
    height:18px;
    left:0;
    margin-left:-18px;
    padding-left:3px;
    padding-top:2px;
    position:absolute;
    top:0;
    width:18px
}
.checkbox input[type=checkbox]{
    cursor:pointer;
    opacity:0;
    z-index:1;
    outline:0!important
}
.checkbox input[type=checkbox]:disabled+label{
    opacity:.65
}
.checkbox input[type=checkbox]:focus+label::before{
    outline-offset:-2px;
    outline:0
}
.checkbox input[type=checkbox]:checked+label::after{
    content:"";
    position:absolute;
    top:6px;
    left:7px;
    display:table;
    width:4px;
    height:8px;
    border:2px solid #4b4b5a;
    border-top-width:0;
    border-left-width:0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.checkbox input[type=checkbox]:disabled+label::before{
    background-color:#f8f9fa;
    cursor:not-allowed
}
.checkbox.checkbox-circle label::before{
    border-radius:50%
}
.checkbox.checkbox-inline{
    margin-top:0
}
.checkbox.checkbox-single input{
    height:18px;
    width:18px;
    position:absolute
}
.checkbox.checkbox-single label{
    height:18px;
    width:18px
}
.checkbox.checkbox-single label:before{
    margin-left:0
}
.checkbox.checkbox-single label:after{
    margin-left:0
}
.checkbox-primary input[type=checkbox]:checked+label::before{
    background-color:#03a9f4;
    border-color:#03a9f4
}
.checkbox-primary input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-secondary input[type=checkbox]:checked+label::before{
    background-color:#1e2139;
    border-color:#1e2139
}
.checkbox-secondary input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-success input[type=checkbox]:checked+label::before{
    background-color:#43d39e;
    border-color:#43d39e
}
.checkbox-success input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-info input[type=checkbox]:checked+label::before{
    background-color:#25c2e3;
    border-color:#25c2e3
}
.checkbox-info input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-warning input[type=checkbox]:checked+label::before{
    background-color:#ffbe0b;
    border-color:#ffbe0b
}
.checkbox-warning input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-danger input[type=checkbox]:checked+label::before{
    background-color:#ff5c75;
    border-color:#ff5c75
}
.checkbox-danger input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-light input[type=checkbox]:checked+label::before{
    background-color:#f8f9fa;
    border-color:#f8f9fa
}
.checkbox-light input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.checkbox-dark input[type=checkbox]:checked+label::before{
    background-color:#343a40;
    border-color:#343a40
}
.checkbox-dark input[type=checkbox]:checked+label::after{
    border-color:#fff
}
.radio label{
    display:inline-block;
    padding-left:8px;
    position:relative;
    font-weight:400;
    margin-bottom:0
}
.radio label::before{
    -o-transition:border .5s ease-in-out;
    -webkit-transition:border .5s ease-in-out;
    background-color:#fff;
    border-radius:50%;
    border:2px solid #6c757d;
    content:"";
    display:inline-block;
    height:18px;
    left:0;
    margin-left:-18px;
    position:absolute;
    transition:border .5s ease-in-out;
    width:18px;
    outline:0!important
}
.radio label::after{
    -moz-transition:-moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
    -o-transition:-o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -webkit-transform:scale(0,0);
    -webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    background-color:#4b4b5a;
    border-radius:50%;
    content:" ";
    display:inline-block;
    height:10px;
    left:6px;
    margin-left:-20px;
    position:absolute;
    top:4px;
    transform:scale(0,0);
    transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition:transform .1s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    width:10px
}
.radio input[type=radio]{
    cursor:pointer;
    opacity:0;
    z-index:1;
    outline:0!important
}
.radio input[type=radio]:disabled+label{
    opacity:.65
}
.radio input[type=radio]:focus+label::before{
    outline-offset:-2px;
    outline:5px auto -webkit-focus-ring-color;
    outline:thin dotted
}
.radio input[type=radio]:checked+label::after{
    -webkit-transform:scale(1,1);
    transform:scale(1,1)
}
.radio input[type=radio]:disabled+label::before{
    cursor:not-allowed
}
.radio.radio-inline{
    margin-top:0
}
.radio.radio-single label{
    height:17px
}
.radio-primary input[type=radio]+label::after{
    background-color:#03a9f4
}
.radio-primary input[type=radio]:checked+label::before{
    border-color:#03a9f4
}
.radio-primary input[type=radio]:checked+label::after{
    background-color:#03a9f4
}
.radio-secondary input[type=radio]+label::after{
    background-color:#1e2139
}
.radio-secondary input[type=radio]:checked+label::before{
    border-color:#1e2139
}
.radio-secondary input[type=radio]:checked+label::after{
    background-color:#1e2139
}
.radio-success input[type=radio]+label::after{
    background-color:#43d39e
}
.radio-success input[type=radio]:checked+label::before{
    border-color:#43d39e
}
.radio-success input[type=radio]:checked+label::after{
    background-color:#43d39e
}
.radio-info input[type=radio]+label::after{
    background-color:#25c2e3
}
.radio-info input[type=radio]:checked+label::before{
    border-color:#25c2e3
}
.radio-info input[type=radio]:checked+label::after{
    background-color:#25c2e3
}
.radio-warning input[type=radio]+label::after{
    background-color:#ffbe0b
}
.radio-warning input[type=radio]:checked+label::before{
    border-color:#ffbe0b
}
.radio-warning input[type=radio]:checked+label::after{
    background-color:#ffbe0b
}
.radio-danger input[type=radio]+label::after{
    background-color:#ff5c75
}
.radio-danger input[type=radio]:checked+label::before{
    border-color:#ff5c75
}
.radio-danger input[type=radio]:checked+label::after{
    background-color:#ff5c75
}
.radio-light input[type=radio]+label::after{
    background-color:#f8f9fa
}
.radio-light input[type=radio]:checked+label::before{
    border-color:#f8f9fa
}
.radio-light input[type=radio]:checked+label::after{
    background-color:#f8f9fa
}
.radio-dark input[type=radio]+label::after{
    background-color:#343a40
}
.radio-dark input[type=radio]:checked+label::before{
    border-color:#343a40
}
.radio-dark input[type=radio]:checked+label::after{
    background-color:#343a40
}
@media print{
    .footer,.left-side-menu,.navbar-custom,.page-title-box,.right-bar{
        display:none
    }
    .card-body,.content,.content-page,.right-bar,body{
        padding:0;
        margin:0
    }
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f3f4f7;
    z-index:9999
}
#status{
    height:80px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-40px 0 0 -40px
}
.spinner>div{
    display:inline-block;
    width:16px;
    height:16px;
    background:#fff;
    border:2px solid #03a9f4;
    border-radius:50%;
    -webkit-animation:circle-loader 1s infinite ease-in-out both;
    animation:circle-loader 1s infinite ease-in-out both;
    margin:0 7px
}
.spinner .circle1{
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
}
.spinner .circle2{
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
}
@-webkit-keyframes circle-loader{
    0%,100%,80%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes circle-loader{
    0%,100%,80%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.slimScrollDiv{
    height:auto!important
}
.apex-charts{
    min-height:10px!important
}
.apex-charts text{
    font-family:"Titillium Web",sans-serif!important;
    fill:#4b4b5a
}
.apex-charts .apexcharts-canvas{
    margin:0 auto
}
.apexcharts-tooltip-text,.apexcharts-tooltip-title{
    font-family:"Titillium Web",sans-serif!important
}
.apexcharts-legend-series{
    font-weight:400
}
.apexcharts-gridline{
    pointer-events:none;
    stroke:#f8f9fa
}
.apexcharts-legend-text{
    color:#6c757d!important;
    font-family:"Titillium Web",sans-serif!important;
    font-size:13px!important
}
.apexcharts-pie-label{
    fill:#fff!important
}
.apexcharts-xaxis text,.apexcharts-yaxis text{
    font-family:"Titillium Web",sans-serif!important;
    fill:#adb5bd
}
.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{
    fill:#fff
}
.apexcharts-radar-series polygon{
    fill:transparent;
    stroke:#e2e7f1
}
.apexcharts-radar-series line{
    stroke:#e2e7f1
}
.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value,.apexcharts-pie-label{
    fill:#fff!important
}
.calendar{
    float:left;
    margin-bottom:0
}
.fc-view{
    margin-top:30px
}
.none-border .modal-footer{
    border-top:none
}
.fc-toolbar{
    margin:10px 0 5px 0
}
.fc-toolbar h2{
    font-size:1.25rem;
    line-height:1.875rem;
    text-transform:uppercase
}
.fc-day-grid-event .fc-time{
    font-weight:500
}
th.fc-day-header{
    padding:.5rem 0
}
.fc-day{
    background:0 0
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar .ui-state-hover,.fc-toolbar button:focus,.fc-toolbar button:hover{
    z-index:0
}
.fc th.fc-widget-header{
    background:#e2e7f1;
    font-size:13px;
    line-height:20px;
    padding:10px 0;
    text-transform:uppercase;
    font-weight:500
}
.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{
    border-color:#e2e7f1
}
.fc-unthemed .fc-divider,.fc-unthemed td.fc-today{
    background: #ffffff;
}
.fc-button{
    background:#e2e7f1;
    border:none;
    color:#4b4b5a;
    text-transform:capitalize;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:3px;
    margin:0 3px;
    padding:6px 12px;
    height:auto
}
.fc-text-arrow{
    font-family:inherit;
    font-size:1rem
}
.fc-state-hover{
    background:#e2e7f1
}
.fc-state-highlight{
    background:#e2e7f1
}
.fc-state-active,.fc-state-disabled,.fc-state-down{
    background-color:#03a9f4;
    color:#fff;
    text-shadow:none
}
.fc-cell-overlay{
    background:#e2e7f1
}
.fc-unthemed .fc-today{
    background:#fff
}
.fc-event{
    border-radius:2px;
    border:none;
    cursor:move;
    font-size:.8125rem;
    margin:5px 7px;
    padding:5px 5px;
    text-align:center
}
.external-event{
    cursor:move;
    margin:10px 0;
    padding:8px 10px;
    color:#fff;
    border-radius:4px
}
.fc-basic-view td.fc-week-number span{
    padding-right:8px
}
.fc-basic-view td.fc-day-number{
    padding-right:8px
}
.fc-basic-view .fc-content{
    color:#fff
}
.fc-time-grid-event .fc-content{
    color:#fff
}
@media (max-width:767.98px){
    .fc-toolbar{
        display:block
    }
    .fc-toolbar .fc-center,.fc-toolbar .fc-left,.fc-toolbar .fc-right{
        float:none;
        display:block;
        clear:both;
        margin:10px 0
    }
    .fc .fc-toolbar>*>*{
        float:none
    }
    .fc-today-button{
        display:none
    }
}
.fc-toolbar .btn{
    padding:.25rem .5rem;
    font-size:.76562rem;
    line-height:1.5;
    border-radius:.2rem
}
select + .select2-container{
    width:100%;
}
.select2-container .select2-selection--single{
    border:1px solid #e2e7f1;
    height: 31px;
    background-color:#fff;
    outline:0;
    border-radius:.3rem;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    padding-left:12px;
    color:#4b4b5a;
    font-size: 12px;
}
.select2-container .select2-selection--single .select2-selection__arrow{
    height: 30px;
    width: 20px;
    right: 2px;
    text-align: center;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
    border-color:#adb5bd transparent transparent transparent;
    border-width:6px 6px 0 6px
}
.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #adb5bd transparent!important;
    border-width:0 6px 6px 6px!important
}
.select2-results__option{
    padding:6px 12px;
    font-size: 11px;
}
.select2-dropdown{
    border:0 solid rgba(0,0,0,.15);
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    background-color:#fff
}
.select2-container--default .select2-search--dropdown{
    padding:10px;
    background-color:#fff
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline:0;
    border:1px solid #e2e7f1;
    background-color:#fff;
    color:#4b4b5a;
    font-size: 11px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#03a9f4
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #d1d1d1;
    color: #6c757d;
    font-size: 11px;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover{
    background-color:#03a9f4;
    color:#fff
}
.select2-container .select2-selection--multiple{
    border:1px solid #e2e7f1!important;
    background-color:#fff;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    padding:2px 10px;
    font-size: 12px;
}
.select2-container .select2-selection--multiple .select2-search__field{
    border:0;
    color:#4b4b5a;
    font-size: 12px;
    line-height: 29px;
    height: 29px;
    margin: 0;
}
.select2-container .select2-selection--multiple .select2-selection__choice{
    background-color:#03a9f4;
    border:none;
    color:#fff;
    border-radius:3px;
    padding:0 7px;
    margin-top:6px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
    margin-right:5px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#fff
}
.ms-container{
    background:transparent url(../images/plugin/multiple-arrow.png) no-repeat 50% 50%;
    width:auto;
    max-width:370px
}
.ms-container .ms-list{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #e2e7f1
}
.ms-container .ms-list.ms-focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #03a9f4
}
.ms-container .ms-selectable{
    background-color:#fff
}
.ms-container .ms-selectable li.ms-elem-selectable{
    border:none;
    padding:5px 10px;
    color:#6c757d
}
.ms-container .ms-selectable li.ms-hover{
    background-color:#03a9f4;
    color:#fff
}
.ms-container .ms-selection{
    background-color:#fff
}
.ms-container .ms-selection li.ms-elem-selection{
    border:none;
    padding:5px 10px;
    color:#6c757d
}
.ms-container .ms-selection li.ms-hover{
    background-color:#03a9f4;
    color:#fff
}
.ms-selectable{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0!important
}
.ms-optgroup-label{
    font-weight:500;
    font-family:"Titillium Web",sans-serif;
    color:#343a40!important;
    font-size:13px
}
.flatpickr-calendar{
    overflow:hidden;
    background-color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:2px solid #e2e7f1
}
.flatpickr-calendar .flatpickr-time{
    border:none!important
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm,.flatpickr-calendar .flatpickr-time input{
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus,.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,.flatpickr-calendar .flatpickr-time input:focus,.flatpickr-calendar .flatpickr-time input:hover{
}
.flatpickr-day{
}
.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){
    -webkit-box-shadow:-10px 0 0 #03a9f4;
    box-shadow:-10px 0 0 #03a9f4
}
.flatpickr-day.today{
}
.flatpickr-day.inRange{
    background:#f5f5f5;
    border-color:#f5f5f5;
    -webkit-box-shadow:-10px 0 0 #f5f5f5;
    box-shadow:-10px 0 0 #f5f5f5
}
.flatpickr-day.inRange.nextMonthDay{
    background:#f5f5f5;
    border-color:#f5f5f5
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{
    color:rgba(108,117,125,.4)
}
.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day.today:focus,.flatpickr-day.today:hover,.flatpickr-day:focus,.flatpickr-day:hover{
}
.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{
}
.flatpickr-months .flatpickr-month{
    height:48px
}
.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{
}
.flatpickr-current-month{
    color:#6c757d;
    font-size:1rem;
    padding:8px 0 0 0
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
}
.flatpickr-weekdays{
}
.flatpickr-weekday{
    color:rgba(255,255,255,.6)!important
}
.bootstrap-touchspin .btn .input-group-text{
    padding:0;
    border:none;
    background-color:transparent;
    color:inherit
}
.parsley-errors-list{
    margin:0;
    padding:0
}
.parsley-errors-list>li{
    list-style:none;
    color:#ff5c75;
    margin-top:10px;
    padding:4px 7px 4px 28px;
    position:relative;
    display:inline-block;
    background-color:rgba(255,92,117,.2);
    border-radius:7px
}
.parsley-errors-list>li:before{
    content:"\ebee";
    font-family:unicons;
    position:absolute;
    left:8px;
    top:4px
}
.parsley-errors-list>li:after{
    content:"";
    border:8px solid transparent;
    border-bottom-color:rgba(255,92,117,.2);
    position:absolute;
    left:14px;
    top:-16px
}
.parsley-error{
    border-color:#ff5c75
}
.parsley-success{
    border-color:#43d39e
}
.sw-main{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #dbe1ee
}
.sw-main .sw-toolbar{
    background:0 0;
    padding:10px
}
.sw-main .step-content{
    background-color:transparent!important
}
.sw-theme-default .step-content{
    background-color:transparent
}
.sw-theme-default>ul.step-anchor>li>a{
    color:#6c757d;
    height: 100%;
}
.sw-theme-default>ul.step-anchor>li>a:hover{
    color:#6c757d
}
.sw-theme-default>ul.step-anchor>li>a:after{
    background:#03a9f4
}
.sw-theme-default>ul.step-anchor>li.active>a{
    color:#03a9f4!important
}
.sw-theme-default>ul.step-anchor>li.done>a{
    color:#6c757d!important
}
.sw-theme-default>ul.step-anchor>li.done>a:after{
    background:#43d39e
}
.sw-theme-arrows>ul.step-anchor{
    background:#e2e7f1;
    border-bottom-color:#e2e7f1
}
.sw-theme-arrows>ul.step-anchor>li>a,.sw-theme-arrows>ul.step-anchor>li>a:hover{
    background:#e2e7f1;
    color:#6c757d
}
.sw-theme-arrows>ul.step-anchor>li>a::after{
    border-left-color:#e2e7f1!important
}
.sw-theme-arrows>ul.step-anchor>li>a::before{
    border-left-color:#ced4da!important
}
.sw-theme-arrows>ul.step-anchor>li.active>a{
    background:#03a9f4!important;
    border-color:#03a9f4!important
}
.sw-theme-arrows>ul.step-anchor>li.active>a:after{
    border-left-color:#03a9f4!important
}
.sw-theme-arrows>ul.step-anchor>li.done>a{
    background:#c9d0fd!important;
    border-color:#c9d0fd!important
}
.sw-theme-arrows>ul.step-anchor>li.done>a:after{
    border-left-color:#c9d0fd!important
}
.sw-theme-arrows>ul.step-anchor>li.done>a::before{
    border-left-color:#03a9f4!important
}
.sw-theme-circles>ul.step-anchor{
    margin-top:30px;
    background-color:transparent
}
.sw-theme-circles>ul.step-anchor:before{
    background-color:#e2e7f1
}
.sw-theme-circles>ul.step-anchor>li>a{
    font-size:14px;
    width:40px;
    height:40px;
    padding:12px 0;
    background-color:#e2e7f1;
    border-color:#f6f6f7!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.sw-theme-circles>ul.step-anchor>li>a:hover{
    background-color:#e2e7f1
}
.sw-theme-circles>ul.step-anchor>li>a small{
    bottom:-20px;
    width:100%
}
.sw-theme-circles>ul.step-anchor>li>a,.sw-theme-circles>ul.step-anchor>li>a:hover{
    color:#6c757d
}
.sw-theme-circles>ul.step-anchor>li>a small,.sw-theme-circles>ul.step-anchor>li>a:hover small{
    color:#6c757d
}
.sw-theme-circles>ul.step-anchor>li.active>a{
    background:#03a9f4!important;
    border-color:#03a9f4!important;
    color:#fff!important
}
.sw-theme-circles>ul.step-anchor>li.active>a>small{
    color:#03a9f4
}
.sw-theme-circles>ul.step-anchor>li.done>a{
    background:#43d39e!important;
    border-color:#43d39e!important;
    color:#fff!important
}
.sw-theme-circles>ul.step-anchor>li.done>a>small{
    color:#43d39e
}
.sw-theme-dots>ul.step-anchor{
    background-color:transparent
}
.sw-theme-dots>ul.step-anchor:before{
    background-color:#e2e7f1
}
.sw-theme-dots>ul.step-anchor>li>a:before{
    bottom:-6px;
    background:#e2e7f1
}
.sw-theme-dots>ul.step-anchor>li>a:after{
    left:45%;
    bottom:-8px;
    background:#ced4da
}
.sw-theme-dots>ul.step-anchor>li>a,.sw-theme-dots>ul.step-anchor>li>a:focus,.sw-theme-dots>ul.step-anchor>li>a:hover{
    color:#6c757d
}
.sw-theme-dots>ul.step-anchor>li.active>a{
    color:#03a9f4
}
.sw-theme-dots>ul.step-anchor>li.active>a:after{
    background:#03a9f4
}
.sw-theme-dots>ul.step-anchor>li.done>a{
    color:#43d39e
}
.sw-theme-dots>ul.step-anchor>li.done>a:after{
    background:#43d39e
}
.nav-item.done .step-number{
    color: #43d39e;
}
@media (max-width:768px){
    .sw-main>ul.step-anchor>li{
        display:block;
        width:100%
    }
    .sw-theme-circles>ul.step-anchor>li>a>small{
        bottom:14px;
        left:76px
    }
    .sw-theme-dots>ul.step-anchor>li>a:after{
        top:-36px;
        left:-31px!important
    }
}
@font-face{
    font-family:summernote;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/summernote.eot);
    src:url(../fonts/summernote.eot?#iefix) format("embedded-opentype"),url(../fonts/summernote.woff?) format("woff"),url(../fonts/summernote.ttf?) format("truetype")
}
.note-editor.note-frame{
    border:2px solid #fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin:0
}
.note-editor.note-frame .note-statusbar{
    background-color:#fbfbfc;
    border-top:1px solid #fff
}
.note-editor.note-frame .note-editing-area .note-editable{
    border:none;
    color:#6c757d;
    background-color:transparent
}
.note-status-output{
    display:none
}
.note-editable{
    border-radius:.3rem;
    padding:.5rem .75rem
}
.note-editable p:last-of-type{
    margin-bottom:0
}
.card-header.note-toolbar .note-color .dropdown-menu,.note-popover .popover-content .note-color .dropdown-menu{
    min-width:344px
}
.note-popover{
    border-color:#e2e7f1
}
.card-header.note-toolbar,.note-popover .popover-content{
    background-color:#e2e7f1
}
.note-toolbar{
    z-index:1;
    background-color:transparent!important;
    border-bottom:2px solid #fff
}
.dropzone{
    border:2px dashed rgba(52,58,64,.2);
    background:#fff;
    border-radius:6px
}
.dataTables_wrapper.container-fluid{
    padding:0
}
table.dataTable{
    border-collapse:collapse!important;
    margin-bottom:15px!important;
    width: 100% !important;
}
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{
    background-color:#03a9f4
}
table.dataTable tbody>tr.selected td,table.dataTable tbody>tr>.selected td{
    border-color:#03a9f4
}
table.dataTable tbody td:focus{
    outline:0!important
}
table.dataTable tbody td.focus,table.dataTable tbody th.focus{
    outline:2px solid #03a9f4!important;
    outline-offset:-1px;
    color:#03a9f4;
    background-color:rgba(83,105,248,.15)
}
.dataTables_info{
    font-weight:500;
    font-size: 12px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
    -webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175);
    box-shadow:0 1rem 3rem rgba(0,0,0,.175);
    background-color:#43d39e;
    top:.75rem
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
    background-color:#ff5c75;
    top:.75rem
}
div.dt-button-info{
    background-color:#03a9f4;
    border:none;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:3px;
    text-align:center;
    z-index:21
}
div.dt-button-info h2{
    border-bottom:none;
    background-color:rgba(255,255,255,.2);
    color:#fff
}
@media (max-width:767.98px){
    li.paginate_button.next,li.paginate_button.previous{
        display:inline-block;
        font-size:1.5rem
    }
    li.paginate_button{
        display:none
    }
    .dataTables_paginate ul{
        text-align:center;
        display:block;
        margin:1rem 0 0!important
    }
    div.dt-buttons{
        display:inline-table;
        margin-bottom:1rem
    }
}
.activate-select .sorting_1{
    background-color:#f8f9fa
}
#pagination-list .pagination li a{
    padding:.5rem .75rem;
    border-radius:50%;
    display:block;
    line-height:1.25;
    margin:0 3px
}
#pagination-list .pagination li.active a{
    background-color:#03a9f4;
    color:#fff
}
#transaction-list .sort{
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px
}
#noresult-list .error-message{
    display:none
}
.tasklist{
    min-height:40px;
    margin-bottom:0
}
.tasklist>li{
    background-color:#fff;
    -webkit-box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    padding:20px;
    margin-bottom:24px;
    border-radius:7px
}
.tasklist>li:last-of-type{
    margin-bottom:0
}
.tasklist>li:last-of-type .btn-sm{
    padding:2px 8px;
    font-size:12px
}
.task-placeholder{
    border:1px dashed #e2e7f1!important;
    background-color:#fff!important;
    padding:20px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
 .metismenu .arrow{
    float:right;
    line-height:1.42857
}
[dir=rtl] .metismenu .arrow{
    float:left
}
.metismenu .glyphicon.arrow:before{
    content:"\e079"
}
.metismenu .mm-active>a>.glyphicon.arrow:before{
    content:"\e114"
}
.metismenu .fa.arrow:before{
    content:"\f104"
}
.metismenu .mm-active>a>.fa.arrow:before{
    content:"\f107"
}
.metismenu .ion.arrow:before{
    content:"\f3d2"
}
.metismenu .mm-active>a>.ion.arrow:before{
    content:"\f3d0"
}
.metismenu .plus-times{
    float:right
}
[dir=rtl] .metismenu .plus-times{
    float:left
}
.metismenu .fa.plus-times:before{
    content:"\f067"
}
.metismenu .mm-active>a>.fa.plus-times{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.metismenu .plus-minus{
    float:right
}
[dir=rtl] .metismenu .plus-minus{
    float:left
}
.metismenu .fa.plus-minus:before{
    content:"\f067"
}
.metismenu .mm-active>a>.fa.plus-minus:before{
    content:"\f068"
}
.metismenu .mm-collapse:not(.mm-show){
    display:none
}
.metismenu .mm-collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    transition-property:height,visibility
}
.metismenu .has-arrow{
    position:relative
}
.metismenu .has-arrow::after{
    position:absolute;
    content:"";
    width:.5em;
    height:.5em;
    border-width:1px 0 0 1px;
    border-style:solid;
    border-color:initial;
    right:1em;
    -webkit-transform:rotate(-45deg) translate(0,-50%);
    transform:rotate(-45deg) translate(0,-50%);
    -webkit-transform-origin:top;
    transform-origin:top;
    top:50%;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
[dir=rtl] .metismenu .has-arrow::after{
    right:auto;
    left:1em;
    -webkit-transform:rotate(135deg) translate(0,-50%);
    transform:rotate(135deg) translate(0,-50%)
}
.metismenu .has-arrow[aria-expanded=true]::after,.metismenu .mm-active>.has-arrow::after{
    -webkit-transform:rotate(-135deg) translate(0,-50%);
    transform:rotate(-135deg) translate(0,-50%)
}
[dir=rtl] .metismenu .has-arrow[aria-expanded=true]::after,[dir=rtl] .metismenu .mm-active>.has-arrow::after{
    -webkit-transform:rotate(225deg) translate(0,-50%);
    transform:rotate(225deg) translate(0,-50%)
}
.metismenu{
    padding:0
}
.metismenu li{
    list-style:none
}
.metismenu li a[aria-expanded=true]{
    color: #404e67!important;
}
.metismenu ul{
    padding:0
}
.metismenu ul li{
    width:100%
}
.metismenu .mm-collapse:not(.mm-show){
    display:none
}
.metismenu .mm-collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    transition-property:height,visibility
}
.button-list{
    margin-left:-8px;
    margin-bottom:-12px
}
.button-list .btn{
    margin-bottom:12px;
    margin-left:8px
}
.icons-list-demo div{
    cursor:pointer;
    line-height:45px;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    overflow:hidden;
    color:#6c757d
}
.icons-list-demo div p{
    margin-bottom:0;
    line-height:inherit
}
.icons-list-demo i{
    text-align:center;
    vertical-align:middle;
    font-size:22px;
    width:50px;
    height:50px;
    line-height:50px;
    margin-right:12px;
    border-radius:50%;
    display:inline-block;
    -webkit-transition:all .2s;
    transition:all .2s
}
.icons-list-demo .col-lg-4{
    border-radius:3px;
    background-clip:padding-box;
    margin-top:10px
}
.icons-list-demo .col-lg-4:hover i{
    background-color:#03a9f4;
    color:#fff;
    text-shadow:5px 5px rgba(255,255,255,.2)
}
.icons-list .icon-item{
    padding:15px 0;
    color:#6c757d
}
.icons-list .icon-item svg{
    margin-right:10px
}
.icons-list .icon-item span{
    line-height:30px;
    display:inline-block;
    vertical-align:middle
}
.board{
    display:block;
    white-space:nowrap;
    overflow-x:auto
}
.tasks{
    display:inline-block;
    width:22rem;
    padding:0 1rem 1rem 1rem;
    vertical-align:top;
    margin-bottom:24px;
    background-color:#fff;
    border-radius:.2rem
}
.tasks.tasks:not(:last-child){
    margin-right:1.25rem
}
.tasks .card{
    white-space:normal;
    margin-top:1rem
}
.tasks .task-header{
    background-color:#fff;
    padding:1rem;
    margin:0 -1rem;
    border-radius:.2rem
}
.task-list-items{
    min-height:100px;
    position:relative
}
.task-list-items .card{
    cursor:pointer
}
.task-list-items:before{
    content:"No Tasks";
    position:absolute;
    line-height:110px;
    width:100%;
    text-align:center;
    font-weight:600
}
.task-modal-content .form-control-light{
    background-color:#fdfdfd!important;
    border-color:#fdfdfd!important
}
.gantt-task-details{
    min-width:220px
}
.task-search .search-input{
    padding-left:32px;
    z-index:10
}
.task-search .icon-search{
    z-index:11;
    position:absolute;
    left:10px;
    top:10px
}
.email-container{
    margin-bottom:24px;
    background-color:#fff
}
.email-container .inbox-leftbar{
    padding:1.25rem;
    width:250px;
    float:left;
    padding-bottom:184px;
    margin-bottom:-184px
}
.email-container .inbox-rightbar{
    margin-left:250px;
    border-left:5px solid #f3f4f7;
    padding:0 0 1.5rem 25px
}
.message-list{
    display:block;
    padding-left:0
}
.message-list li{
    position:relative;
    display:block;
    height:48px;
    line-height:48px;
    cursor:default;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    background:#fff;
    margin-bottom:1px;
    -webkit-box-shadow:0 .05rem .01rem rgba(75,75,90,.075);
    box-shadow:0 .05rem .01rem rgba(75,75,90,.075)
}
.message-list li a{
    color:#4b4b5a
}
.message-list li:hover{
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    -webkit-transition-duration:.05s;
    transition-duration:.05s
}
.message-list li .col-mail{
    float:left;
    position:relative
}
.message-list li .col-mail-1{
    width:320px
}
.message-list li .col-mail-1 .checkbox-wrapper-mail,.message-list li .col-mail-1 .dot,.message-list li .col-mail-1 .star-toggle{
    display:block;
    float:left
}
.message-list li .col-mail-1 .dot{
    border:4px solid transparent;
    border-radius:100px;
    margin:22px 26px 0;
    height:0;
    width:0;
    line-height:0;
    font-size:0
}
.message-list li .col-mail-1 .checkbox-wrapper-mail{
    margin:15px 10px 0 20px
}
.message-list li .col-mail-1 .star-toggle{
    color:#adb5bd;
    margin-left:10px
}
.message-list li .col-mail-1 .title{
    position:absolute;
    top:0;
    left:100px;
    right:0;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    margin-bottom:0;
    line-height:50px
}
.message-list li .col-mail-2{
    position:absolute;
    top:0;
    left:320px;
    right:0;
    bottom:0
}
.message-list li .col-mail-2 .date,.message-list li .col-mail-2 .subject{
    position:absolute;
    top:0
}
.message-list li .col-mail-2 .subject{
    left:0;
    right:110px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.message-list li .col-mail-2 .date{
    right:0;
    width:100px;
    padding-left:10px
}
.message-list li.active,.message-list li.mail-selected{
    background:#f8f9fa;
    -webkit-transition-duration:.05s;
    transition-duration:.05s
}
.message-list li.active,.message-list li.active:hover{
    -webkit-box-shadow:inset 3px 0 0 #25c2e3;
    box-shadow:inset 3px 0 0 #25c2e3
}
.message-list li.unread a{
    color:#292d32
}
.message-list .checkbox-wrapper-mail{
    cursor:pointer;
    height:20px;
    width:20px;
    position:relative;
    display:inline-block;
    -webkit-box-shadow:inset 0 0 0 2px #ced4da;
    box-shadow:inset 0 0 0 2px #ced4da;
    border-radius:3px
}
.message-list .checkbox-wrapper-mail input{
    opacity:0;
    cursor:pointer
}
.message-list .checkbox-wrapper-mail input:checked~label{
    opacity:1
}
.message-list .checkbox-wrapper-mail label{
    position:absolute;
    top:3px;
    left:3px;
    right:3px;
    bottom:3px;
    cursor:pointer;
    background:#6c757d;
    opacity:0;
    margin-bottom:0!important;
    -webkit-transition-duration:.05s;
    transition-duration:.05s
}
.message-list .checkbox-wrapper-mail label:active{
    background:#87949b
}
.mail-list a{
    color:#4b4b5a;
    padding:7px 10px;
    display:block
}
.reply-box{
    border:2px solid #f8f9fa
}
@media (max-width:648px){
    .email-container .inbox-leftbar{
        width:100%;
        float:none;
        margin-bottom:21px;
        padding-bottom:1.25rem
    }
    .email-container .inbox-rightbar{
        margin-left:0;
        border:0;
        padding-left:0
    }
}
@media (max-width:520px){
    .inbox-rightbar>.btn-group{
        margin-bottom:10px
    }
    .message-list li .col-mail-1{
        width:150px
    }
    .message-list li .col-mail-1 .title{
        left:80px
    }
    .message-list li .col-mail-2{
        left:160px
    }
    .message-list li .col-mail-2 .date{
        text-align:right;
        padding-right:10px;
        padding-left:20px
    }
}
.chatbox{
    position:fixed;
    right:35px;
    bottom:10px;
    width:300px;
    background-color:#fff;
    border-radius:.3rem;
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    z-index:99
}
.chatbox .chat-input .form-control{
    padding-right:60px
}
.chatbox .chat-link{
    position:absolute;
    right:4px;
    top:10px
}
.left-timeline .events{
    border-left:3px solid #e2e7f1;
    padding-left:35px
}
.left-timeline .events .event-list{
    position:relative
}
.left-timeline .events .event-list::before{
    content:"";
    position:absolute;
    left:-45px;
    top:6px;
    height:18px;
    width:18px;
    background-color:#03a9f4;
    border-radius:50%;
    border:5px solid #fff;
    z-index:9
}
.left-timeline .events .event-list::after{
    content:"";
    position:absolute;
    left:-38px;
    top:14px;
    height:3px;
    width:30px;
    background-color:#e2e7f1
}
.left-timeline .album img{
    height:36px;
    width:auto;
    border-radius:4px
}
.timeline{
    margin-bottom:50px;
    position:relative
}
.timeline:before{
    background-color:#e2e7f1;
    bottom:0;
    content:"";
    left:50%;
    position:absolute;
    top:30px;
    width:2px;
    z-index:0
}
.timeline .time-show{
    margin-bottom:30px;
    margin-top:30px;
    position:relative
}
.timeline .timeline-box{
    display:block;
    position:relative;
    padding:20px
}
.timeline .timeline-album{
    margin-top:12px
}
.timeline .timeline-album a{
    display:inline-block;
    margin-right:5px
}
.timeline .timeline-album img{
    height:36px;
    width:auto;
    border-radius:3px
}
@media (min-width:768px){
    .timeline .time-show{
        right:69px;
        text-align:right
    }
    .timeline .timeline-box{
        margin-left:15px
    }
    .timeline .timeline-icon{
        background:#03a9f4;
        border-radius:50%;
        display:block;
        height:20px;
        left:-24px;
        margin-top:-10px;
        position:absolute;
        text-align:center;
        top:15%;
        width:20px;
        border:5px solid #fff;
        z-index:9
    }
    .timeline .timeline-icon:before{
        content:"";
        position:absolute;
        height:3px;
        width:19px;
        background-color:#e2e7f1;
        left:15px;
        top:3px
    }
    .timeline .timeline-desk{
        display:table-cell;
        vertical-align:top;
        width:50%
    }
    .timeline-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .timeline-item:before{
        content:"";
        display:block;
        width:50%
    }
    .timeline-item.timeline-item-left:after{
        content:"";
        display:block;
        width:50%
    }
    .timeline-item.timeline-item-left .timeline-desk .album{
        float:right;
        margin-top:20px
    }
    .timeline-item.timeline-item-left .timeline-desk .album a{
        float:right;
        margin-left:5px
    }
    .timeline-item.timeline-item-left .timeline-icon{
        left:auto;
        right:-26px
    }
    .timeline-item.timeline-item-left .timeline-icon:before{
        left:auto;
        right:15px
    }
    .timeline-item.timeline-item-left:before{
        display:none
    }
    .timeline-item.timeline-item-left .timeline-box{
        margin-right:15px;
        margin-left:0;
        text-align:right
    }
}
@media (max-width:767.98px){
    .timeline .time-show{
        text-align:center;
        position:relative
    }
    .timeline .event-date{
        float:left!important;
        margin-right:1.5rem;
        margin-left:0!important
    }
    .timeline .timeline-icon{
        display:none
    }
}
.card-pricing .card-pricing-features li{
    padding:10px
}
.card-pricing .card-pricing-features li:before{
    color:#03a9f4
}
body.authentication-bg{
    background-image: url('../images/login-back.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    padding-bottom:0
}
.authentication-form .form-group .input-group-text{
    background-color:transparent
}
.authentication-form .form-group .input-group-text svg{
    height:22px;
    width:22px
}
.icon-fb{
    color:#3c5a98
}
.icon-google{
    color:#e94134
}
.auth-page-sidebar{
    padding: 0;
    background-image: url(../images/auth-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 100%;
    position: relative;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.auth-page-sidebar .overlay{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:rgba(0,0,0,.4);
}
.auth-page-sidebar .auth-user-testimonial{
    text-align:center;
    color:#fff;
    position:absolute;
    margin:0 auto;
    padding:0 1.75rem;
    bottom:3rem;
    left:0;
    right:0
}

.navbar-custom-tabs{
    top: 40px;
    z-index: 9;
    width: calc(100% - 180px);
    padding: 0 20px;
    margin: 0;
    position: fixed;
    left: 180px;
}

.navbar-custom + .navbar-custom-filter{
    display: none;
    top: 60px;
    z-index: 9;
    width: calc(100% - 250px);
    padding: 0 20px;
    margin: 0;
    position: fixed;
}

.navbar-custom-tabs + .navbar-custom-filter{
    top: 121px;
    z-index: 9;
    width: calc(100% - 250px);
    padding: 0 20px;
    margin: 0;
    position: fixed;
    height: 60px;
}

.navbar-custom-tabs + .navbar-custom-filter + .left-side-menu + .content-page:not(.muhasebe-faturalar){
    margin-top: 92px;
}

.muhasebe-faturalar.content-page{
    margin-top: 100px;
}

.navbar-custom-tabs + .navbar-custom-filter + .left-side-menu + .content-page:not(.tesvik-ek-iptal-faiz){
    margin-top: 92px;
}

.tesvik-ek-iptal-faiz.content-page{
    margin-top: 100px;
}

.filter-button{
    cursor: pointer;
}
.filter-open-text{
    border-left: 1px solid #9a9a9a;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    top: 1px;
    padding-left: 5px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}
.filter-button:hover .filter-open-text{
    color: #03a9f4;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.tooltip{
    font-size: 12px;
}
.navbar-brand{
    color: white;
}
.navbar-brand span.logo{
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: start;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-tabs-menu{
    width: 100%;
    height: 40px;
    justify-content: flex-start;
}
.nav-tabs-menu li{
    padding: 0 10px;
}
.nav-tabs-menu li a{
    position: relative;
    line-height: 49px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    color: darkgrey;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.nav-tabs-menu li a:after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
    background: #4aa8b4;
    left: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.nav-tabs-menu li.active a{
    color: #4aa8b4;
}
.nav-tabs-menu li.active a:after, .nav-tabs-menu li:hover a:after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
    background: #4aa8b4;
    left: 0;
    opacity: .8;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.nav-tabs-menu li:hover a{
    color: #4aa8b4;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.table-nav-button li{
    cursor: pointer;
    padding: 10px 25px 7px;
    background: #f3f4f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.table-nav-button li.active{
    background: white;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #03a9f4;
}
.table-nav-button li a svg{
    height: 16px;
}
.dropdown-menu-sm{
    padding: 2px 0;
    margin-top: 3px;
}
.table-nav-content .table:not(:first-child){
    display: none;
}

.dropdown-menu-sm .dropdown-divider{
    height: 0;
    margin: 1px 0;
    overflow: hidden;
    border-top: 1px solid #f6f6f7;
}
.icon-xxs{
    height: 13px;
    width: 13px;
    position: relative;
}
.sw-main .nav-tabs{
    display: flex;
    flex-wrap: nowrap;
}
textarea[resize="disable"]{
    resize: none;
}
.form-error label{
    color: red !important;
}

.form-error [type="password"]{
    border-color: red !important;
}
.form-error [required]{
    border-color: red !important;
}

.form-error select[required] + .select2-container .select2-selection{
    border-color: red !important;
}
.avatar-box{
    width: 65px;
    height: 65px;
    display: inline-table;
}
.avatar-box .img-upload{
    cursor: pointer;
    opacity: 0;
    transition: all .5s ease;
}
.avatar-box:hover .img-upload{
    cursor: pointer;
    position: absolute;
    width: 100%;
    z-index: 9;
    color: white;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    border-radius: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    line-height: 65px;
    opacity: 1;
    transition: all .5s ease;
}

#image-modal img {
    display: block;
    max-width: 100%;
}
.old-file i{font-size: 24px;}
.table-sm td, .table-sm th{
    vertical-align: middle;
}
.account-pages{
    position: absolute;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    height: 440px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.login{
    height: 100%;
    min-height: 100% !important;
}
.profile-page{
    margin-top: 30px;
}
.form-group label i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.form-group label i:hover{
    color: #55c0cc;
}
.profile-account-form .error-message{
    float: right;
    color: red;
    font-size: 12px;
    padding: 5px 15px;
}
.step-number{
    display: inline-block;
    height: 100%;
    float: left;
    font-size: 42px;
    color: #55c0cc;
    width: 40px;
    text-align: center;
    font-weight: bold;
}
.hizli-islem{
    max-width: 140px;
    width: 100%;
    border: 1px solid #03a9f4;
    cursor: pointer;
    border-radius: 3px;
}
.hizli-islem option{
    outline: none;
    border: none;
}
.hizli-islem:focus {
    outline: #03a9f4;
}
.kunye-table th{
    white-space: nowrap;
}
.kunye-table th{
    color: #03a9f4;
}
.divider span{
    width: 100%;
    display: block;
    background: #e2e2e2;
    height: 1px;
}
.add-parameter{
    display: none;
}
.table-add-row tbody tr{
    background: rgba(3, 169, 244, 0.4);
}
.editable-button-save-edit, .editable-button-close-edit{
    display: none;
}
.clearfix{
    clear: both;
    width: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.ise-giris-cikis.filter-stat{
    margin-top: 120px !important;
}
.loading-table{
    display: none;
}
.card.active-loading:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;

}
.card.active-loading .loading-table{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    width: 50px;
    height: 50px;
}
.firma-kunye{
    margin-top: 120px
}
.count-span{
    font-size: 10px;
    position: relative;
    margin-left: 5px;
    top: -5px;
}
.is-cikis input{
    width: 85px;
}
.is-cikis label{
    display: none;
    width: 110px;
    position: relative;
}
.is-cikis .close-input{
    position: absolute;
    right: 0;
    top: 4px;
    color: red;
}
#tab-isten-cikis-tab{
    display: none;
}
.flex-between-center{
    align-items: center;
    justify-content: space-between;
}
.old-file{
    display: none;
}
.file-loading{
    display: none;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 26px;
    left: 90px;
}
.phone{
    padding-left: 85px;
}
.flag{
    position: absolute;
    bottom: 6px;
    left: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.flag img{
    padding-right: 5px;
}
svg.icon-xxs{
    top: -1px;
}
.firma-sec{
    cursor: pointer;
}
.edit-role{
    position: absolute;
    top: -8px;
    right: -20px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #f3f4f7;
    border-radius: 10px;
    background: #03a9f4;
    color: white;
    padding: 2px;
    text-align: center;
    line-height: 15px;
}
.select-check{
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid gray;
    position: absolute;
    border-radius: 4px;
    left: 10px;
    top: 8px;
    z-index: 9999;
}
.select-check.checked{
    background: #03a9f4;
    border: 1px solid white;
}
.select-check.checked:before{
    content: '\e8d8';
    font-family: unicons;
    font-size: 8px;
    position: absolute;
    color: white;
    width: 8px;
    height: 12px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.select2-selection.select2-selection--multiple{
    cursor: pointer;
    min-height: 31px;
    overflow: hidden;
}
.control-buttons{
    display: flex;
    justify-content: space-between;
}
.select2-search__field{margin: 0;}
.head-box{
    position: relative;
    padding: 5px 20px;
    margin: 0 0 10px 0;
    color: white;
    border-radius: 10px;
}

.head-box h5{
    color: white;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 3px;
}
.head-box p{
    font-size: 24px;
    margin-bottom: 0;
}
.head-box i{
    opacity: .5;
    font-size: 48px;
    position: absolute;
    right: 10px;
    top: 15px;
    bottom: 0;
    height: 85px;
    margin: auto;
}
.bg-c-blue{
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
    background: linear-gradient(to right,#01a9ac,#01dbdf);
}
.bg-c-green{
    background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
    background: linear-gradient(to right,#0ac282,#0df3a3);
}
.bg-c-red{
    background: -webkit-gradient(linear,left top,right top,from(#d20000),to(#f36969));
    background: linear-gradient(to right,#d20000,#f36969);
}
.action-icon {
    display: flex;
}
.action-icon a {
    font-size: 9px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.modal-xxl {
    max-width: calc(100% - 40px);
}
.button_load_gif{
    height: 15px;
    width: auto;
    position: relative;
    top: -1px;
    display: none;
}
.align-center{
    align-items: center;
}
.modal .form-control:disabled{
    background-color: #e7e7e7;
}
.select2-selection.select2-selection--multiple {
    cursor: pointer;
    min-height: 31px;
    overflow: hidden;
    padding-bottom: 0;
}
.select2-multiple + .select2-container .select2-search{
    padding: 0 10px;
}
.select2-multiple + .select2-container .select2-selection--multiple .select2-selection__rendered{
    padding: 2px 0;
}
.custom-radio, .custom-radio label{
    cursor: pointer;
}

#data-table_filter .select2-selection__rendered{
    text-align: left;
}

.filter-hidden{
    display: none;
}

#data-table_filter .select2-container{
    margin-right: 10px;
}

#data-table_filter .select2-container .select2-selection--single{
    height: 28px;
}

#data-table_filter .select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 25px;
    font-size: 12px;
}

#data-table_filter .select2-container .select2-selection--single .select2-selection__arrow{
    height: 27px;
}

#select2-filter_firma_stat-results .select2-results__option{
    font-size: 12px;
}

.dataTables_wrapper {
    height: 100%;
}

.table-responsive{
    margin-bottom: 0;
}

.row-100{
    height: 100%;
}

.yetki-modal .select2-container .select2-selection--single{
    height: 34px;
}

.yetki-modal .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.firm_status{
    position: absolute;
    right: 8px;
    top: 5px;
}

.inline-nav-menu{
    height: 100%;
    background: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
}

.inline-nav-menu li:not(.nav-divider){
    height: 100%;
    width: 100%;
    transition: all .5s ease;
}

.nav-divider{
    height: calc(100% - 30px);
    width: 1px;
    background: #f3f4f7;
}

.inline-nav-menu .count-span{
    position: absolute;
    font-size: 10px;
    color: inherit;
    transition: all .3s ease;
}

.inline-nav-menu .nav-icon{
    position: relative;
    font-size: 16px;
}

.inline-nav-menu .nav-btn{
    color: #646464;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 100%;
    font-size: 13px;
}

.kunye-list p{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
}

.kunye-list p > span{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
    margin-left: 15px;
}

.kunye-list p span > span{
    border-bottom: 1px solid #f3f4f7;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
}

.kunye-list p i{
    font-size: 16px;
    margin-left: 10px;
    padding: 10px 10px 10px 0;
    border-right: 1px solid #f3f4f7;
    color: #55c0cc;
}
.sorumlu_kisi{
    height: 35px;
    border-radius: 35px;
    margin-top: 5px;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 45%);
}

.dataTables_filter .btn-sm {
    font-size: 11px;
}

div.dataTables_wrapper div.dataTables_filter input{
    width: 120px;
}
.log-detail{
    padding: 5px 10px;
    border-right: 1px solid gray;
    margin-right: 10px;
}
.view_object{
    cursor: pointer;
}
.firms-button{
    margin-right: 20px;
}

.table-content:not(.active){
    display: none;
}

.badge-custom{
    background: white;
    border: 1px solid #404e67;
    color: #404e67 !important;
}

.bg-light-success{
    background: #a8ebd2 !important
}
.bg-light-danger{
    background: #ff5c753b !important;
}
.bg-light-warning{
    background: #ffbe0b29 !important;
}
.bg-light-primary{
    background: rgb(69 182 194 / 20%);
}

.table-tabs ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.table-tabs ul li{margin-right: 5px;}
.table-tabs ul li a{font-size: 12px;padding: 5px 10px;background: #f6f6f7;transition: all .5s ease;cursor:pointer;}
.table-tabs ul li a:hover{background: #43d39e;color: white !important;transition: all .5s ease;}
.table-tabs ul li.active a{background: #43d39e;color: white;}

.profile-content{
    padding: 20px;
}

.widget-card-1{
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    border: none;
    margin-bottom: 19px;
    background: #f3f4f7;
}

.card-block-small{
    padding-right: 15px;
}

.card-block-small > i{
    padding: 15px 18px;
    border-radius: 5px;
    margin-left: 15px;
}

.card-block-small > span{
    font-size: 14px;
    font-weight: 700;
}

.card-block-small > h4{
    font-size: 24px;
}

.card-header-img label {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: block;
    margin: auto;
    border-radius: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-header-img label:hover {
    cursor: pointer;
}

.card-header-img label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: all .5s ease;
}

.card-header-img label:hover:before {
    background: black;
    opacity: .5;
    transition: all .5s ease;
}


.card-header-img label:after {
    content: '\ebec';
    font-family: unicons;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 40px;
    opacity: 0;
    transition: all .5s ease;
}

.card-header-img label:hover:after {
    opacity: .8;
    transition: all .5s ease;
}

.form-error .form-control{
    border: 1px solid red;
}

span.select2-container.select2-container--focus .select2-selection {
    border: 1px solid #55c0cc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
.swal-footer{
    text-align: center !important;
}
.content-page:not(.loaded):before {
    content: "";
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f3f4f7;
    z-index: 9;
    opacity: .9;
}
.content-page:not(.loaded):after {
    content: "";
    position: fixed;
    display: block;
    width: 120px;
    height: 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/psl.gif);
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
}
.content-page.loaded:before, .content-page.loaded:after {
    display: none !important;
}

.ad-soyad, .update-ad-soyad, .update-adi, .dosya-adi{
    text-transform: uppercase;
}
#sgk_adres, #sgm_sube, #sgk_unvan, #event_title{
    text-transform: capitalize;
}
.email, .web{
    text-transform: lowercase;
}
.loading .modal-content:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f3f4f7;
    z-index: 9;
    opacity: .9;
}
.loading .modal-content:after{
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/psl.gif);
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
}
.issue-avatar img{
    border-radius: 40px;
    margin-left: -10px   
}
.border-bottom-1{
    border-bottom: 1px solid #eaeaea
}

#gorev_yorum textarea{
    height: 50px;
    padding: 5px;
    resize: unset;
    padding-right: 25px;
}

.send-comment{
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 16px;
    cursor: pointer;
}

.search_comment_button{
    font-size: 12px;
    width: 90px;
    font-weight: 700;
    margin-left: 10px;
    padding-left: 5px;
    text-align: right;
}
.search_comment_button:hover{
    border-left: 1px solid gray;
}
#search_comment {
    width: 0;
    opacity: 0;
    transition: all .5s ease;
}
#search_comment.active {
    width: calc(100% - 90px);
    opacity: 1;
    transition: all .5s ease;
}

.comment-img{
    width: auto;
    height: 30px;
    border-radius: 5px;
}
.media-left{
    margin-top: 10px;
    margin-right: 10px;
}
.reply-note{
    height: 50px !important;
    padding: 5px;
    resize: unset;
    padding-right: 65px;
}
.send-comment2{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    cursor: pointer;,
    transition: all .5s ease;
}
.send-comment2:hover{
    color: #45b6c2;,
    transition: all .5s ease;
}
.reply-p{
    margin-bottom: 5px;
}
.media-heading{
    margin-bottom: 0;
    margin-top: 10px;
}
.task-sum:not(.active) + tr .task-detail{
    display: none;
}

.task-sum.active{
    background: rgb(243 243 243) !important;
}

.task-sum.active + tr{
    background: rgb(249 249 249 / 0.60) !important;
}
.task-sum:not(.active) + tr .row{
    border: none !important;
    padding: 0 !important;
}

.bg-light-danger.inline-nav-menu li a:hover, .bg-light-danger.inline-nav-menu li:hover a{
    color: #f74e68 !important;
    transition: all .5s ease;
}
.bg-light-danger.inline-nav-menu li.active a{
    color: #f74e68 !important;
    transition: all .5s ease;
}
.bg-light-danger.inline-nav-menu .nav-divider{
    background: #f74e68 !important;
    opacity: .4;
}


.bg-light-warning.inline-nav-menu li a:hover, .bg-light-warning.inline-nav-menu li:hover a{
    color: #ffbe0b !important;
    transition: all .5s ease;
}
.bg-light-warning.inline-nav-menu li.active a{
    color: #ffbe0b !important;
    transition: all .5s ease;
}
.bg-light-warning.inline-nav-menu .nav-divider{
    background: #ffbe0b !important;
    opacity: .4;
}

.bg-light-primary.inline-nav-menu li a:hover, .bg-light-primary.inline-nav-menu li:hover a{
    color: #229aa7 !important;
    transition: all .5s ease;
}
.bg-light-primary.inline-nav-menu li.active a{
    color: #229aa7 !important;
    transition: all .5s ease;
}
.bg-light-primary.inline-nav-menu .nav-divider{
    background: #229aa7 !important;
    opacity: .4;
}

.bg-light-success.inline-nav-menu li a:hover, .bg-light-success.inline-nav-menu li:hover a{
    color: #24a274 !important;
    transition: all .5s ease;
}
.bg-light-success.inline-nav-menu li.active a{
    color: #24a274 !important;
    transition: all .5s ease;
}
.bg-light-success.inline-nav-menu .nav-divider{
    background: #24a274 !important;
    opacity: .4;
}

div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 10px;
}
.toast{
    position: fixed;
    min-width: 250px;
    max-width: 350px;
    bottom: -200px;
    right: 25px;
    z-index: 9999999 !important;
    transition: all .5s ease;
}
.toast.show {
    display: block;
    bottom: 35px;
    opacity: 1;
    transition: all .5s ease;
}
.not_item{
    border-bottom: 1px solid #f3f4f7;
    padding-bottom: 15px;
}
.media-list.notlar{
    /*height: 130px;*/
    /*overflow: auto;*/
    background: white;
}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.toast-header i{
    margin-right: 5px;
}

.fc-title{
    color: white;
}
.fc-day-grid-event {
    font-size: 12px;
}
.fc-day-grid-event .fc-time {
    font-size: 10px;
    font-weight: 700;
    color: white;
    float: left;
    line-height: 16px;
}

.fc-day-grid-event .fc-title {
    float: right;
    text-transform: uppercase;
}

.font-size-9{
    font-size: 9px
}

.tool_profile img{
    width: 35px !important;
    height: 35px !important;
    border-radius: 35px;
    margin-right: 0 !important;
    margin-left: -10px !important;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 35%);
}

.media-ajanda > div{
    margin-left: 10px;
    padding-right: 10px;
}

.media-note{
    box-shadow: 1px 1px 3px rgb(0 0 0 / 0.1);
}

.etkinlik_list tr > td{
    padding-bottom: 0 !important
}
.etkinlik_list tr:first-child > td{
    padding-top: 0 !important
}
#selection-datatable tbody > tr > td input[type="checkbox"]{
    cursor: pointer;
}

.profile-dropdown.show {
    top: 37px !important;
    left: -120px !important;
}
#info_yetki .cr + span{
    position: relative;
    top: -2px;
}

#info_yetki label{
    font-size: 14px;
    margin: 0;
}
#info_yetki .checkbox-fade{
    background:  #f7f7f7;;
    padding: 5px 5px 5px 10px;
    margin-right: 5px;
    border-radius: 3px;
}

.ust_yetkiler{
    display: flex;
    justify-content: flex-start;
}

.ust_yetkiler .custom-control{
    margin-right: 10px;
}

.table-nav ul li.active{
    font-weight: bold;
}

.tab-count{
    position: relative;
    font-size: 10px;
    top: -5px;
}

.navbar-brand span.logo:before{
    content: "";
}

.modal .form-group label i {
    top: 7px;
}

.content-page ::-webkit-scrollbar {
    width: 5px;
}
 
.content-page ::-webkit-scrollbar-track {
    border-radius: 5px;
    background: white;
}
 
.content-page ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c1c1c1;
}

.inline-nav-menu li.active.text-primary .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--primary);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active{
    position: relative;
}

.inline-nav-menu li.active.text-success .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--success);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active.text-danger .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--danger);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active.text-warning .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--warning);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active.text-info .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--info);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active.text-secondary .nav-btn:before{
    content: "";
    width: 120px;
    height: 2px;
    background: var(--secondary);
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.inline-nav-menu li.active.text-success .nav-btn{
    color: var(--success);
}
.inline-nav-menu li.active.text-danger .nav-btn{
    color: var(--danger);
}
.inline-nav-menu li.active.text-warning .nav-btn{
    color: var(--warning);
}
.inline-nav-menu li.active.text-info .nav-btn{
    color: var(--info);
}
.inline-nav-menu li.active.text-secondary .nav-btn{
    color: var(--secondary);
}
.inline-nav-menu li.active.text-primary .nav-btn{
    color: var(--primary);
}

.inline-nav-menu li.text-success:hover .nav-btn{
    color: var(--success);
    transition: all .3s ease;
}
.inline-nav-menu li.text-danger:hover .nav-btn{
    color: var(--danger);
    transition: all .3s ease;
}
.inline-nav-menu li.text-warning:hover .nav-btn{
    color: var(--warning);
    transition: all .3s ease;
}
.inline-nav-menu li.text-info:hover .nav-btn{
    color: var(--info);
    transition: all .3s ease;
}
.inline-nav-menu li.text-secondary:hover .nav-btn{
    color: var(--secondary);
    transition: all .3s ease;
}
.inline-nav-menu li.text-primary:hover .nav-btn{
    color: var(--primary);
    transition: all .3s ease;
}

.genel-bakis-card .personel_liste{
    overflow: auto;
}

.liste-sgk-file .action-icon{
    max-width: 70px;
}
.hide-text{
    text-indent: -10000px;
}

#fast-modal iframe{
    border: none;
    min-height: 240px;
}

#taskDetailEdit{
    width: calc(100% - 10px);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
}

#task-detail-2{
    padding-left: 5px;
}

.excel-button img{
    height: 14px;
}
.detail_modal{
    cursor: pointer;
}
.detail_menu{display: flex;list-style: none;padding: 0;}

.detail_menu li{
    padding: 10px 20px;
    cursor: pointer;
}
.detail_menu li.active{
    border-bottom: 3px solid #2c96a0;
    background: #45b6c2;
    color: white;
}
.editDetail{
    cursor: pointer;
}
.detail_tabs .detail_tab:not(:first-child){
    display: none;
}
.note-toolbar{
    background-color: #3fb6c3 !important;
}

@media (max-width:  1024px){
    .avatar-box {
        height: 55px;
    }
    .inline-nav-menu{
        padding: 0;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .inline-nav-menu li.active.text-primary .nav-btn:before{
        width: 100%;
    }

    .table-responsive{
        height: 100% !important;
    }

    ::-webkit-scrollbar {
      height: 4px;              /* height of horizontal scrollbar ← You're missing this */
      width: 4px;               /* width of vertical scrollbar */
      border: 1px solid #d5d5d5;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{
        padding: 0 !important;
    }

    div.dataTables_wrapper div.dataTables_filter input{
        width: 90px;
    }

    .navbar-brand{
        display: none;
    }

    .navbar-custom .button-menu-mobile.disable-btn{
        margin-right: 10px;
        width: 30px;
        height: 50px;
        line-height: 50px;
    }

    .navbar-custom .menu-left{
        overflow: unset;
    }

    .user-profile{
        padding: 0 15px;
    }

    .left-side-menu {
        top: 50px;
    }

    .kunye-card{
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .kunye-list p > span{
        margin: 0 0 0 10px;
    }

    .navbar-custom-tabs{
        left: 0;
        padding: 10px 0 0 !important;
        top: 40px;
    }

    .nav-tabs-menu{
        overflow-x: auto;
    }

    .nav-tabs-menu li{
        padding: 0;
    }

    .nav-tabs-menu li a{
        line-height: 14px;
    }
    .nav-tabs-menu li a:after{
        display: none
    }
}


/*# sourceMappingURL=app.min.css.map */