/*AKBIS - START */
.margin-top--13 {
    margin-top: -13px !important;
}

.jarviswidget div .head-desc {
    margin: 10px -13px 10px -13px;
    margin-top: 0;
}

.head-desc {
    background-color: #f3f6fb;
    color: inherit;
    padding: 10px 20px 10px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid;
    border-width: 1px 0px;
    color: #676A6C;
    margin-bottom: 10px;
}

    .head-desc h3 {
        font-weight: 200;
        font-size: 24px;
        font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        margin: 0;
    }

.padding-top-7 {
    padding-top: 7px !important;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

form .form-control {
    border-left-width: 2px;
}

.btn-success {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        background-color: #18a689;
        border-color: #18a689;
        color: #FFFFFF;
    }

.required, .select2.required a, .select2.required ul, .summernote.required + div {
    border-left-width: 4px;
    border-left-color: #C84A48;
}

label.control-label {
    font-weight: bold;
}

body.minified #header {
    margin-left: 45px;
}

.hidden-menu .minifyme, .minified #hide-menu {
    display: initial;
}

.bg-color-airblue {
    background-color: #0E9AEF;
    color: white;
}

    .bg-color-airblue.btn:hover, .bg-color-airblue.btn:focus {
        color: #fff;
        text-decoration: none;
    }

.smart-form.widget-body-toolbar, .widget-body-toolbar {
    padding: 5px 10px;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #fff;
}

table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

#searchField input.form-control {
    border: none;
}

.table > thead > tr#searchField > td {
    padding: 0px;
}

    .table > thead > tr#searchField > td:first-child {
        padding: 7px 9px;
        font-size: 12px;
        font-weight: 700;
        padding-right: 6px;
    }

.dt-toolbar-footer {
    background: #FFFFFF;
}

.fc-border-separate thead tr, .table thead tr {
    background-color: transparent;
    background-image: none;
}

.dt-toolbar {
    background: #ffffff;
    padding: 6px 0px 1px;
}

.no-padding .dt-toolbar {
    padding: 6px 7px 1px;
}

.jarviswidget > div {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-top-color: #CCC !important;
    box-shadow: 0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);
}

.jarviswidget-ctrls .button-icon {
    color: #CBCBCB;
    border: none;
}

.jarviswidget > header {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0px 0;
    margin-bottom: 0;
    padding: 8px 15px 8px;
    min-height: 49px;
    color: #84888B;
    text-overflow: ellipsis;
}

    .jarviswidget > header h2 {
        font-weight: 600;
        color: #84888B;
    }

#project-context, .project-context {
    padding: 15px 13px 0;
}

.btn-header > :first-child > a {
    margin: 15px 0 0;
    background: #0e9aef;
    border-color: #0e9aef;
    color: white;
    padding: 4px 12px;
    height: auto;
}

#header > div {
    height: 60px;
}

.margin-left-220 {
    margin-left: 220px !important;
}

.smart-style-4 #header > :first-child {
    background: none;
    width: auto;
    margin-left: 30px;
}

.login-info {
    height: auto;
}

    .login-info img {
        width: 80px;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: 1px;
        margin-right: 5px;
        margin-left: 0;
        border: none;
    }

.smart-style-4 .login-info > span {
    border: none;
    display: inline-block;
}

.login-info a span {
    font-weight: 600;
}

.smart-style-4:not(.mobile-view-activated) .login-info {
    border: none;
    display: block;
    padding: 15px 10px 5px 10px;
    width: auto;
    text-align: center;
    background: url(../img/skin.png);
}

.smart-style-4:not(.menu-on-top) #left-panel {
    padding-top: 0;
}

.smart-style-4 #header {
    height: 60px;
    z-index: 1;
    /*margin-left: 220px;*/
}

.smart-style-4 nav ul ul {
    padding: 0;
}

.smart-style-4 nav ul li a {
    color: #9ea6b9;
    font-weight: 600;
}

.smart-style-4 aside {
    background: #3e495f;
}

    .smart-style-4 aside .minifyme {
        background: #0e9aef;
        color: #FFFFFF;
    }

        .smart-style-4 aside .minifyme:hover {
            background: #0e9aef;
            color: #FFFFFF;
        }

.validation-summary-errors ul {
    list-style-type: none;
}

.login-border {
    width: auto;
    height: 265px;
    border-right: 1px solid #ddd;
    margin-right: 40px;
    margin-top: 8px;
}

#copyright {
    background: #2980b9;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
}

#login #content {
    padding: 220px 30px;
}

