﻿/*/*#region master styles*/
#embBody {
    /*background-image:url(../../../App_Themes/Assess/img/bg.jpg);*/
}
.bg-light {
    background: #182b49 !important;
    padding: 0;
}
.nav-item {
    color: white !important;
    text-align: center;
    height: auto;
    float: left;
    /*white-space: nowrap;*/
    overflow: hidden;
}
    .nav-item a{
        cursor: pointer;
    }

.navbar-toggler {
    background: #006068;
    margin-bottom: 10px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    font-size:16px;
}
.nav-link-disabled {
    cursor: not-allowed !important;
    background-color: darkgray !important;
}
.navbar-nav {
    padding-top: 15px
}
.nav-item-selected {
    background: #006068;
}
.nav-item:hover, .nav-item:visited {
    background: #006068;
}
.nav-item{
    margin-right: 2px;
}
.menuParent {
    width: 100%;
}
.sub-menu {
    background-color: #006068;
    padding: 0px 0px 0px 10px;
}
    .sub-menu .nav-item-selected{
        background-color: #182b49;
    }
    .sub-menu .nav-item:hover {
        background-color: #182b49;
    }

.breadcrumb {
    background: #fff;
}
    .breadcrumb span a {
        font-weight: bold;
    }
        .breadcrumb span a:first-child {
            color: #006068;
        }    

#master-container {
    width: 70%;
    text-align: left;
    margin: 0 auto;
    background: #fff;
}
.ebm-container{
    max-width:100%;
}
.normal-word-wrap {
    word-wrap: normal;
}

.floatRight{
    float:right;
}
.no-border {
  border:unset!important
}

/*#region modal*/
.modalbackground {
    opacity: 0.6;
    background-color: #333333;
    width: 100%;
    height: 100%;
}

.modalpopup {
    background-color: #ffffff;
    border: 1px solid #0772ba;
    padding: 20px;
    width: auto;
    border-radius: 2px;
    overflow: auto;
}
.modalpopupcontent-message span.icon {
    color: #0772ba;
    font-size: 22px;
    margin-right: 13px;
    margin-left: 1px;
}
.modalpopup-message {
    background-color: #ffffff;
    border: 1px solid #0772ba;
    padding: 20px;
    min-width: 350px;
    min-height: 190px;
    border-radius: 2px;
    max-height: 95%;
    max-width: 95%;
    overflow-y: auto;
    overflow-x: auto;
    width:70%;
    height:70%;
}
.modalpopupbuttons-message {
    margin-top:15px;
}
.modalpopupcontent-message {
    min-width: 350px;
    min-height: 140px;
}
.modalpopupcontent-message h2 {
        display: inline-block;
        margin-top: -5px;
}
/*#endregion*/

/*#region Gridview*/
table.gridview tr.table-header th {
    background-color: #006068!important;
}

.table-pager {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .table-pager table > tbody > tr > td {
        display: inline;
    }

        .table-pager table > tbody > tr > td > a,
        .table-pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #ccc;
            background-color: #f5f5f5;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .table-pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #fff;
            background-color: #006068;
            border-color: #dddddd;
            cursor: default;
        }

        .table-pager table > tbody > tr > td:first-child > a,
        .table-pager table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .table-pager table > tbody > tr > td:last-child > a,
        .table-pager table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .table-pager table > tbody > tr > td > a:hover,
        .table-pager table > tbody > tr > td > span:hover,
        .table-pager table > tbody > tr > td > a:focus,
        .table-pager table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }
/*#endregion*/

/*#endregion*/

/*#region registration styles*/
.generic-table-header {
    background-color: #182b49;
    color: white;
}
.top-card-header {
    background-color: #006068;
    color: white;
}
/*#endregion*/

.dashStatCircle {    
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding: 50% 0;
    border-radius: 50%;
    color: white;
    font-size: 3.5em;
    text-align: center;
    margin: 0 auto;
    line-height: 0;
    font-weight: bold;
}
.pad5 {
    padding:5px;
}.statPanels {
    padding-top: 0;
}.dashStatText {
    font-size: 19px;
}
.dashStatCircle-purple {    
    background-color: #693A77;
}
.dashStatCircle-green {
    background-color: #69923A;
}
.dashStatCircle-lime {
    background-color: #C1BB00;
}
.dashStatCircle-mint {
    background-color: #00A599;
}
.dashStatCircle-maroon {
    background-color: #B5384F;
}
.dashStatCircle-blue {
    background-color: #00B0CA;
}

/*Proctor Styles*/
.minimiseFilter {
    float: right;
    cursor: pointer;
}
.action-dropdown button, .action-dropdown button:hover,
.action-dropdown button:active, .open > .dropdown-toggle.btn-primary {
    background: #04AE7A!important;
}
.dropdown-menu {
    border: 1px solid #04AE7A;
    width: 271px;
    padding: 10px;
}
.dropdown-menu li a span {
    color: #04AE7A;
}

input:disabled:hover {
    background-color: #5c5656;
    cursor: not-allowed;
    opacity: 0.8;
}

.cus-5-cols {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.cus-8-cols {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.proctor-highlight{
    background-color: lightgreen;
}*/