/*=========================
Author: Karina Alba Valle
===========================*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Layout Styles
    1.1 Leftbar / .left-aside
    1.2 Iconic Left Nav / .iconic-view .left-aside
    1.3 Top Bar / .top-bar
        1.3.0 Search Bar / .desktop-search
        1.3.1 Notification / .notification-nav
        1.3.2 Admin User Drop Down / .user-nav

    1.4 Right Bar / .right-aside

2.0 Widgets and Components

    ===========    
    BOX WIDGETS
    ===========
    2.1 Box Widget / .box-widget
        2.1.0 Border Less Box Widget / .box-widget.no-border

    ===========    
    TAB WIDGETS
    ===========
    2.2 Main Tab / .main-tab
        2.2.0 Section Tab / .tab-widget
        2.2.1 Box Tab / .box-tab
        2.2.2 Bottom Tab / .tab-bottom
        2.2.3 Left Tab / .tab-widget

    2.3 Bootstrap Elements
    2.4 Progress / .progress
--------------------------------------------------------------*/

table.kav-table {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100% !important;
    background-color: #fff;
    max-width: none !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    border-color: grey;
    border-top: 0;
}

    table.kav-table thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
        box-sizing: border-box;
    }

    table.kav-table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
        font-size: 12px;
    }

        table.kav-table thead > tr,
        table.kav-table tbody > tr,
        table.kav-table tfoot > tr {
            display: table-row;
            vertical-align: inherit;
            border-color: inherit;
        }


    table.kav-table > thead > tr > th,
    table.kav-table > tbody > tr > th,
    table.kav-table > tfoot > tr > th,
    table.kav-table > thead > tr > td,
    table.kav-table > tbody > tr > td,
    table.kav-table > tfoot > tr > td {
        line-height: 1.4;
        white-space: nowrap;
        box-sizing: content-box;
        z-index: 5;
        padding: 8px;
    }


    table.kav-table thead > tr > th,
    table.kav-table tfoot > tr > th {
        vertical-align: middle;
        line-height: 1.4;
        text-transform: uppercase;
        background-color: #E2090D;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
    }

    table.kav-table tbody > tr > th,
    table.kav-table tbody > tr > td {
        vertical-align: middle;
        background-color: #191919;
        font-size: 15px;
        color: #c8c6c6;
        line-height: 1.4;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #111111;
    }


*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*box-sizing: border-box;*/
}





/*==================================================*/
/*  HEAD WITH SORTING                               */
/*==================================================*/

table.kav-table thead .sorting,
table.kav-table thead .sorting_asc,
table.kav-table thead .sorting_desc,
table.kav-table thead .sorting_asc_disabled,
table.kav-table thead .sorting_desc_disabled,
table.kav-table tfoot .sorting,
table.kav-table tfoot .sorting_asc,
table.kav-table tfoot .sorting_desc,
table.kav-table tfoot .sorting_asc_disabled,
table.kav-table tfoot .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding: 4px 30px 4px 8px;
}

    table.kav-table thead .sorting:after,
    table.kav-table tfoot .sorting:after {
        opacity: 0.2;
        content: "\e150";
    }

    table.kav-table thead .sorting:hover,
    table.kav-table tfoot .sorting:hover {
        opacity: 1 !important;
    }

    table.kav-table thead .sorting_asc:after,
    table.kav-table tfoot .sorting_asc:after {
        opacity: 1 !important;
        content: "\e155";
    }

    table.kav-table thead .sorting_desc:after,
    table.kav-table tfoot .sorting_desc:after {
        opacity: 1 !important;
        content: "\e156";
    }

    table.kav-table thead .sorting:after,
    table.kav-table thead .sorting_asc:after,
    table.kav-table thead .sorting_desc:after,
    table.kav-table tfoot .sorting:after,
    table.kav-table tfoot .sorting_asc:after,
    table.kav-table tfoot .sorting_desc:after {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        opacity: 0.5;
    }

/*==================================================*/
/*  HEAD WITH INFO                                  */
/*==================================================*/
table.kav-table thead .info:after,
table.kav-table tfoot .info:after {
    opacity: 0.2;
    content: "\f059";
}



/*==================================================*/
/*  FIXED COLUMNS                                   */
/*==================================================*/

.kav-content {
    margin: 0px 0px !important;
    /*border-top: #eee 1px solid;
    border-bottom: #151515 1px solid;*/
}

/* MY table with fixed columns*/
.kav-view {
    margin: auto;
    width: 100%;
}

.kav-wrapper {
    position: relative;
    overflow: auto;
    white-space: nowrap;
}


