/* Orima_Wordmark logo dimensions: w=400, h=103*/
@media (max-width: 499px) {
    #logo-bar {
        height: 90px;
        width: 100%;
        background-color:#33647E;
        top: 5px;
        left: 0;
        position:relative;
    }
    #logo-1 {
        position: absolute;
        top: 10px;
        left: 30px;
        font-size: 32px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
    #logo-2 {
        position: absolute;
        top: 50px;
        left: 30px;
        font-size: 20px;
        letter-spacing: 0.1px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
    #logo-3 {
        display:none;
    }

    #page-top {
        height: 150px !important;
    }
}

@media (min-width: 500px) {
    #logo-bar {
        height: 110px;
        width: 100%;
        background-color:#33647E;
        top: 50px;
        left: 0;
        position:relative;
    }
    #logo-1 {
        position: absolute;
        top: 20px;
        left: 50px;
        font-size: 32px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
    #logo-2 {
        position: absolute;
        top: 60px;
        left: 50px;
        font-size: 20px;
        letter-spacing: 0.1px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
    #logo-3 {
        position:absolute;
        width:200px;
        height:150px;
        right:0;
        bottom:5px;
        background-image: url('/cesschools/portal/common/images/cesschools_banner.png');
        background-repeat: no-repeat;
        background-size:90%;
    }
}
@media (min-width: 820px) {
    #logo-bar {
        height: 140px;
        width: 100%;
        background-color:#33647E;
        top: 80px;
        left: 0;
        position:relative;
    }
    #logo-1 {
        position: absolute;
        top: 5px;
        left: 50px;
        font-size: 52px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
    #logo-2 {
        position: absolute;
        top: 70px;
        left: 50px;
        font-size: 40px;
        letter-spacing: 0.1px;
        font-family: "Calibri", Arial, sans-serif;
        color: #fff;
        white-space: nowrap;
    }
      #logo-3 {
        position:absolute;
        width:247px;
        height:209px;
        right:30px;
        bottom:5px;
        background-image: url('/cesschools/portal/common/images/cesschools_banner.png');
        background-repeat: no-repeat;
          background-size:100%;
    }
}


.btn-ces {
    width: 150px;
    border: 2px solid #E9C71C;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 6px;
}

.btn-ces:hover {
    border:2px solid #CDAB1C;
    background-color: #FFE559;
}

a.href-ces {
    color: #000;
}

a.href-ces:hover {
    text-decoration: none;
}



div.ces-menu {
    padding: 12px;
    cursor: pointer;
    height: 100px;
}

div.ces-menu div.container {
    display: table;
    height: 100%;
    width: 100%;
}

div.ces-menu div.text {
    display: table-cell;
    font-size: 110%;
    vertical-align: middle;
    text-align: center;
}

div.cm-1 {
	margin:0 3px 0 0;
}
div.cm-2 {
	margin:0;
}
div.cm-3 {
	margin:0 0 0 3px;
}



div.ces-blue {
	background-color:#4A78A1;
	color:#fff;
	text-decoration:underline;
}

div.ces-blue:hover {
	background-color:#45628A;
}








div.cem-hover {
    padding: 24px 6px;
    width: 125px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #fff;
    text-decoration: none;
}

div.cem-hover:hover {
    border: 1px solid #EEF9DB;
    background-color: #EEF9DB;
}

div.cem-hover:hover svg {
    fill: #999;
}
a.plain {
    text-decoration:none;
}
a.plain:hover {
    text-decoration:none;
}


a.cem-hover {
    color: #000;
    text-decoration: none;
}

a.cem-hover:hover {
    color: #000;
    text-decoration: none;
}

a.cem-hover:focus {
    color: #000;
    text-decoration: none;
}





div.cm-blue {
	background-color:#2596CA;
	color:#fff;
	text-decoration:underline;
}

div.cm-green {
	background-color:#78B822;
	color:#fff;
	text-decoration:underline;
}

div.cm-grey {
	background-color: #666;
	color:#fff;
	text-decoration:underline;
}

div.cm-white {
	background-color: #fff;
	border: 1px solid black;
	color:#000;
}


div.cm-blue:hover {
	background-color:#1F729A;
}

div.cm-green:hover {
	background-color:#53851B;
}

div.cm-grey:hover {
	background-color:#333;
}