#login .navbar .logo, .navbar-default .logo {
    position: fixed;
    left: 50%;
    min-width: 120px;
    max-width: 120px;
    min-height: 120px;
    max-height: 120px;
    margin: 0 auto 0 -55px;
    background: transparent;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#login .navbar #brand, .navbar-default #brand {
    position: absolute;
    left: 50%;
    margin: -29px auto 0 -90px;
    width: 180px;
    height: 180px;
    border-bottom: 5px solid #2980b9;
    border-radius: 100%;
    background: #ffffff;
    z-index: -2;
}

#login .navbar .logo img, .navbar-default .logo img {
    min-width: 105px;
    max-width: 105px;
    min-height: 105px;
    max-height: 105px;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 17px;
}

.navbar.navbar-default {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
}

.input-group {
    width: 100%;
}

#duyurular .message-text {
    position: absolute;
    margin-left: 5px;
}

.select2-container .select2-choice abbr {
    right: 32px;
    font-size: 15px;
}

.select2-search-choice-close:before {
    color: #CAC1C1;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100%;
}

.note-editor .note-editable {
    padding: 10px;
    overflow: auto;
    outline: 0;
}

.note-editor .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    border: none;
    box-shadow: none;
    font-family: Menlo,Monaco,monospace,sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    resize: none;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.note-editor .note-statusbar {
    background-color: #f5f5f5;
}

.input-group.datetime input[readonly] {
    background-color: #fff;
}

.smart-form .input-group .input-group-btn .btn {
    padding: 6px 12px;
}

.well .form-actions {
    margin: 0px -13px -13px -13px;
}

.well .header {
    position: relative;
    height: 43px;
    padding: 14px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    margin: -13px -13px 13px -13px;
}

    .well .header h6 {
        margin: 0;
        float: left;
    }

    .well .header .btn-group {
        margin-top: -14px;
        margin-right: -10px;
        border-left: 1px solid rgba(0,0,0,.09);
        padding: 5px 8px;
        height: 43px;
    }


.smart-form fieldset {
    display: block;
    padding: 25px 14px 5px;
    border: 0;
    background: none;
    position: relative;
}

.orders-container {
    position: relative;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin-bottom: 30px;
}

    .orders-container .orders-header {
        position: relative;
        height: 43px;
        padding: 14px 10px;
        border-bottom: 1px solid #e5e5e5;
        background-color: #fbfbfb;
    }

        .orders-container .orders-header h6 {
            margin: 0;
        }

    .orders-container .orders-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .orders-container .orders-list .order-item {
            position: relative;
            padding: 7px 10px;
            vertical-align: top;
            border-bottom: 1px solid #e5e5e5;
        }

            .orders-container .orders-list .order-item:hover:before {
                display: block;
            }

            .orders-container .orders-list .order-item:before {
                display: none;
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -4px;
                width: 4px;
                max-width: 4px;
                overflow: hidden;
                background-color: #2dc3e8;
            }

            .orders-container .orders-list .order-item .item-left {
                padding-right: 0;
            }

                .orders-container .orders-list .order-item .item-left .item-booker {
                    margin: 6px 0;
                    color: #666;
                }

                .orders-container .orders-list .order-item .item-left .item-time {
                    font-size: 11px;
                    margin-bottom: 2px;
                    color: #999;
                }

            .orders-container .orders-list .order-item .item-right {
                padding-left: 0;
                text-align: center;
            }

                .orders-container .orders-list .order-item .item-right .item-price {
                    font-size: 13px;
                    margin: 17px auto;
                    color: #666;
                }

            .orders-container .orders-list .order-item .item-more {
                position: absolute;
                right: -10px;
                -lh-property: 0;
                top: -webkit-calc(50% - 13px);
                top: -moz-calc(50% - 13px);
                top: calc(50% - 13px);
                width: 25px;
                height: 25px;
                font-size: 14px;
                text-align: center;
                border-radius: 50%;
                background-color: #fff;
                border: 3px solid #fff;
                vertical-align: middle;
                color: #2dc3e8;
                -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
                -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
                box-shadow: 0 0 3px rgba(0,0,0,.2);
            }

                .orders-container .orders-list .order-item .item-more i {
                    font-size: 17px;
                    display: inline-block;
                    font-family: 'FontAwesome';
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                }

                    .orders-container .orders-list .order-item .item-more i:before {
                        content: "";
                    }

    .orders-container .orders-footer {
        position: relative;
        background-color: #fff;
        height: 34px;
        padding: 7px;
        text-align: center;
        background-color: #fbfbfb;
    }

        .orders-container .orders-footer a {
            margin: 0 auto;
            font-size: 11px;
            color: #999;
            font-weight: 500;
        }

        .orders-container .orders-footer .help {
            position: absolute;
            right: 0;
            top: 0;
            width: 37px;
            height: 37px;
            border-left: 1px solid #e5e5e5;
            text-align: center;
            padding: 8px;
        }

            .orders-container .orders-footer .help a i {
                font-size: 18px;
                color: #ccc;
            }

