﻿.app-name {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    font-weight:300;
    font-family: GothamLight, Arial, sans-serif;
    margin:10px 0;
}

.about {
    padding: 30px 0;
}


header {
    background-color: #e7a614;
    background-image: url('/content/images/cloud.svg');
    background-repeat: no-repeat;
    background-position: 225px -20px;
    background-size: 200px auto;
}

.app header {
    background-position-x:400px;
}

.about h1 {
    margin-bottom:30px;
}

.app-name strong {
    font-family: GothamBold, Arial, sans-serif;
    font-weight:normal
}

.flex-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scroll {
    overflow-y: scroll;
    height: 250px;
}

.firmname {
    font-size: 22px;
    line-height: 34px;
}

.btn {
    font-family: GothamBold, Arial, sans-serif;
    transition: all ease-in-out .15s;
    border-width: 2px;
}

.btn-docit {
    background-color: transparent;
    border-color: #e8a821;
    color: #e8a821;
}

a.dropdown-toggle {
    cursor: pointer;
}

.btn-docit:focus,
.btn-docit.focus,
.btn-docit:hover {
    background-color: #e8a821;
    border-color: #e8a821;
    color: #fff;
}

.canvas {
    background-color: #fff;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}



.collapsed-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    text-align: center;
}

    .collapsed-menu .navmenu-default .icon {
        margin-right: 0;
    }

    .collapsed-menu .text {
        display: none;
    }

.navbar.pull-right .dropdown-menu {
    right: 0;
}

