:root {
	--main-color: #428bca; /* #4B286D */
	--main-hover-color: rgb(45 108 162 / 17%); /* rgb(216 203 229 / 39%) */
	--main-text-color: black;
	--table-header-color: white;
	--filter-header-color: #6eac2c;
	--tab-color: #DCDCDC;
	--tab-word-color: black;
	--tab-word-color-selected: #428BCA;
	--tab-color-disabled: #696969;
	--tab-word-color-disabled: white;
	--highlight-str-background-color: #ffc107;
	--highlight-str-word-color: black;
	--icon-background: #c6d0da;
	--menu-filter-light-color: #F2F2F2;
	--menu-filter-deep-color: #D2D2D2;
	--menu-filter-link-color: #5999d4;
	--card-header-color: #F2F2F2;
	--card-hover-color: #E1EDFA;
	--return-link-color: #428BCA;
	--build_btn-link-color: #428BCA;
	--banner-bg-color: #F2F2F2;
	--status-color: red;
}

body{ font-family: Roboto, Century Gothic,Lucida Sans,Calibri; 
 font-size: 10pt;
 font-weight: normal; 
}

select {
	font-family: Roboto,Century Gothic,Lucida Sans,Calibri !important;
}

input {
	font-family: Roboto,Century Gothic,Lucida Sans,Calibri !important;
}

textarea {
	font-family: Roboto,Century Gothic,Lucida Sans,Calibri !important;
}

table
{
    font-size: 14px;
}

.buttonCheckout{
		background-color: #003399;
		font-family: verdana;
		font-size: 7pt;
		color:white;
		width:100px
		}
.buttonCheckin{
		background-color: #003399;
		font-family: verdana;
		font-size: 7pt;
		color:red;
		width:100px
		}

.patSearch, .patReady {
	color: #2B8000;
	font-size: 13px;
	font-weight: bold;
}
.patReady {
	color: var(--main-color);
}
	.surveyReqd{
	  background-color: yellow;
		color: #000000;
		border-top: 1px ridge #000000;
		border-left: 1px ridge #000000;
		border-right: 1px ridge #000000;
		border-bottom: 1px ridge #000000;
		padding: 2px;
	}
	.alertMsg{
		
		font-size: 12pt;
		color: #ff0000;
		font-weight: bold;
	}
	.elementlabel {
		background-color: white;
		color: black;
		font-weight: bold;
	}

	.elementlabelReqd {
	    background-color: white;
	    color: black;
		font-weight:bold;
	}
	.elementdata {
	    background-color: #ffffff;
	    color: #000000;
		cursor: pointer;
	}

	.elementdata_b {
	    /*background-color: #f0f0f0;*/
	    color: #000000;
		cursor: hand;
	}

	.elementdata_mouseover {
	    background-color: #cccccc;
	    color: #000000;
		cursor: hand;
	}

	.elementdata_b_mouseover {
	    background-color: #ffcc00;
	    color: #000000;
		cursor: hand;
	}

	.elementlabel_2 {
	    font-weight: bold; 
	    background-color: white;
	    color: black; 
	    width: 200px;
	}
	
	.elementdata_2 {
	    background-color: white;
	    color: black; 
	    width: 400px;
	}
	.calendarTable {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: white;
	}
	.calendarTimeCell {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: whitesmoke;
	}
	.calendarInfoCellClosed {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: lightgrey;
	}	
	.calendarInfoCellOpen {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: lightcyan;
	}
	.calendarInfoCellOpen_record_over {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: #99ccff;
		cursor: hand;
	}	
	.calendarInfoCellShed {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: #ffcc66;
	}
	.calendarInfoCellShed_record_over {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
		background-color: #cccccc;
		cursor: hand;
	}
	.calendarInfoCellSelected {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: lightpink;
	  cursor: hand;
	}
	.calendarInfoCellSelected_record_over {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: pink;
	  cursor: hand;
	}
	.calendarInfoCellBlocked {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: lightpink;
	  cursor: hand;
	}
	
	.calendarFullCellBooked {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: #ff9933;
	  cursor: hand;
	}
	.calendarInfoCellOverbooked {
	  border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color:#cc99ff;
	  cursor: hand;
	  
	}
	
	.calendarInfoCellBlocked_record_over {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: darkgray;
	  background-color: pink;
	  cursor: hand;
	}	
	.reportMainHeading {
	    
	    font-size: 14pt;
	    font-weight: bold;
	    color:white;
		cell-spacing: 0,0,10,0;
	    border-top-width: 0;
		border-right-width: 0;
		border-bottom-width: 4pt;
		border-top-width: 4pt;
		border-left-width: 0;
	    border-style: solid;
	    border-color: #827C7C;
	    background-color: #827C7C;
	}
	.reportSubHeading {
	    color:white;
		cell-spacing: 0,0,10,0;
	    border-top-width: 0;
		border-right-width: 0;
		border-bottom-width: 2pt;
		border-top-width: 2pt;
		border-left-width: 0;
	    border-style: solid;
	    border-color: #827C7C;
	    background-color: #827C7C;
	}
	.reportSectionHeading {
	     
	    font-size: 14pt;
	    font-weight: bold;
	    background-color: white;
	    color: black;
	}	
	.reportSectionHeadingShade {
			cell-spacing: 0,0,10,0;
	    border-top-width: 0;
			border-right-width: 0;
			border-bottom-width: 0pt;
			border-left-width: 0;
	    background-color: #eeeeee;
	}	

	.reportTable {
	    background-color: white;
	    border-top-width: 0;
			border-right-width: 1pt;
			border-bottom-width: 1pt;
			border-left-width: 1pt;
	    border-style: solid;
	    border-color: #00A1AE;
	}
	.reportText{			
	    background-color: #ffffff;
	    color: black;
	}
	.reportTextShade{			
	    background-color: #cccccc;
	    color: black;
	}

	.footer {
		
		font-size: 7pt;
		font-style: normal;
	}
	
	.header {
		
		font-size: 11pt;
		color: #000000;
	}
	
	.infogrid_top {
		background-color: #999999;
	}
	
	.infogrid_top_record {
		background-color: #cccccc;
	}

