@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i";



body {
    font-family: 'Open Sans';
    background: #f2f2f2;
    font-size: 13px;
}

hr {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


h3 { font-size: 15px; margin: 0 0 5px 0 }

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

#map { padding-right: 0 }

#map .btn { font-size: 12px; }

.card { width: 100%; }

.list-icon { position: absolute;top: 18px; }
.list-text { margin-left: 25px; margin-right: 100px; }
.list-button { position: absolute;top: 15px;right: 0; }


.input-group-text, .form-control {
    font-family: 'Open Sans';
    font-size:14px
}

.dnone { display: none; }

.fade.in {
    opacity: 1;
}

tab-content > .active {
    display: block;
}


.icon-pdf { background-image: url(/img/icons/pdf.jpg); width: 33px; height: 33px; display: block; }

.icon-doc, .icon-docx { background-image: url(/img/icons/doc.jpg); width: 33px; height: 33px; display: block; }

.icon-appx, .icon-appxbundle { background-image: url(/img/icons/appx.jpg); width: 33px; height: 33px; display: block; }

.icon-zip { background-image: url(/img/icons/zip.jpg); width: 33px; height: 33px; display: block; }


.key-blue { color: #004a80; }
.key-red { color: #9d2325; }
.key-yellow { color: #e3d837; }
.key-green { color: #187b30; }
.key-pink { color: #de238f; }
.key-grey { color: #464646; }
.key-green { color: #3cb878; }
.key-lblue { color: #20cbdf; }



.loader { background-color: #CCC; max-width: 460px; padding: 10px; margin: 0; position: absolute; opacity: 0.7 }
.loading { position: absolute; top: 250px; left: 50%; height: 48px; width: 48px; background-image: url("/admin2/img/loading.gif"); margin-left: -24px }

.view-data { cursor: pointer; }

.lister tbody {
    display:block;
    overflow:auto;
}
.lister thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.lister .table thead td {
    border:none;
}
.lister .table thead td a {
    color: #000;
}
.lister .table thead td a:hover {
    text-decoration: none;
}
.lister .table thead td a i {
    margin: 0 7px 0 0;
}
.lister thead {
    width: calc( 100% - 1em )
}

.lister i { font-size: 15px; }


.wrapper {
    display: flex;
    width: 100%;
}

#nav {
    width: 100%; background-color: #1e3773; z-index: 999; height: 49px; position: fixed; top:0;
}

#nav img { padding: 15px }

#nav a {
    color: #FFF;
}

#nav a:hover {
    text-decoration: none;
    color: #CCC;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 220px;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 49px;
    height: 100vh;
    z-index: 999;
    background: #FFF;
    transition: all 0.3s;
}
#sidebar a {
    color: #333;
}
#sidebar i {
    margin: 0 10px 0 0;
}
#sidebar.active {
    margin-left: -220px;
}

#sidebar {
    border-right:1px solid #CCC;
}

#sidebar p {
    margin-bottom: 5px;
}
#sidebar a.selected {
    color: #5fb9f5;
}
#sidebar a.selected:hover {
    cursor: default;
    text-decoration: none;
}

#sidebar .list-group-item {
    border: none;
    padding: .60rem 1.25rem .30rem 1.25rem;
}

a[data-toggle="collapse"] {
    position: relative;
}

/* ---------------------------------------------------
    SUBNAV STYLE
----------------------------------------------------- */

#subnav {
    width: calc(100% - 220px);
    transition: all 0.3s;
    position: fixed;
    top: 49px;
    right: 0;
    padding: 12px;
    color: #FFF;
    background: #5fb9f5;
    height: 55px;
    z-index: 999;
}

#subnav span {
    margin: 4px 0 0 0;
    display: inline-block;
    font-weight: 600;
}

#subnav.active {
    width: 100%;
}

#subnav #subnav_search button {
    width:32px;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #FFF;
    border: #ced4da 1px solid;
    border-left: 0;
    color: #365465
}
#subnav #subnav_search input {
    width:calc(100% - 32px);
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 220px);
    padding: 15px;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    margin: 110px 0 0 0;
}

#content.active {
    width: 100%;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -220px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content, #subnav {
        width: 100%;
    }
    #content.active, #subnav.active {
        width: calc(100% - 220px);
    }
}