.dropdown-menu.navmenu-nav {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

    .dropdown-menu.navmenu-nav > li {
        text-align: left;
    }

        .dropdown-menu.navmenu-nav > li > a {
            color: #fff;
            padding: 15px;
            cursor: pointer;
        }

.navmenu-default .navmenu-nav  .active > a, .navmenu-default .navmenu-nav  .active > a:hover .fa {
    color: #e7a614 !important;
}
.dropdown-menu.navmenu-nav > li.active > a {
    color: #d1971e;
    background-color: transparent;
    padding: 15px;
}

        .dropdown-menu.navmenu-nav > li > a:hover {
            background-color: #20252a;
            box-shadow: inset -7px -2px 5px -5px rgba(0, 0, 0, 0.26);
        }

.expanded-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.form-control {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    border-width: 2px;
}

input.form-control[readonly] {
    border-color: transparent;
    box-shadow: none;
    background: none;
}

.input-group
input.form-control[readonly] {
    border-color: #ccc;
    box-shadow: inherit;
    background: inherit;
}

form.ng-submitted .form-control.ng-invalid, .form-control.ng-dirty.ng-invalid {
    border-color: #600;
    border-radius: 2px;
    border-width: 2px;
}

.form-control:focus {
    border-color: #e8a821;
    box-shadow: none;
}

.h1,
h1 {
    font-family: GothamBook, Arial, sans-serif;
    font-size: 40px;
    line-height: 1.15em;
}

a.active {
    color: #333;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6,
b,
strong,
a {
    font-family: GothamMedium, Arial, sans-serif;
}

.icon {
    display: inline-block;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    /*margin-right: 15px;*/
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

    .icon .fa {
        font-size: 20px;
    }

.input-group-btn .btn {
    padding: 5px 12px;
}

.navmenu-mobile .dropdown-backdrop {
    display: none;
}

.navmenu-toggle {
    border: 0;
    display: block;
    float: left;
    padding-top: 0;
}

    .navmenu-toggle .icon-bar {
        background-color: rgba(255, 255, 255, 0.54);
    }

.no-left-gutter-xs {
    padding-left: 0;
}

.no-right-gutter-xs {
    padding-right: 0;
}

.page-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.15em;
}

@media (min-width:768px) {
    .search-row {
        display: inline-block;
    }

        .saved-search > option {
            color: #000;
        }
}

@media (max-width:767px) {
    header {
        background-position: 130px -13px;
        background-size:100px auto;
    }
    .app header {background-size:200px auto;background-position:130px 30px;}
    .search-row {
        display: inline-block;
        margin-top: 15px;
        color: #000;
    }

    .client-search {
        color: #000;
    }

    .saved-search {
        color: #000;
    }

        .saved-search > option {
            color: #000;
        }
}

.dropzone {
    text-align: center;
    display: flex;
    border: 2px solid transparent;
    padding: 20px 0;
    align-content: center;
    justify-content: center;
}

    .dropzone.drag {
        background: rgba(232,168,21,0.1);
        border: 2px dashed #e8a821;
    }

        .dropzone.drag * {
            pointer-events: none;
        }

.panel:not(.panel-default) {
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 30px;
}

.panel.quickSearch {
    cursor: pointer;
}

    .panel.quickSearch.active {
        color: #fff;
        background: #e8a821;
    }

.panel:not(.panel-default) > .panel-body {
    margin-top: 30px;
    padding: 0;
}

.panel:not(.panel-default) > .panel-heading {
    background-color: transparent;
    border: none;
    /*color: #333;*/
    padding: 0;
}

.widget-close {
    color: #777;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}

footer {
    text-align: center;
    margin-top: auto;
}

    footer a:focus,
    footer a:hover,
    .widget-close:hover {
        color: #333;
    }

    footer,
    footer a {
        color: #777;
    }

h2 {
    font-size: 22px;
    line-height: 1.2em;
    margin: 0 0 26px;
}

    header .navbar-default {
        background-color: transparent;
        border: 0;
        border-color: transparent;
        border-radius: 0;
        margin-bottom: 0;
        z-index: 1;
    }

        header .navbar-default .navbar-nav > .active > a,
        header .navbar-default .navbar-nav > .active > a:focus,
        header .navbar-default .navbar-nav > .active > a:hover {
            border-top-color: #e8a821;
        }

            header .navbar-default .navbar-nav > .active > a,
            header .navbar-default .navbar-nav > .active > a:focus,
            header .navbar-default .navbar-nav > .active > a:hover,
            header .navbar-default .navbar-nav > .open > a,
            header .navbar-default .navbar-nav > .open > a:focus,
            header .navbar-default .navbar-nav > .open > a:hover {
                background-color: transparent;
                border-top-color: transparent;
                color: #e8a821;
            }

        header .navbar-default .navbar-nav > .active > a,
        header .navbar-default .navbar-nav > .open.active > a,
        header .navbar-default .navbar-nav > li > a:focus,
        header .navbar-default .navbar-nav > li > a:hover {
            color: #e8a821;
        }

        header .navbar-default .navbar-nav > li > a {
            background-color: transparent;
            color: #fff;
            padding: 35px 20px 14px;
        }

html,
body {
    /*background: linear-gradient(tobottom, #5252400%, #52524050%, #ffffff50%, #ffffff100%);*/
    background-image: url('Images/noise.png');
    background: transparent;
    color: #60604b;
    font-family: GothamBook, Arial, sans-serif;
    height: 100%;
}

img.icon {
    height: 41px;
    margin-right: 0;
    width: 41px;
}

main {
    /*background: url('Images/content.png') no-repeat top center #fff;
    background-size: cover;*/
    /*padding: 30px 0 0;
    flex: 1 1 auto;*/
}

.modal-dialog,
.modal-content {
    border: none;
    border-radius: 0;
}

.modal-lg {
    max-width: 1024px;
}

.modal-body.small-text {
    font-size: 12px;
}

.modal-full {
    width: calc(100% - 20px);
}

.table.borderless td, .table.borderless th {
    border: none;
    vertical-align: middle;
}

.table-controls {
    margin-bottom: 0;
}

    .table-controls > tbody > tr > td,
    .table-controls > tbody > tr > th,
    .table-controls > tfoot > tr > td,
    .table-controls > tfoot > tr > th,
    .table-controls > thead > tr > td,
    .table-controls > thead > tr > th {
        border-top: 0;
    }

        .table-controls > tbody > tr > td .fa,
        .table-controls > tbody > tr > th .fa,
        .table-controls > tfoot > tr > td .fa,
        .table-controls > tfoot > tr > th .fa,
        .table-controls > thead > tr > td .fa,
        .table-controls > thead > tr > th .fa {
            color: #777;
            cursor: pointer;
        }

            .table-controls > tbody > tr > td .fa:hover,
            .table-controls > tbody > tr > th .fa:hover,
            .table-controls > tfoot > tr > td .fa:hover,
            .table-controls > tfoot > tr > th .fa:hover,
            .table-controls > thead > tr > td .fa:hover,
            .table-controls > thead > tr > th .fa:hover,
            .table-controls > tbody > tr > td .fa.active,
            .table-controls > tbody > tr > th .fa.active,
            .table-controls > tfoot > tr > td .fa.active,
            .table-controls > tfoot > tr > th .fa.active,
            .table-controls > thead > tr > td .fa.active,
            .table-controls > thead > tr > th .fa.active {
                color: #333;
            }

            .table-controls > tbody > tr > td .fa.disabled,
            .table-controls > tbody > tr > th .fa.disabled,
            .table-controls > tfoot > tr > td .fa.disabled,
            .table-controls > tfoot > tr > th .fa.disabled,
            .table-controls > thead > tr > td .fa.disabled,
            .table-controls > thead > tr > th .fa.disabled,
            .table-controls > tbody > tr > td .fa.disabled:hover,
            .table-controls > tbody > tr > th .fa.disabled:hover,
            .table-controls > tfoot > tr > td .fa.disabled:hover,
            .table-controls > tfoot > tr > th .fa.disabled:hover,
            .table-controls > thead > tr > td .fa.disabled:hover,
            .table-controls > thead > tr > th .fa.disabled:hover,
            .table-controls > tbody > tr > td a[disabled] .fa,
            .table-controls > tbody > tr > th a[disabled] .fa,
            .table-controls > tfoot > tr > td a[disabled] .fa,
            .table-controls > tfoot > tr > th a[disabled] .fa,
            .table-controls > thead > tr > td a[disabled] .fa,
            .table-controls > thead > tr > th a[disabled] .fa,
            .table-controls > tbody > tr > td a[disabled] .fa:hover,
            .table-controls > tbody > tr > th a[disabled] .fa:hover,
            .table-controls > tfoot > tr > td a[disabled] .fa:hover,
            .table-controls > tfoot > tr > th a[disabled] .fa:hover,
            .table-controls > thead > tr > td a[disabled] .fa:hover,
            .table-controls > thead > tr > th a[disabled] .fa:hover,
            a[disabled] .fa:hover {
                color: #bbb;
                cursor: initial;
                pointer-events: none;
                opacity: 0;
            }

.table-properties > tbody > tr > td,
.table-properties > tbody > tr > th,
.table-properties > tfoot > tr > td,
.table-properties > tfoot > tr > th,
.table-properties > thead > tr > td,
.table-properties > thead > tr > th {
    border-top: 0;
}

.table-properties .form-group {
    margin-bottom: 0;
}

    .table-properties .form-group label {
        text-align: left;
    }

.table-select > tbody > tr > td {
    cursor: pointer;
}

.table-select > tbody > tr.selected > td {
    background-color: #e8a821;
    color: #fff;
}

span.gold {
    color: #e8a821;
}

ul[dnd-list] {
    list-style-type: none;
    height: 50px;
    width: 100%;
    border: 1px dashed grey;
}

    ul[dnd-list]:after {
        clear: both;
    }

li[dnd-draggable] {
    cursor: move;
    float: left;
    margin: 5px;
}

    li[dnd-draggable][draggable=false] {
        cursor: default;
        background: #ccc;
        color: #666;
    }

li.dndPlaceholder {
    float: left;
    width: 100px;
    height: 1em;
    margin: 5px;
    background: #ccc;
}

li.dndDraggingSource {
    display: none;
}

#results {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none
}

    #results > .panel {
        display: flex;
        flex-flow: column;
    }

        #results > .panel .panel-body {
            display: flex;
            flex-flow: column;
        }

