/*
 * layout
 */
h4.page-header {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.panel-body h4.page-header {
    font-size: 16px;
}
h4.page-header .fa {
    font-size: 16px;
}
.submenu-badge{
    font-size: 10px;
}
/*
 * grid
 */
.grid-view .table thead tr th {
    color: #1b75b8;
}
.grid-view .summary {
    margin-bottom: 5px;
}
.grid-view-sub .summary {
    margin-bottom: 0;
    margin-top: 5px;
}
.grid-view .pagination {
    margin: 10px 0;
}
.grid-view .filters select.form-control {
    padding: 2px;
}
tr.gr-disabled td {
    color: #C9302C;
    text-decoration: line-through;
}
tr.gr-disabled td.gc-action {
    text-decoration: none;
}
.form-body img,
.grid-view img,
.detail-view img {
    max-width: 100%;
}
.gc-50 {width: 50px;}
.gc-75 {width: 75px;}
.gc-85 {width: 85px;}
.gc-100 {width: 100px;}
.gc-125 {width: 125px;}
.gc-150 {width: 150px;}
.gc-200 {width: 200px;}
.gc-action {
    text-align: center;    
}
.gc-action a {
    margin: 0 5px;
    font-size: 18px;
}
.gc-action-full {
    width: 120px;
}
.gc-action-full-print {
    width: 150px;
}
.gc-action-double {
    width: 80px;
}
.gc-action-single {
    width: 50px;
}
.gc-print {
    width: 50px;
    text-align: center;
}
.gc-print a,
a.gc-print{
    font-size: 18px;
    color: #337ab7 !important;
}
.gc-ajax-btn {
    background: transparent;
    border: none;
    color: #1b75b8;
    font-size: 18px;
}
.gc-center {
    text-align: center;
}
.gc-sn {
    width: 75px;
    text-align: center;
}
.gc-sn-mini {
    width: 35px;
    text-align: center;
}
.gc-status {
    width: 85px;
    text-align: center;
}
.gc-geolocation {
    width: 50px;
    text-align: center;
}
.gc-date {
    width: 85px;
    text-align: center;
}
.gc-datetime {
    width: 125px;
    text-align: center;
}
.gc-number {
    width: 85px;
    text-align: right;
}
.gc-user {
    width: 125px;
}
.gc-checkbox {
    width: 50px;
    text-align: center;    
}
.no-padding-all {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-bottom-5 {
    padding-bottom: 5px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-15 {
    padding-left: 15px;
}
.padding-left-20 {
    padding-left: 20px;
}
.padding-left-30 {
    padding-left: 30px;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-right-20 {
    padding-right: 20px;
}
.padding-right-30 {
    padding-right: 30px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-right-5 {
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-20 {
    margin-right: 20px;
}
.margin-right-30 {
    margin-right: 30px;
}
/*
 * ajax loading
 */
.ajax_loading {
    opacity: 0.55;
}


/* red asterisk for required */
form div.required label.control-label:after {
    content: " * ";
    color: #E9573F;
}
/*
 * panel
 */
/*.panel .panel-heading > .panel-title {
    width: 98%;
}*/
.kv-grid-view .panel .panel-heading > .panel-title {
    width: auto;
}
/*.panel-body .panel .panel-heading > .panel-title {
    width: 100%;
}*/
.panel-toolber {
    display: block;
    float: right;
    margin-left: 30px;
    /*    position: fixed;
        top: 130px;
        right: 65px;*/
}
.panel-toolber .panel-btn {
    margin-left: 10px;
    cursor: pointer;
    color: #fff;
}
.panel-toolber .panel-btn:hover,
.panel-toolber .panel-btn:focus {
    text-decoration: none !important;
    opacity: 0.8;
}

/*
 * editview
 */
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}
.table-hover.table-striped > tbody > tr:nth-of-type(even):hover,
.table-hover.table-striped > tbody > tr:nth-of-type(odd):hover {
    background-color: #eeeeee;
}
/*
 * form
 */
.form-horizontal .control-label {
    text-align: left;
}
.error-summary.callout-danger {
    margin-bottom: 20px;
}
.form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}
.no-offset .col-md-offset-2,
.no-offset .col-md-offset-3,
.no-offset .col-md-offset-4 {
    width: 100%;
    padding-left: 10px;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.form-toolbar {
    margin: 20px 0 10px;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
}
/*.form-toolbar .btn {
    padding-left: 15px;
    padding-right: 15px;
}*/
hr.form-divider {
    margin-top: 10px;
    margin-bottom: 0;
    height: 10px;
}

/*
 * detail view
 */
.detail-view th.detailview-section {
    border-right: none !important;
}
.detail-view td.detailview-section {
    border-left: none !important;
}
.detail-view th.bg-success,
.detail-view td.bg-success {
    background-color: #dff0d8 !important;
    border-color: #ddd;
    color: inherit;
}
.detail-view th.bg-info,
.detail-view td.bg-info {
    background-color: #d9edf7 !important;
    border-color: #ddd;
    color: inherit;
}
.detail-view th.bg-inverse,
.detail-view td.bg-inverse {
    background-color: #dddddd !important;
    border-color: #ddd;
    color: inherit;
}
img {
    max-width: 100%;
}
.detailview-img img {
    max-width: 150px;
}
.avatar-img {
    max-height: 150px;   
}
/*
 * form plugin.css
 */
/* ========================================================================
 * CHOSEN SELECT
 * ======================================================================= */
.chosen-select.rounded + .chosen-container-single .chosen-single {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
}
.chosen-select.circle + .chosen-container-single .chosen-single {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
}

.chosen-container {
    width: 100% !important;
    /*margin-bottom: 10px !important;*/
}
.chosen-container:last-child {
    margin-bottom: 0px;
}
.chosen-container .chosen-drop {
    border: 1px solid #DDD !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.chosen-container .chosen-results li.group-result {
    background-color: #EEEEEE;
}

.chosen-container-single .chosen-single {
    color: #A2A2A2 !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}
.chosen-container-single .chosen-drop {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.chosen-container-single .chosen-single, .chosen-container-single.chosen-with-drop .chosen-single {
    background: #FFFFFF !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #CCC !important;
    height: 34px !important;
    padding-top: 3px;
    line-height: 26px !important;
}
.chosen-container-single .chosen-single div b, .chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: 0px 4px !important;
}

.chosen-container-multi .chosen-choices {
    background-image: none !important;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #CCC;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 32px;
}

.chosen-container-active .chosen-choices {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: none;
    background: #EEEEEE;
}

/*
 * bootstrap-switch
 */
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    width: 33% !important;
    padding: 5px 12px;
}
.bootstrap-switch .bootstrap-switch-label {
    width: 34% !important;
    padding: 5px 12px;
}

/*
 * other
 */
.pre-data {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: inherit;
}
.detail-view .pre-data {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
.form-body .pre-data {
    background: #fff;
}
.grid-view .btn-noaction {
    display: inline-block;
    width: 28px;
}
.grid-view .pre-data {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}
.pre-data table {
    border: none;
}
.pre-data table th,
.pre-data table td {
    padding: 3px;
}
.tabs-sub .tab-content,
.sub-tab-content {
    padding-left: 0;
    padding-right: 0;
}
.student-tab-content,
.employee-tab-content {
    padding-top: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.tab-ajax-content {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.tab-content .nav-tabs > li > a {
    color:#337ab7;
}
/*
 * modal
*/
.modal-backdrop {
    /* bug fix - no overlay */    
    display: none;    
}
.snap-video {
    float: left;
    max-width: 45%;
}
.snap-arrow {
    float: left;
    max-width: 10%;
}
.snap-canvas {
    float: left;
    max-width: 45%;
}
.snap-video *,
.snap-arrow *,
.snap-canvas * {
    max-width: 100%;
}

/*
 * panel
 */
.panel-widget .panel-heading {
    /*    float: left;
        width: 100%;*/
    min-height: 40px;
}
.panel-widget .panel-title {
    float: left;
    width: 95%;
}

/*
 * other
 */ 
.ckeditor-full .col-sm-10,
.ckeditor-full .col-sm-9 {
    width: 100%;
}
.icon-img-wrap img,
img.icon-img {
    max-width: 50px;
}
/* ========================================================================
 * MEDIA IMAGE FROM components.css
 * ======================================================================== */
.media {
    position: relative;
}
.media > .pull-left.has-notif i {
    border: 2px solid #2A2A2A;
}
.media > .pull-left.has-notif i.online {
    background-color: #1b75b8;
    animation: opacity-badge 0.6s infinite;
    -webkit-animation: opacity-badge 0.6s infinite;
}
@keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1.2);
    }
}
@-webkit-keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1.2);
    }
}
.media > .pull-left.has-notif i.offline {
    background-color: #959595;
}
.media > .pull-left.has-notif i.away {
    background-color: #F6BB42;
}
.media > .pull-left.has-notif i.busy {
    background-color: #E9573F;
}
.media > .pull-left.has-notif i {
    position: absolute;
    left: 14px;
    top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
}
.media > .pull-left.avatar i {
    left: 4px;
    top: 1px;
}

.media-list {
    background-color: white;
}
.media-list > a {
    text-decoration: none;
    border-bottom: 1px solid #DDD;
}
.media-list > a:hover {
    background-color: #EEEEEE;
}
.media-list > a:last-child {
    border-bottom: none;
}
.media-list > .media {
    display: block;
    padding: 8px 15px;
    margin: 0;
    line-height: 21px;
}
.media-list > .media > .pull-left {
    display: table-cell;
    margin-top: 4px;
}
.media-list > .media .media-object {
    width: 50px;
    height: 50px;
    text-align: center;
}
.media-list > .media .media-object img {
    width: 30px;
    height: 30px;
}
.media-list > .media > .media-body {
    display: table-cell;
}
.media-list > .media > .media-body > .media-heading {
    text-transform: capitalize;
    display: block;
    font-weight: 600;
    color: #444;
    margin-bottom: 0;
}
.media-list > .media > .media-body > .media-text {
    display: block;
    color: #777;
    margin: 0;
    font-size: 13px;
    min-width: 210px;
}
.media-list > .media > .media-body > .media-meta {
    font-size: 11px !important;
    margin: 0;
    color: #8f8f8f;
}
.media-list.small > .media {
    padding: 7px 15px;
}
.media-list.small > .media .media-object {
    width: 38px;
    height: 38px;
}

.media-details {
    padding: 20px;
}
.media-details .category {
    font-size: 11px;
}
.media-details .details {
    margin-top: 20px;
}
.media-details .details h4 {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}
.media-details .table {
    box-shadow: none;
}
.media-details .media-title {
    font-size: 17px;
}
.form-horizontal .form-group .bootstrap-switch {
    margin-left: 15px;
}

/*
 * media query
 */

@media (min-width: 768px) {
    .modal-dialog {
        margin: 55px auto 30px auto;
    }
    /*fix katrik grid horizental scrol when filter is enabled*/
    .kv-grid-container.table-responsive {
        overflow-x: hidden;
    }
}
@media (max-width: 600px) {
    .chosen-container {
        margin-bottom: 15px;
    }
}
@media (max-width: 480px) {
    .modal-dialog {
        top: 90px;
    }
    /*    .snap-video video {
            height: 100px;
        }*/
    .snap-arrow .fa {
        font-size: 2.5em !important;
    }
}