.infogrid_header {
	background-color: #D8D8D8;
	color: var(--table-header-color);
	font-size: 13px;
	font-weight: 300;
}
.infogrid_subHeader {
	background-color: #949191;
	color: #ffffff;

}

    .infogrid_header > td, .infogrid_header ~ tr > td
     {
          line-height: 1.42857143;
          vertical-align: top;
          border-top: 1px solid #ddd;
     }

	.infogrid_header_over {
		background-color: #075095;
		color: #ffffff;
		cursor: hand;
	}

tr.infogrid_header:last-child, tr.infogrid_header:first-child {
	background-color: var(--main-color);
}

.infogrid_record_a {
	color: #2A2C2E;
	background-color: #F7F7F8;
	cursor: pointer;
}
	
	.infogrid_record_b {
		color: #2A2C2E;
		background-color: #ffffff;
		cursor: pointer;
	}

	.infogrid_record_firstRow {
		color: #000000;
		background-color: #075095;
		cursor: hand;
	}

.infogrid_record_over {
	color: #000000;
	background-color: #D8D8D8;
	cursor: hand;
}
	
	.infogrid_record_visited {
		color: red;
		background-color: #D0D7E8;
		cursor: hand;
	}
	.infogrid_highlight {
		color: #000000;
		background-color: #f0d313;
		cursor: hand;
	}
	
	.infogrid_highlightExpires {
		color: #000000;
		background-color: #40e0d0;
		cursor: hand;
	}
	
	.infogrid_highlight_calendar {
		color: #000000;
		background-color: #95c94a;
		FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#95c94a, EndColorStr=#cce5a9);
		cursor: hand;
	}
	
	.link {
		
		font-size: 11pt;
		color: #3a479a;
		text-decoration: none;
		cursor: hand;
	}
	
	.link_over {
		
		font-size: 11pt;
		color: #d62821;
		text-decoration: underline;
		cursor: pointer;
	}
.link_small_no {
	color: #2A2C2E;
	font-weight: 400;
}

.link_small {
	color: #2A2C2E;
	text-decoration: underline;
	cursor: pointer;
}
	
	.link_small_white1 {
		color: white;
		text-decoration: underline;
		cursor: pointer;
	}
	.link_small_white {
		color: #d62821;
		text-decoration: none;
		cursor: pointer;
	}
	.link_small_red {
		color: #ff0000;
		text-decoration: underline;
		cursor: pointer;
	}
	
	.link_small_over {
		color: #3a479a;
		text-decoration: underline;
		cursor: pointer;
	}
	
	.normal {
		
		font-size: 15px;
		color: #000000;
	}

.normal_small {
	font-size: 13px;
	color: #2A2C2E;
	font-weight: 400;
}
	.small
	{
		
		font-size: 8pt;
		color: #000000;

	}

	.normal_small_err {
		color: red;
	}