ul.folderTree {
    padding-left: 0;
    user-select: none;
}

    ul.folderTree .selected > i, ul.folderTree .selected > a {
        color: blue;
    }

    ul.folderTree ul {
        padding-left: 1em;
    }

    ul.folderTree, ul.folderTree ul {
        list-style-type: none;
    }

        ul.folderTree a {
            color: #60604b;
            cursor: pointer;
        }

.binders {
    flex: 1 1 90%;
    position: relative;
    overflow: auto;
    padding-top: 30px;
}

    .binders table {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.binder-properties {
    max-height: 600px;
    display: inline-block;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    padding: 5px;
}

.table-striped > tbody > tr.selected:nth-of-type(odd) {
    background-color: #b8b8b8;
}

.table-striped > tbody > tr.selected:nth-of-type(even) {
    background-color: #c0c0c0;
}

.table-striped > tbody tr.complete {
    background: #ddffdd;
}

.tree li.selected {
    background-color: #b8b8b8;
}

div.note {
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

.note .collapse {
    position: absolute;
    top: -5px;
    left: 0px;
    padding: 5px;
    color: #bbb !important;
}

    .note .collapse.expanded {
        color: #333 !important;
        ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.note.note-ISSUE {
    border-top: 5px solid #F48C79;
}

.note.note-RESOLUTION {
    border-top: 5px solid #A4C68E;
}

.notechildren {
    margin-left: 10px;
}

.note .note-commands i {
    margin-left: 5px;
}

.notes-locked .note-commands {
    display: none;
}

.fa.fa-rotate-45 {
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.datepicker th {
    background: #ddd;
}

.datepicker .btn-link {
    color: #333;
}

    .datepicker .btn-link:hover {
        color: #333;
        text-decoration: none;
        background-color: #ddd;
    }

.datepicker .btn-info {
    border-color: #e8a821;
}

.datepicker .text-info {
    color: #e8a821;
}

.datepicker .btn-info {
    border-color: #e8a821;
    background: #ddd;
}

sh, dsh, pds {
    cursor: pointer;
}

    sh div, dsh div, pds div {
        white-space: nowrap;
        user-select: none;
    }

    sh i.dsh i {
        width: 8px;
        display: inline-block;
    }

    sh::selection, dsh::selection, pds::selection {
        background: none;
        color: inherit;
    }

.fullscreen-toggle {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 18px;
    color: #bbb;
}

    .fullscreen-toggle:hover {
        color: #333;
    }

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
}

li.login {
    color: #fff;
    line-height: 2em;
    font-size: 18px;
    white-space: nowrap
}

.login-form {
    padding: 0px;
}

.top-space {
    height: 100%;
}

.tall-row {
    height: 100%;
}

.CopyLoader {
    text-align: center;
    padding: 15px;
}

.BinderLoader {
    text-align: center;
    padding: 15px;
}

.two-lists {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: flex-end;
}

    .two-lists .list {
        flex: 1 1 47%;
    }

    .two-lists .buttons {
        flex: 1 1 6%;
        text-align: center;
        margin: 0 5px;
    }

[ng-click]:not([disabled]) {
    cursor: pointer;
}

@media(max-width:767px) {
    .fullscreen-toggle {
        display: none;
    }

    .navmenu-toggle {
        margin-right: 0;
        padding-right: 15px;
        z-index: 1;
    }

    .page-title {
        margin-top: 0;
    }

    main {
        padding: 0 15px;
    }

    .table-current-filters {
        width: 100%;
        display: block;
    }

        .table-current-filters tbody {
            width: 100%;
            display: block;
        }

            .table-current-filters tbody tr {
                width: 100%;
                display: block;
                border-bottom: 1px solid #ddd;
                padding: 15px 0;
            }

                .table-current-filters tbody tr td {
                    width: 100% !important;
                    display: block;
                    border-top: 0;
                }
}

@media (min-width: 768px) {
    .app-name {
        font-size: 20px;
        line-height: 10px;
    }

    .navmenu-toggle {
        margin-right: 0;
        z-index: 1;
    }

    .no-left-gutter-sm {
        padding-left: 0;
    }

    .no-right-gutter-sm {
        padding-right: 0;
    }

    .page-heading {
        
    }


        .page-heading .form-control {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            border-radius: 0;
            box-shadow: none;
            color: #fff;
        }

        .page-heading .page-title {
            color: #fff;
            margin: 0;
        }

        .page-heading .page-title,
        .page-heading .page-subtitle {
            color: #fff;
            margin-bottom: 0;
        }

    .page-title {
        font-size: 20px;
        line-height: 1.15em;
    }

    header .navbar-default .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    header .navbar-default .navbar-nav > li > a {
        border-top: 7px solid transparent;
    }
}

@media (min-width:991px) and (max-width:1189px) {
    .menu-column {
        padding-right: 0px;
    }
}

@media (min-width:991px) and (max-width:1100px) {
    .menu-column {
        padding-left: 0px;
    }
}

@media (max-width:991px) {
    .canvas {
        left: 0;
        min-height: 100%;
        position: relative;
        z-index: 2;
    }

    .container {
        width: 100%;
    }

    .navmenu {
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }

    .navmenu-default .navmenu-nav > .active > a,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
    .navmenu-default .navmenu-nav > .active > a:hover,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
    .navmenu-default .navmenu-nav > .active > a:focus,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
        background-color: transparent;
        color: #333;
    }

    .navmenu-default .navmenu-nav > li > a,
    .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
        padding: 10px 0;
    }

    .navmenu-default,
    .navbar-default .navbar-offcanvas {
        background-color: transparent;
        border: 0;
        width: initial;
    }

    .navmenu-mobile {
        background-color: #24292F;
        border: none;
        box-shadow: inset -7px -2px 5px -5px rgba(0, 0, 0, 0.26);
        visibility: hidden;
    }

        .navmenu-mobile .nav {
            margin: 0;
        }

            .navmenu-mobile .nav .open > a .fa.fa-caret-right:before {
                content: "\f0d7";
            }

            .navmenu-mobile .nav .open > a,
            .navmenu-mobile .nav > li.open > a:focus,
            .navmenu-mobile .nav .open > a:hover {
                background-color: #1b1f23;
                color: #e8a821;
            }

            .navmenu-mobile .nav > li > a,
            .navmenu-mobile .navbar-nav .open .dropdown-menu > li > a {
                color: #fff;
                padding: 15px;
            }

                .navmenu-mobile .nav > li > a:focus,
                .navmenu-mobile .nav > li > a:hover,
                .navmenu-mobile .navbar-nav .open .dropdown-menu > li > a:hover {
                    background-color: #20252a;
                    box-shadow: inset -7px -2px 5px -5px rgba(0, 0, 0, 0.26);
                }

            .navmenu-mobile .nav > li.active > a,
            .navmenu-mobile .navbar-nav .open .dropdown-menu > li.active > a {
                color: #d1971e;
                padding: 15px;
            }

            .navmenu-mobile .nav > li.divider {
                border-bottom: 1px solid #7d7d6f;
            }

        .navmenu-mobile .navbar-nav .open .dropdown-menu {
            padding: 0;
        }

            .navmenu-mobile .navbar-nav .open .dropdown-menu > li {
                display: block;
                position: relative;
            }

                .navmenu-mobile .navbar-nav .open .dropdown-menu > li > a {
                    display: block;
                    line-height: 20px;
                    padding: 15px;
                    position: relative;
                }

        .navmenu-mobile hr {
            border-top: 1px solid #20252a;
            margin: 0;
        }

        .navmenu-mobile.in {
            visibility: visible;
        }
}

@media (min-width:992px) {
    .collapsed-menu {
        width: 5.7%;
        float: left;
    }


    .expanded-content {
        width: 94.3%;
        float: left;
    }

    .navmenu-default .navmenu-nav > .active > a,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
    .navmenu-default .navmenu-nav > .active > a:hover,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
    .navmenu-default .navmenu-nav > .active > a:focus,
    .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
        background-color: transparent;
        color: #333;
    }

    .navmenu-default .navmenu-nav > li > a,
    .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
        padding: 10px 0;
    }

    .navmenu-default,
    .navbar-default .navbar-offcanvas {
        background-color: transparent;
        border: 0;
        width: auto;
    }

    .no-left-gutter-md {
        padding-left: 0;
    }

    .no-right-gutter-md {
        padding-right: 0;
    }

    .pull-right-md {
        float: right !important;
    }
}

