/** STYLING FOR THE LOGGED IN SECTION OF THE SITE*/
body, html {
    background-color: #E3E3E3;
}

.validator {
    border-radius: 5px;
    background-color: #FFEBEB;
    padding: 5px;
    border: 3px solid Red;
    font-weight: bold;
    color: Red;
    margin: 10px 5px 5px 5px;
}

.progress-bar-info {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,7f0000+100 */
    background: #cc0000; /* Old browsers */
    border-radius: 0px;
    color: white;
    box-shadow: 0px !important;
    border: 0px !important;
}

.timeline-date {
    font-weight: normal;
    font-size: small;
    color: #B6B7B6;
}

.timeline-item.alt .panel, .timeline-item .panel {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.30);
}

.arrow-right::before {
    border-right-color: rgba(0, 0, 0, 0.30);
    -moz-border-right-colors: rgba(0, 0, 0, 0.15);
    border-left-color: rgba(0, 0, 0, 0.30);
    -moz-border-left-colors: rgba(0, 0, 0, 0.15);
}

.info-pararaph {
    font-weight: normal;
    font-size: small;
    color: White;
}

.info-pararaph-dark {
    font-weight: normal;
    font-size: small;
}

.arrow-left::before {
    border-right-color: rgba(0, 0, 0, 0.30);
    -moz-border-right-colors: rgba(0, 0, 0, 0.15);
}

.panel-heading .nav-tabs.nav-justified {
    font-size: small !important;
}

    .panel-heading .nav-tabs.nav-justified li a {
        color: white !important;
    }

    .panel-heading .nav-tabs.nav-justified .active a {
        color: white !important;
    }

.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus {
    border-color: #E3E8ED;
    border-radius: 0px !important;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.radfile {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    min-height: 50px;
    max-width: 50px;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    min-height: 50px;
    max-width: 50px;
}

*:focus {
    outline: 0 !important;
}

input::-moz-focus-inner {
    border: 0 !important;
}

a {
    outline: 0 !important;
}

.info-box {
    float: right;
    cursor: help !important;
}

    .info-box i {
        color: White;
        font-size: small;
        text-align: center;
    }

    .info-box .popover {
        font-family: Arial, Helvetica, sans-serif !important;
        color: #707070;
        border-radius: 0px !important;
        border: 0px;
    }

    .info-box .popover-title {
        font-weight: normal;
        border-radius: 0px !important;
        background: #2FA4DA;
        color: White;
        border: 0px;
    }

    .info-box .popover-content {
        border-radius: 0px !important;
        color: #707070 !important;
        border: 0px;
    }



.panel {
    border-radius: 0px;
    font-weight: normal;
    font-size: small;
    border: 0px;
}

.panel-heading {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,7f0000+100 */
    background: #cc0000; /* Old browsers */
    border-radius: 0px;
    color: white;
    box-shadow: 0px !important;
    border: 0px !important;
}

.grid {
    padding: 0px !important;
    background: white;
}

.drop-button {
    background: transparent;
    border: 0px;
    padding: 5px;
}

    .drop-button:hover {
        background: #AAC4CC;
        color: White;
    }

.button-bar {
    border: 0px solid #CDCDCD;
    border-bottom: 0px;
    height: 100%;
    vertical-align: middle;
    background: white !important;
    display: inline-block;
    width: 100%;
    min-height: 100% !important;
}

    .button-bar table {
        border-collapse: separate !important;
        float: right;
    }

        .button-bar table td {
            padding: 5px !important;
        }

    .button-bar .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .button-bar i {
        coloir: white;
        font-size: small;
    }

.toolbar {
    padding-top: 5px;
    padding-bottom: 0px;
    border-bottom: 0px;
    min-height: 50px;
    display: block;
    overflow: auto;
    vertical-align: middle;
    background: white !important;
}

.export-bar {
    padding-top: 5px;
    border: 1px solid #CDCDCD;
    border-bottom: 0px;
    height: 100%;
    vertical-align: middle;
    background: white !important;
    display: inline-block;
    width: 100%;
    min-height: 100% !important;
}

    .export-bar .btn-group {
        float: right !important;
    }

    .export-bar .dropdown-menu input[type="submit"] {
        width: 100% !important;
        text-align: left !important;
    }

    .export-bar table {
        border-collapse: separate !important;
        float: right;
    }

        .export-bar table td {
            padding: 5px !important;
        }

    .export-bar .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .export-bar i {
        coloir: white;
        font-size: small;
    }

.control-label {
    text-align: left !important;
}

#insetGrid {
    padding: 0px !important;
}

    #insetGrid .rgHeader {
        display: none !important;
    }


    #insetGrid thead {
        background: white;
    }

    #insetGrid .rgFilterBox {
        font-size: 14px !important;
        min-width: 80% !important;
        border-top: 0px !important;
    }

