@font-face {
    font-family: startui;
    src: url(../fonts/startui.eot);
    src: url(../fonts/startuid41d.eot?#iefix) format("embedded-opentype"),url(../fonts/startui.woff) format("woff"),url(../fonts/startui.ttf) format("truetype"),url(../fonts/startui.svg#startui) format("svg");
    font-weight: 400;
    font-style: normal
}
.checkbox, .checkbox-bird, .checkbox-detailed, .checkbox-slide, .checkbox-toggle, .radio {
    margin-right:15px;
}
.checkbox input+label, .radio input+label{
    margin-right:15px;
}
.theme-side-litmus-blue .side-menu .side-menu-list>li.opened.with-sub {
    background-color: #1EB2FC;
}
.theme-side-litmus-blue .side-menu .side-menu-list>li.with-sub>span:before, .theme-side-tin .side-menu .side-menu-list>li.with-sub>span:before {
    border-top-color: #fff;
}

.list-search{
    width:250px !important;
}
.proj-page .proj-page-del {
    height: 38px;
    border: none;
    background: 0 0;
    font-size: 1.125rem;
    color: #919fa9;
}.proj-page-add-txt .btn, .proj-page-add-txt .proj-page-del {
    position: absolute;
    top: 15px;
}.proj-page-add-txt .proj-page-del {
    right: 13px;
    font-size: 1.125rem;
    margin-top: 2px;
}
.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 250px;
}
  .gallery-hover-layout-in .form-control{
            padding:5px 8px;
            margin-bottom:10px;
            background:rgba(255,255,255,.5);
            color:#fff!important;
        }
  
  .gallery-hover-layout-in input[placeholder]{
            color:#fff!important;
  }
  .input-sira{
  }

  .img-btn{
      margin-right:10px;
  }
  .lisaweb-logo{
      width:322px;
      margin:0 auto;
  }
  .lisaweb-logo img{
    width:100%;
     text-align:center;
  }
@media only screen and (max-width: 768px) {

    .with-side-menu-compact.dark-theme .site-header .site-header-content .site-header-content-in {
        margin-left: 40px;
    }
}

@media only screen and (min-width: 992px) {

    .dark-theme .site-header .site-header-collapsed .site-header-collapsed-in {
        margin-right: 250px;
    }
}
.dark-theme .site-header .site-header-shown {
    padding-top: 0;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.beneficiary-detail p{margin-bottom:0 !important; font-size:14px;}
.select2-container--arrow .user-item, .select2-container--default .user-item, .select2-container--white .user-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    padding: 2px 0 0 30px;
}
.select2-container--arrow .select2-selection--single .select2-selection__rendered .user-item img, .select2-container--default .select2-selection--single .select2-selection__rendered .user-item img, .select2-container--white .select2-selection--single .select2-selection__rendered .user-item img {
    top: 50%;
    margin-top: -12px;
    margin-left: 3px;
}
.drp-flag-img{float:left; position:absolute; padding:7px;
}
.drp-img-form select{margin-left:25px;}
body {
    background: #eceff4 !important;
}
.side-menu.side-menu-compact .side-menu-list a {
    padding: 5px 9px 5px 5px;
}
.btn-100 {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
}
marquee {
    background: #272727;
    padding: 10px 10px;
    color: #fff;
    margin-top: -40px;
    margin-left: -16px;
    margin-right: -12px;
}
.nav-link{padding:0 !important;}
.chart-statistic-box .chart-container {
    background: #304b58;
}
.tabs-section-nav.tabs-section-nav-inline .nav-link {
    line-height: 40px;
}
.ajax__fileupload_uploadbutton {
    width: 100px !important;
    border-radius:15px !important;
    padding:5px !important;
}
.ajax__fileupload_footer {
    height: 30px !important;
}
.ajax__fileupload_fileItemInfo .removeButton{width:80px !important; font-size:14px !important; border-radius:15px!important;}
.search {
    float: left;
    width: 216px;
    position: relative;
}
    .search .form-control {
        padding-right: 35px;
    }
 .search .btn-icon {
    position: absolute;
    right: 0;
    top: -1px;
    width: 12px;
}
    .search .btn-icon {
        height: 38px;
        padding: 0;
        background: 0 0;
        border: none;
        color: #919fa9;
        margin: 0 18px 0 0;
    }
.profile-car .profile-card-photo{height:150px; width:200px;}
.profile-car .profile-card-photo img {
    border-radius: 5px;
}
.profile-car .profile-card-location {
    margin-bottom:0;
}
.car-menu-list{padding-top:10px; margin-bottom:10px;}
    .car-menu-list i {
        color: #818181 !important;
    }
    .car-menu-list span {
        color: #444050     !important;
        /*        font-weight: bold !important;*/
    }
    .car-menu-list li:hover {
        background: #ecf2f5 !important;
    }
    .car-menu-list a:hover i, .car-menu-list a:hover span {
        color: #343434 !important;
    }
    .car-menu-list a {
/*        text-transform: uppercase;*/
        padding-top: 10px;
        padding-left:20px;
        padding-bottom: 10px;
/*        font-weight: bold !important;*/
    }
        .car-menu-list a.active {
            border-left: 3px solid #3f75b3;
            padding-left: 17px;
        }
    .car-menu-list a.active span, .car-menu-list a.active i {
        color: #3f75b3 !important;
    }
    .car-menu-list > li > span:hover, .car-menu-list > li.opened {
        background: #ebebeb !important;
    }