table.kav-table > thead > tr > th.fixed-col,
table.kav-table > tbody > tr > th.fixed-col,
table.kav-table > tfoot > tr > th.fixed-col,
table.kav-table > thead > tr > td.fixed-col,
table.kav-table > tbody > tr > td.fixed-col,
table.kav-table > tfoot > tr > td.fixed-col {
    position: -webkit-sticky;
    position: sticky;
}

    table.kav-table > thead > tr > th.fixed-col.first-col,
    table.kav-table > tbody > tr > th.fixed-col.first-col,
    table.kav-table > tfoot > tr > th.fixed-col.first-col,
    table.kav-table > thead > tr > td.fixed-col.first-col,
    table.kav-table > tbody > tr > td.fixed-col.first-col,
    table.kav-table > tfoot > tr > td.fixed-col.first-col {
        width: 85px !important;
        min-width: 85px;
        padding: 8px 0px 8px 8px;
        left: 0px;
        border-left: 0px;
        z-index: 10 !important;
    }

table.kav-table thead > tr > th.fixed-col.first-col,
table.kav-table tfoot > tr > th.fixed-col.first-col {
    -webkit-box-shadow: 3px 0 6px -6px #e5e5e5; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 0 6px -6px #e5e5e5; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 0 6px -6px #e5e5e5; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    /*border-top: none !important;
    border-bottom: none !important;*/
}


/****READJUSTING DATATABLE TOP******/
@media (min-width: 496px) {
    .kav-datatable-wrapper .row:first-child .col-md-6 {
        width: 50% !important;
        display: table-cell !important;
        float: left;
    }
}

div.kav-datatable-filter {
    text-align: right !important;
}

@media (max-width: 495px) {
    div.kav-datatable-filter input {
        width: 100% !important;
    }
}

div.kav-datatable-length .select2-container {
    width: 70px !important;
}

div.kav-datatable-filter input {
    margin-left: 0 !important;
    width: auto;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #fff !important;
    background: #151515 !important;
    border: 0;
    height: 40px;
    padding: 11px 11px !important;
    border-bottom: 2px solid #cccccc !important;
    border-radius: 0px !important;
      
}

div.kav-datatable-info {
    padding-top: 8px;
    white-space: nowrap;
}

div.kav-datatable-paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}


    div.kav-datatable-paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        display: inline-block;
        padding-left: 0;
        border-radius: 4px;
        list-style-type: disc;
    }



@media screen and (max-width: 767px) {
    div.kav-datatable-length,
    div.kav-datatable-info,
    div.kav-datatable-paginate {
        text-align: left !important;
    }
}

@media screen and (max-width: 767px) {
    div.kav-datatable-wrapper > div.row > div,
    div.kav-datatable-length,
    div.kav-datatable-info,
    div.kav-datatable-paginate
    div.kav-datatable-filter {
        text-align: center;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}


/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/********** KAV DATATABLE **********************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

table.kav-table {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 15px;
    padding-bottom: 5px;
    width: 100% !important;
    background-color: #fff;
    max-width: none !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    border-color: grey;
    border-top: 0;
    table-layout: fixed !important;
    width: 100%;
}

    table.kav-table thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
        box-sizing: border-box;
    }

    table.kav-table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
        font-size: 12px;
    }

        table.kav-table thead > tr,
        table.kav-table tbody > tr,
        table.kav-table tfoot > tr {
            display: table-row;
            vertical-align: inherit;
            border-color: inherit;
        }


    table.kav-table > thead > tr > th,
    table.kav-table > tbody > tr > th,
    table.kav-table > tfoot > tr > th,
    table.kav-table > thead > tr > td,
    table.kav-table > tbody > tr > td,
    table.kav-table > tfoot > tr > td {
        line-height: 1.4;
        white-space: nowrap;
        box-sizing: content-box;
        z-index: 5;
        padding: 8px;
    }


    table.kav-table thead > tr > th,
    table.kav-table tfoot > tr > th {
        vertical-align: middle;
        line-height: 1.4;
        text-transform: uppercase;
        background-color: #E2090D;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #fff;
    }

    table.kav-table tbody > tr > th,
    table.kav-table tbody > tr > td {
        vertical-align: middle;
        font-size: 15px;
        color: #c8c6c6;
        line-height: 1.4;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #111111;
    }


*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*box-sizing: border-box;*/
}


.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #C10001;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
    background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
    background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
}


/*==================================================*/
/*  HEAD WITH SORTING                               */
/*==================================================*/

table.kav-table thead .sorting,
table.kav-table thead .sorting_asc,
table.kav-table thead .sorting_desc,
table.kav-table thead .sorting_asc_disabled,
table.kav-table thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding: 4px 30px 4px 8px;
}

    table.kav-table thead .sorting:after {
        opacity: 0.2;
        content: "\e150";
    }

    table.kav-table thead .sorting:hover {
        opacity: 1 !important;
    }

    table.kav-table thead .sorting_asc:after {
        opacity: 1 !important;
        content: "\e155";
    }

    table.kav-table thead .sorting_desc:after {
        opacity: 1 !important;
        content: "\e156";
    }

    table.kav-table thead .sorting:after,
    table.kav-table thead .sorting_asc:after,
    table.kav-table thead .sorting_desc:after {
        position: absolute;
        top: 6px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        opacity: 0.5;
    }