.table-detail > tbody > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border: none;
}

.border-right {
    border-right: 1px solid #eee;
}

.header-yno {
    margin-top: 27px;
}

    .header-yno .font-35 {
        font-size: 35px;
    }

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

.profile-container .profile-header {
    min-height: 175px;
    margin: 15px 15px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    background-color: #fbfbfb;
}

    .profile-container .profile-header .header-avatar {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        border: 5px solid #f5f5f5;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        margin: 25px auto;
    }

    .profile-container .profile-header .profile-info {
        min-height: 175px;
        border-right: 1px solid #eee;
        padding: 15px 40px 35px 0;
    }

        .profile-container .profile-header .profile-info .header-fullname {
            font: 21px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
            margin-top: 27px;
            display: inline-block;
        }

        .profile-container .profile-header .profile-info .header-information {
            line-height: 23px;
            margin-top: 15px;
            text-align: justify;
        }

    .profile-container .profile-header .profile-stats .stats-col .stats-value {
        display: block;
        margin: 0 auto;
        text-align: center;
        font-size: 30px;
        font-family: 'Lucida Sans','trebuchet MS',Arial,Helvetica;
    }

    .profile-container .profile-header .profile-stats .stats-col .stats-title {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .profile-container .profile-header .profile-stats .stats-col:not(:last-child) {
        border-right: 1px solid #eee;
    }

    .profile-container .profile-header .profile-stats .stats-col {
        margin: 30px 0;
        text-align: center;
    }

    .profile-container .profile-header .profile-stats .inlinestats-col:not(:last-child) {
        border-right: 1px solid #eee;
    }

    .profile-container .profile-header .profile-stats .inlinestats-col {
        padding-top: 15px;
        text-align: center;
        font-family: 'Lucida Sans','trebuchet MS',Arial,Helvetica;
        border-top: 1px solid #eee;
        min-height: 55px;
    }

.profile-container .profile-body .nav-tabs.tabs-flat {
    background-color: #fbfbfb;
}

.profile-container .profile-body .nav-tabs {
    border-top: 1px solid #e5e5e5;
    top: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.profile-container .profile-body .tab-content {
    margin-top: 30px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
}

tab-content.tabs-flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #e5e5e5;
}

.tabbable .tab-content {
    background-color: #fbfbfb;
    padding: 16px 12px;
    position: relative;
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
}

.form-actions {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

form header, legend {
    padding: 2px 0;
}

.table-noborder > tbody > tr > td:first-child, .table-text > tbody > tr > td:first-child {
    text-align: right;
    padding-right: 30px;
}

.padding-13 {
    padding: 13px;
}

.hideObject {
    display: none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 11px;
}

.fuelux .wizard .steps li a {
    text-decoration: none;
    color: #468847;
}

.seri-no {
    color: #0067A5;
    font-size: 14px;
    font-weight: bolder;
}

.select2-container .select2-choice {
    padding: 0 0 0 12px;
}

    .select2-container .select2-choice > .select2-chosen {
        font-size: 11px;
    }

#tutanakTable tr > td:first-child {
    font-weight: bold;
    font-size: 21px;
    vertical-align: middle;
    text-align: center;
}

#tutanakTable tr > td {
    vertical-align: middle;
}

#tutanakTable > tbody > tr > td:nth-child(2) {
    vertical-align: middle;
    font-weight: bold;
}

.widget-body.no-padding .form-actions {
    margin: 0;
}

nav ul span.menu-item-parent {
    display: inline;
    line-height: 1.5;
}

h5.text-muted {
    font-size: 13px;
}

#widget-dropdown {
    margin-bottom: 10px;
    display: block;
}

    #widget-dropdown .panel {
        background: #f8f8f8;
    }

.mb10 {
    margin-bottom: 10px !important;
}

.panel-overflow {
    overflow: hidden;
}

.panel {
    position: relative;
    margin-bottom: 20px;
    border-color: #d5d5d5;
    border-radius: 2px;
}

