@charset "UTF-8";

html,
body {
  height: 100%;
  background-color:#ffffff;
  font-family: 'Open Sans', sans-serif;
	font-size:16px;
  /* The html and body elements cannot have any padding or margin. */
}

h1{
	font-weight:100;
	font-size:30px;
	color:#00a4c9;
	margin-top:0;
}

p{margin: 0 0 20px 0;}

input, textarea, keygen, select, button{
	color:#231f20;
}

select {
	color:#231f20;
    border: 0px solid #111;
   background: #fff url('/rev-admin/images/select-arrow.png') no-repeat right top;;
   padding: 3px 35px 3px 8px;
   font-size: 14px !important;
   border: 1px solid #322f31;
   height: 30px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius:3px;
   background-size:contain;
   font-weight:300;
} 

label{
	font-weight:300;
}


input, optgroup, textarea{
	padding:3px;
}


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
 /*height: 100%;*/
  /* Negative indent footer by its height */
  margin: 0 auto;
  /* Pad bottom by footer height */
  padding: 0;
  position:relative
}
#ccdLogo {
	position:absolute;
	display: block;
	bottom: 1rem;
	left: 1rem;
	margin: 0 !important;
}
.row{
	margin-left:0;
	margin-right:0;
}

#topHeadDiv{
	background-color: #000000;
}

#topHeadDiv h1, #topHeadDiv h1 a:link, #topHeadDiv h1 a:visited{
	color:#ffffff;
	font-size: 36px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
	display:inline-block; 
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height:22px;
}

#topHeadDiv h1 small {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin-left:20px;
}
#topHeadDiv h1 a:hover small{
	color: #00a4c9;
}

#topHeadDiv h1 i{
	color: #fff;
}

#topHeadDiv h1 a:hover,#topHeadDiv h1 a:hover i{
	color: #00a4c9;
	text-decoration:none;
}


#headDiv{
	 background-color: #000000;
	 color:#ffffff;
	 text-shadow: 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: 0 1px 0 rgba(255,255,255,.1);
  z-index:100;
}

#headDiv h1, #headDiv h1 a:link, #headDiv h1 a:visited{
	color:#fff;
	font-size: 20px;
	margin-top:5px;	
	text-decoration:none;
	display:inline-block;
}

#headDiv h1 i{
	color: #fff;
}

#headDiv h1 a:hover,#headDiv h1 a:hover i{
	color: #98c0e5;
	text-decoration:none;
}

/* Set the fixed height of the footer here */
#footerDiv {
  /*height: auto;*/
  background-color: #40484f;
  color:#fff;
  text-align:center;
  z-index:200;
  position:relative;
}

#footerDiv .container{
	padding:15px;
}

#footerDiv a{
	color:#fff;
}

#sideMenu {
	position:absolute;
	width:280px;
	z-index:100;
	height: 100%;
	background-color:#ebebeb;
	padding:0;
}

#sideMenuBack{
	background-color:#fff;
	width:280px;
	position: fixed;
	top:0;
	bottom:-120px;
	z-index:0;
}
.cbp-spmenu {
	background-color:#fff;
	padding:0px;
	max-width:280px
}

#sideMenu i, .cbp-spmenu i{
	padding:0 10px 0 15px;
}

#sideMenu ul, .cbp-spmenu ul{
		padding:20px 0 0 40px;
		list-style:none;
		margin:0;
		font-size:20px;
}

#sideMenu li, .cbp-spmenu li{
	position: relative;
	margin-top:5px;
}

#sideMenu li img, .cbp-spmenu li img{
margin-right:15px;
}

#sideMenu li a {
	font-size:20px;
	color:#020202;
	width:100%;
	display:inline-block;
	padding:10px 10px;
	position: relative;
}
.cbp-spmenu li a{
	font-size:20px;
	color:#020202;
	width:100%;
	display:inline-block;
	padding:10px 10px;
	position: relative;
	background-color:#fff;
}

#sideMenu li li a{
	padding:2px 10px;
}

#sideMenu li li a{
	font-size:18px;

}
.cbp-spmenu li li a, .revPreview a{
	font-size:18px;
	background-color:#fff;
}
#sideMenu li:hover, .cbp-spmenu li:hover, #sideMenu a:hover, .cbp-spmenu a:hover{
	color:#98c0e5 !important;
	text-decoration:none;
}