/*==================================================*/
/*  HEAD WITH INFO                                  */
/*==================================================*/
table.kav-table thead .info:after,
table.kav-table tfoot .info:after {
    opacity: 0.2;
    content: "\f059";
}

table.kav-table tbody > tr > td.empty:before {
    color: #C10001;
    padding-right: 5px;
    font-family: 'Font Awesome 5 Free';
    content: "\f057";
}

table.kav-table tbody > tr > td.loading:before {
    color: #C10001;
    padding-right: 5px;
    font-family: 'FontAwesome';
    content: "\f110";
}


/*==================================================*/
/*  FIXED COLUMNS                                   */
/*==================================================*/


/* MY table with fixed columns*/
.kav-view {
    margin: auto;
    width: 100%;
}

.kav-wrapper {
    position: relative;
    overflow: auto;
    white-space: nowrap;
}


table.kav-table > thead > tr > th.fixed-col,
table.kav-table > tbody > tr > th.fixed-col,
table.kav-table > tfoot > tr > th.fixed-col,
table.kav-table > thead > tr > td.fixed-col,
table.kav-table > tbody > tr > td.fixed-col,
table.kav-table > tfoot > tr > td.fixed-col {
    position: -webkit-sticky;
    position: sticky;
    border-left: 0px;
    z-index: 10 !important;
}


table.kav-table thead > tr > th.fixed-col,
table.kav-table tfoot > tr > th.fixed-col {
    -webkit-box-shadow: 3px 0 6px -6px #e5e5e5; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 0 6px -6px #e5e5e5; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 0 6px -6px #e5e5e5; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


/****READJUSTING DATATABLE TOP******/
@media (min-width: 496px) {
    .kav-datatable-wrapper .row:first-child .col-md-6 {
        width: 50% !important;
        display: table-cell !important;
        float: left;
    }
}

div.kav-datatable-filter {
    text-align: right !important;
}

@media (max-width: 495px) {
    div.kav-datatable-filter input {
        width: 100% !important;
    }
}

div.kav-datatable-length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

    div.kav-datatable-length label .right-label {
        padding-left: 10px;
        padding-top: 8px;
        display: inline-block;
        color:#fff;
    }

div.kav-datatable-length .kav-select {
    width: 70px !important;
    float: left;
    position: relative;
    zoom: 1;
    vertical-align: middle;
    box-sizing: border-box;
}

div.kav-datatable-length .kav-select {
    background: #151515;
    color: #fff;
    box-shadow: none;
    display: block;
    border: 0px;
    border-bottom: 2px solid #cccccc !important;
    border-radius: 3px;
}

div.kav-datatable-length .kav-select-active {
    border-color: #C24747;
}


.kav-select-choosen {
    /*padding: 8px 12px;*/
}

    .kav-select-choosen:after {
        float: right;
        font-family: 'FontAwesome';
        content: "\f107";
    }

div.kav-datatable-length .kav-select-active .kav-select-choosen:after {
    float: right;
    font-family: 'FontAwesome';
    content: "\f0d8";
}


.kav-select-drop {
    width: 70px;
    left: -1px;
    display: block;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #191919;
    color: #fff;
    border: 1px solid #C24747 !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.kav-select-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .kav-select-results li {
        list-style: none;
        display: list-item;
        background-image: none;
    }

    .kav-select-results .highlighted,
    .kav-select-results .highlighted i,
    .kav-select-results .highlighted span {
        color: #ffffff !important;
        background-color: #C10001 !important;
    }

.kav-select-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


    .kav-select-results .kav-select-result-label {
        padding: 3px 7px 4px;
        margin: 0;
        cursor: pointer;
        min-height: 1em;
        user-select: none;
    }


.kav-select-drop-active {
    border-color: #C24747;
}

.kav-select-display-none {
    display: none;
}

div.kav-datatable-info {
    padding-top: 8px;
    white-space: nowrap;
    color:#fff;
}

div.kav-datatable-paginate {
    text-align: right !important;
}


    div.kav-datatable-paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        
    }


        div.kav-datatable-paginate ul.pagination > li {
            display: inline;
        }

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #fff !important;
    background-color: #151515 !important;
    border: 1px solid #000 !important;
    border-bottom: 1px solid #ccc !important;
    margin-left: -1px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #C10001 !important;
    border-color: #C10001;
    cursor: default;
}

.paginate_button.previous.disabled a,
.paginate_button.next.disabled a {
    color: #525252 !important;
}

@media screen and (max-width: 767px) {
    div .kav-datatable-length, div.kav-datatable-info, div.kav-datatable-paginate, div.kav-datatable-filter {
        text-align: left !important;
    }
}