@media (min-width:1200px) {
    .app .container-fluid {
        width: 1185px;
    }

    .collapsed-menu {
        width: 4.71%;
        float: left;
    }

    .expanded-content {
        width: 95.29%;
        float: left;
    }
}

@media (min-width:1421px) {
    .app .container-fluid {
        width: 1391px;
    }
}

@media (max-width:1420px) and (min-width:1300px) {
    .app .container-fluid {
        width: 1285px;
    }
}

@media (max-width:1299px) and (min-width:1250px) {
    .app .container-fluid {
        width: 1251px;
    }
}

@media (max-width:1249px) and (min-width:1201px) {
    .app .container-fluid {
        width: 1245px;
    }
}

@media (max-width:1200px) and (min-width:991px) {
    .page-title {
        font-size: 20px;
    }
}

.panel-body > div.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/************************************ Document Search Styling **************************************************/
/*.DocumentTableBody{
    max-height:500px;
    display:block;
    overflow:auto;
}
.DocumentTable thead, .DocumentTable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}*/

.documents {
    flex: 1 1 90%;
    position: relative;
    overflow: auto;
    padding-top: 30px;
}

    .documents table {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
/*************************************End of Document Search Styling *******************************************/

/**************************************Hands on table styling**************************************************/

.currentRow {
    background-color: #b8b8b8 !important;
}
/************************************** End of Hands on table styling******************************************/

.checkbox input[type=checkbox] {
    margin-left: -5px;
}

.checkbox label input[type=checkbox] {
    margin-left: -20px;
}

a:hover .fa {
    color: #333 !important;
}

.table-condensed > tbody > tr > td {
    padding: 5px;
}

.table > thead > tr > th {
    vertical-align: top;
}

span .fa {
    cursor: pointer;
}

.dropimage {
    background: url('../Images/marketing.jpg') no-repeat center center #60604b;
    background-size: cover;
}

#items {
    list-style: none;
    margin: 0px;
    margin-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    font-size: 15px;
    color: #333333;
}