#sideMenu ul ul, .cbp-spmenu ul ul{
	padding:0px 0 0 20px;
}

#sideMenu li ul li {
	margin-top:0px;
}
.cbp-spmenu li ul li{
	background-color:#fff;	
	margin-top:0px;
}

#sideMenu .fa-li, .cbp-spmenu .fa-li{
	top:.9em;
}
#sideMenu li.selected, .cbp-spmenu li.selected{
 	
}

/*#sideMenu li.selected:after, #sideMenu li.selected:before, .cbp-spmenu li.selected:after, .cbp-spmenu li.selected:before  {
	right: 0;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#sideMenu li.selected:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 25px;
	margin-top: -25px;
}
#sideMenu li.selected li:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 0px;
	margin-top: -0px;
}*/
#sideMenu li.selected, #sideMenu li.selected li.selected a, #badgesMenu .selected a{
	color:#00a4c9;
	font-weight: 600;
}


#sideMenu li ul{
	position: absolute;
	right:999em;
	top:0;
	font-weight: 400;
}
#sideMenu li.selected ul{
	position: relative;
	right: auto;
	top:auto;
	left:0;
}

#sideMenu li ul li{
	width:260px;
	margin-left:13px;
}
#sideMenu li.selected ul li{
	width:260px;
	margin-left:0px;
}
/*#sideMenu li:hover ul{
	right:-293px;
}
#sideMenu li.selected:hover ul{
	right:auto;
}*/


#sideMenu small, .cbp-spmenu small{
	font-size:14px;
	margin-left:5px
}

#sideMenu li .inactive{
	color: #d0d0d0;
}

.blueButton{background-color: #00a4c9;
color: #fff !important;
text-decoration: none;
padding: 10px 20px;
border-radius: 20px;
margin: 20px 0;
display: inline-block;
}

.blueButton:hover{background-color: #98c0e5; color: #fff;}

#expandMenu a, #collapseMenu a{
	background-color:transparent !important;
}

#expandMenu a:hover, #collapseMenu a:hover{
	background-color:transparent;
}

#expandMenu{
	display:none;
}

.collapsedMenu #expandMenu{
	display:inherit;
}

.collapsedMenu #collapseMenu{
	display:none;
}

.collapsedMenu #sideMenuBack{
	width:80px;
}

.collapsedMenu #sideMenu{
	max-width:80px
}

.collapsedMenu #sideMenu li.selected li a span, .collapsedMenu #sideMenu li a span{
	display:none;
}

.collapsedMenu #sideMenu li li a span{
	display:inherit;
}

.collapsedMenu #sideMenu li img{
height:30px;	
}

.collapsedMenu #sideMenu li.selected:after {
	top: 25px;
}

.collapsedMenu #sideMenu li.selected:after {
	border-width: 15px;
	margin-top: -15px;
}

.collapsedMenu #sideMenu li.selected li:after {
	border-width: 0px;
	margin-top: -0px;
}
.collapsedMenu #sideMenu li.selected ul li{
	width:80px;
}

.collapsedMenu #mainConDiv .container-fluid{
	margin-left:80px;
}

.cbp-spmenu #collapseMenu{
	display:none;
}

.cbp-spmenu li.selected li.selected a{
	color:#c8ddf2;
}

.revPreview{
	padding:15px 10px 15px 25px;
	font-size:18px;
	color: #fff;
	text-align:left;
}

.revPreview a{
	display:inline;
}

.revPreview .pull-left{
	text-align:left;
	line-height:16px
}

.pull-left{
	margin-bottom:20px;	
}

.revPreview i:hover{
	color:#00a4c9;
}
.titleWebAddress{
	color:#999999;
	font-size:11px;
	font-weight:normal;
}

#mainConDiv, #mainConDiv .container-fluid, #mainConDiv .row{
	min-height:100%;
	height:100%;
	position: relative
}

#mainConDiv .row{
	/*padding-bottom:50px;*/
}
#actions{
	min-height: 0 !important;
	height: auto !important;
}
#logoDiv{
	
}
#logoDiv img{
	margin:5px 0 5px 10px;
	display: inline-block;
}

#mobile-header{
	display: inline-block;
	vertical-align:text-bottom;
	}
	
#showLeftPush{
	border:solid 1px #fff;
	display:inline-block;