.pagetitle {
	display: inline-block;
	font-weight: bold;
}
	
	.Esidemenu {
            background:transparent;
            color:#075095;
            font-weight:bold;
            cursor:default;
            font-size:16px;
            height:25px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:5px;
		text-decoration: none;
	}
	
	.Esidemenu_over {
	   color:#075095;
       font-weight:bold;
       font-size:16px;
       height:25px;
       line-height:25px;
       text-indent:5px;
       text-decoration: underline;
	   cursor : hand;
	}
	
.SumReportHead
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: black;
    
    BACKGROUND-COLOR: dodgerblue
}
.SumReportBlock
{
    FONT-SIZE: 8pt;
    COLOR: black;
	font-weight: bold;
	cursor:cross;
    BACKGROUND-COLOR: lightpink
}
.SumReportOpen
{
    FONT-SIZE: 8pt;
    COLOR: black;
	font-weight: bold;
	cursor:cross;
    BACKGROUND-COLOR: lightcyan
}
.SumReportScheduled
{
    FONT-SIZE: 8pt;
    COLOR: black;
	font-weight: bold;
	cursor: hand;
    BACKGROUND-COLOR: #ffcc66

}

.SumReportScheduledOutLook
{
    FONT-SIZE: 8pt;
    COLOR: white;
    
	font-weight: bold;
	cursor: hand;
    BACKGROUND-COLOR: HotPink

}
.SumReportPartialAvail
{
    FONT-SIZE: 8pt;
    COLOR: black;
    
	font-weight: bold;
	cursor: hand;
    BACKGROUND-COLOR: #ccffcc

}
.SumReportNA
{
    FONT-SIZE: 8pt;
    COLOR: black;
    cursor:cross;
    BACKGROUND-COLOR: darkgray
}
.SumReportSubHead
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 10pt;
    COLOR: black;
    cursor:cross;
    
    BACKGROUND-COLOR: lightgrey
}
.SumReportSubHeadShed
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 10pt;
    COLOR: black;
    cursor:cross;
    
    BACKGROUND-COLOR: #f7fbf0
}
.SumReportOver {
		
		font-size: 8pt;
		color: red;
		cursor:cross;
		font-weight: bold;
		background-color: Orange;
}
.calendarInfoCellPartialOpen {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: #ccffcc;
}
.calendarInfoCellPartialOpen_record_over {
		border-width: 1pi,1pi,1pi,1pi;
	  border-style: solid;
	  border-color: lightgrey;
	  background-color: lightgrey;
		cursor: hand;
}	
.calendarInfoCellHighLighted {
		 FONT-SIZE: 8pt;
		 COLOR: white;
		 
		 font-weight: bold;	
		 background-color: blue;
}

.calendarInfoCellHighLightedOpen {
	 border-width: 1pi,1pi,1pi,1pi;
	border-style: solid;
	 border-color: darkgray;
	 background-color: yellow;
	 cursor: hand;
}

.calendarInfoCellExpired {
	border-width: 1pi,1pi,1pi,1pi;
	border-style: solid;
	border-color: darkgray;
	background-color: #afeeee;
	cursor: hand;
}

.calendarInfoCellHighLightedOpen_record_over {
	border-width: 1pi,1pi,1pi,1pi;
  border-style: solid;
  border-color: darkgray;
  background-color: lightyellow;
  cursor: hand;
}	

.readOnlyInput_normal_small
{
	 border-style:none;	  
		background-color:Transparent;
	  overflow:visible;
	    font-family: verdana; 
	    color: #000000;
		cursor: hand;
}
	
.cancelledApptMTHighLight {
	color:#808080
}