h1.cem-title {
	background-color:#2596CA;
	text-align: center;
	width:100%;
	padding:12px !important;
	color:#fff;
	font-size:24px;
	margin-bottom:16px;
}

h2.cem-title {
	font-size:19px;
	color:#000;
	font-weight:bold;
	margin-top:16px;
}


h1.cem-title-green {
	background-color:#78B822;
	text-align: center;
	width:100%;
	padding:12px !important;
	color:#fff;
	font-size:24px;
	margin-bottom:16px;
}


h1.cem-title-grey {
	background-color:#666;
	text-align: center;
	width:100%;
	padding:12px !important;
	color:#fff;
	font-size:24px;
	margin-bottom:16px;
}


.cem-green {
	color:#78b800;
}

.cem-blue {
	color:#2596CA;
}

.equal {
	 display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
div.blue-box {
    border: 1px #056890 solid;
    background-color: #9EE0FF;
    padding: 9px;
    width: 100%;
    margin: 24px 0;
}
div.userguide {
    border:1px solid black;
    padding: 6px;
    height:100%;
    background-color: #E69138;
    text-align:center;
}
div.userguide:hover {
    background-color: #A56525;
}

div.userguide div.txt {
    display:table-cell;
    color:#fff;
    font-weight:normal;
    vertical-align:middle;
    text-align:center;
    font-size:130%;
    line-height:1.5em;
}
div.userguide div.txt:hover {
    text-decoration:none;
}

div.userguide2 {
background-color:#fff;
    border:1px solid black;
    padding:12px 6px;
    color:#000;
    font-weight:bold;
    text-align:center;
    height:100%;
}
div.userguide2:hover {
    background-color: #eeeeee;
}
div.userguide2 div.txt:hover {
    text-decoration:none;
}


    div.input-group-addon {
        color: #cccccc;
    }

     div.input-group-addon  div.svg {
        width: 26px;
        height: 26px;
        margin: -4px;
        fill: #666;
      }


table.cemRR {
    border-collapse: collapse;
    font-size: 13px;
}
table.cemRR th {
		background-color: #2596CA;
		color: #fff;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding: 6px;
		border-bottom: 1px solid #999;
		width: 150px;
	}

table.cemRR td {
		background-color: #fff;
		border-bottom: 1px solid #999;
		text-align: center;
		padding: 6px;
	}

/*table.cemRR #previous-button span.svg {
    position: absolute;
    fill: #ffffff;
}*/


table.sss-table {
    width:100%;
    max-width:1000px;
}
table.sss-table th {
    background-color:#2596CA;
    color: #ffffff;
    padding:12px 9px;
    text-align:center;
}
table.sss-table td.td1 {
    background-color: #E6D5F3;
    color: #000000;
    padding:12px 9px;
        border-bottom:1px dashed #7030A0;
}
table.sss-table td.td2 {
    background-color: #ffffff;
    color: #000000;
    padding:12px 9px;
    border-bottom:1px dashed #7030A0;
}


table.sss-list {
    font-size:13px;
}
table.sss-list th {
    background-color:#2596CA;
    color: #ffffff;
    padding:9px 6px;
    text-align:left;
    border-left:1px solid silver;
}
table.sss-list td {
    padding:6px;
    border-left:1px solid #2596CA;
    border-right:1px solid #2596CA;
}
table.sss-list th:first-child  {
    border-left:1px solid #2596CA;
}


table.sss-list tr:nth-child(2n) {
    background-color: #eeeeee;
}

table.sss-list input {
    width:16px;
    height:16px;
}







div.page-break {
    page-break-after: always;
}

/* medium layout  */
@media (max-width: 519px) {
    div.logo-bar {
        height: 84px;
    }

    div.logo-bar #left-logo {
        top: 15px;
        left: 10px;
        width: 350px;
        height: 50px;
        background-image: url('../images/DET LOGO WHITE.png'); /* 1875 x 272 */
    }

    div.logo-bar #right-logo {
        display: none;
    }

    .hideSmall {
        display: none;
    }

}


/* medium layout  */
@media (min-width: 520px) {
    div.logo-bar {
        height: 115px;
    }

    div.logo-bar #left-logo {
        top: 23px;
        left: 23px;
        width: 476px;
        height: 69px;
        background-image: url('../images/DET LOGO WHITE.png'); /* 1875 x 272 */
    }

    div.logo-bar #right-logo {
        display: none;
    }

    .hideSmall {
        display: none;
    }
}