font-size:16px;
color:#fff;
padding:5px;
cursor:pointer;
margin-right:10px;
}


	
#showLeftPush i{
	color:#00a4c9;	
}

#showLeftPush:hover{
	color:#00a4c9;	
}

.menu1 img{
	max-width: 100%;
}


#topMenu1{
	text-align:right;
}
#topMenu1 p{
	color: #fff;
	margin-top: 10px;
}
#topMenu1 ul{
	list-style:none;
	font-size:20px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:100;
	position:relative;
	z-index:100;	
}
#topMenu1 li{
	padding: 12px 10px !important;
	font-size:18px;
	display:inline-block;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:100;
	position:relative;	
}

#topMenu1 li a{
	display:block;
}
#topMenu1 a{
	color:#fff;	
}
#topMenu1 li ul li a{
	color:#fff;
}
#topMenu1 a:hover, #topMenu li ul li:hover{
	color:#00a4c9;
	text-decoration:none;	
}

#topMenu{
	text-align:right;
}
#topMenu ul{
	list-style:none;
	font-size:20px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:100;
	position:relative;
	z-index:100;	
}
#topMenu li{
	padding: 12px 10px !important;
	font-size:18px;
	display:inline-block;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:100;
	position:relative;	
}

#topMenu li a{
	display:block;
}

#topMenu li ul{
	list-style:none;
	font-size:20px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:100;
	position:absolute;
	top:45px;
	left: -999em;
	color:#fff;
}

#topMenu li ul li{
	margin:0px;
	padding:10px 10px !important;
	text-align:center;
	display:block;
	color:#fff;
	font-size:16px;
	width:200px;
	background-color:#404041;
}
#topMenu li ul li:first-child{
margin-top:23px;	
}

#topMenu ul li:hover ul, #topMenu li.sfhover ul{
	left: auto;
	
}

#topMenu a{
	color:#fff;	
}
#topMenu li ul li a{
	color:#fff;
}
#topMenu a:hover, #topMenu li ul li:hover{
	color:#00a4c9;
	text-decoration:none;	
}



#topMenu li ul:after, #topMenu li ul:before {
	bottom: 100%;
	left: 13px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top:-3px
}


#topMenu li ul:before {
	border-color: rgba(228, 229, 231, 0);
	border-bottom-color: #404041;
	border-width: 13px;
	margin-left: -13px;
}

#mainConDiv .container-fluid{
	margin-left:300px;
}

#mainContent{
	padding:30px 40px 30px 40px;
	
}

#mainContent .mainrow{
	margin-bottom:20px;
	
}

.grayBack{
	background-color:#f3f3f4;
	border-right: solid 10px #fff;
	}

#mainContent a{
	color:#231f20;
}

#mainContent a:hover{
	color:#00a4c9;
	text-decoration:none
}

#mainContent .mainrow h2{
	color:#00a4c9;
	font-weight:100;
	font-size:22px;
	margin:15px 0px 25px 0px;
}

#mainContent h2{
	color:#00a4c9;
	font-weight:100;
	font-size:24px;
	margin:15px 0px 15px 0px;
}

#mainContent h2 img{
	height: 28px;
	vertical-align:bottom;
}

#mainContent h3{
	color:#00a4c9;
	font-weight:100;
	font-size:18px;
	margin:15px 0px 15px 0px;
}

#mainContent h3 small{
	font-size:12px;
}

#mainContent hr{
	color:#ccc;
	background-color:#ccc;
	border:none;
	height:1px;
	margin:5px 0px 10px 0px;
}


#mainContent ul {
    list-style: none;
    padding:0;
    margin:0 0 20px 0 ;
	font-size: 18px
}

#mainContent li { 
    padding-left: 15px; 
	
}


#mainContent .mainrow li{
}

#mainContent li strong{ 
   color:#00a4c9;
   font-weight: 400;
}


#mainContent ul.bulleted li:before {
    content: "• ";
    color: #00a4c9; /* or whatever color you prefer */
}

#mainContent ul.getstarted li:before {
    
}

#contactInfo{
	color: #00a4c9;	
	float:right;
	font-size:26px;
	font-weight:normal;
	line-height:26px;
	
}

#list li{
	text-indent:0;
	font-size:14px;
}

#slidelist li, #teamlist li, #applist li, #reviewlist li, #quizlist li, #questionlist li, #patientlist li, #patientfavlist li, #tickerlist li{
	text-indent:0;
}

