.sonata-bc hr {
    border-top-color: #CCCCCC;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

#device_readiness .jqplot-table-legend {
    width: 180px !important;
}

.report_content {
    height: 1200px !important;
}

.verbose_help {
    display: block;
    left: 120px;
    position: absolute;
    top: -9px;
    width: 15px;
}

.label-group {
    position: relative;
}

.text-info {
    color: /*dark-blue*/ #366EA5 !important;
}

.concentric-circles {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.concentric-circles .concentric-text {
    left: 40%;
    position: absolute;
    top: 40%;
    width: 180px;
}

.concentric-circles .concentric-text h2 {
    font-size: 200% !important;
}

/* This parent can be any width and height */
.block {

}

/* The ghost, nudged to maintain perfect centering */
.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */
.centered {
    display: inline-block;
    vertical-align: middle;
}

/* to make bootstrap span10, span2 have the same height */
.row-fluid-same-height {
    display: table !important;
}

.row-fluid-same-height .span2 {
    display: table-cell !important;
    float: none !important;
}

.row-fluid-same-height .span10 {
    min-height: 100% !important;
    height: 100% !important;
    display: table-cell !important;
    float: none !important;
}

.sonata-bc ul.school-dashboard-tabs > li {
    float: right;
    width: 8%;
}

.sonata-bc ul.district-dashboard-tabs > li {
    float: right;
    width: 8%;
}

.sonata-bc .btn-secondary {
    background-color: /*gold*/ #eeea88;
    background-image: linear-gradient(to bottom, /*gold*/ #eeea88, /*gold*/ #eeea88);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

sonata-bc .btn-secondary {
    color: #000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: /*gold*/ #eeea88;
    background-image: -moz-linear-gradient(top, /*gold*/ #eeea88, /*gold*/ #eeea88);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(/*gold*/ #eeea88), to(/*gold*/ #eeea88));
    background-image: -webkit-linear-gradient(top, /*gold*/ #eeea88, /*gold*/ #eeea88);
    background-image: -o-linear-gradient(top, /*gold*/ #eeea88, /*gold*/ #eeea88);
    background-image: linear-gradient(to bottom, /*gold*/ #eeea88, /*gold*/ #eeea88);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='/*gold*/#eeea88', endColorstr='/*gold*/#eeea88', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: /*gold*/ #eeea88;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.sonata-bc .btn-secondary:hover, .sonata-bc .btn-secondary:active, .sonata-bc .btn-secondary.active, .sonata-bc .btn-secondary.disabled, .sonata-bc .btn-secondary[disabled] {
    color: #000;
    background-color: /*gold*/ #eeea88;
    *background-color: /*gold*/ #eeea88;
}

/*.sonata-bc .btn-info {*/
/*background-color: *//*light-blue*//*#87cefa;*/
/*background-image: linear-gradient(to bottom, *//*light-blue*//*#87cefa, *//*light-blue*//*#87cefa);*/
/*background-repeat: repeat-x;*/
/*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
/*color: #000;*/
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*}*/
/*.sonata-bc .btn-info:hover, .sonata-bc .btn-info:active, .sonata-bc .btn-info.active, .sonata-bc .btn-info.disabled, .sonata-bc .btn-info[disabled] {*/
/*background-color: *//*light-blue*//*#88cffb;*/
/*color: #000;*/
/*}*/

.readiness-content {
    min-height: 400px;
}

table.jqplot-table-legend th {
    font-size: 12px !important;
}

table.jqplot-table-legend td {
    font-size: 12px !important;
}

table.jqplot-table-legend {
    z-index: auto !important;
}

table.jqplot-table-legend td a {
    color: black;
}

.school-codes th {
    font-size: 14px;
    font-weight: bold;
}

.school-codes td {
    font-size: 14px;
}

.school-codes .nav-tabs {
    font-size: 18px;
}

.relative-position {
    position: relative;
}

.report-overview {
    min-height: 650px;
}

#background-circle {
    left: -25%;
    position: absolute;
    top: 10px;
    width: 75%;
    z-index: -55;
}

#report-pages-circle {
    position: absolute;
    right: 90px;
    top: -100px;
    width: 30%;
    z-index: -55;
}

.top-margin-s {
    margin-top: 1.2820%;
}

.top-margin-m {
    margin-top: 2.5641%;
}

.top-margin-l {
    margin-top: 5.1282%;
}

.top-margin-xl {
    margin-top: 7.6923%;
}

.top-margin-xxl {
    margin-top: 20.5128%;
}

.sonata-bc a:hover {
    text-decoration: none;
}

.btn-container {
    width: 35%;
}

.btn-container .btn {
    width: 70% !important;
}

.sonata-bc .modal-body {
    min-height: 530px !important;
}

.school-codes-device-readiness > li > a {
    border-color: #EEEEEE #EEEEEE #DDDDDD;
    background-color: #f5f5f5;
}

.report-title {
    height: 200px;
    position: absolute;

}

.report-title-container {
    position: relative;
    height: 20px;
    display: block;
}

.pull-right {
    float: right;
}

.sonata-report-actions ul li.action {
    list-style: none;
    float: left;
    text-align: center;
    padding-right: 10px;
}

.sonata-report-actions h3 {
    text-align: center;
}

#device_determiningReadiness table.table {
    border-left: 2px solid #BDB76B;
    border-bottom: 2px solid #BDB76B;
    border-top: 2px solid #BDB76B;

}

#device_determiningReadiness table.table thead {
    border-bottom: 2px solid #BDB76B;
}

#device_determiningReadiness table.table td {
    border-right: 2px solid #BDB76B;
}

#device_determiningReadiness table.table th {
    border-right: 2px solid #BDB76B;
}