.tab_table {border-collapse:collapse; width:100%;}
.tab_table td {padding:4px 5px;border:1px solid #999999;}
.tab_table td table{border:0px none;}
.tab_table td table td{border:0px none;}

.indate { width: 75px; text-align: center; vertical-align: middle; color: #000000;}
.intime { width: 62px;  color: #000000; vertical-align: middle;}	

.ui-closeDetailTab { height: 610; }

.ui-editApptTab { height: 610; }

.ui-meetingTemplate { height: 350; }

.ui-template { height: 450; }

.ui-SFDetailTab { height: 315; }

/**************** Button ***************/
.btnNormal {
	padding: 3px 5px 3px 5px;
	height: 20px;
	font-size: 10pt;
	border: 1px solid #499cda;
	background: #c4e1ed url(images/ui-bg_inset-hard_90_c4e1ed_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #000000;
	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
}

.btnNormal_S {
	background-color: var(--main-color);
	color: var(--table-header-color);
	font-size: 7pt;
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
}

.btnNormal_Big {
	height: 25px;
	font-size: 11pt;
	border: solid #499cda;
	background: #c4e1ed url(images/ui-bg_inset-hard_90_c4e1ed_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #000000;
	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
}

.btnAction {
	height: 18px;
	color: #ffffff;
	font-weight: normal;
	font-size: 10pt !important;
	text-decoration: none;
	border: 1px solid #EBF5F9 !important;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#3cbbe2, EndColorStr=#006666);
	background: linear-gradient(to bottom, #3cbbe2, #006666) !important;
	width: auto !important;
	display: inline-block;
	position: relative;
	padding: 2px 5px 2px 5px;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	overflow: visible;
} /* the overflow property removes extra width in IE */


	.btnNormal:hover, .btnNormalHover, .btnAction:hover, .btnActionHover {
		border: 1px solid #448dae !important;
		FILTER:;
		background: #79c9ec url(images/ui-bg_inset-hard_75_79c9ec_1x100.png) 50% 50% repeat-x;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
	}

.portalButton {
	font-size: 30px;
	white-space: normal;
	width: 360px;
	height: 180px;
	border-radius: 20px;
	margin: 10px 10px 0 0;
	border: 2px solid var(--main-color);
}


.btn-portal_1 {
	color: var(--main-color);
	background-color: #fff;
	border: 2px solid var(--main-color);
}

	.btn-portal_1:hover,
	.btn-portal_1:focus,
	.btn-portal_1.focus,
	.btn-portal_1:active,
	.btn-portal_1.active,
	.open > .dropdown-toggle.btn-portal_1 {
		color: var(--main-color);
		background-color: #fafae2;
	}

.btn-portal_2 {
	color: var(--main-color);
	background-color: #fff;
	border: 2px solid var(--main-color);
}

	.btn-portal_2:hover,
	.btn-portal_2:focus,
	.btn-portal_2.focus,
	.btn-portal_2:active,
	.btn-portal_2.active,
	.open > .dropdown-toggle.btn-portal_2 {
		color: var(--main-color);
		background-color: #c2e2fb;
		border-color: var(--main-color);
	}


/********* Button style in font size and type, with button height *************/

.InnerTableButton
{
    height: 16px;
}

/**********Button style end***********/


.audit_changed_to
{
    font-weight:bold; 
    }
    
    
.PatientBanner
{
    font-size: 12pt;
		color: black;
		font-weight: bold;
    }
    
 /*form css begin*/   
.formcontainer
{
    border:1px solid Gray;
    border-bottom:none;
    border-right:none;
    overflow:hidden;
}

.formcontainer > div
    {
        float:left;
    }

.formcontainer .elementlabelwidth
{
    width:30%;
    text-align:right;
}
.formcontainer .elementdatawidth
{
    width:70%;
    text-align:left;
}
.elementlabelwidth>div, .elementdatawidth> div
{
     padding:4px 5px;
     border:1px solid Gray;
     border-top:none;
     border-left:none;
     height:26px;
     line-height:26px;
}
.elementdatawidth input[type='text']
{
     height:20px;    
}
.elementlabelReqd2
{
    color: #FF4500;
}
 /*form css end*/ 
  
 /* aspx pages common style begin*/
 .grid_header_1
 {
		background-color: #075095;
		color: #ffffff;
 }
 .grid_header_1 td
 {
     padding:2px;
 }
 .grid_record_1:hover
 {
		color: #000000;
		background-color: #D0D7E8;
		cursor: hand;
 }

 /* aspx pages common style end*/

.mobilesidemenu nav {
	/* NAV menu inside container */
	margin: 0;
	padding: 5px;
	position: fixed;
	text-transform: uppercase;
	border-right: 1px solid #c6d0da;
	font-weight: bold;
	font-size: 16px;
	width: 390px;
	/* width of nav menu */
	height: 100%;
	left: -390px;
	/* set left to -width of menu */
	top: 0;
	z-index: 10000;
	-webkit-transform: translate3d(0, 0, 0); /* trigger hardware acceleration */
	transform: translate3d(0, 0, 0);
	background: rgb(242,242,242);
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(219,219,219,1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(219,219,219,1)));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
	/* IE10+ */
	background: radial-gradient(ellipse at center, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
	/* W3C */
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	/* transition for animating nav in and out */
}
  
	.mobilesidemenu nav label {
		/* label button inside nav to close menu */
		cursor: pointer;
		position: absolute;
		text-transform: lowercase;
		right: 0;
		top: 0;
		-moz-border-radius: 0 0 0 40px;
		-webkit-border-radius: 0 0 0 40px;
		border-radius: 0 0 0 40px;
		width: 40px;
		height: 30px;
		background: #5f6f81; /*black;*/
		box-shadow: 0 0 5px gray;
		text-align: center;
	}


		.mobilesidemenu nav label::after {
			/* label button x */
			content: "x";
			color: white;
			display: block;
			font-size: 16px;
			margin-top: 2px;
			margin-left: 6px;
			-moz-transition: all 0.3s ease-in;
			-webkit-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
		}

	.mobilesidemenu nav div.menuflip h4 {
		margin: 0;
		margin-bottom: 4px;
		font-size: 28px;
		padding: 4px 0 0 6px;
	}

	.mobilesidemenu nav div.menuflip ul {
		/*  -webkit-box-shadow: 2px 2px 15px #B5B5B5;*/
		list-style: none;
		/*z-index: 1100;*/
		margin: 0;
		padding: 0;
		border-top: 3px inset #5f6f81;
		border-bottom: 3px inset #5f6f81;
		/*border: 1px solid gray;
    -webkit-box-shadow: 2px 2px 15px #B5B5B5;
    box-shadow: 2px 2px 15px #B5B5B5;
    border-radius: 10px;
    background: #eee;*/
	}

		.mobilesidemenu nav div.menuflip ul li ul {
			border-top: 1px inset #c6d0da;
			border-bottom: 0px inset #c6d0da;
			background: #fff;
			border-radius: 0px 0 10px;
		}
  /*	.mobilesidemenu nav h4 {
		font-weight: 300;
		line-height: 56px;
		height: 56px;
		font-size: 24px;
	}
	.mobilesidemenu nav li a {
		line-height: 56px;
		height: 56px;
	}*/
	
	.mobilesidemenu nav div.menuflip ul li:hover {
			background: #0000A0; 
			color: white;
			border-radius: 10px 0 10px;
		}

			.mobilesidemenu nav div.menuflip ul li:hover ul {
				/*border-bottom-color: transparent;
border: 1px solid grey;*/
				background: #fff;
				color: #5f6f81; /*black;*/
			}

		.mobilesidemenu nav div.menuflip ul li.p2:hover ul {
			/*border-bottom-color: transparent;
border: 1px solid #c6d0da;*/
			background: #fec;
		}

		.mobilesidemenu nav div.menuflip ul li.p3:hover ul {
			/*border-bottom-color: transparent;
border: 1px solid #c6d0da;*/
			background: #fcd;
		}


		.mobilesidemenu nav div.menuflip ul li a {
			white-space: nowrap;
			display: block;
			/*color: black;*/
			text-decoration: none;
			padding: 6px;
			margin: 0;
			-webkit-transition: none;
			transition: none;
		}

			.mobilesidemenu nav div.menuflip ul li a:hover {
				background: #3071a9;
				border-radius: 10px 0 10px;
				color: white;
			}

		.mobilesidemenu nav div.menuflip ul li ul li.down {
			text-indent: 20px;
		}

		.mobilesidemenu nav div.menuflip ul li {
			border-bottom: 1px inset #c6d0da;
		}

.mobilesidemenu nav a {
		font-weight: bold;
		font-size: 16px;
}

/*
#menuNav h4:hover
{
	text-decoration: underline;
	cursor: pointer;
}
*/
legend {
	font-size: 18px;
}

.elementlabel_upper {
	text-transform: uppercase;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: var(--main-color) !important;
	background: #FFF;
	border: var(--main-color);
}

.bg-zone {
	background-color: var(--main-color) !important;
}

	.bg-zone a, .bg-zone a:hover {
		color: #fff;
	}

	.bg-zone > .nav-tabs > li.active, .nav-tabs > li.active > a,
	.bg-zone > .nav-tabs > li.active > a:focus,
	.bg-zone > .nav-tabs > li.active > a:hover {
		background-color: #fff;
		color: #000;
		border-radius: 5px;
		border: 1px solid #0b1a27;
		border-bottom-color: #fff;
	}

.actionBtns ul {
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.actionBtns li {
	display: inline-block;
	padding: 2px;
}

.actionBtns {
	z-index: 30;
	width: 100%;
	height: 35px;
	position: relative;
}

.surveyQuestion {
	font:16px;
}

.surveyResponseItem {
	font: 14px;
}

.mtBtns_S {
	background-color: var(--main-color);
	color: var(--table-header-color);
	font-size: 7pt;
	padding-left:4px; padding-right:4px;
}