#tickerlist p{
	margin-top:5px;
}

#helpFiles{
		 float:left;
	 }
	 
#pageHelpContent{
	display:none;
}

.ui-sortable li{
	cursor:move;
}

#contactInfo h3{
	margin:0 0 5px 0;
	font-size:28px;
	font-weight:normal;
	line-height:26px;
	font-weight:300;
	
}

#contactInfoBut{
	display:block;
	background-color:#00a4c9;
	color:#fff !important;
	padding:5px 10px 10px 10px;
	text-align:center;
	font-size:20px;
	font-weight:300;
	line-height: 16px;
	margin-bottom:15px;
}

#contactInfoBut small{
	font-size:14px;	
}

#contactInfoBut:hover{
	color: #231f20 !important;
	background-color: #c8ddf2 !important;
}

#whatsNew{
	border-right: solid 1px #ccc;
	margin-right:15px;
	height:100%;
}
#whatsNew h2{
	vertical-align:middle;
}

#add_welcome textarea{
	width:100%;
}

.buttonrev, button, input[type="button"], input[type="reset"], input[type="submit"], pageTopMenu li a{
	background: #e7e7e8;
	color: #231f20;
	font-size:20px;
	padding: 10px;
	border: hidden !important;
	display:inline-block;
	margin-bottom:10px;
	text-decoration:none;
}
.buttonrev:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .pageTopMenu li a:hover{
	background: #c8ddf2;
	color: #231f20 !important;	
	border: hidden !important;
}
#loginDiv input[type="submit"]{
	background: #000;
	border-radius: 7px;
	padding:7px 69px !important;
	color: #fff;
}
#loginDiv a {
color:#000 !important;}

.buttonrevHighlighted{
	background: #c8ddf2;
	color: #231f20;
	font-size:20px;
	padding:10px;
	border: hidden !important;
}

.smallButton{
	font-size:18px !important;
	padding:4px 10px !important;
	vertical-align:middle;
	margin-bottom:1px !important;
}

.clearButton{
	font-size:18px !important;
	background-color:transparent;
	padding:0px !important;
	vertical-align:middle;
	margin:4px;
}

.clearButton:hover{
	background-color:transparent;
	color: #98c0e5 !important;
}

.pageTopMenu{
	float:left;
	margin-bottom:40px !important;
}

.pageTopMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.pageTopMenu li:hover a{
	background: #c8ddf2;
}

.pageTopMenu li:hover li a{
	background: #e7e7e8;
}

.pageTopMenu li li:hover a{
	background: #c8ddf2;
}

.pageTopMenu li{
	padding-left:0px !important;
	padding-bottom:0px !important;
}

#adBuildMenu, #adScheduleMenu{
	position:relative;
}

#adBuildMenu li a, #adScheduleMenu li a{
	min-width:175px;
	text-align:center;
	position:relative;	
}

#adBuildMenu li ul, #adScheduleMenu li ul {
	position:absolute;
	left:-999em;	
	top:0px;
}

#adBuildMenu li:hover ul, #adScheduleMenu li:hover ul {
	left:170px;
	padding-left:40px	
}

#adBuildMenu li ul:before, #adScheduleMenu li ul:before{
left: 12px;
	top: 23px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #c8ddf2;
	border-width: 22px;
	margin-top: -22px;
}

#adScheduleMenu{
	margin-bottom:60px !important;
}

.pagination li {
	padding-left:0 !important;
	padding-bottom::0 !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	color:#fff !important;
}


.eip_field, .slector, .eip_save_btn, .eip_cancel_btn{
	margin:0 5px 5px 0;
}

.panel-default>.panel-heading{
background:#e7e7e8;
background-image:none;
}

/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
}



/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 260px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

/*.cbp-spmenu-vertical a {
	padding: 1em;
}*/



/* Vertical menu that slides from the left or right */

.cbp-spmenu-push-toright {
	left: 260px !important;
	overflow-x: hidden;
}

.cbp-spmenu-left {
	left: -260px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
	overflow:auto;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	/*overflow-x: hidden;*/
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}


}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}




 /**************************************************************/
/**************************************************************/
/******************       Load Graphic       ******************/
/**************************************************************/
/**************************************************************/

#processor {
	width: 400px;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	z-index:1000000;
	position:fixed;
	top: 0px;
	left: 0px;
	background-image:url(../images/ajax-loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
	display: none;
}