.readiness-content table.table {
    border-left: 2px solid #39b54a;
    border-bottom: 2px solid #39b54a;
    border-top: 2px solid #39b54a;

}

.readiness-content table.table thead {
    border-bottom: 2px solid #39b54a;
}

.readiness-content table.table td {
    border-right: 2px solid #39b54a;
}

.readiness-content table.table th {
    border-right: 2px solid #39b54a;
}

#network_determiningReadiness table.table,
#networkReadinessTab table.table,
#wapGaps table.table {
    border-left: 2px solid #F4A460;
    border-bottom: 2px solid #F4A460;
    border-top: 2px solid #F4A460;

}

#network_determiningReadiness table.table thead,
#networkReadinessTab table.table thead,
#wapGaps table.table thead {
    border-bottom: 2px solid #F4A460;
}

#network_determiningReadiness table.table td,
#networkReadinessTab table.table td,
#wapGaps table.table td {
    border-right: 2px solid #F4A460;
}

#network_determiningReadiness table.table th,
#networkReadinessTab table.table th,
#wapGaps table.table th {
    border-right: 2px solid #F4A460;
}

#network_determiningReadiness table.table th,
#network_determiningReadiness table.gap_table th {
    background-color: #FFF8DC;
}

.readiness-content .tab-background, .device-readiness-content .tab-background, network-readiness-content .tab-background {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #fff;
}

.dashboard-block-action {
    left: -60%;
    position: relative;
}

.dashboard-block-action .btn-container .row-fluid .span2 .btn {
    vertical-align: inherit;
}

ul.school-dashboard-tabs, ul.district-dashboard-tabs {
    border-bottom: none !important;
}

ul.school-dashboard-tabs a, ul.district-dashboard-tabs a {
    font-weight: bold;
}

.readiness-content, .device-readiness-content, .network-readiness-content {
    padding: 13px;
    background-color: rgba(255, 255, 255, 0.4);
    border: 3px solid lightgray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sonata-bc .nav-tabs > .active > a, .sonata-bc .nav-tabs > .active > a:hover {
    border: 1px solid #DDDDDD;
}

.tab-content .tab-title {
    top: -140px;
    position: absolute;
    z-index: 999;
    width: 80%;
}

.tab-title-container {
    position: relative;
}

.sonata-bc .tab-content {
    overflow: visible !important;
}

ul.school-codes-device-readiness, ul.school-codes-readiness, ul.school-codes-overall-readiness, ul.school-codes-network-readiness {
    position: relative;
    top: -45px;
}

/*
.white-box{

    border: 1px solid #888888;
    box-shadow: 2px 2px 1px #888888;

} */
.device-readiness-content .box {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;

    border: solid 4px #BDB76B;
}

#network_gapAnalysis .box {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;

    border: solid 4px #F4A460;
}

#network_gapAnalysis .box td {
    border: none !important;
}

.sub-nav-tab a {
    font-weight: bold;
    color: #000;
    font-size: 12px;
}

ul.sub-nav-tab {
    border-bottom: none !important;
    position: relative !important;
}

ul.sub-nav-tab li a {
    background-repeat: no-repeat;
    width: 255px;
    border: none !important;
    background-color: transparent !important;
    margin-right: 0px;
}

#deviceReadinessTab li a {
    background-image: url('../img/images/devtaboff.png');
}

#deviceReadinessTab li.active a, #deviceReadinessTab li a:hover {
    background-image: url('../img/images/devtabon.png');
}

#overallReadinessTab li a {
    background-image: url('../img/images/ovrtaboff.png');
}

#overallReadinessTab li.active a, #overallReadinessTab li a:hover, #overallReadinessTab li.active a {
    background-image: url('../img/images/ovrtabon.png');
}

#networkReadinessTab li a {
    background-image: url('../img/images/nettaboff.png');
}

#networkReadinessTab li.active a, #networkReadinessTab li a:hover {
    background-image: url('../img/images/nettabon.png');
}

#networkGapAnalysisTab li.active a, #networkGapAnalysisTab li a:hover {
    background-image: url('../img/images/gapson.png');
}

#networkGapAnalysisTab li a {
    width: 200px;
    background-image: url('../img/images/gapsoff.png');
}

