/**************************************************************************
   _____  ____ __  ___ __  ___ ______ ____  _____  ____ ____   _   __
  / ___/ /  _//  |/  //  |/  // ____// __ \/ ___/ /  _// __ \ / | / /
  \__ \  / / / /|_/ // /|_/ // __/  / /_/ /\__ \  / / / / / //  |/ / 
 ___/ /_/ / / /  / // /  / // /___ / _, _/___/ /_/ / / /_/ // /|  /  
/____//___//_/  /_//_/  /_//_____//_/ |_|/____//___/ \____//_/ |_/   

CustomProjectScoring File
                                                                                                                                 
**************************************************************************/


/* Force correct sans-serif fonts */
.scoringBody {
    font-family: Helvetica, Arial, sans-serif;
    background: url("scoring/images/teenMI_abstract_background.jpg") no-repeat center center fixed;
    background-repeat:repeat;
}
.topMainHeaderText {
    background: #28624D!important;
    line-height:2vh;
    font-family: Helvetica, Arial, sans-serif;
    padding-left:.8%!important;
}

/* TOP AND BUTTONS */
#scoringView .topMainHeader {
    background: #fff;
    padding-bottom:0px !important;
	height:8vh!important;
}

img#pageTitleImage {
	height: 7vh!important;
	margin-top:3px!important;
}

.scoringTopButton {
	margin-top:8px!important;
}

.x-toolbar-docked-bottom
{
    border-bottom: unset !important;
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
    background: #fbfdfe !important;
    background-color: transparent !important;
}

/* LEFT MENU */
#leftMenu {
	width:15vw!important;
	margin-right:0.5vw!important;
	margin-left:0.5vw!important;
}

#menuScoring {
	background:none!important;
}

#scoringView .x-panel-header-default {
    display: none;
}

#scoringView .scoringMenu .x-panel-body-default {
    border: medium none ;
    background: #fff;
    border: 0px;
    box-shadow: 0px;
}

#scoringView .scoringMenu .x-item-selected li {
	color:#fafafa;
    background-color: rgba(40, 98, 77, 0.80);
}

#scoringView .scoringMenu .x-item-over li {
	color:#fafafa;
    background-color: rgba(40, 98, 77, 0.80);
}

#scoringView .scoringMenu li {
    color: #000;
    background-color: rgba(40, 98, 77, 0.20);
    border-radius:4px;
}


/* HEADERS AND DATA */

/* CHECKLIST OVERRIDES */
.scoringprimaryviewcls {
	width:82vw;
    padding:0;
}

.scoringPrimaryBody {
    background: #ffffff;
}

.scorecontentdiv {
    height:73vh;
}

.simpleViewTwo .checklistTwoHeader {
    display:none;
}

.hamburgerlink>div {
    background-color:#28624D!important;
}

.regularButtonWell {
    width:80vw;
    margin-left:16vw;
    padding:2vh 1vw 2vh 1vw;
    background: #28624D;
    margin-top:0vh!important;
}

.totalScoreItem .scoreSummary {
    border-top: 1px solid #000 !important;
}
#scoringView .checklistItems {
    max-width: 875px;
}
#scoringView .checklistItems .checklistHeader {
    margin-top: 10px;
    margin-left: 30px;
    line-height: normal;
    border-bottom: 1px solid #000;
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
    letter-spacing: 0;
}
#scoringView .checklistItems .checklistBlurb {
    margin-top: 5px;
    margin-left: 30px;
    margin-right: 0;
    white-space: normal;
    min-height: 10px;
    font-size: 1.3em;
    color: #000;
    padding: 10px;
    background: rgba(102, 102, 102, 0.10);
    border: 1px solid rgba(102, 102, 102, 0.20);
}
#scoringView .checklist .checklistItems .scoreSummary {
    border-top: 1px solid #000 !important;
    margin-top: 15px;
    font-size: 30pt;
    padding: 8px 0;
    font-style: normal;
    margin-left: 30px;
    color: #1a1a1a;
    vertical-align: middle;
    font-family: "Lato", Helvetica, Arial, sans-serif;
}

/* SIMPLEVIEW OVERRIDES */
.simpleViewTwoScoreTitle, .simpleViewTwoScoreValue {
    font-family:Helvetica, arial, sans-serif;
}

.simpleItemTwoBlurb
{
    font-family: Helvetica, Arial, sans-serif;
}

.simpleItemTwoTitle
{
    font-family: Helvetica, Arial, sans-serif;
}

.scoringSections
{
    text-align:center;
    font-family: Helvetica, Arial, sans-serif;
}


.simpleViewTwoItem .Orange {
    color:#ffcc00;
   background: #FFF;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}

.simpleViewTwoItem .Red {
    color:red !important;
   background: #FFF;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}

.simpleViewTwoItem .Green {
    color:#33cc33 !important;
   background: #FFF;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}
.simpleViewTwoItem .YellowGreen {
    color:yellowgreen !important;
   background: #fff;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}

.simpleViewTwoItem .Yellow {
    color:yellow !important;
  background: #FFF;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}
.simpleViewTwoItem .Blue {
    color:blue !important;
    background: #FFF;
    padding:10px!important;
    border: 0px solid #555 !important;
    border-radius: 3px!important;
}

.subItem .Orange {
    color:black !important;
    padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.subItem .Red {
    color:black !important;
    padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important; 
}

.subItem .Green {
    color:black !important;
     padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}
.subItem .YellowGreen {
    color:black !important;
    padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.subItem .Yellow {
    color:black !important;
    padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important; 
}
.subItem .Blue {
    color:black !important;
    padding: 0px !important;
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important; 
}
.simpleViewTwo .scoreSummary {
	border-top: 1px solid!important;
	padding-bottom:1vh;
}
.checklistTwoItem {
	border:none!important;
}
div#introRightBtn button {
    margin-right: 4vw;
    background-color: limegreen;
    box-shadow: 2px 2px 5px 1px #1a4e1a6b;
    border: none;
    padding:15px;
	cursor:pointer;
}
div#introTop {
	position:fixed;
	width: 100%;
	top: 1.4vh;
	height:0;
	padding: 0 0 0 0;
}
div#frontscreens {
	height:105%;
}
iframe {
	border-width:0;
}
@media (max-width:992px) {
	div#introTop {
		position:unset;
		background-color: #28624d;
		height: 50px;
	}
	div#introRightBtn {
		cursor:pointer;
		font-weight: 900;
		color:white;
	}
	div#introRightBtn button {
		width:100%;
		color:white;
	}
	div#frontscreens {
		height:100%;
	}
	.menu {
		border-radius: 5px!important;
		border:none!important;
		background-color:white!important;
	}
}