#mainLoadDiv h2, #mainLoadDiv h2 a:link, #mainLoadDiv h2 a:visited{
	font-size:20px;
	color:#3b166f;
	font-weight:bold;
	text-decoration:none;
}
#mainLoadDiv h2 a:hover{
	color:#D7E598;
}

#mainLoadDiv h3, #mainLoadDiv h3 a:link, #mainLoadDiv h3 a:visited{
	font-size:16px;
	color:#3b166f;
	font-weight:bold;
	text-decoration:none;
}
#mainLoadDiv h3 a:hover{
	color:#D7E598;
}
.badgeStats{
	text-align: center;
	line-height: 20px;
	border: solid 2px #c3eaf2;
	padding: 20px;
	margin-bottom: 20px
}

.badgeStats strong{
	font-size: 28px;
	font-weight: 600;
	color: #00a4c9;
	
}



/**************************************************************/
/**************************************************************/
/******************       Login Styles       ******************/
/**************************************************************/
/**************************************************************/

#login{
	background-image:url(../images/bb-login-background.jpg);
	background-color: #eee9e4;
	background-size:contain;
	 padding: 25vh 0;
	 background-position: right center;
	background-repeat:no-repeat;
 }
#login input[type="submit"]:hover {
color:#ffffff !important;
}
/* padding: 60px 0;  
	animation: changeBg 24s infinite;
 animation-timing-function: ease-in-out;;


@keyframes changeBg{
   0%,100%  {background-image: url(../images/ccd-dashboard-1920.jpg);}
   33% {background-image: url(../images/ccd-dashboard-zebra.jpg);}
   66% {background-image: url(../images/ccd-dashboard-coffee.jpg);}
}
*/ 

#loginDiv{
	background-color: rgba(255,255,255,.7);
	font-size:14px;
	color:#231f20;
	/* border:solid 10px #4d86b0; */
	border-radius: 20px;
	width:475px;
	margin:0px auto 50px auto;
	text-align:center;
	padding:20px;
	z-index:1;
	position:relative;
	font-family:'Lato', sans-serif;
}
#loginDiv input[type="text"], #loginDiv input[type="password"]{
	color:#231f20;
	text-align:left;
	font-size:18px;
	font-family:'Lato', sans-serif;
	max-width:350px;
	width:100%;
	font-weight:300;
	border: #f0f0f0 solid 3px;
}

#loginDiv label{text-align: left;max-width:350px !important;width:100%;}

#loginBackDiv{
	display:none;
	/*
	background-color: #404041;
	height:100px;
	z-index:0;
	position:absolute;
	top:200px;
	width:100%;
	border:solid 5px #ccc;
	border-right:hidden;
	border-left:hidden; 
	*/
}

#loginDiv img{
	display:block;
	margin:0 auto 25px;
	width: 300px;
	height: auto;
}
.nohighlight {
	background-color:#FFFFFF;
}
.highlight { background-color: #FFC; }

#procvideos ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}


.inputSpan{
	float:left;
}
.inputSpan2{
	float:left;
	width:400px;
}
.inputSpan3{
	float:left;
	width:300px;
}
.inputSpan2 ul, .inputSpan3 li{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:0 !important;
}
.inputSpan2 li, .inputSpan3 li{
	width:100px;
	float:left;
}
.inputSpan3 li{
	font-size:14px;	
}
.titleSpan{
	float:left;
	width: 120px;
	margin:0 10px 0 0;
}
.titleSpan2{
	float:left;
	width:150px;
	margin:0 10px 0 0;
}
.submitSpan{
	float:left;
	margin:10px 0 10px 130px;
}
.submitSpan2{
	float:left;
	margin:10px 0 10px 160px;
}
label{
	margin:0 0 10px 0;
}

label small{
	font-size:12px;
}

.inputSpan input{
	width:500px;
}
.inputSpan2 input{
	width:300px;
}

#procvideos{
	text-transform:capitalize;	
}
.mRight{
	margin-right:10px;
}
#patientGenInfo{
	margin-bottom:20px;
}
.BAset{
	border:solid 1px #656566;
	padding:10px;
	margin:10px 0px;
	height: auto !important;
	min-height: auto !important;
}
#List, #orientationList, #censorList, #censorColorList{
	list-style:none;
	margin:0;
	padding:0;
}
#Image{
	float:left;
	width:450px;
}
#Tools{
	float:left;
	margin:0 0 0 30px;
}