/* medium layout  */
@media (min-width: 850px) {
    div.logo-bar {
        height: 115px;
    }

    div.logo-bar #left-logo {
        top: 23px;
        left: 23px;
        width: 476px;
        height: 69px;
        background-image: url('../images/DET LOGO WHITE.png'); /* 1875 x 272 */
    }

    div.logo-bar #right-logo {
        display: block;
        top: 23px;
        right: 23px;
        width: 271px;
        height: 69px;
        background-image: url('../images/Orima_Logo.png'); /* default 400 x 102*/
    }
}

/* desktop layout  */
@media (min-width: 1300px) {
    div.logo-bar {
        height: 150px;
    }

    div.logo-bar #left-logo {
        top: 30px;
        left: 30px;
        width: 620px;
        height: 90px;
        background-image: url('../images/DET LOGO WHITE.png'); /* 1875 x 272 */
    }

    div.logo-bar #right-logo {
        display: block;
        top: 30px;
        right: 30px;
        width: 353px;
        height: 90px;
        background-image: url('../images/Orima_Logo.png'); /* default 400 x 102*/
    }
}

#page-body { /* need this as container padding set to zero to get logo bar flush with edge */
    padding: 0 15px;
}

#top-menu-bar div.school-name {
    font-weight: bold;
    color: #99282F !important;
}


#top-menu-bar div.school-user {
    background-color: #FFE599;
}

#top-menu-bar div.school-user:hover {
    background-color: #DEB59B;
}


#top-menu-bar nav.navbar-inverse div.coordinator {
    /*background-color: #F7CAAC;*/
    background-color: #FFFFFF;
}

#top-menu-bar nav.navbar-inverse div.coordinator button.navbar-toggle:hover {
    /*background-color:#DEB59B;*/
    background-color: #dddddd;
}

#top-menu-bar nav.navbar-inverse div.coordinator button.navbar-toggle:focus {
    /*background-color:#F7CAAC;*/
    background-color: #dddddd;
}


#top-menu-bar nav.navbar-inverse div.principal {
    /* principal shading for navigation bar*/
    /* background-color: #FFE599;*/
    background-color: #FFFFFF;
}

#top-menu-bar nav.navbar-inverse div.principal div.hover:hover {
    /* background-color:#DCC486;*/
    background-color: #dddddd;
}

#top-menu-bar nav.navbar-inverse div.principal button.navbar-toggle:hover {
    background-color: #DCC486;
}

#top-menu-bar nav.navbar-inverse div.principal button.navbar-toggle:focus {
    background-color: #FFE599;
}

nav.navbar-inverse {
    background-color: transparent;
    border-bottom: none;
}

div.red-line {
    border-bottom: 1px solid #99282F;
    height: 1px;
    width: 100%;
    margin-top: 24px;
}

div.red-box {
    border: 1px #99282F dashed;
    background-color: #FCF2F2;
    padding: 9px;
    width: 100%;
    margin: 24px 0;
}