.divider {
    height: 1px;
    background-color: rgb(229, 229, 229);
    margin: 9px 0px;
    overflow: hidden;
}

#CustomMenu {
    display: none;
    position: fixed;
    border: 1px solid #B2B2B2;
    min-width: 160px;
    background: #FFF;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 4px;
    z-index: 1000;
    font-size: 14px;
}

    #CustomMenu ul {
        padding: 0;
    }

.divider {
    height: 1px;
    background-color: rgb(229, 229, 229);
    margin: 9px 0px;
    overflow: hidden;
}

#CustomMenu ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    #CustomMenu ul > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.user-menu .navbar-nav > li.language .form-control {
    width: 140px;
}

.user-menu .navbar-nav > li.language label {
    color: #fff;
    margin-right: 6px;
}

.user-menu li {
    padding-top: 24px;
}

    .user-menu li.language {
        padding-top: 24px;
        padding-right: 10px
    }

.file_view .nav-pills > li.active > a, .file_view .nav-pills > li > a {
    width: 84px;
    color: #60604b;
    font-size: 16px;
    padding: 17px 20px;
}

.file_view .panel {
    margin-bottom: 20px;
}

.table-controls a, .table-controls button {
    color: rgb(96, 96, 75);
    cursor: pointer;
}

    .table-controls a.disabled, .table-controls a:disabled {
        color: #818181;
        cursor: initial;
        pointer-events: none;
        opacity: 0.5;
    }