.hidden{
	display:none;
}

.grayout, .grayout:hover, .grayout:link, .grayout:visited{
	color:#8696a5;
}
a.completed:link, a.completed:visited{
	color:#656566;
	text-decoration:line-through;
}
#backbut{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding:2px 5px 2px 5px;
	border:solid 1px #656566;
	color:#656566;
	float:right;
	font-size:13px;
}


/**************************************************************/
/**************************************************************/
/******************       Misc Styles        ******************/
/**************************************************************/
/**************************************************************/

 .hider, .genHidden{ 
	display:none;
	/*visibility:hidden;*/
 }

 .fader{
 	margin-top: 40px;
	padding: 12px;
}
.left { float: left; }
.right { float: right; }
.text_right { text-align: right; }
.text_left { text-align: left; }
.error{
	color:#FF0000;
	font-size: 14px;
	margin: 2px 0px 0px 0px;
	text-align: left;
	line-height: 14px;
}
.padR{
	margin-right:10px;
}



.vermillion {
	color: #9616a2;
}
.green {
	color: #40aa7f;
}
.brown {
	color: #502e09;
}
.center{
	text-align:center;
}

hr{
	background-color:#ccc;
	height:1px;
	color:#ccc;
	border:0;
	margin:15px 0 15px 0;
}

#list ul, #reviewlist ul, #teamlist ul, #applist ul, #quizlist ul, #questionlist ul, #sketchlist ul, #anatomylist ul, #stockquizlist ul, #patientlist ul, #patientfavlist ul, #tickerlist ul, #videoLibraryLoad ul{
	list-style:none;
	padding:0;
	margin:0;
}
#list li, #reviewlist li, #teamlist li, #applist li, #slidelist li, #quizlist li, #questionlist li, #sketchlist li, #anatomylist li, #stockquizlist li, #patientlist li, #patientfavlist li, #tickerlist li, #videoLibraryLoad li {
	border:solid 1px #656566;
	padding:10px;
	margin:10px;
	list-style:none;
/*	background-color:#e7e7e8;
*/}
#list li, #sketchlist li, #anatomylist li{float:left;}

#sketchlist li, #anatomylist li{
	width: 180px;
}

#list{
	
}


#response{
	font-size:22px;
	font-weight:normal;
	color:#231f20;
	text-align:center;
	position:fixed;
	margin:0 auto;
	width:300px;
	background-color: #fff; /* Old browsers */
	padding:5px;
 
	border: 10px solid #00a4c9;
	 box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.80);
	z-index:10000000;
}

textarea{
	width:100%
}

@media screen and (min-width: 992px){
#mobile-header{
	display:none;	
}

 }
 @media screen and (max-width: 991px){
 #mainContent{
	padding:30px 15px 0 15px;
}
#sideMenuBack{display:none;}
#mainConDiv .container-fluid{margin-left:0;}
 }
 
 @media screen and (max-width: 767px){
#topMenu{
	text-align:left;
}
 }
 
 @media (min-width: 991px) and (max-width: 1199px){
	#sideMenu li, #sideMenu li a  {
	font-size: 18px;	
	}
 }
 
 
 @media (max-width: 460px){
	 #loginDiv{max-width: 350px;
width: calc(100vw - 20px);}
	 #helpFiles{
		 float:none;
	 }
	#contactInfo  {
		float: none;	
	}
	
 }
 
 .clearfixer{
	 clear:both;
 }
 
 #clientlist{
	 background-color:#fff;
 }
 
 #upprogress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; height:26px; border-radius: 3px; margin:0px 0 15px 0; }
#upbar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }
#watermarkImagePreview{margin-bottom:15px;}
.processorOn{
	display:block !important;
	height: 100% !important;
	width: 100% !important;
}
#processorStatus{
	color:#fff;
	margin-top:50px;	
	position:fixed;
	bottom:40px;
	width:100%;
}

#recStatus{
	float:left;
}
#wmNavDiv, #imNavDiv, #userImNavDiv, #userImNavDiv2, #imNavDiv2{
	float:right;
}

#UserImPagination2, #imPagination2{
	margin-top:25px !important;
	clear: both;
}
#imPagination2{padding-top:15px;}

#wmGalleryNav li, #imGalleryNav li{
	float:left;
}
.wmNavHighlight, #imNavHighlight{
	color: #b9cd27 !important;	
}