.clearfix {
    padding-left: 15px;
}

.navbar {
    background: white;
    border-bottom: 0px solid transparent;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.navbar-brand {
    padding-top: 4px;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 8px;
    border: 0px !important;
    min-height: 80px;
}

    .navbar-brand img {
        padding-bottom: 10px;
        border-bottom: 0px !important;
        min-height: 80px;
    }

.nav-primary .dropdown-submenu, .nav-primary .menuItem {
    background-color: #707070 !important;
}

.navbar-nav, .navbar-toggle {
    margin-top: 20px;
}

#nav.nav-vertical {
    background-color: #707070 !important;
    border-width: 0px !important;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
}

.affix {
    position: static;
}

#nav.nav-vertical a :not(dropdown-menu) {
    color: #FFF;
}

.dropdown-menu a {
    color: #333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: #166599 none repeat scroll center top;
    border-color: #166599;
}

.nav-primary {
    /*width: 100% !important;*/
}

    .nav-primary li a:hover {
        background: #AAC4CC none repeat scroll center top;
    }

    .nav-primary li a:focus {
        background: #AAC4CC none repeat scroll center top;
    }

    .nav-primary li a:active {
        background: #AAC4CC none repeat scroll center top;
    }

.navbar-avatar.pull-right li a:hover, .navbar-avatar.pull-right li a:focus {
    background: #2FA4DA none repeat scroll center top;
}

.nav-tabs.nav-justified li a {
    background: #B6B7B6 !important;
}

.nav-tabs.nav-justified .active a {
    background: #2FA4DA !important;
}

.btn-info {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,7f0000+100 */
    background: #cc0000 !important; /* Old browsers */
}

    .btn-info:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#440000+0,0a0000+100 */
        background: rgb(68,0,0) !important; /* Old browsers */
    }

    .btn-info:focus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#440000+0,0a0000+100 */
        background: rgb(68,0,0) !important; /* Old browsers */
    }

.btn-primary {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,7f0000+100 */
    background: #cc0000 !important; /* Old browsers */
}

    .btn-primary:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#440000+0,0a0000+100 */
        background: rgb(68,0,0) !important; /* Old browsers */
    }

    .btn-primary:focus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#440000+0,0a0000+100 */
        background: rgb(68,0,0) !important; /* Old browsers */
    }

.btn-danger {
    background-color: #B6B7B6 !important;
}

    .btn-danger:hover {
        background: #808080 !important; /* Old browsers */
    }

    .btn-danger:focus {
        background: #808080 !important; /* Old browsers */
    }

.stats-link {
    display: block;
    color: #58AD65 !important;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #8C8C8C !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #8C8C8C !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #8C8C8C !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8C8C8C !important;
}

:placeholder-shown {
    /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #8C8C8C !important;
}


.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize, .RadWindow_Metro .rwControlButtons a {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}


.screen-centered {
    position: fixed;
    top: 30vh;
    left: 50%; /* bring your own prefixes */
    transform: translate(-50%, -50%);
    text-align: center;
}

.gallery_item {
    margin: 5px 0px 5px 5px !important;
    height: 150px !important;
    border-width: 5px !important;
    border-style: solid !important;
    min-width: 150px !important;
    display: inline-block !important;
}

    .gallery_item.selected {
        border-color: Red;
    }

    .gallery_item.unselected {
        border-color: Gray;
    }

.dropdown-menu .dropdown-submenu {
    background-color: White !important;
}

.dropdown-menu > .dropdown-submenu span,
.dropdown-menu > li > a {
    color: rgb(51, 51, 51) !important;
}

.dropdown-menu > .dropdown-submenu > li:hover {
    background-color: White !important;
}

.RadPicker {
    margin: 4px;
}
.RadInput_MetroTouch.riSingle .riTextBox {
    line-height: 17.5px !important;
    font-size: 12px !important;
    height: 28.15px !important;
    max-height: 28.15px !important;
}

.rcCalPopup {
    line-height: 17.5px !important;
    font-size: 12px !important;
    height: 28.15px !important;
    max-height: 28.15px !important;
}

.RadPicker_MetroTouch .rcCalPopup {
    background-position: -7px -4211px !important;
}