.pn {
    padding: 0 !important;
}

.pl20 {
    padding-left: 20px !important;
}

.panel-body {
    position: relative;
}

.icon-bg {
    position: absolute;
    opacity: 0.5;
    right: 8px;
    top: 0;
    line-height: 100px;
    font-size: 100px;
}

.text-purple {
    color: #c7b7e5 !important;
}

.text-purple2 {
    color: #a287d4 !important;
}

.text-blue {
    color: #9de0f5 !important;
}

.text-blue2 {
    color: #33bfeb !important;
}

.text-grey {
    color: #b0daec !important;
}

.text-grey2 {
    color: #6ebbdd !important;
}

.text-teal {
    color: #a8e9ea !important;
}

.text-teal2 {
    color: #2dc5c7 !important;
}

.lh15 {
    line-height: 15px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.well {
    border: none;
    padding: 13px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

#login .login-header-big {
    letter-spacing: 4px;
}

/*DASHBOADRD - START */
/*nav ul ul {
    clear: both;
    display: none;
    width: 230px;
    height: auto;
    background: #f3f3f3;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

#ribbon {
    background: #e8e8e8;
}

body {
    background: #e8e8e8;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}*/

/*.login-info a {
    color: white;
}*/

/*#left-panel {
    top: 49px;
}*/

nav ul li a, nav ul ul li a, nav ul ul ul li a {
    /*height: 40px;*/
    /*color: white;*/
    font-size: 13px;
}

/*aside {
    display: block;
    overflow: hidden;
    background: #42A6CE;
    background: -moz-linear-gradient(left,#42A6CE 93%,#54BCE5 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(93%,#42A6CE),color-stop(100%,#54BCE5));
    background: -webkit-linear-gradient(right,#42A6CE 93%,#54BCE5 100%);
    background: -o-linear-gradient(right,#42A6CE 93%,#54BCE5 100%);
    background: -ms-linear-gradient(right,#42A6CE 93%,#54BCE5 100%);
    background: linear-gradient(to right,#42A6CE 93%,#54BCE5 100%);
    min-height: 100%;
}*/

#ribbon {
    min-height: 40px;
    background: #474544;
    padding: 0 13px;
    position: relative;
    /*background: #e8e8e8;*/
}

/*#ribbon .breadcrumb a, #ribbon .breadcrumb {
        color: #555 !important;
    }*/

/*.jarviswidget {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}*/

#header_logo {
    display: inline-block;
    margin-left: 9px;
    margin-top: 2px;
}

    #header_logo > img {
        max-height: 97%;
        max-width: 97%;
    }

#gtb_text {
}

    #gtb_text span {
        color: #74A6BD;
        padding: 0 3px 0 0;
        border-right: 1px solid #dddddd;
        margin-right: 7px;
    }

#header {
    background-color: white;
    background: url(../img/GTB/menuback.png) repeat bottom right transparent;
}

#gtb_headerheader > :first-child {
    width: auto;
}

#gtb_header > div {
    height: 60px;
}

#logo-group > span {
    height: 60px;
}

#ribbon .breadcrumb {
    display: block;
}
/*DASHBOADRD - END */

.well.filter {
    padding: 12px;
}

/*.jarviswidget > header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}*/

.border-radius-4 {
    border-radius: 4px !important;
}

.table-border-bottom > thead > tr > th, .table > tbody > tr > th,
.table-border-bottom > tfoot > tr > th, .table > thead > tr > td,
.table-border-bottom > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-top: none;
}

    .table-border-bottom > tbody > tr > td:first-child, .table-detail > tbody > tr > td:first-child {
        /*font-weight: bold;*/
        color: #9B9B9B;
    }

body {
    font-family: Tahoma, Arial, sans-serif;
}

.table.custom > tbody > tr > td {
    border-top: none;
}

    .table.custom > tbody > tr > td:first-child {
        font-weight: bold;
    }

.show-stat-microcharts > div.custom {
    border-right: 1px solid #DADADA !important;
    border-bottom: 1px solid #DADADA !important;
    margin-top: 0px !important;
    overflow: visible;
    height: 100%;
    padding: 0px;
}

.no-padding-top {
    padding-top: 0px !important;
}

.form-control {
    font-size: 11px;
}

.table-text > tbody > tr > td {
    border: none;
    vertical-align: middle;
    padding: 10px 3px;
}

.table-noborder > tbody > tr > td {
    border: none;
    vertical-align: middle;
    padding: 3px;
}