.baSetBox li {
	border:1px dashed #666;
	float:left;
	width:100px;
	height:100px;
	margin:6px;
	text-align:center;
	padding:0 !important;
	padding-left:0;
	padding-bottom:0;
line-height:100px;
font-size:12px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.threeViews li {
	border:1px dashed #666;
	float:left;
	width:65px !important;
	height:65px !important;
	margin:6px;
	text-align:center;
	padding:0 !important;
	padding-left:0;
	padding-bottom:0;
line-height:65px !important;
font-size:12px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.threeViews li .dropRemove{
	line-height:65px !important;
}
.imDrag{
	opacity:0.4;
}
.dropHighlight{
	color:#fff;
	background-color:#ccc;
}
	
.dropFilled{
	text-indent:-999em;
}
#imList li{
	margin:2px;
}
.dropRemove{
	position:absolute;
	z-index:10;
	text-indent:0px;
	line-height:100px;
	height:100%;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	top:0;
	left:0;
	cursor:pointer;
}
#dropBoxes li{
	position:relative;
}
.afterTwo{
	display:none;	
}
#removeAfter{
	display:none;
}

.textedit small{
	color:#00a4c9;
}

#stockgalleryform li{
	width:220px;
	float:left;
	margin:5px;
	font-size:16px;
	padding-left:0;
}
#stockgalleryform li input{
	margin-right:10px;
}

/**************************************************************/
/**************************************************************/
/******************     Advantage Play       ******************/
/**************************************************************/
/**************************************************************/


#apRegionContain{
	width:100%;
	max-width: 800px;
	position: relative;
}
#apRegionSelect{
	width:100%;
	
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	position: relative;
}

#apRegionSelect h3{
	margin:0;
	font-size:1em;
}

#apRegion1, #apRegion2, #apRegion3{
	background-color: #e7e7e8;
	color:#231f20;
	border:solid 10px #FFF;
	position: absolute;
	padding:.5em 1em;
}

#apRegion1:hover, #apRegion2:hover, #apRegion3:hover{
background-color: #c8ddf2;
cursor:pointer;
}

#apRegion1{
	top:0px;
	left:0px;
	width:75%;
	height:85%;
	border-right-width:0px;
}
#apRegion1.fullRegion{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-right-width:0px;
}

#apRegion2{
	top:0px;
	right:0px;
	width:25%;
	height:85%;
}

#apRegion3{
	bottom:0px;
	left:0px;
	width:100%;
	height:15%;
	border-top-width:0px;
}

#apSmallRegionContain{
	width:80px;
	max-width: 80px;
	position: relative;
	float:left;
	margin:0 20px;
}
#apSmallRegionSelect{
	width:100%;
	
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	border: solid 0px #231f20;;
	position: relative;
	cursor:pointer;
}

#apSmallRegion1, #apSmallRegion2, #apSmallRegion3{
	background-color: #e7e7e8;
	color:#231f20;
	border:solid 2px #FFF;
	position: absolute;
	padding:0;
}

#apSmallRegion1.active, #apSmallRegion2.active, #apSmallRegion3.active{
background-color: #c8ddf2;

}

#apSmallRegion1{
	top:0px;
	left:0px;
	width:75%;
	height:85%;
	border-right-width:0px;
}

#apSmallRegion2{
	top:0px;
	right:0px;
	width:25%;
	height:85%;
}

#apSmallRegion3{
	bottom:0px;
	left:0px;
	width:100%;
	height:15%;
	border-top-width:0px;
}
.nav-tabs>li{
	padding-bottom: 0 !important;
	
}

#badgeStats strong{
	font-size: 22px;
}

.strongBlue strong, .strongBlue h2{
	font-weight: 600 !important;
	color: #00a4c9 !important;
}
.curAward img{
	max-height: 150px;
	max-width: 100%;
	margin-bottom: 30px;
}

#alertMessage .successDiv{float: left; margin-right:40px;}
#alertMessage .badgeStats{float: right;}

@media (max-width: 1150px){
	#alertMessage .successDiv{float: none; margin-right:0px;}
#alertMessage .badgeStats{float: none;}
}

@media (min-width: 1200px) and (max-width: 1700px){
	.awardStats  {
	width: 25%;
	}
	.awardStats2{
		width: 50%;
	}
 }