#networkGapAnalysisTab {
    position: relative;
    top: -40px;
}

#wapGaps #wap_sufficiency {
    position: relative;
    top: -25px;
    width: 100%;
}

#minimum_devices {
    width: 60%;
    left: 35%;

}

#minimum_devices .modal-body {
    height: 400px !important;
}

/* login page */
/*
.login-form {
    background-image: url('../img/images/login.png');
    background-repeat: no-repeat;
    width: 687px !important;
    position: relative;
    height: 122px;

}

.login-container {
    min-height: 380px;
    padding-top: 210px;

}

.login-form #username {
    border: medium none !important;
    box-shadow: none !important;
    font-size: 13px;
    height: 25px;
    left: 225px;
    position: absolute;
    top: 50px;
    width: 110px;
}

.login-form #password {
    border: medium none !important;
    box-shadow: none !important;
    font-size: 13px;
    height: 25px;
    left: 425px;
    position: absolute;
    top: 50px;
    width: 110px;
}

.login-form #_submit {
    background-color: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    left: 595px;
    top: 55px;
}
*/

.blue-circle {
    position: relative;
    max-width: 176px;
}

@media (min-width: 1100px) {

    .blue-circle h2 {
        font-size: 300%;
        top: 20%;
        width: 100%;
    }
}

@media (max-width: 1100px) {

    .blue-circle h2 {
        font-size: 150%;
        top: 10%;
        width: 100%;
    }
}

.blue-circle h2 {
    position: absolute;
    text-align: center;
    width: 100%;
}

.blue-circle img {
    width: 95%;
    max-width: 172px;
}

h2.white {
    color: white;

}

.negative-margin-top-s {
    margin-top: -20px;
}

table.school-readiness-table th.first {
    width: 100px;
    text-align: center;
}

table.school-readiness-table th.middle {
    width: 100px;
    text-align: center;
}

table.school-readiness-table th.last {
    text-align: center;
    vertical-align: middle;
}

table.school-readiness-table td li {
    list-style: none;
    display: block;
    padding: 5px 10px;
    float: left;
    background-color: #f3f3f3;
    margin-right: 10px;
    border: #9a9a9a;
    border-radius: 15px;
    border: #bfbfbf solid 1px;
    margin-bottom: 10px;
}

table.school-readiness-table td li a {
    color: black;
}

.sonata-bc table.testing-specifications {
    width: 1050px;
}

.jqplot-xaxis {
    z-index: 99 !important;
}

.modal-body {
    z-index: 999 !important;
}

.sonata-bc .table .text-center td {
    text-align: center;
}

.sonata-bc table .box [class*="span"] {
    float: left !important;
}

table.gap_table td, table.gap_table th {
    border: 2px solid #F4A460;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

table.gap_table td.bottom-left {
    border-bottom: none !important;
    border-left: none !important;
}

table.gap_table th.top-left {
    border-top: none !important;
    border-left: none !important;
}

#forgot_password {
    position: absolute;
    left: 430px;
    top: 150px;
}

table.jqplot-table-legend {
    z-index: 9999;
}

#deviceReadinessTab ul {
    margin-bottom: 0;
}

#device_gapAnalysis h3 {
    font-size: 20px;
}

#device_gapAnalysis li {
    line-height: 20px;
}

#device_gapAnalysis li, #device_gapAnalysis p {
    font-size: 14px;
}

#network_determiningReadiness {
    font-size: 14px;
}

#overallTestSpecificationsTab li a {
    background-image: url('../img/images/devtaboff.png');
}

#overallTestSpecificationsTab li.active a, #deviceReadinessTab li a:hover {
    background-image: url('../img/images/devtabon.png');
}

.line-gauge img {
    width: 250px;
}

.network-flowchat {
    width: 90%;
}

.determining-readiness-table td.text-center {
    text-align: center;
    font-weight: bold;
}

#overall_determiningReadiness h3 {
    font-size: 14px;
}

table.styled-table {
    border-left: 2px solid #F4A460;
    border-bottom: 2px solid #F4A460;
    border-top: 2px solid #F4A460;
    margin-bottom: 0 !important;
}

table.styled-table thead {
    border-bottom: 2px solid #F4A460;
}

table.styled-table td {
    border: 2px solid #F4A460;
}

table.styled-table th {
    border-right: 2px solid #F4A460;
}

table.styled-table th {
    background-color: #FFF8DC;
}

table.school-readiness-table th.first {
    text-align: center;
}

table.school-readiness-table th.middle {
    text-align: center;
}

table.school-readiness-table th.last {
    text-align: center;
    vertical-align: middle;
}

table.school-readiness-table td.first {
    text-align: center;
}

table.school-readiness-table td.middle {
    text-align: center;
}

table.school-readiness-table td.last {
    text-align: center;
    vertical-align: middle;
}

.jqplot-target {
    color: black !important;
}

.red {
    color: red !important;
}