.large-button {
    display: block;
    position: relative;
    padding: 6px;
    width: 210px;
    height: 70px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.large-button .svg {
    position: absolute;
    width: 80px;
    height: 80px;
    margin: -10px 0 0 -10px;
    fill: #ffffff;
}

.large-button .txtbox {
    position: absolute;
    width: 140px;
    height: 58px;
    margin: auto 0 auto 60px;
    padding-top: 9px;
    text-align: center;
    font-size: 14px;
}

.large-button-grey {
    background-color: #666666;
    color: #eeeeee;
    font-size: 12px;
}

.large-button-grey:hover {
    background-color: #444444;
}

.large-button-silver {
    background-color: #8f8f8f;
    color: #ffffff;
    font-size: 12px;
}

.large-button-silver:hover {
    background-color: #7a7a7a;
}

.large-button-blue {
    background-color: #4472C4;
    color: #ffffff;
    font-size: 12px;
}

.large-button-blue:hover {
    background-color: #2A457A;
}


.large-button-green3 {
    background-color: #60B3AF;
    color: #ffffff;
    font-size: 12px;
}

.large-button-green3:hover {
    background-color: #336E6A;
}


.large-button-green2 {
    background-color: #9A821E;
    color: #ffffff;
    font-size: 12px;
}

.large-button-green2:hover {
    background-color: #765F1C;
}


.large-button-green {
    background-color: #548235;
    color: #ffffff;
    font-size: 12px;
}

.large-button-green:hover {
    background-color: #3A6834;
}


.large-button-light-blue {
    background-color: #569CD7;
    color: #ffffff;
    font-size: 12px;
}

.large-button-light-blue:hover {
    background-color: #4472C4;
}


.large-button-red {
    background-color: #B5282E;
    color: #ffffff;
    font-size: 12px;
}

.large-button-red:hover {
    background-color: #641919;

}

.large-button-orange {
    background-color: #ED7D31;
    color: #ffffff;
    font-size: 12px;
}

.large-button-orange:hover {
    background-color: #C26131;

}

.large-button-yellow {
    background-color: #E6C062;
    color: #ffffff;
    font-size: 12px;
}

.large-button-yellow:hover {
    background-color: #B69E5B;

}


.large-button-purple {
    background-color: #7030A0;
    color: #ffffff;
    font-size: 12px;
}

.large-button-purple:hover {
    background-color: #4E2B79;

}


.large-button-purple2 {
    background-color: #8E57B2;
    color: #ffffff;
    font-size: 12px;
}

.large-button-purple2:hover {
    background-color: #7E4AA1;

}


.large-button-seaGreen {
    background-color: #027180;
    color: #ffffff;
    font-size: 12px;
}

.large-button-seaGreen:hover {
    background-color: #025F6E;

}


.large-button-pink {
    background-color: #FF4B4F;
    color: #ffffff;
    font-size: 12px;
}

.large-button-pink:hover {
    background-color: #E6494D;

}

.atoss-link:hover {
    background-color: #eeeeee;
    cursor: pointer;
}

div.grey-box {
    background-color: #f2f2f2;
    padding: 9px;
    border: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 0 24px 0;
}

div.grey-box h3 {
    margin-top: 0;
}

div.grey-box h4 {
    margin-top: 0;
}

div.pink-box {
    background-color: #FBE5D6;
    padding: 9px;
}

div.pink-box-dash {
    background-color: #F4E3DF;
    padding: 9px;
    border: 1px dashed #A02329;
}

a.nolink {
    text-decoration: none;
    color: inherit;
}

table.rr th {
    background-color: #A02329;
    color: #ffffff;
    font-weight: bold;
    padding: 6px;
    text-align: left;
    font-size: 0.9em;
}

table.rr td {
    padding: 6px;
}


/*
    CHECK-IN STUDENTS REPORT
*/

div.checkin-report-heading {
    font-weight: bold;
    font-size: 16px;
    background-color: #A6A6A6;
    padding: 9px;
    width: 800px;
    margin: 48px 0 0 0;
}

table.checkin-report-table {
    width: 800px;
    border: none;
    font-size: 13px;
    font-weight: normal;
    margin: 24px 0;
}


th.checkin-col-header {
    background-color: #B5282E;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding: 6px;
    border: 1px solid #333333;
    width: 200px;
}

td.checkin-sub-heading {
    background-color: #BEBEBE;
    color: #000000;
    text-align: left;
    padding: 6px;
    border: 1px solid #999999;
    font-weight: bold;
    font-size: 14px;
}

td.checkin-label-cell {
    text-align: left;
    padding: 6px;
    border: 1px solid #999999;
    width: 600px;
}

td.checkin-data-cell {
    /*text-align:right;
    padding:6px 90px 6px 6px;*/
    text-align: center;
    padding: 6px;
    border: 1px solid #999999;
}


@media print {

    body {
        -webkit-print-color-adjust: exact;
    }

    div.logo-bar {
        display: none;
    }

    /*    div.logo-bar {
            background-color: #B5282E !important;
        }*/
    div.do-not-print {
        display: none;
    }

    div.footer-details {
        display: none;
    }

    #page-footer {
        display: none;
    }

    #page-footer-portrait {
        display: none;
    }

    table.checkin-report-table {
        font-family: Helvetica, sans-serif;
    }

    div.checkin-report-heading {
        background-color: #A6A6A6 !important;
    }

    td.checkin-sub-heading {
        background-color: #BEBEBE !important;
    }

    th.checkin-col-header {
        background-color: #B5282E !important;
        color: #ffffff !important;
    }

    /*  th {font-size:11px;width:50px;}
      td.row-label {font-size:11px;width:300px;}
      td.row-average-label {font-size:11px;width:300px;}
      td.row-average-data {font-size:12px;}
      td.row-data {font-size:11px;}
      div.chart {width:1210px;text-align:center;}
      div.fifo-chart {width:1200px;}*/
}