.file_view .table-controls > tbody > tr > td {
    vertical-align: middle;
    padding-left: 0
}

    .file_view .table-controls > tbody > tr > td .fa {
        font-size: 30px;
    }

    .file_view .table-controls > tbody > tr > td.selectfile .fa {
        font-size: 15px;
        margin-right: 3px;
    }

.navmenu-nav .fa {
    font-size: 24px;
}

.material-icons {
    font-size: 34px;
    color: #777;
}

    .material-icons:hover {
        color: #333;
        cursor: pointer;
    }

.navmenu-nav ul li a {
    color: #60604b;
}

.navmenu-nav ul {
    color: #777;
    list-style: none;
    padding-left: 10px;
}

.user_files .table > tbody > tr > td > a {
    color: #60604b;
    font-size: 16px;
}

.user_files .panel {
    min-height: 250px;
}

/*.nav-tabs {
    border: 1px solid #ddd;
}

 .nav-tabs > li {
     width: 33.333333%;
 }

.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    padding: 12px 5px;
    border: none;
    margin: 0;
    background-color: #ddd;
}

.nav-tabs > li > a {
    padding: 12px 5px;
    border: none;
    margin: 0;
    color: #60604b;
    border-radius: 0;
    border-right: 1px solid #ddd;
}

ul.nav-tabs > li:not(:last-child) > a {
    border-right: 1px solid #ddd;
}*/

.audit.nav-tabs > li {
    width: 50%;
}

.fa-no-style {
    cursor: default !important;
    color: #818181 !important
}

.fa-no-hover:hover {
    color: #818181 !important;
}

div.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.loadingOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    flex-flow: column;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    background: rgba(200,200,200,0.3);
}

.well-disabled {
    z-index: 1000;
    background-color: lightgrey;
    opacity: 0.6;
    pointer-events: none;
}

/*********************************** Binder Explorer DevExpress DataGrid *********************************/
#gridContainer .dx-toolbar .dx-texteditor {
    width: 100% !important;
}

#gridContainer .dx-toolbar .dx-toolbar-after {
    padding-left: 0px;
    width: 100% !important;
}

#gridContainer .dx-datagrid-search-panel {
    margin-left: 0px;
}

#gridContainer .dx-toolbar.dx-widget {
    margin-bottom: 0px !important;
}
.fa-lower-right {
    left: 4px !important;
    top: 2px !important;
}

.fa-upper-left {
    left: -5px !important;
    top: -7px !important;
}
.previewComingSoon {
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.panel {
    background: transparent;
}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #337ab7;
}
.dx-selection {

}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space {
    border-right-color: #337ab7;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #337ab7;
    color: #fff;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #337ab7;
    color: #fff;
}
/*********************************** End of Binder Explorer DevExpress DataGrid *********************************/