@charset "utf-8";

.navbar {
    padding: 0
}

.navbar-brand {
    padding: 0
}

.navbar-custom {
    background-color: #337ab7;
    border-color: #080808;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: #ffcc00;
    }

    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: #f3f3f3;
    }

    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:focus .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: pink;
    }

.navbar-inverse ul.navbar-nav li a,
.navbar-inverse ul.navbar-nav li button {
    color: #f5f8fa;
}

#logo {
    height: 50px
}

.btn-primary {
    color: #f3f3f3;
    background-color: #337ab7;
}

.btn-outline-primary {
    color: #337ab7;
    border-color: #aaa;
}

a {
    color: #337ab7;
    text-decoration:none;
}

h1, h2, h3, h4 {
    color: #337ab7;
}

.pagination a, .ui-multiselect-header a {
    text-decoration: none
}

.file-icon {
    font-family: Arial,Tahoma,sans-serif;
    font-weight: 300;
    display: inline-block;
    width: 24px;
    height: 32px;
    background: #018FEF;
    position: relative;
    border-radius: 2px;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

    .file-icon::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-bottom-left-radius: 2px;
        border-width: 5px;
        border-style: solid;
        border-color: #FFF #FFF rgba(255,255,255,.35) rgba(255,255,255,.35)
    }

    .file-icon::after {
        display: block;
        content: attr(data-type);
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 10px;
        color: #fff;
        text-transform: lowercase;
        width: 100%;
        padding: 2px;
        white-space: nowrap;
        overflow: hidden
    }

.file-icon-xs {
    width: 12px;
    height: 16px;
    border-radius: 2px
}

    .file-icon-xs::before {
        border-bottom-left-radius: 1px;
        border-width: 3px
    }

    .file-icon-xs::after {
        content: "";
        border-bottom: 2px solid rgba(255,255,255,.45);
        width: auto;
        left: 2px;
        right: 2px;
        bottom: 3px
    }

.file-icon-sm {
    width: 18px;
    height: 24px;
    border-radius: 2px
}

    .file-icon-sm::before {
        border-bottom-left-radius: 2px;
        border-width: 4px
    }

    .file-icon-sm::after {
        font-size: 7px;
        padding: 2px
    }

.file-icon-lg {
    width: 48px;
    height: 64px;
    border-radius: 3px
}

    .file-icon-lg::before {
        border-bottom-left-radius: 2px;
        border-width: 8px
    }

    .file-icon-lg::after {
        font-size: 16px;
        padding: 4px 6px
    }

.file-icon-xl {
    width: 96px;
    height: 128px;
    border-radius: 4px
}

    .file-icon-xl::before {
        border-bottom-left-radius: 4px;
        border-width: 16px
    }

    .file-icon-xl::after {
        font-size: 24px;
        padding: 4px 10px
    }

.file-icon[data-type=rar], .file-icon[data-type=zip] {
    background: #ACACAC
}

.file-icon[data-type^=doc] {
    background: #307CF1
}

.file-icon[data-type^=xls] {
    background: #0F9D58
}

.file-icon[data-type^=ppt] {
    background: #D24726
}

.file-icon[data-type=pdf] {
    background: #8B0000
}

.file-icon[data-type=txt] {
    background: #5EB533
}

.file-icon[data-type=flac], .file-icon[data-type=m4a], .file-icon[data-type=mp3], .file-icon[data-type=wma] {
    background: #8E44AD
}

.file-icon[data-type=avi], .file-icon[data-type=mkv], .file-icon[data-type=mov], .file-icon[data-type=mp4], .file-icon[data-type=wmv] {
    background: #7A3CE7
}

.file-icon[data-type=bmp], .file-icon[data-type=gif], .file-icon[data-type=jpeg], .file-icon[data-type=jpg], .file-icon[data-type=png] {
    background: #F4B400
}

.pagination a, .pagination input {
    float: left;
    height: 30px;
    font-size: 20px;
    outline: 0;
    vertical-align: middle;
    text-align: center
}

.pagination {
    display: inline-block;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    margin: 0 !important
}

    .pagination a {
        display: block;
        width: 30px;
        border-right: 1px solid #CDCDCD;
        border-left: 1px solid #CDCDCD;
        color: #555;
        font-weight: 700;
        line-height: 26px;
        font-family: Times,'Times New Roman',Georgia,Palatino;
        background-color: #f3f3f3;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#d3d3d3));
        background-image: -webkit-linear-gradient(#f3f3f3,#d3d3d3);
        background-image: linear-gradient(#f3f3f3,#d3d3d3)
    }

        .pagination a:active, .pagination a:focus, .pagination a:hover {
            background-color: #cecece;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e4e4e4),color-stop(100%,#cecece));
            background-image: -webkit-linear-gradient(#e4e4e4,#cecece);
            background-image: linear-gradient(#e4e4e4,#cecece)
        }

        .pagination a.disabled, .pagination a.disabled:active, .pagination a.disabled:focus, .pagination a.disabled:hover {
            background-color: #f3f3f3;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#d3d3d3));
            background-image: -webkit-linear-gradient(#f3f3f3,#d3d3d3);
            background-image: linear-gradient(#f3f3f3,#d3d3d3);
            color: #A8A8A8;
            cursor: default
        }

        .pagination a:first-child {
            border: none;
            border-radius: 2px 0 0 2px
        }

        .pagination a:last-child {
            border: none;
            border-radius: 0 2px 2px 0
        }

    .pagination input {
        margin: 0;
        padding: 0;
        width: 160px;
        border: none
    }

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left
}

    .ui-multiselect span.ui-icon {
        float: right
    }

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px
}

    .ui-multiselect-header ul {
        font-size: .9em
    }

        .ui-multiselect-header ul li {
            float: left;
            padding: 0 10px 0 0
        }

    .ui-multiselect-header a:hover {
        text-decoration: underline
    }

    .ui-multiselect-header span.ui-icon {
        float: left
    }

    .ui-multiselect-header li.ui-multiselect-close {
        float: right;
        text-align: right;
        padding-right: 0
    }

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left
}

.ui-multiselect-checkboxes {
    position: relative;
    overflow-y: scroll
}

    .ui-multiselect-checkboxes label {
        cursor: default;
        display: block;
        border: 1px solid transparent;
        padding: 3px 1px
    }

        .ui-multiselect-checkboxes label input {
            position: relative;
            top: 1px
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: .9em;
        padding-right: 3px
    }

        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
            text-align: center;
            font-weight: 700;
            border-bottom: 1px solid
        }

            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
                display: block;
                padding: 3px;
                margin: 1px 0;
                text-decoration: none
            }

    * html .ui-multiselect-checkboxes label {
        border: none
    }



.highlight {
    background-color: #ff0
}

section {
    border: 1px solid grey;
    margin-bottom: 10px
}

    section .section-header {
        background-color: #c0e2f8;
        padding: 1px 10px;
        cursor: pointer
    }

        section .section-header h4 {
            font-size: 16px;
            margin: 5px 5px 5px 0
        }

    section .section-body {
        padding: 5px
    }

    section table tr th {
        border-top: none !important;
        color: #00008b;
        font-weight: 400
    }

.no-border {
    border: none
}

.center {
    text-align: center
}

tr:hover {
    background-color: #fcfac6
}

tr.dim td {
    color: #999
}

    tr.dim td a {
        color: #aaa
    }

.ui-datepicker {
    background-color: #d3d3d3;
}

.btn-large {
    padding: 16px 18px
}

input, select, textarea {
    max-width: 280px
}

body.modal-open .datepicker {
    z-index: 1200 !important
}