/*
atoss portal pages
*/


.atoss-button {
    display: block;
    padding: 6px;
    width: 230px;
    height: 170px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #4472C4;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.atoss-button .div-1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.atoss-button .svg {
    width: 50px;
    height: 50px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.atoss-button .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 6px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}

.atoss-button:hover {
    background-color: #2A457A;
}


.atoss-button-2 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #4472C4;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.atoss-button-2 .svg {
    width: 80px;
    height: 80px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.atoss-button-2 .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 8px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}


.atoss-button-2:hover {
    background-color: #2A457A;
}

.atoss-button-3 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #4472C4;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.atoss-button-3 .svg {
    width: 70px;
    height: 70px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.atoss-button-3 .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 0px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}

.atoss-button-3:hover {
    background-color: #2A457A;
}


.atoss-button-4 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #4472C4;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.atoss-button-4 .svg {
    width: 50px;
    height: 50px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.atoss-button-4 .txtbox {
    width: 200px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 0px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 14px;
}

.atoss-button-4:hover {
    background-color: #2A457A;
}


.atoss-button-5 {
    display: block;
    padding: 6px;
    width: 220px;
    height: 120px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #4472C4;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.atoss-button-5 .svg {
    width: 50px;
    height: 50px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.atoss-button-5 .txtbox {
    width: 200px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 0px auto 0;
    padding-top: 0px;
    text-align: center;
    font-size: 18px;
}

.atoss-button-5:hover {
    background-color: #2A457A;
}


table.headcount {
    width: 100%;
    max-width: 800px;
}

table.headcount th {
    background-color: #4472C4;
    border: 1px solid #fff;
    width: 33%;
    max-width: 200px;
    color: #ffffff;
    text-align: center;
    padding: 9px;
}

table.headcount td {
    border-bottom: 1px dashed #4472C4;
    text-align: center;
    padding: 6px;
}

table.headcount tr.end > td {
    border-bottom: 1px solid #4472C4;
    text-align: center;
    padding: 9px;
}


table.rr2 {
    margin-top: 36px;
}

table.rr2 th {
    background-color: #A02329;
    color: #ffffff;
    font-weight: normal;
    padding: 6px;
    text-align: center;
    font-size: 0.9em;
}

table.rr2 td {
    padding: 6px;
    border-bottom: 1px dashed #A02329;
    text-align: center;
}

table.rr2 td.data {
    /*    text-align:right;
        padding-right:32px;*/
}

table.rr2 td.end {
    border-top: 1px solid #A02329;
    border-bottom: 1px solid #A02329;
    font-weight: bold;
}


div.atoss-report-heading {
    background-color: #D9D9D9;
    padding: 6px;
    font-size: 110%;
    margin: 24px 0;
}

table.atoss-report-table {
    border: none;
    color: #000000;
    font-size: 12px;
    margin-bottom: 24px;
}

table.atoss-report-table th.atoss-col-header-blank {
    background-color: #ffffff;
    color: #A02329;
    font-size: 120%;
    font-weight: bold;
    vertical-align: bottom;
    text-align: center;
}

table.atoss-report-table th.atoss-col-header1 {
    background-color: #A02329;
    color: #ffffff;
    font-size: 120%;
    text-align: center;
    vertical-align: bottom;
    padding: 6px 6px 3px 6px;
    font-weight: normal;

}

table.atoss-report-table th.atoss-col-header2 {
    background-color: #A02329;
    color: #ffffff;
    font-size: 95%;
    text-align: center;
    vertical-align: bottom;
    padding: 0 0 0 0;
    font-weight: normal;
}

table.atoss-report-table th.atoss-col-header3 {
    background-color: #A02329;
    color: #ffffff;
    font-size: 90%;
    text-align: center;
    padding: 0 0 0 0;
    font-weight: normal;
}

table.atoss-report-table th.atoss-col-header4 {
    background-color: #A02329;
    color: #ffffff;
    font-size: 80%;
    text-align: center;
    padding: 0 0 0 0;
    font-weight: normal;
}

table.atoss-report-table td.atoss-sub-heading {
    background-color: #BEBEBE;
    color: #000;
    font-weight: bold;
    padding: 6px 3px;
    font-size: 100%;
    border: 1px solid #000;
}

table.atoss-report-table td.atoss-sub-heading-data {
    background-color: #BEBEBE;
    color: #000;
    font-weight: bold;
    padding: 6px 3px;
    font-size: 100%;
    border: 1px solid #000;
    text-align: center;
}

table.atoss-report-table td.atoss-col-header-blank {
    background-color: #f6d3d3;
}

table.atoss-report-table td.atoss-label-cell {
    background-color: #FFFFFF;
    color: #000;
    font-weight: normal;
    padding: 3px 3px;
    font-size: 95%;
    border: 1px solid #000;
}

table.atoss-report-table td.atoss-data-cell {
    background-color: #FFFFFF;
    color: #000;
    font-weight: normal;
    padding: 3px 3px;
    font-size: 95%;
    border: 1px solid #000;
    text-align: center;
}

table.atoss-report-table td.dark-red {
    background-color: #632523;
    color: #ffffff;
}

table.atoss-report-table td.dark-green {
    background-color: #4F6228;
    color: #ffffff;
}

table.atoss-report-table td.light-green {
    background-color: #C4D79B;
    color: #000000;
}

table.atoss-report-table td.light-red {
    background-color: #DA9694;
    color: #000000;
}

table.atoss-report-table div.tooltip {
    width: 500px;
}


.sss-button {
    display: block;
    padding: 6px;
    width: 230px;
    height: 170px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #7030A0;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.sss-button .div-1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.sss-button .svg {
    width: 50px;
    height: 50px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.sss-button .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 6px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}

.sss-button:hover {
    background-color: #4E2B79;
}


.sss-button-2 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #7030A0;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.sss-button-2 .svg {
    width: 80px;
    height: 80px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.sss-button-2 .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 8px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}