.dropdown.dropdown-status a {
    border-bottom: none;
}
.ajax__fileupload_selectFileContainer{height:30px !important; line-height:30px !important; width:100px !important;}
.ajax__fileupload_selectFileButton{width:100px !important; height:30px !important; border-radius:15px; line-height:30px !important;}
.list-belge .card-header {
    color: #fff;
    background: #343434;
}
.list-belge .card{border-color:#333;}

.steps-icon-progress .active .icon {
    background-color: #46c35f;
    color: #fff;
    height: 50px;
    width: 50px;
}
.steps-icon-progress .active:before {
    background-color: #46c35f;
}

.steps-icon-progress li:before{top:20px;}
.steps-icon-progress .icon {
    width: 50px;
    height: 50px;
    padding-top: 10px;
}
.progress-steps .progress-step.active {
    background: #46c35f !important;
    border-color: #0f9f2c !important
}
.chart-legend-list b{float:right;}
.chart-legend-list li{border-bottom:1px solid #e9e9e9; padding-bottom:5px;}
.list-belge img{max-height:250px !important; margin:0 auto;}
.table td, .table th{padding:.25rem;}


/* DEĞİŞEN BOYALI ŞEYSİ */


.car-parts {
    width: 311px;
    height: 391px;
    position: relative
}

    .car-parts div {
        position: absolute;
        z-index: 3;
        -webkit-transition: background-image .1s linear;
        -moz-transition: background-image .1s linear;
        -o-transition: background-image .1s linear;
        -ms-transition: background-image .1s linear;
        -webkit-transition: background-image .1s linear;
        -moz-transition: background-image .1s linear;
        -o-transition: background-image .1s linear;
        -ms-transition: background-image .1s linear;
        transition: background-image .1s linear
    }

    .car-parts .front-bumper {
        left: 104px;
        top: 16px
    }

    .car-parts .front-left-mudguard {
        top: 51px;
        left: 21px
    }

    .car-parts .front-right-mudguard {
        top: 51px;
        left: 262px
    }

    .car-parts .front-hood {
        top: 48px;
        left: 101px
    }

    .car-parts .front-left-door {
        top: 108px;
        left: 21px
    }

    .car-parts .front-right-door {
        top: 108px;
        left: 210px
    }

    .car-parts .rear-left-door {
        top: 197px;
        left: 21px
    }

    .car-parts .rear-right-door {
        top: 197px;
        left: 211px
    }

    .car-parts .roof {
        top: 208px;
        left: 119px
    }

    .car-parts .rear-bumper {
        left: 104px;
        top: 352px
    }

    .car-parts .rear-hood {
        top: 309px;
        left: 104px
    }

    .car-parts .rear-left-mudguard {
        top: 292px;
        left: 21px
    }

    .car-parts .rear-right-mudguard {
        top: 293px;
        left: 262px
    }

    .car-parts .icons {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: -8px
    }

        .car-parts .icons .icon {
            display: inline-block
        }

            .car-parts .icons .icon.icon-light-dent {
                background-image: url('../img/expertiseDetail_09f934789a681fc9b8575e620a846ed0.png');
                background-position: -27px -32px;
                width: 16px;
                height: 16px;
                content: '';
                display: inline-block;
                vertical-align: middle
            }

            .car-parts .icons .icon.icon-high-dent {
                background-image: url('../img/expertiseDetail_09f934789a681fc9b8575e620a846ed0.png');
                background-position: -59px 0;
                width: 16px;
                height: 16px;
                content: '';
                display: inline-block;
                vertical-align: middle
            }

            .car-parts .icons .icon.icon-light-scrape {
                background-image: url('../img/expertiseDetail_09f934789a681fc9b8575e620a846ed0.png');
                background-position: -11px -48px;
                width: 16px;
                height: 16px;
                content: '';
                display: inline-block;
                vertical-align: middle
            }

            .car-parts .icons .icon.icon-high-scrape {
                background-image: url('../img/expertiseDetail_09f934789a681fc9b8575e620a846ed0.png');
                background-position: -43px -16px;
                width: 16px;
                height: 16px;
                content: '';
                display: inline-block;
                vertical-align: middle
            }

    .car-parts .front-right-mudguard .icons {
        margin-top: -16px
    }

    .car-parts .front-left-mudguard .icons {
        margin-top: -16px
    }

    .car-parts .front-right-door .icons {
        padding-left: 19px
    }

    .car-parts .rear-right-door .icons {
        padding-left: 19px
    }

    .car-parts .front-left-door .icons {
        width: 42px
    }

    .car-parts .rear-left-door .icons {
        width: 42px
    }

    .car-parts .rear-hood .icons {
        padding-top: 4px
    }

.damage-area {
    display: inline-block
}

    .damage-area .car-parts {
        background-image: url('../img/vehicle_plan_0c6fff263000435d73ead7462c3c0baa.png');
        background-position: 0 0;
        width: 311px;
        height: 391px
    }




.car-parts div {
    background-image: url('../img/vehicle_orijinal_a9c83630774db5046e389c78a605bcbc.png')
}

    .car-parts div.painted {
        background-image: url('../img/vehicle_boyali_7847300a6a4df10f341c171aa0918646.png')
    }

    .car-parts div.changed {
        background-image: url('../img/vehicle_degisen_3cb39434bfbe6477b364b35ae5e958f5.png')
    }

.car-parts .front-bumper {
    background-position: -532px -252px;
    width: 105px;
    height: 22px
}

    .car-parts .front-bumper.painted {
        background-position: -532px -252px;
        width: 105px;
        height: 22px
    }

    .car-parts .front-bumper.changed {
        background-position: -532px -252px;
        width: 105px;
        height: 22px
    }

.car-parts .front-left-mudguard {
    background-position: -872px -43px;
    width: 28px;
    height: 43px
}

    .car-parts .front-left-mudguard.painted {
        background-position: -872px -43px;
        width: 28px;
        height: 43px
    }

    .car-parts .front-left-mudguard.changed {
        background-position: -872px -43px;
        width: 28px;
        height: 43px
    }

.car-parts .front-right-mudguard {
    background-position: -900px 0;
    width: 28px;
    height: 43px
}

    .car-parts .front-right-mudguard.painted {
        background-position: -900px 0;
        width: 28px;
        height: 43px
    }

    .car-parts .front-right-mudguard.changed {
        background-position: -900px 0;
        width: 28px;
        height: 43px
    }

.car-parts .front-hood {
    background-position: 0 -682px;
    width: 110px;
    height: 80px
}

    .car-parts .front-hood.painted {
        background-position: 0 -682px;
        width: 110px;
        height: 80px
    }

    .car-parts .front-hood.changed {
        background-position: 0 -682px;
        width: 110px;
        height: 80px
    }

.car-parts .front-left-door {
    background-position: -190px -473px;
    width: 80px;
    height: 104px
}

    .car-parts .front-left-door.painted {
        background-position: -190px -473px;
        width: 80px;
        height: 104px
    }

    .car-parts .front-left-door.changed {
        background-position: -190px -473px;
        width: 80px;
        height: 104px
    }

.car-parts .front-right-door {
    background-position: -110px -577px;
    width: 80px;
    height: 105px
}

    .car-parts .front-right-door.painted {
        background-position: -110px -577px;
        width: 80px;
        height: 105px
    }

    .car-parts .front-right-door.changed {
        background-position: -110px -577px;
        width: 80px;
        height: 105px
    }

.car-parts .rear-left-door {
    background-position: -349px -304px;
    width: 79px;
    height: 84px
}

    .car-parts .rear-left-door.painted {
        background-position: -349px -304px;
        width: 79px;
        height: 84px
    }

    .car-parts .rear-left-door.changed {
        background-position: -349px -304px;
        width: 79px;
        height: 84px
    }

.car-parts .rear-right-door {
    background-position: -270px -388px;
    width: 79px;
    height: 85px
}

    .car-parts .rear-right-door.painted {
        background-position: -270px -388px;
        width: 79px;
        height: 85px
    }

    .car-parts .rear-right-door.changed {
        background-position: -270px -388px;
        width: 79px;
        height: 85px
    }

.car-parts .roof {
    background-position: -742px -177px;
    width: 74px;
    height: 53px
}

    .car-parts .roof.painted {
        background-position: -742px -177px;
        width: 74px;
        height: 53px
    }

    .car-parts .roof.changed {
        background-position: -742px -177px;
        width: 74px;
        height: 53px
    }

.car-parts .rear-bumper {
    background-position: -637px -230px;
    width: 105px;
    height: 22px
}

    .car-parts .rear-bumper.painted {
        background-position: -637px -230px;
        width: 105px;
        height: 22px
    }

    .car-parts .rear-bumper.changed {
        background-position: -637px -230px;
        width: 105px;
        height: 22px
    }

.car-parts .rear-hood {
    background-position: -428px -274px;
    width: 104px;
    height: 30px
}

    .car-parts .rear-hood.painted {
        background-position: -428px -274px;
        width: 104px;
        height: 30px
    }

    .car-parts .rear-hood.changed {
        background-position: -428px -274px;
        width: 104px;
        height: 30px
    }

.car-parts .rear-left-mudguard {
    background-position: -816px -131px;
    width: 28px;
    height: 46px
}

    .car-parts .rear-left-mudguard.painted {
        background-position: -816px -131px;
        width: 28px;
        height: 46px
    }

    .car-parts .rear-left-mudguard.changed {
        background-position: -816px -131px;
        width: 28px;
        height: 46px
    }

.car-parts .rear-right-mudguard {
    background-position: -844px -86px;
    width: 28px;
    height: 45px
}

    .car-parts .rear-right-mudguard.painted {
        background-position: -844px -86px;
        width: 28px;
        height: 45px
    }

    .car-parts .rear-right-mudguard.changed {
        background-position: -844px -86px;
        width: 28px;
        height: 45px
    }

.car-damage-info {
    text-align: center;
    margin: 30px 0
}

    .car-damage-info span {
        font-weight: bold;
        font-size: 11px;
        line-height: 16px;
        margin-right: 10px;
        display: inline-block;
        position: relative;
        padding-left: 22px
    }

        .car-damage-info span:before {
            position: absolute;
            left: 0;
            width: 17px;
            height: 16px;
            margin-right: 10px;
            content: ''
        }

        .car-damage-info span.original {
            color: #999
        }

            .car-damage-info span.original:before {
                background-color: #999
            }

        .car-damage-info span.changed {
            color: #875de2
        }

            .car-damage-info span.changed:before {
                background-color: #875de2
            }

        .car-damage-info span.painted {
            color: #ff5e39
        }

            .car-damage-info span.painted:before {
                background-color: #ff5e39
            }


.statistic-box.blue {
    background-color: #6bc5ec;
    background-image: url(../img/statistic-box-blue.png)
}
.input-group > .input-group-append > .input-group-text {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
body, .form-label, .side-menu-list .lbl, .bootstrap-table .table, .fixed-table-body .table, .table, .select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered, .form-control, .btn, .select2-dropdown, .checkbox input + label, .checkbox-bird input + label, .checkbox-detailed input + label, .checkbox-slide input + label, .checkbox-toggle input + label, .radio input + label {
    font-size: 0.9rem !important;
}
.side-menu.side-menu-compact .side-menu-list .lbl, .btn-group-sm > .btn, .btn-sm {
    font-size: 0.75rem;
}
.steps-icon-progress li {
    width: 25%;
}
.form-vertical .form-label {
    padding-top: 5px;
    text-align: right;
    font-weight: 500;
}
table .bg-danger td.table-date{color:#000 !important;}
table .bg-danger td {
    background: #facccc !important;
    color:#000;
}
.table tr td:first-child a{border-bottom:none;}
.font-22{font-size:22px !important; }
.list-belge .card-block > a {
    margin-bottom: 15px;
    display: block;
}
.fm-file .fm-file-icon img{
    height:auto!important;
    max-height:100px!important;
    width:auto!important;
    max-width:100% !important;
}
.td-border-0 tr td{
    border:none;
    height:auto;
    min-height:30px;
}
.site-header .dropdown-menu-notif .dropdown-menu-notif-item {
    padding: 8px 15px 8px 15px !important;
}
.siparis-filter a {
    text-align: center;
    width: 100%;
    display: block;
    padding: 15px;
    color: #495057;
}

    .siparis-filter a:hover {
        background: #495057;
        color: #fff;
    }
    .siparis-filter a.active {
        background: #495057;
        color: #fff;
    }
.steps-icon-progress .caption {
    line-height: 14px;
    margin-bottom: 15px;
}

.table-mini td, .table-mini th{
    padding:0 15px;
}

.table-mini tr td {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.table-mini tr:hover td {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    background:#eee;
}
.input-mini input, .input-mini .input-group-text {
    height: 25px;
}

.side-menu.side-menu-compact .side-menu-list .fa, .side-menu.side-menu-compact .side-menu-list .font-icon, .side-menu.side-menu-compact .side-menu-list .glyphicon{
    font-size:1.5rem;
    min-height:25px;
}
.dark-theme .site-header {
    background-color: #ffffff;
    height: 50px;
    padding-top: 0;
    border-bottom: none;
}
    .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle{color:#919fa9;}
    .site-header .site-logo-text {
        background: #19262d;
    }
.widget-header-dark .widget-header-btn {
    padding: 10px 15px;
}
.table td {
    vertical-align:middle !important;
}
.proj-page-header .title .font-icon {
    opacity: 1;
    color: #919fa9;
    font-size:20px;
    padding-left:0;
    margin-left:0;
}
.select2-container--arrow .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--white .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    background: #919fa9;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    padding: 0 2rem 0 .5rem;
    height: 26px;
    line-height: 26px;
    position: relative;
}
.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--white .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff !important;
    width: 1.5rem;
    text-align: center;
    font-size: 1rem;
}

.select-mini > .btn.dropdown-toggle .filter-option{
    padding-left:0.3rem !important;
}
.select-mini > .btn.dropdown-toggle .bs-caret {
    width: 16px !important;
}
.select-mini > .dropdown-toggle{
    padding-right:16px !important;
}
.dark-theme .side-menu .side-menu-list > li.opened .font-icon {
    color: #00c3aa;
}
.dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl{color:#fff;}
.side-menu-list li.opened > ul{display:block!important;}
.side-menu-compact .side-menu-list a, .side-menu-compact .side-menu-list > li > span {
    padding: 15px 10px 15px 10px;
    padding-right: 10px !important;
}
.with-side-menu .page-content{padding-left:100px;}
.site-header .site-logo-text{width:100px;}
.dark-theme .site-header .site-header-content .site-header-content-in{margin-left:100px;}
.site-header{height:50px;padding-top:0;}
.page-content{padding-top:70px;}
.site-header .site-header-content .site-header-content-in{margin-left:80px;}

textarea.form-control.form-control-rounded {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.multiselect-container > li.active {
    background: linear-gradient(270deg, rgba(72, 124, 182, 0.7) 0%, #084e9d 100%);
}
.site-header .site-logo-text{line-height:40px;}

.user-img{width:32px; border-radius:50%;}
.tasks-grid-col.yellow .task-card.task {
    border-top-color: #fdad2a
}
.widget-user .widget-user-stat .item{width:25%;}

.activity-line-item-user-photo img{max-width:32px;max-height:32px;border-radius:50%;}

#notie-success {
    display: none;
}
#notie-error {
    display: none;
}

.btn-group.bootstrap-select > .btn.dropdown-toggle:focus{border:1px solid rgba(30, 178, 252, 0.69) !important;}
.bootstrap-select.btn-group .dropdown-menu .inner {
    border: 1px solid rgba(30, 178, 252, 0.69) !important;
}
.select2-container--open.select2-container .select2-selection__rendered {
    border-color: rgba(30, 178, 252, 0.69) !important;
    border-bottom: 0;
}
.select2-container--open .select2-dropdown--below {
    border-color: rgba(30, 178, 252, 0.69) !important;
}

.tasks-grid-col .tasks-grid-col-title {
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}
    .tasks-grid-col .tasks-grid-col-title strong {
        float: right;
        display: block;
        border: 1px solid #fff;
        padding: 0;
        text-align: center;
        height: 24px;
        width: 24px;
        border-radius: 50%;
    }
.task-card.task{padding-top:10px;}
    .task-card.task .task-card-title {
        font-weight: bold;
    }
.tasks-grid-col.yellow .tasks-grid-col-title {
    background: #fdad2a;
}
.tasks-grid-col.purple .tasks-grid-col-title {
    background: #ac6bec;
}
.tasks-grid-col.green .tasks-grid-col-title {
    background: #46c35f;
}
.tasks-grid-col.blue .tasks-grid-col-title {
    background: #00a8ff;
}
.gorev-tarih{color:#919fa9;padding-bottom:0;}
.box-typical .box-typical-header .tbl-cell{padding:5px 10px;}
    .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered{padding-top:10px;padding-bottom:10px;}
.btn-group.bootstrap-select > .btn.dropdown-toggle .filter-option {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.task-card .task-card-meta-item{margin-right:0; line-height:15px;}
.butce-cart {
    border-top: solid 4px #00a8ff;
    border-radius: 5px 5px .25rem .25rem;
}
    .butce-cart.durum-True {
        border-top-color: #46c35f;
    }
    .butce-cart.durum-False {
        border-top-color: #fa424a;
    }
    @media screen and (max-width:1920px){
        .side-menu .jspPane {
            padding-top: 50px !important;
        }
    }

    @media screen and (max-width:1370px){
        .form-control-wrapper.form-control-icon-left .fa{left:-4px; top:-2px;}
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            width: 17px;
        }
        .form-control {
            padding: .375rem .375rem !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding: .375rem 18px .375rem 0.2rem !important;
        }
        .select2-results__option {
            padding: 5px 0.5rem;
        }
        .form-control-wrapper.form-control-icon-left .form-control {
            padding-left: 28px !important;
        }
        .firma-detay .activity-line {
            padding-left: 70px;
        }
        .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered {
            line-height: 15px;
        }
        .firma-detay .activity-line-item .activity-line-date {
            font-size: 11px !important;
            width: 59px;
            left: -60px;
        }
        .firma-detay > .row > .col-md-4{padding:0;}
        .btn-sm{line-height:1 !important;
                font-size:0.70rem !important;
        }
        .widget-tasks .widget-tasks-item .user-card-row {
            font-size: 0.75rem !important;
        }
        body {
            font-size: 0.75rem !important;
        }
        .box-typical .box-typical-header .tbl-cell.tbl-cell-title h1, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h2, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h3, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h4, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h5, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h6{
            font-size:0.8rem !important;
            line-height:1!important;

        }
        .widget-activity .widget-activity-item .user-card-row, .widget-activity .widget-tasks-item .user-card-row, .widget-tasks .widget-activity-item .user-card-row, .widget-tasks .widget-tasks-item .user-card-row {
            font-size: 0.75rem !important;
        }
        .table, .label {
            font-size: 0.75rem !important;
        }
        .widget-activity .widget-activity-item .user-card-row, .widget-activity .widget-tasks-item .user-card-row, .widget-tasks .widget-activity-item .user-card-row, .widget-tasks .widget-tasks-item .user-card-row{line-height:1.2!important;}
        body, .form-label, .side-menu-list .lbl, .bootstrap-table .table, .fixed-table-body .table, .table, .select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered, .form-control, .btn, .select2-dropdown, .checkbox input + label, .checkbox-bird input + label, .checkbox-detailed input + label, .checkbox-slide input + label, .checkbox-toggle input + label, .radio input + label{font-size:0.75rem!important;}
        .h5, h5 {
            font-size: 1rem !important;
        }
        .avatar-preview.avatar-preview-32 {
            width: 28px;
            height: 28px;
        }
        .proj-page-header .title {
            font-size: 1rem;
        }
        .page-content {
            padding-right: 0 !important;
            padding-top: 55px;
        }
        .box-typical{margin-bottom:10px;}
        .side-menu.side-menu-compact {
            width: 80px !important;
        }
        .with-side-menu .page-content {
            padding-left: 80px;
        }
        .site-logo-text img {
            width: 80px;
            margin-top: -6px;
        }
        .site-header .site-logo-text{width:80px!important; height:40px;}
        .site-header{height:40px;}
            .site-header .site-header-content{padding:0;}
        .statistic-box .number {
            padding: 15px 0 0;
        }
        .statistic-box > div{height:110px;}
        .statistic-box .number {
            font-size: 2.5rem;
        }
        .widget-header-dark {
            padding: .25rem 1rem !important;
        }
            .widget-header-dark .widget-header-btn {
                padding: 3px 15px;
            }
        .box-typical .box-typical-section{padding:10px;}
        h1.with-border, h2.with-border, h3.with-border, h4.with-border, h5.with-border, h6.with-border {
            padding-bottom: .5rem;
        }
        .proj-page-section{padding:10px;}
        .row {
            margin-right: -10px !important;
            margin-left: -10px !important;
        }
        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
        .siparis-filter a{padding:10px;}
/*        .siparis-filter > div > div:first-child a{padding:5px;}*/
        .box-typical .box-typical-footer {
            padding: 7px 10px;
        }
        .btn {
            padding: .275rem .75rem;
        }
        .form-group {
            margin-bottom: 0.5rem !important;
        }
        .table td, .table th{padding:0.25rem !important;}
        .card-header {
            padding: .25rem 1.25rem !important;
            font-size:0.85rem;
        }
        .proj-page-team .avatar-preview {
            margin: 4px 4px 4px 0;
        }
        .card-header.card-header-xl {
            font-size: 1rem;
        }
        .activity-line-item{font-size:0.75rem;}
        .card-user .card-user-photo {
            width: 62px;
            height: 72px;
        }
        .card-user .card-user-name{font-size:0.75rem;}
        .card-user .card-user-status {
            font-size: 0.60rem;
        }
        .bootstrap-table .table td, .fixed-table-body .table td, .table td{height:40px;}
        .tasks-grid .tasks-grid-col {
            margin: 0 10px 0 0;
        }
        table .select2-container--arrow .select2-selection--single .select2-selection__rendered, table .select2-container--default .select2-selection--single .select2-selection__rendered, table .select2-container--white .select2-selection--single .select2-selection__rendered {
            min-height: 25px;
            line-height: 0.6rem;
        }
        .widget-user .widget-user-stat .number {
            font-size: 1.375rem;
        }
        .widget-user .widget-user-stat .caption {
            font-size: .7375rem;
        }
        .widget-user .widget-user-bg {
            height: 70px;
        }
        .widget-user .widget-user-stat .item {
            padding: 8px 5px 10px;
        }
        .site-header .dropdown .dropdown-item {
            font-size: 13px;
        }
        .site-header .dropdown-menu-notif .dropdown-menu-notif-header{font-size:0.75rem;}
        .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more {
            font-size: 0.75rem;
        }
        .site-header .header-alarm {
            font-size: 1rem;
        }
        .section-header {
            padding: 0 0 10px;
        }
        .widget-pie-chart .chart-box-info .number {
            font-size: 1rem;
        }
        .butce-proje-title{padding:0 10px 5px 10px !important;}
        .widget-pie-chart {
            padding: 10px;
            margin-bottom:20px;
        }
            .widget-pie-chart .chart-box-info {
                margin: 0 15px 18px 0;
            }
        .activity-line-item .activity-line-date{font-size:0.65rem;}
        .dropdown-menu{font-size:0.75rem !important;}
        .select2 {
            min-width: 50px;
        }
        .car-menu-list a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .multiselect-container > li > a > label{font-size:0.75rem;}
        .breadcrumb, .pager, .pagination {
            font-size: 0.75rem;
            background-color: #ffffff !important;
            padding: .5rem 1rem !important;
            margin-bottom: 10px;
        }
        .bootstrap-select.btn-group .dropdown-menu li a span.text{font-size:0.75rem;}
        .side-menu .jspPane{padding-top:40px !important;}
    }
    /*LAPTOP END*/
    @media screen and (max-width:768px){
        .with-side-menu .page-content{padding-left:0!important;}
        .d-lg-none{display:none;}
        .search{width:100%;}
        .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered {
            width: 100% !important;
            display: inline-block;
        }
        .tasks-grid .tasks-grid-col{width:400px;}
        .task-card.task {
            width: 232px;
        }
    }


.select-mini > .btn.dropdown-toggle .filter-option {
    padding-left: 0.3rem !important;
    padding-top: 1px !important;
    padding-bottom: 0 !important;
}

.select-mini > .btn.dropdown-toggle .bs-caret {
    width: 16px !important;
}

.select-mini > .dropdown-toggle {
    padding-right: 16px !important;
}
.table-mini td {
    height: 32px;
}

.table-mini input {
    width: 75px;
    height: 24px;
}

.table-mini .input-para {
    text-align: right;
}

.input-diger-birimler input {
    width: 60px !important;
    text-align: center;
}

ul.input-diger-birimler li {
    width: 69px !important;
    text-align: center;
    float: left;
    font-size: 12px;
}

ul.input-diger-birimler {
    display: inline-block;
    margin-bottom: 0;
}

.table-mini .form-control-wrapper.form-control-icon-left .fa {
    line-height: 28px !important;
}

.btn {
    background: #663d55;
    border: 1px solid #552942;
}
.btn:hover {
    background: #794d67;
    border: 1px solid #552942;
}
.link-close-button {
    position: absolute;
    color: #333 !important;
    top: 5px;
    right: 5px;
}
.widget-activity-item:hover{
    background:#f2f2f2;
}

    .box-typical .box-typical-header .tbl-cell.tbl-cell-title h3{margin-top:4px;}
.box-typical.box-typical-max-280 .box-typical-header{height:28px;}

@media screen and (min-width:768px) and ( max-width:1366px){

    .task-card .task-card-meta-item {
        font-size: .575rem;
        height:18px;
    }
    .progress-compact-style .progress-with-amount-number {
        font-size: .5875rem;
    }
}
.fc-toolbar, .fc-ltr .fc-axis {
    background: #dff4ff;
}

.fc button .fc-icon {
    color: #1EB2FC;
}

.plan-pasif {
    text-decoration: line-through !important;
}

.calendar-page-side .btn-group .btn {
    padding: 10px 0;
    width: 32px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.calendar-page-side .btn-group .btn {
    font-size: 10px !important;
    line-height: 10px !important;
}

.plan-pasif .passiveOn {
    display: none !important;
}


.plan-aktif .activeOn {
    display: none !important;
}

.hatirlat-aktif .hatirlatOn {
    display: block;
    margin-right: 10px !important;
}

.hatirlat-pasif .hatirlatOn {
    display: none;
}


.calendar-page .calendar-page-content-in {
    margin: 0 45px -1px -1px !important;
}

.calendar-page .calendar-page-side {
    width: 45px !important;
}

    .calendar-page .calendar-page-side:hover {
        width: 249px !important;
        background: #fff;
        z-index: 99999 !important;
    }
.layout-content-navbar .layout-page{padding:20px;}
.layout-navbar.navbar-detached {
    width: calc(100%) !important;
    margin: 20px 0 20px 0 !important;
}
.box-typical {
    box-shadow: 0 .125rem .5rem 0 rgba(47, 43, 61, .12);
    border-radius: .375rem;
    border:none;
}
.bs-searchbox .form-control{width:85% !important;}
/*.btn-success.waves-effect{color:#46c35f !important; }*/
.form-group {
    margin-bottom: 1rem;
}
.form-control-wrapper, .form-group-radios {
    position: relative;
}
.form-control-wrapper.form-control-icon-left .form-control {
    padding-left: 36px;
}
.form-control-wrapper.form-control-icon-left .fa, .form-control-wrapper.form-control-icon-left .font-icon, .form-control-wrapper.form-control-icon-left .glyphicon {
    left: 0;
}
.form-control-wrapper.form-control-icon-left .fa, .form-control-wrapper.form-control-icon-left .font-icon, .form-control-wrapper.form-control-icon-left .glyphicon, .form-control-wrapper.form-control-icon-right .fa, .form-control-wrapper.form-control-icon-right .font-icon, .form-control-wrapper.form-control-icon-right .glyphicon {
    width: 38px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    color: #444050;
}

.box-typical {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: #444050;
    --bs-card-subtitle-color: #8d8a94;
    --bs-card-border-width: 0;
    --bs-card-border-color: #e6e6e8;
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
    --bs-card-inner-border-radius: 0.375rem;
    --bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: #444050;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.5rem;
    --bs-card-group-margin: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    margin-bottom:20px;
}

.box-typical-section {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}


.box-typical-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .box-typical-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }
.tbl-row {
    display: table-row;
}
.tbl-cell {
    display: table-cell;
}
.box-typical .box-typical-header .tbl-cell {
    vertical-align: middle;
    padding: 10px;
}
.box-typical .box-typical-header .tbl-cell.tbl-cell-title {
/*    padding-right: 0;*/
}
    .box-typical .box-typical-header .tbl-cell.tbl-cell-title h3 {
        font-size: 16px;
        margin-bottom:0;
        line-height:16px;
    }
.box-typical .box-typical-header {
    display: table;
    width: 100%;
}
        .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered {
    border-left: solid 1px #d8e2e7;
    text-align: center;
    width: 54px;
/*    padding-top: 17px;*/
}
.daterangepicker, .daterangepicker .calendar-table {
    padding: 4px;
    -webkit-border-radius: 4px;
    background: #fff
}

.daterangepicker {
    position: absolute;
    color: inherit;
    border-radius: 4px;
    width: 278px;
    margin-top: 1px;
    top: 100px;
    left: 20px
}

    .daterangepicker:after, .daterangepicker:before {
        position: absolute;
        display: inline-block;
        content: ''
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #d8e2e7
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.dropup {
        margin-top: -5px
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #d8e2e7
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff
        }

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3001
    }

    .daterangepicker.show-calendar .calendar {
        display: block
    }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
        margin: 4px
    }

        .daterangepicker .calendar.single .calendar-table {
            border: none
        }

        .daterangepicker .calendar td, .daterangepicker .calendar th {
            white-space: nowrap;
            text-align: center;
            width: 32px;
            height: 28px;
            line-height: 28px
        }

    .daterangepicker .calendar-table {
        border-radius: 4px
    }

    .daterangepicker table {
        width: 100%;
        margin: 0
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer
    }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            color: #01A6FF
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: .8125rem;
            color: #8D99A9
        }

        .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
            background-color: #fff;
            border-color: transparent;
            color: #8D99A9
        }

        .daterangepicker td.in-range {
            background-color: #E5F6FE;
            border-color: transparent;
            color: #000;
            -webkit-border-radius: 0;
            border-radius: 0
        }

        .daterangepicker td.start-date {
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px
        }

        .daterangepicker td.end-date {
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

        .daterangepicker td.start-date.end-date {
            -webkit-border-radius: 4px;
            border-radius: 4px
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #01A6FF;
            border-color: transparent;
            color: #fff
        }

        .daterangepicker th.month {
            width: auto
        }

        .daterangepicker option.disabled, .daterangepicker td.disabled {
            color: #999;
            cursor: not-allowed;
            text-decoration: line-through
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 1rem;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        width: 50px;
        margin-bottom: 0
    }

    .daterangepicker .input-mini {
        border: 1px solid #d8e2e7;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #0A0A0A;
        display: block;
        margin: 0 0 5px;
        padding: .395rem 15px .355rem 30px;
        width: 100%;
        font-size: 1rem;
        line-height: 1.5
    }

        .daterangepicker .input-mini.active {
            border: 1px solid #d8e2e7;
            -webkit-border-radius: 4px;
            border-radius: 4px
        }

    .daterangepicker .daterangepicker_input {
        position: relative
    }

        .daterangepicker .daterangepicker_input i {
            position: absolute;
            left: 8px;
            top: 8px
        }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 5px auto;
        line-height: 30px;
        position: relative;
        padding-left: 28px
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

.ranges {
    font-size: 1rem;
    margin: 4px;
    text-align: left
}

    .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .ranges li {
        font-size: 1rem;
        background: #DBE4EB;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #292B2A;
        padding: 8px 12px;
        margin-bottom: 8px;
        cursor: pointer
    }

        .ranges li.active, .ranges li:hover {
            background: #01A6FF;
            color: #fff
        }

@media (min-width: 594px) {
    .daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.single .calendar, .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 160px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .calendar.left {
            clear: none
        }

        .daterangepicker .calendar.left {
            clear: left;
            margin-right: 0
        }

            .daterangepicker .calendar.left .calendar-table {
                border-right: none;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

        .daterangepicker .calendar.right {
            margin-left: 0
        }

            .daterangepicker .calendar.right .calendar-table {
                border-left: none;
                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
                -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0
            }

        .daterangepicker .calendar.left .calendar-table, .daterangepicker .left .daterangepicker_input {
            padding-right: 12px
        }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left
    }

    .daterangepicker .calendar.left {
        clear: none
    }
}

.activity-line-item .activity-line-action .meta:after, .activity-line-item .activity-line-action .previews:after, .activity-line-item .activity-line-action:after, .bootstrap-table .card-view .title:after, .bootstrap-table .card-view .value:after, .bootstrap-table .fixed-table-pagination ul.pagination:after, .bootstrap-table .fixed-table-pagination:after, .bootstrap-table .fixed-table-toolbar:after, .box-typical .box-typical-header-sm .slider-arrs:after, .bs-glyphicons .bs-glyphicons-list:after, .bs-glyphicons:after, .calendar-page:after, .card-typical .card-typical-section:after, .card-user .card-user-photo, .chart-legend-tbl, .chart-statistic-box .chart-container .chart-container-x:after, .chart-statistic-box:after, .chat-area-bottom:after, .chat-container:after, .clear, .clearfix:after, .comment-item .comment-item-meta:after, .contacts-page-section:after, .contacts-page:after, .cstm-player.cstm-player-small .cstm-player-progress, .cstm-player:after, .cstm-video-player .cstm-video-player-controls-left:after, .cstm-video-player .cstm-video-player-controls-right:after, .fc-popover.click .fc-body .actions:after, .files-manager-header .files-manager-header-right:after, .files-manager-header:after, .files-manager-panel-in:after, .files-manager:after, .fm-file-grid:after, .gallery-grid:after, .gd-doc-grid:after, .mail-box-header .btns-icon:after, .mail-box-header .mail-box-header-left:after, .mail-box-header .mail-box-header-nav:after, .mail-box-header .mail-box-header-right:after, .mail-box-header:after, .mail-box:after, .modal-upload:after, .people-rel-list .people-rel-list-photos:after, .post-announce .post-announce-meta:after, .profile-following-grid:after, .profile-post .profile-post-gall-fluid:after, .profile-post .profile-post-gall:after, .progress-compact-style .progress-header:after, .progress-steps:after, .proj-page-attach-section .proj-page-attach-grid:after, .proj-page-main-controls .proj-page-main-controls-left:after, .proj-page-main-controls .proj-page-main-controls-right:after, .proj-page-main-controls:after, .sign-box .form-group:after, .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav:after, .site-header .dropdown-menu-messages .dropdown-menu-messages-header:after, .site-header .help-dropdown .help-dropdown-popup:after, .site-header .site-header-collapsed .site-header-collapsed-in:after, .site-header .site-header-content .site-header-content-in:after, .site-header .site-header-search-container:after, .site-header .site-header-shown:after, .site-header .site-logo:after, .steps-icon-block:after, .steps-icon-progress ul:after, .tabs-section-nav.tabs-section-nav-inline .nav:after, .tabs-section-nav.tabs-section-nav-left .nav:after, .tabs-section-simple .nav:after, .task-card .task-card-footer:after, .tasks-grid:after, .text-block:after, .typeahead-dropdown > li > a, .typeahead-list > li > a, .ui-pnotify-container:after, .uploading-container:after, .uploading-list .uploading-list-item:after, .widget-chart-combo .widget-chart-combo-header:after, .widget-chart-combo:after, .widget-chart-extra-bars:after, .widget-pie-chart .legends-col:after, .widget-pie-chart .widget-pie-chart-header:after, .widget-user .widget-user-stat:after, .widget-weather .widget-weather-big:after, .widget-weather .widget-weather-content:after {
    clear: both
}

.daterangepicker .fa {
    color: #909CA8
}

.daterangepicker .daterangepicker_input .fa {
    font-size: 1rem
}

    .daterangepicker .daterangepicker_input .fa.fa-calendar {
        font-size: 1rem;
        position: absolute;
        top: 12px;
        left: 10px
    }

.daterangepicker .daterangepicker_input select, .daterangepicker .table-condensed select {
    background: 0 0;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    font-size: .875rem
}

.select2-close-mask, .select2-container--default .select2-selection--single, .select2-dropdown {
    background-color: #fff
}

.cancelBtn, .daterangepicker .applyBtn {
    font-size: 1rem !important
}

.daterangepicker .calendar-time {
    margin-top: 10px
}

    .daterangepicker .calendar-time .fa-clock-o {
        padding-left: 1px
    }

.daterangepicker .table-condensed th.prev {
    vertical-align: middle !important
}
.checkbox, .radio {
    cursor: default;
}
.checkbox label, .checkbox-inline, .radio label, .radio-inline {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 400
}

    .checkbox label input:only-child, .radio label input:only-child {
        position: static
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-top: .25rem;
        margin-left: -1.25rem
    }

.collapsing, .dropdown, .dropup {
    position: relative
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -.25rem
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: .75rem
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, input[type=checkbox].disabled, input[type=checkbox]:disabled, input[type=radio].disabled, input[type=radio]:disabled {
        cursor: not-allowed
    }

.checkbox, .checkbox-bird, .checkbox-detailed, .checkbox-slide, .checkbox-toggle, .radio {
    position: relative;
    margin-bottom: .75rem
}

    .checkbox input, .checkbox-bird input, .checkbox-detailed input, .checkbox-slide input, .checkbox-toggle input, .radio input {
        position: absolute;
        visibility: hidden
    }

        .checkbox input + label, .checkbox-bird input + label, .checkbox-detailed input + label, .checkbox-slide input + label, .checkbox-toggle input + label, .radio input + label {
            position: relative;
            display: inline-block;
            font-size: 1rem;
            min-height: 18px;
            line-height: 18px;
            cursor: pointer
        }

        .checkbox input:disabled + label, .checkbox-bird input:disabled + label, .checkbox-detailed input:disabled + label, .checkbox-slide input:disabled + label, .checkbox-toggle input:disabled + label, .radio input:disabled + label {
            cursor: not-allowed;
            color: #8e9fa7
        }

.checkbox, .radio {
    cursor: default
}

    .checkbox input + label, .radio input + label {
        z-index: 2;
        padding: 0 0 0 24px
    }

        .checkbox input + label:after, .checkbox input + label:before, .radio input + label:after, .radio input + label:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0
        }

        .checkbox input + label:before, .radio input + label:before {
            width: 16px;
            height: 16px;
            background: #fff;
            border: 1px solid #c5d6de
        }

        .checkbox input + label:hover:before, .radio input + label:hover:before {
            background-color: #d9f2ff;
            border-color: #00a8ff
        }

    .checkbox input[type=checkbox] + label:after, .radio input[type=checkbox] + label:after {
        display: inline-block;
        width: 16px;
        height: 16px;
        font-weight: 400 !important;
        text-transform: none !important;
        vertical-align: middle;
        position: absolute;
        text-align: center;
        top: 0;
        font-size: 11px;
        line-height: 16px
    }

    .checkbox input[type=checkbox] + label:before, .radio input[type=checkbox] + label:before {
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    .checkbox input[type=radio] + label:before, .radio input[type=radio] + label:before {
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

    .checkbox input:checked + label:before, .radio input:checked + label:before {
        border-color: #00a8ff
    }

    .checkbox input[type=checkbox]:checked + label:after, .radio input[type=checkbox]:checked + label:after {
        content: "\22"
    }

    .checkbox input[type=radio]:checked + label:after, .radio input[type=radio]:checked + label:after {
        width: 8px;
        height: 8px;
        background: #343434;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        left: 4px;
        top: 4px
    }

    .checkbox input:disabled + label:before, .radio input:disabled + label:before {
        background-color: #eceff4;
        border-color: #dbe4eb
    }

    .checkbox input[type=checkbox]:disabled + label:after, .radio input[type=checkbox]:disabled + label:after {
        color: rgba(52,52,52,.4)
    }

    .checkbox input[type=radio]:disabled + label:after, .radio input[type=radio]:disabled + label:after {
        background-color: rgba(52,52,52,.4)
    }

    .checkbox.checkbox-only, .radio.checkbox-only {
        padding: 0;
        width: 16px;
        height: 16px;
        margin: 0
    }

.checkbox-slide input + label, .checkbox-toggle input + label {
    padding: 0 0 0 52px
}

    .checkbox-slide input + label:after, .checkbox-slide input + label:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .checkbox-slide input + label:before {
        left: 1px;
        top: 7px;
        width: 42px;
        height: 4px;
        -webkit-border-radius: 25rem;
        border-radius: 25rem;
        background: #929faa;
        -webkit-transition: background .4s ease;
        -moz-transition: background .4s ease;
        -o-transition: background .4s ease;
        transition: background .4s ease
    }

    .checkbox-slide input + label:after {
        width: 20px;
        height: 20px;
        top: -1px;
        border: 1px solid #c5d6de;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: left .4s ease;
        -moz-transition: left .4s ease;
        -o-transition: left .4s ease;
        transition: left .4s ease;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 0,#e4f6ff 100%);
        background: -webkit-linear-gradient(top,#fff 0,#e4f6ff 100%);
        background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4f6ff));
        background: -o-linear-gradient(top,#fff 0,#e4f6ff 100%);
        background: linear-gradient(to bottom,#fff 0,#e4f6ff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f6ff', GradientType=0)
    }

    .checkbox-slide input + label:hover:after {
        border-color: #00a8ff
    }

.checkbox-slide input:checked + label:before {
    background-color: #343434
}

.checkbox-slide input:checked + label:after {
    left: 24px
}

.checkbox-slide input:disabled + label:before {
    background-color: #c6d6df
}

.checkbox-slide input:disabled + label:after {
    border-color: #c5d6de;
    background: -moz-linear-gradient(top,#fcfefe 0,#edf2f5 100%);
    background: -webkit-linear-gradient(top,#fcfefe 0,#edf2f5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfefe),to(#edf2f5));
    background: -o-linear-gradient(top,#fcfefe 0,#edf2f5 100%);
    background: linear-gradient(to bottom,#fcfefe 0,#edf2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfefe', endColorstr='#edf2f5', GradientType=0)
}

.checkbox-toggle input + label:after, .checkbox-toggle input + label:before {
    content: '';
    display: block;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    position: absolute;
    left: 0;
    top: -1px;
    height: 20px
}

.checkbox-toggle input + label:before {
    width: 43px;
    background: #929faa;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.checkbox-toggle input + label:after {
    width: 20px;
    border: 1px solid #929faa;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: -webkit-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eef4f7));
    background: -o-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: linear-gradient(to bottom,#fff 0,#eef4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0)
}

.btn-file, .btn-group.bootstrap-select .font-icon {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.checkbox-toggle input + label:hover:after, .checkbox-toggle input:checked + label:after {
    border-color: #00a8ff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9f8ff', GradientType=0)
}

.checkbox-toggle input + label:hover:after {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: -webkit-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9f8ff));
    background: -o-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: linear-gradient(to bottom,#fff 0,#e9f8ff 100%)
}

.checkbox-toggle input:checked + label:before {
    background-color: #00a8ff
}

.checkbox-toggle input:checked + label:after {
    left: 23px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: -webkit-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9f8ff));
    background: -o-linear-gradient(top,#fff 0,#e9f8ff 100%);
    background: linear-gradient(to bottom,#fff 0,#e9f8ff 100%)
}

.checkbox-toggle input:disabled + label:before {
    background-color: #dbe4eb
}

.checkbox-toggle input:disabled + label:after {
    border-color: #dbe4eb;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: -webkit-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eef4f7));
    background: -o-linear-gradient(top,#fff 0,#eef4f7 100%);
    background: linear-gradient(to bottom,#fff 0,#eef4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0)
}

.checkbox-bird input + label {
    display: block;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 28px;
    position: relative
}

    .checkbox-bird input + label:before {
        font-weight: 400 !important;
        text-transform: none !important;
        line-height: inherit;
        vertical-align: middle;
        content: "\55";
        color: rgba(173,183,190,.7);
        font-size: 1.125rem;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 20px;
        height: 20px
    }

.checkbox-bird input:checked + label:before {
    color: #00a8ff
}

.checkbox-bird.grey input:checked + label:before {
    color: #6b7a85
}

.checkbox-bird.green input:checked + label:before {
    color: #46c35f
}

.checkbox-bird.purple input:checked + label:before {
    color: #ac6bec
}

.checkbox-bird.orange input:checked + label:before {
    color: #f29824
}

.checkbox-bird.red input:checked + label:before {
    color: #fa424a
}

.checkbox-detailed {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 12px 0
}

    .checkbox-detailed input + label {
        width: 200px;
        height: 84px;
        border: 1px solid #d8e2e7;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 0 10px 0 50px;
        line-height: 1.4
    }

        .checkbox-detailed input + label:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            border: 1px solid #c5d6de;
            position: absolute;
            left: 19px;
            top: 50%;
            margin-top: -6px;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

    .checkbox-detailed input:checked + label {
        background-color: #e4f6fe;
        border-color: #00a8ff
    }

        .checkbox-detailed input:checked + label:before {
            border-color: #00a8ff;
            background-color: #00a8ff
        }

    .checkbox-detailed .checkbox-detailed-tbl {
        display: table;
        width: 100%;
        height: 100%
    }

    .checkbox-detailed .checkbox-detailed-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 5px 0
    }

    .checkbox-detailed .checkbox-detailed-title {
        font-weight: 600;
        display: block
    }
.btn-group.bootstrap-select.bootstrap-select-arrow > .btn.dropdown-toggle .bs-caret:before, .checkbox input[type=checkbox] + label:after, .checkbox-bird input + label:before, .radio input[type=checkbox] + label:after, .select2-container--arrow .select2-selection--single .select2-selection__arrow:before {
    font-family: startui !important;
    font-style: normal !important;
    font-variant: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.side-menu-list{list-style:none; padding:30px 0 30px 0;}
.side-menu-list li a {display:block;}
/*.side-menu-list {
    margin: 0 0 25px;
}
.side-menu-list > li {
    line-height: 16px;
}
.side-menu-list .fa, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    position: absolute;
    left: 18px;
    top: 13px;
    line-height: 16px;
    font-size: 1.0625rem;
}
    .side-menu-list .lbl {
        font-weight: 600;
        color: #818181;
        font-size: 1rem;
        transition: all .2s ease-in-out;
    }
*/
.proj-page-team .avatar-preview {
    margin: 4px 6px 4px 0;
}
.avatar-preview.avatar-preview-32 {
    width: 32px;
    height: 32px;
}
.avatar-preview {
    display: inline-block;
    vertical-align: middle;
}
    .avatar-preview img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
.proj-page-team .tbl-cell-divider {
    width: 30px;
    text-align: center;
    color: #919fa9;
    font-size: .75rem;
}
.proj-page-section {
    padding: 15px 15px 20px;
    border-top: solid 1px #d8e2e7;
}
.box-typical.box-typical-padding {
    padding: 20px 15px;
}
.activity-line {
    padding: 0 0 0 82px;
    position: relative;
    margin-left: -15px
}

    .activity-line:before {
        content: '';
        display: block;
        width: 0;
        height: 100%;
        border-left: solid 1px #c5d6de;
        position: absolute;
        left: 41px;
        top: 0
    }

.activity-line-item {
    margin: 0 0 18px;
    font-size: 1rem;
    position: relative
}

    .activity-line-item p {
        margin: 0
    }

    .activity-line-item .activity-line-date {
        width: 80px;
        text-align: center;
        position: absolute;
        top: -10px;
        left: -82px;
        color: #6c7a86;
        text-transform: uppercase;
        font-size: .8125rem;
        padding: 10px 0;
        background: #eceff4
    }

    .activity-line-item .activity-line-item-header {
        border-bottom: solid 1px #d8e2e7;
        padding: 15px
    }

    .activity-line-item .activity-line-item-user {
        position: relative;
        padding: 0 0 0 48px;
        min-height: 32px;
        line-height: 20px
    }

        .activity-line-item .activity-line-item-user .activity-line-item-user-photo {
            position: absolute;
            left: 0;
            top: 4px;
            width: 32px
        }

            .activity-line-item .activity-line-item-user .activity-line-item-user-photo img {
                display: block;
                width: 100%;
                -webkit-border-radius: 50%;
                border-radius: 50%
            }

    .activity-line-item .activity-line-action .previews:after, .activity-line-item .activity-line-action .previews:before, .activity-line-item .activity-line-action:after, .activity-line-item .activity-line-action:before {
        display: table;
        content: " "
    }

    .activity-line-item .activity-line-item-user .activity-line-item-user-status {
        color: #6c7a86
    }

    .activity-line-item .activity-line-action {
        padding: 15px;
        zoom: 1;
        position: relative
    }

        .activity-line-item .activity-line-action:nth-child(odd) {
            background: #fbfcfd
        }

        .activity-line-item .activity-line-action .time {
            float: left;
            width: 90px;
            color: #6c7a86;
            position: relative
        }

        .activity-line-item .activity-line-action .cont {
            float: right;
            width: 100%;
            margin-left: -90px
        }

        .activity-line-item .activity-line-action .cont-in {
            margin-left: 90px
        }

        .activity-line-item .activity-line-action .dot {
            width: 10px;
            height: 10px;
            background: #fa424a;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            left: -5px;
            top: 20px
        }

        .activity-line-item .activity-line-action a {
            text-decoration: none;
            color: #0082c6;
            border-bottom: solid 1px transparent
        }

            .activity-line-item .activity-line-action a:hover {
                border-bottom-color: rgba(0,130,198,.5)
            }

        .activity-line-item .activity-line-action .previews {
            zoom: 1
        }

            .activity-line-item .activity-line-action .previews li {
                float: left;
                margin: 10px 15px 0 0
            }

            .activity-line-item .activity-line-action .previews img {
                display: block
            }

        .activity-line-item .activity-line-action .meta {
            zoom: 1;
            color: #6c7a86;
            padding: 5px 0 0
        }

            .activity-line-item .activity-line-action .meta:after, .activity-line-item .activity-line-action .meta:before {
                content: " ";
                display: table
            }

            .activity-line-item .activity-line-action .meta li {
                float: left;
                margin: 0 20px 0 0
            }

            .activity-line-item .activity-line-action .meta a {
                text-decoration: none;
                color: #6c7a86;
                border: none
            }

                .activity-line-item .activity-line-action .meta a:hover {
                    color: #00a8ff
                }

        .activity-line-item .activity-line-action .img-comment {
            margin: 10px 0 0
        }

            .activity-line-item .activity-line-action .img-comment .tbl-cell-img {
                vertical-align: top;
                width: 120px
            }

                .activity-line-item .activity-line-action .img-comment .tbl-cell-img img {
                    display: block;
                    width: 100%
                }

            .activity-line-item .activity-line-action .img-comment .tbl-cell-txt {
                vertical-align: middle;
                padding-left: 10px
            }

        .activity-line-item .activity-line-action .attach-list {
            color: #adb7be;
            padding: 5px 0 0;
            line-height: 24px;
            margin: 0 0 -4px
        }

            .activity-line-item .activity-line-action .attach-list li {
                white-space: nowrap;
                max-width: 100%;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis
            }

            .activity-line-item .activity-line-action .attach-list .font-icon {
                margin: 0 4px 0 0;
                font-size: 1rem;
                vertical-align: middle;
                position: relative;
                top: -.05em
            }

.full-count:after, .profile-links-list .font-icon {
    top: -1px;
    position: relative;
    vertical-align: middle
}

.activity-line-item .activity-line-action .alert {
    margin: 10px 0 0
}

.activity-line-item .activity-line-more {
    padding: 10px;
    text-align: center;
    border-top: solid 1px #d8e2e7
}

@media (max-width: 767px) {
    .activity-line-item .activity-line-action .cont, .activity-line-item .activity-line-action .time {
        float: none;
        width: auto
    }

    .activity-line-item .activity-line-action .cont, .activity-line-item .activity-line-action .cont-in {
        margin-left: 0
    }

    .activity-line-item .activity-line-action .time {
        margin: 0 0 10px
    }
}
.tasks-grid {
    zoom: 1
}

    .tasks-grid .tasks-grid-col {
        float: left;
        width: 230px;
        margin: 0 30px 0 0
    }

    .tasks-grid .tasks-grid-col-title {
        margin: 0 0 10px
    }

        .tasks-grid .tasks-grid-col-title strong {
            font-weight: 600
        }

    .tasks-grid .sortable {
        padding: 0 0 30px
    }

.task-card {
    margin: 0 0 30px
}

    .task-card .task-card-create-title {
        padding: 15px;
        font-weight: 600
    }

    .task-card .task-card-create input[type=text] {
        border: none;
        background: 0 0;
        padding: 15px;
        font-size: 1rem;
        font-weight: 600;
        color: #343434
    }

    .task-card .task-card-create ::-webkit-input-placeholder {
        color: #343434 !important
    }

    .task-card .task-card-create ::-moz-placeholder {
        opacity: 1 !important;
        color: #343434 !important
    }

    .task-card .task-card-create :-moz-placeholder {
        color: #343434 !important;
        opacity: 1 !important
    }

    .task-card .task-card-create :-ms-input-placeholder {
        color: #343434 !important
    }

    .task-card .task-card-footer {
        padding: 8px 15px;
        background: #f6f8fa;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        border-top: solid 1px #d8e2e7;
        zoom: 1
    }

    .task-card .task-card-in {
        padding: 0 15px;
        position: relative
    }

    .task-card .task-card-photo {
        margin: 0 15px 10px
    }

        .task-card .task-card-photo img {
            display: block;
            width: 100%
        }

    .task-card .task-card-title {
        margin: 0 15px 10px 0
    }

        .task-card .task-card-title a {
            color: #343434
        }

            .task-card .task-card-title a:hover {
                color: #00a8ff
            }

    .task-card .task-card-title-label {
        color: #6c7a86;
        font-size: .875rem
    }

    .task-card .task-card-tags {
        padding: 5px 0 11px
    }

        .task-card .task-card-tags .label {
            font-size: .875rem;
            color: #6c7a86;
            font-weight: 400;
            margin: 0 3px 8px 0
        }

            .task-card .task-card-tags .label:hover {
                color: #fff
            }

    .task-card .avatar-preview {
        float: right
    }

    .task-card .task-card-meta-item {
        float: left;
        height: 32px;
        line-height: 32px;
        margin: 0 15px 0 0;
        font-size: .875rem;
        position: relative;
        top: 1px
    }

        .task-card .task-card-meta-item .font-icon {
            color: #919fa9;
            margin: 0 5px 0 0
        }

    .task-card .task-card-menu {
        position: absolute;
        top: 0;
        right: 9px
    }

        .task-card .task-card-menu button {
            border: none;
            background: 0 0;
            color: #919fa9
        }

            .task-card .task-card-menu button:hover, .task-card .task-card-menu.open button {
                color: #00a8ff
            }

        .task-card .task-card-menu .dropdown-menu {
            min-width: auto;
            margin-top: 0
        }

    .task-card .progress-compact-style {
        margin: 0 0 3px
    }

        .task-card .progress-compact-style .progress-compact-style-label {
            font-size: .875rem
        }

    .task-card.task {
        padding-top: 20px;
        border-top: solid 4px #00a8ff;
        -webkit-border-radius: 5px 5px .25rem .25rem;
        border-radius: 5px 5px .25rem .25rem
    }

.tasks-grid-col.red .task-card.task {
    border-top-color: #fa424a
}

.tasks-grid-col.green .task-card.task {
    border-top-color: #46c35f
}

.tasks-grid-col.purple .task-card.task {
    border-top-color: #ac6bec
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.sweet-alert{display:none;}

.filterable {
    /*margin-top: 15px*/
}

    .filterable .panel-heading .pull-right {
        margin-top: -20px
    }

    .filterable .filters input[disabled] {
        background-color: transparent;
        border: none;
        cursor: auto;
        box-shadow: none;
        padding: 0;
        height: auto
    }

        .filterable .filters input[disabled]::-webkit-input-placeholder {
            color: #333
        }

        .filterable .filters input[disabled]::-moz-placeholder {
            color: #333
        }

        .filterable .filters input[disabled]:-ms-input-placeholder {
            color: #333
        }
.table th input{
    text-transform: uppercase;
    font-size: .8125rem;
    letter-spacing: .2px;
    color: #444050;
}
.filters input {
    padding-left: 0;
    padding-right: 12px;
    border: 2px solid #fff;
    color: #000;
    letter-spacing: .2px;
    color: #444050;
    font-size: .8125rem;
    margin-left: -8px;
    padding-left: 8px;
}

    .filters input::placeholder {
        color: #000;
        font-size: .8125rem;
    }
.filters input {
    border: 2px solid transparent; /* Kalınlık sabit olsun */
    padding-right: 12px;
}

    .filters input:hover {
        border-color: #eee; /* Sadece renk değişiyor */
    }
.tbl {
    display: table;
    width: 100%;
}
.box-typical .box-typical-footer .tbl-cell {
    vertical-align: middle;
}
.box-typical .box-typical-footer .tbl-cell-action {
    white-space: nowrap;
    width: 20px;
    padding-left: 15px;
}
.text-right {
    text-align: right !important;
}
.modal-close {
    position: absolute;
    right: 15px;
    top: 17px;
    color: #adb7be;
    background: 0 0;
    border: none;
}
.task-card .task-card-meta-item {
    margin-right: 0;
    line-height: 15px;
}

.butce-cart {
    border-top: solid 4px #00a8ff;
    border-radius: 5px 5px .25rem .25rem;
}

    .butce-cart.durum-True {
        border-top-color: #46c35f;
    }

    .butce-cart.durum-False {
        border-top-color: #fa424a;
    }
.widget-pie-chart {
    background: #fff;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    padding: 15px;
    zoom: 1;
}
.chart-legend-list .dot, .chart-legend-tbl .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #adb7be;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
.chart-legend-tbl .tbl-cell-legend {
    padding-right: 10px;
}
.chart-legend-tbl .tbl-cell-value {
    text-align: right;
    padding-left: 10px;
    border-left: solid 1px #d8e2e7;
    color: #919fa9;
}
.chart-legend-list .dot.red, .chart-legend-tbl .dot.red {
    background-color: #fa424a;
}
.chart-legend-list .dot.green, .chart-legend-tbl .dot.green {
    background-color: #46c35f;
}
.chart-legend-list .dot.orange, .chart-legend-tbl .dot.orange {
    background-color: #fdad2a;
}
.widget-pie-chart .chart-box-info .caption {
    border-top: solid 1px #d8e2e7;
    background: #f6f8fa;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.widget-pie-chart .chart-box-info .number {
    font-size: 1.5rem;
    padding-top: 12px;
    padding-bottom: 12px;
}
.widget-pie-chart .chart-box-info {
    margin: 0 30px 18px 0;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    background: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 1;
}
.widget {
    margin: 0 0 30px;
}
.widget-simple-sm {
    border: 1px solid #d8e2e7;
    background: #fff;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    text-align: center;
}
    .widget-simple-sm .widget-simple-sm-statistic {
        line-height: 1;
        padding: 15px 10px;
    }
        .widget-simple-sm .widget-simple-sm-statistic .number {
            font-weight: 600;
            font-size: 1.5rem;
            margin: 0 0 6px;
        }
        .widget-simple-sm .widget-simple-sm-statistic .caption {
            font-size: .875rem;
            font-weight: 600;
            text-transform: uppercase;
        }
.lisa-info {
    height: 16px !important;
    width: 25px !important;
}
    .lisa-info i {
        font-size:16px !important;
    }
.btn-mini{padding:3px 6px !important; font-size:13px!important; font-weight:normal!important;}
html {
    overflow-x: hidden;
}
.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
   background: none !important;
    color: #fff !important;
}
.multiselect.btn-dark {
    background: linear-gradient(270deg, rgba(72, 124, 182, 0.7) 0%, #084e9d 100%);
    box-shadow: 0px 2px 6px 0px rgba(72, 124, 182, .3);
    color: #fff !important;
    border:none!important;
}
.filter-wrap {
    display: flex;
    align-items: center;
    gap: 6px; /* input ile ikon arasına boşluk */
}

    .filter-wrap input {
        flex: 1; /* input genişlesin */
    }

    .filter-wrap .show-empty {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px; /* ikon boyutu */
        cursor: pointer;
        color: #555;
        text-decoration: none;
        padding: 4px 6px;
    }
.filters .form-control {
    padding: 2px 5px;
}
    .filters .form-control:focus {
        padding: 2px 5px;
    }

.filters .form-control {border:2px solid #fff;}
.tbl-cell .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 5px;
}