.bold {
    font-weight: bold;
}

.control-label-left {
    text-align: left;
}

.help-block {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}

#logo {
    margin-top: 2px;
    width: 100%;
}

    #logo img {
        height: 45px;
        width: 45px;
        padding-left: 3px;
    }

    #logo h1 {
        font-size: 16px;
    }

        #logo h1 small {
            letter-spacing: 1px;
            font-size: 16px;
            color: rgb(0, 0, 0);
            font-weight: 700;
        }

/*#header > :first-child {
    width: auto;
}*/

#logo-group h1 {
    margin: 0;
    font-weight: 700;
    color: #993333;
}

    #logo-group h1 > span {
        color: #74A6BD;
        padding: 0 14px 0 0;
        border-right: 1px solid #dddddd;
        margin-right: 7px;
    }

.dataTables_wrapper .top {
    background-color: initial;
    border: none;
    padding: 5px 0;
}

.no-underline:hover {
    text-decoration: none;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.padding-2 {
    padding: 2px !important;
}

.padding-left-right-10 {
    padding: 0px 10px !important;
}

.btn-circle-xs {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
    line-height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
/*AKBIS - END */

/*
	 * Toggle Demo
	 */

.toggle-demo {
    position: absolute;
    top: 10px;
    right: -8px;
    display: block;
    width: 150px;
    height: auto;
    z-index: 99;
    opacity: .9;
}

    .toggle-demo:hover {
        opacity: 1;
    }

    .toggle-demo .btn-group {
        width: 100px;
        float: left;
    }

    .toggle-demo > span {
        display: inline-block;
        float: left;
        margin-right: 5px;
        line-height: 21px;
        color: #757575;
    }


/*
	 * noUISlider vertical demo
	 */
.demo-vertical-uislider {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .demo-vertical-uislider > div {
        height: 200px;
        margin: 0 0px 0 10px;
        display: inline-block;
    }

    .demo-vertical-uislider > :first-child {
        margin-left: 15px;
    }


/*
	 * Knobs demo
	 */

.knobs-demo > div {
    display: inline-block;
    margin-left: 30px;
}

.knobs-demo > :first-child {
    margin-left: 0;
}

/*
	 * DEMO INPUT
	 */

.demo label input[type=radio].radiobox + span:before, .demo label input[type=checkbox].checkbox + span:before {
    border: 1px solid #5E5E5E;
}

.demo label:hover input[type=checkbox].checkbox + span:before {
    border-color: #E77317;
}

/*
	 * DEMO
	 * Demo CSS only
	 */
.demo label {
    margin-bottom: 4 !important;
}

.demo .checkbox i {
    border-color: #7A7A7A;
}

.demo .radio, .demo .checkbox {
    padding-left: 22px;
}

.demo.activate {
    right: 0px !important;
    box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.2);
    padding: 5px 10px 10px;
}

.demo #demo-setting + form {
    display: none;
}

.demo.activate #demo-setting + form {
    display: block;
}

.demo {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 160px;
    z-index: 5;
    background: #F1DA91;
}

    .demo > span {
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 5px 0 0 5px;
        background: #F1DA91;
        padding: 2px;
        text-align: center;
        line-height: 28px;
        cursor: pointer;
    }

        .demo > span i {
            font-size: 17px;
        }

    .demo.activate > span i:before {
        content: "\f00d";
    }

    .demo.activate > span {
        left: -30px;
    }

    .demo > span:hover i {
        color: #333 !important;
    }

    .demo form section {
        margin: 0 !important;
    }

    .demo .btn {
        font-size: 13px !important;
        line-height: 1.5 !important;
        border-radius: 3px !important;
        padding: 3px 7px !important;
        height: auto !important;
    }

.demo-liveupdate-1 {
    font-size: 12px !important;
    position: absolute !important;
    left: 33px;
    top: 15px;
    display: block;
    z-index: 2;
    font-weight: bold;
    padding: 1px 61px 3px 7px;
}

.demo-btns {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .demo-btns > li {
        display: inline-block;
        margin-bottom: 7px;
    }


.demo-icon-font {
    font-size: 14px;
    margin-bottom: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .demo-icon-font:hover {
        background-color: rgba(86, 61, 124, 0.1);
        text-decoration: none;
    }

.demo-modal {
    width: auto;
    max-width: 600px;
    z-index: 1;
}

.demo-red {
    color: #DF413E;
}

.demo-orange {
    color: #DAA03E;
}

.demo-border {
    border: 1px solid rgba(0,0,0,.2);
}