.sss-button-2:hover {
    background-color: #4E2B79;
}

div.reasons {
    position: relative;
    margin: 3px 0;
}

div.reasons input.rb {
    position: absolute;
    top: 3px;
    left: 3px;
}

div.reasons label {
    position: absolute;
    top: 6px;
    left: 24px;
}

span.link {
    color: #9f2329;
    text-decoration: underline;
    cursor: pointer;
}

span.link:hover {
    color: maroon;
}


.pcgos-button {
    display: block;
    padding: 6px;
    width: 230px;
    height: 170px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #70AD47;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.pcgos-button .div-1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.pcgos-button .svg {
    width: 50px;
    height: 50px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.pcgos-button .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 6px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}

.pcgos-button:hover {
    background-color: #538D44;
}


.pcgos-button-2 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #70AD47;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.pcgos-button-2 .svg {
    width: 80px;
    height: 80px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.pcgos-button-2 .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 8px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
}


.pcgos-button-2:hover {
    background-color: #427136;
}


.pcgos-button-3 {
    display: block;
    padding: 6px;
    width: 230px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #70AD47;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 0 12px 12px 0;

}

.pcgos-button-3 .svg {
    width: 70px;
    height: 70px;
    margin: 6px auto 0;
    fill: #ffffff;
}

.pcgos-button-3 .txtbox {
    width: 220px;
    height: 58px;
    /*margin: 4px 0 0 60px;*/
    margin: 0px auto 0;
    padding-top: 9px;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
}

.pcgos-button-3:hover {
    background-color: #427136;
    text-decoration: none;
}


table.pcgos-table {
    width: 900px;
}

table.pcgos-table th {
    font-weight: bold;
    color: #61953c;
    text-align: center;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    width: 33%;
}

table.pcgos-table th:first-child {
    border-left: none;
}

table.pcgos-table th span {
    font-style: italic;
    font-weight: normal;
    font-size: 90%;
}

table.pcgos-table td {
    vertical-align: top;
    padding: 9px;
    border-left: 1px solid #666;
}

table.pcgos-table td:first-child {
    border-left: none;
}