﻿/*
    _____________________________________________________________________________
   |         (c) Copyright University of Oxford 2026.
   |                    All Rights Reserved
   |_____________________________________________________________________________
      Owner             :  Student Systems Support Team      
      Desc/Purpose      :  Applies Oxford branding to e:Vision      

      Note              :  After changing this file, update the filename on the WRF. 
                           Browsers will recognise this as a new file, ensuring
			   they do not an old version from memory cache. 

      Revision History:
      Ver        Date       Author  Description
      ---------  ---------- ------- ------------------------------------
	  0			 15-MAY-12	MR1		Initial Release.
	  1			 06-JUN-12	TP 		Stripped out not used styles	
	  2			 19-JUL-12	TP 		Replaced all three character colour codes with six for IE / class .noborders
	  3			 15-JAN-14	DP 		Removed all unnecessary classes, tidied style sheet and added comments.
	  4			 17-JAN-14	IL 		Comments on lines 1254 & 1547 to fix menu colour alignment
	  5			 20-JAN-14	IL 		Added button style back in
	  6			 04-Feb-14	IL 		added text-align to tablegrid td classes line 1490
	  7			 03-APR-14	IL 		Change VISA, Admissions, dataviews support colours.  Removed 'general' container class
	  8			 27-Aug-14	IL 		added .clearCaption class
	  9			 27-Feb-15	SN 		added tr.data1:hover class
	  10		 01-Sep-16	TP 		9.2	
	  11		 09-Sep-20	ROH		Additions for Crankstart DR6103
	  12		 14-Jun-21	ROH		Text colour of progress bar changed
	  13		 24-Jun-21	ROH		Overriding styling changes to ui-tabs introduced in SITS v10
	  14		 13-Jul-21	GT 		Overriding styling changes to datepickers introduced in SITS v10
	  15		 04-Apr-25	ROH		sv-btn-default
	  16         27-Nov-26  OJ      sv-mandatory given yellow background
									Primary panel headings given white text against Oxford blue background
									tabletitle1 given Oxford blue background
									Panel [?] help icon colour inverted from black to white
									Removed .sv-navbar-nav styling
									Removed 3em margin-bottom from sv-header-main class
									Removed white border colour from sv-panel-primary class
									Removed margin from .sv-header-image
									Removed 1em margin-top/bottom from paragraphs
									Added 30px margin-top to h2.reporttitle
									Removed styling overrides for sv-btn-primary and sv-btn-default classes
									Removed hover styling overrides for sv-btn-primary and sv-btn-default classes
									Styling for legacy buttons (those without sv-btn or ui-button class)
									Removed styling for legacy .sitsloginbox class
									Removed sitspagefooter1-4 classes
									Removed .CONTAINER classes (.CONTAINERHOME, .CONTAINEREXAMS etc.)
									Removed (legacy) tab hover styling (e.g. #DCY_STUDENT:hover)
									Removed project area backgrounds (e.g. VISA{background:#08637E !important})
									Removed CONBACK styling
									Removed 'hidden' styling for legacy sits_search_button
									Colour left navigation panel and footer oxford blue
									Commented out fieldset styling
									Commented out label styling
									Commented out sv-panel-footer text styling
									Commented out sitscopsection sitsconborder styling
									Commented out menucontainer, contentcontainer_ext
									Removed sitsContitle styling
									Removed sitscondescription styling
									Removed noTextField styling
									Removed sitsconhelp styling									
									Set auto height, fixed position, and z-index on footer
									Added custom header image
									Media query padding for sv-page-content
									Panel heading [-] collapse icons colour inverted to white
									Make sure Glyphicons are using glyphicons font family
									Darker background colour for default label to meet accessibility contrast requirements
									Black text colour for warning label to meet accessibility contrast requirements
									Panel heading triangle/cross collapse icons changed to white for sv-primary panel
									Colour change upon hover for collapsable panels removed for sv-primary panel
									Removed legacy sitsmessagebox styling overrides
									Removed dataTables paginate styling overrides
									Removed important for link underline style
									Workaround to get dynamic listboxes working on Legacy pages
									Oxford blue link colour
									Thick outside border for active ui-tabs
									Removed overrides to font-family for legacy items
									Improve colour contrast for Datatables disabled pagination
									disabled form inputs given grey background (workaround for dropdown bug)
									Hide pagination controls and record counts for single page results
									Make pagination controls look like buttons
									Oxford blue breadcrumb link colour
									Add top margin for breadcrumb
									Oxford blue button dropdown links (sv-btn-link)
									Updated colour of error1 class for accessibility
									Removed dialog button (ui-button) styling overrides
									Colour links white when inside an info alert
									Override for wys-error to remove pink background
									Added noTextField styling back in as it is endemic in UG Applications
									Give pagination controls darker grey hover highlighting, like buttons
									Set fixed height for tabs
									Allow tab titles to wrap
      ---------  ---------- ------- ------------------------------------
*/

/* Custom header image */
.sv-header-image {  
  background: url("../UoO-logo-rectangle.png") center / contain no-repeat !important;  
}

/* Colour left navigation panel and footer Oxford blue */
.sv-vnavbar-menubar {
  background-color: #002147 ! important;
}
.sv-footer {
    background-color: #002147 ! important;
}

/* Set auto height and fixed position on footer */
.sv-footer-v {
  height: auto !important;
  position: fixed !important;
  z-index: 99;  
}

/* Make sure the footer isn't squished against content on small widths */
@media (max-width: 768px) {
.sv-page-content { padding-bottom: 70px !important; }
}

/* Primary panel headings given white text against Oxford blue background */
.sv-panel-primary > .sv-panel-heading {
	color: #ffffff;
	background-color: #002147;
	border-color: #002147;
}

/* Make sure Glyphicons are using glyphicons font family */
.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

/* Panel heading [?] help icon colour inverted to white */
img[src$="evq_edge.png"] {filter: brightness(0) invert(1); }

/* Panel heading [-] collapse icons colour inverted to white */
img[src$="evm_edge.png"] {filter: brightness(0) invert(1); } 
img[src$="evo_edge.png"] {filter: brightness(0) invert(1); }       

/* Panel heading triangle/cross collapse icons changed to white for sv-primary panel */
.sv-panel-primary.sv-panel-collapsible .ui-icon-triangle-1-n:before {
  color: #FFF; color: #FFF; 
}
.sv-panel-primary.sv-panel-collapsible .ui-icon-triangle-1-s:before { 
color: #FFF; 
}

/* Colour change upon hover for collapsable panels removed for sv-primary panel */
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading:focus,
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading.sv-focus {
  background-color: #002147;
  border-color: #002147;
}

/* Yellow mandatory fields */ 
.forminmand, .sv-mandatory {
    background-color: #F4ECAD;
}
.chosen-container.sv-mandatory {
    background-color: #F4ECAD;
}

/* disabled form inputs given grey background (workaround for dropdown bug) */
.sv-form-control.sv-disabled {
    background-color: #eeeeee;
}


/* Darker background colour for default label to meet accessibility contrast requirements */ 
.sv-label-default {
  background-color: #555555 !important;
}


/* Black text colour for warning label to meet accessibility contrast requirements */
.sv-label-warning {
  color: #1d1d1d !important;
}

/* Workaround to get dynamic listboxes working on Legacy pages */
td .sv-suggest-box {
	position: inherit;
}	

/* Styling for legacy buttons (those without sv-btn or ui-button class) */
input[type="button"]:not(.sv-btn):not(.ui-button),
input[type="reset"]:not(.sv-btn):not(.ui-button),
input[type="submit"]:not(.sv-btn):not(.ui-button) {
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border: 1px solid #333333;
    border-radius: 5px;
    box-shadow: inset 0 -35px 35px -18px #CCCCCC;
}
input[type="button"]:not(.sv-btn):not(.ui-button):hover,
input[type="reset"]:not(.sv-btn):not(.ui-button):hover,
input[type="submit"]:not(.sv-btn):not(.ui-button):hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    background-color: #CCCCCC;
    border: 1px solid #333333;
    border-radius: 5px;
    box-shadow: inset 0 -35px 35px -18px #CCCCCC;
}


/* Underline button text on hover */
input[type=button]:hover, 
input[type=submit]:hover{
	text-decoration:underline;
}


/* Improve colour contrast for Datatables disabled pagination */
.sv-pagination > .sv-disabled > span,
.sv-pagination > .sv-disabled > span:hover,
.sv-pagination > .sv-disabled > span:focus,
.sv-pagination > .sv-disabled > a,
.sv-pagination > .sv-disabled > a:hover,
.sv-pagination > .sv-disabled > a:focus,
.sv-pagination > .sv-disabled > input[type='submit'],
.sv-pagination > .sv-disabled > input[type='submit']:hover,
.sv-pagination > .sv-disabled > input[type='submit']:focus {
  color: #555555 !important;
  border-color: #8e8e8e;   
}


/* Hide pagination controls and record counts for single page results. */
.sv-form-pagination.sv-form-pagination-single-page .sv-form-pagination-rec-count,
.sv-form-pagination-btn.sv-form-pagination-single-page .sv-form-pagination-rec-count,
.sv-form-pagination.sv-form-pagination-single-page .sv-pagination,
.sv-form-pagination-btn.sv-form-pagination-single-page .sv-pagination {
  display: none;
}

/* Make pagination controls look like buttons */
.sv-pagination > li > a,
.sv-pagination > li > span,
.sv-pagination > li > input[type='submit']:not(.sv-btn):not(.ui-button) { 
  padding: 9px;
  margin-left: 0.5em; 
  border: 1px solid #8e8e8e;
  border-radius: 4px;
  height: auto;
  width: auto;
  font-weight: bold;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);  
}

/* Give pagination controls darker grey hover highlighting, like buttons */
.sv-pagination > li > a:hover,
.sv-pagination > li > span:hover,
.sv-pagination > li > input[type='submit']:not(.sv-btn):not(.ui-button):hover,
.sv-pagination > li > a:focus,
.sv-pagination > li > span:focus,
.sv-pagination > li > input[type='submit']:not(.sv-btn):not(.ui-button):focus {
  background-color: #e0e0e0;
  border-color: #8e8e8e;
}


/* Add top margin for breadcrumb */
.sv-breadcrumb {  
  margin-top: 18px; 
}

/* Set fixed height for tabs */
.ui-tabs .ui-tabs-nav {
 height: 80px;
}

/* Allow tab titles to wrap */
.ui-tabs .ui-tabs-nav li {
 white-space: normal;
    height: 100%;
}
.ui-tabs .ui-tabs-nav li > a {
 height: 100%;
}

/* White page container background for original/legacy display mode */
.sitscontainer{
	background: #ffffff;
	margin: 0 0 45px 0;
	padding: 20px 10px 20px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
	float:left ; width:100%/*possibly remove */
}


/* Title styling */
 .sitsportalpagetitle{
/* 9.2 adjustments to match 8.8.1*/
	border-width:0px ! important;
	margin-bottom: 15px !important;
}
h1.sitsportalpagetitle{font-weight: normal ! important;}
 #sitsportalpagetitlesection{
/* 9.2 adjustments to match 8.8.1*/
	padding:0px ! important;
}
h2.reporttitle{
	font-size:2em;
	color: #002147;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 30px 0 30px;
}
/* OVERRIDES FOR LEGACY ELEMENTS TO ENSURE CONSISTENCY */
h1.sitspagetitle {
	font-size:2em;
	color: #002147;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 40px 0 30px 0;
}
#sitspagetitle {border:0 !important;} 
p.sitspagedesc {	
	color: #666666;
	text-align:justify;
}


/*.sitscopsection{
 9.2 adjustments to match 8.8.1
	background-color:white ! important;
	border-color:white ! important;
}*/    
   
/* .sitsconborder{
 9.2 adjustments to match 8.8.1
	background-color:white ! important;
	border-color:white ! important;
}*/     


/* Add a caption to a table and meet accessibility requirements by not having an additional TR/TD */
.clearCaption{
	background-color:white ! important;
	color:black ! important;
}


/* link styling */
a.image:link { text-decoration: none; font-weight: normal; color: #FFFFFF}
a.image:visited { text-decoration: underline; font-weight: normal; color: #FFFFFF}
a.image:hover { text-decoration: underline; font-weight: normal; color: #666}
a.image:active { text-decoration: underline; font-weight: normal; color: #666}
a.nounderline{text-decoration: none !important;color: #000000 !important;}

caption a:link { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
caption a:hover { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
caption a:active { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
a:link { text-decoration: underline;}

/* Oxford blue link colour */
a {
  color: #002147;  
}
/* a:hover,
a:focus {
  color: #000000;  
}
*/

/* Oxford blue breadcrumb link colour */
.sv-breadcrumb > li > a[href] {
  color: #002147;
}

/* Oxford blue button dropdown links (sv-btn-link) */
.sv-btn-link {
  color: #002147;
}

/* Colour links white when inside an info alert */
.sv-alert-info a {
  color: #fff;
}
.sv-alert-info a:hover,
.sv-alert-info a:focus {
  color: #fff;
}

.wys_error, .wys_error a:link, .wys_error a:visited, .wys_error a:hover {
 	color : #b40000 !important ;
 	background-color : #FFF !important ;
}

/* MASTER LAYOUT CLASSES FOR PORTAL STRUCTURE, INSTEAD OF DEFAULT TABLES */
/* #menucontainer{
	height:auto;
	float:left;
	max-width:220px;
	margin-bottom:20px;
	background:#f0f0f0;
} */

/* contentcontainer still used in grad. application form */
#contentcontainer{
	width:85%;
	float:left;
	margin:0 auto;
	background-color:#f0f0f0;
	min-height:500px;
	overflow-x:visible;
	position:relative;
}

/*#contentcontainer_ext{
	width:85%;
	float:left;
	margin:0 auto;
	background-color:transparent;
}*/

/* footercontainer still used variously, e.g. task FEE_SCH_04 */
#footercontainer{
	padding-top:2%;
	padding-bottom: 50px;
	clear:both;
	width:100%;
	margin-top:2%;
	background:#002147;
	color:#fff;
	position:relative;	
}


#footercontainer a, #footercontainer a:link, #footercontainer a:visited, #footercontainer a:active{
	color:#FFFFFF;font-weight:normal;text-decoration:none ! important;
}

#footercontainer a:hover{
	text-decoration:underline ! important;
}

/* HALOVAN CLASSES FORM PART OF MASTER LAYOUT, FOR ADDITIONAL MENU TOP RIGHT IN HEADER */
/* used in task GAF_SS_ADD - Applicant Self Service Edit Contact Details */
#halonav{
	position:absolute;
	top:30px;
	right:20px;
	background:transparent;
	line-height:20px;
	margin-bottom:100px;
	background: #dddddd;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#halonav ul li{
	float:left;
	list-style:none;
	padding:0 5px;
	line-height:20px
}

#halonav ul{
	margin:0;padding:0
}

#halonav ul li a{
	float:left;list-style:none;text-decoration:none;color:#000000;font-weight:bold;
	background:#4A91DC;
	background-color: #4A91DC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	padding:5px;
}

#halonav ul li a:hover{
	text-decoration:underline
}

#halonav li.logout a{
	line-height:20px;
	text-align:center;
	font-weight:bold;
	padding-right:25px;
}
  
  
#halonav li.logout img{
	position:absolute;
	top:12px;
	right:14px
}  

/* PAGE MASTER HEADER 
sitscpgtitle used by IPP~GOA_BODY_ST */
#sitscpgtitle{
	float:left
}

h1#sitscpgtitle {
   color: #fff;    
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 40px 10px 0px 250px;
	
}


/*An alternative table layout 18/07/2013*/
table.noborders
{
border:1px solid black;
width:100%;
font-size:13px;
background-color:#FFFFFF;
border-collapse: separate;
}
table.noborders td
{
padding:3px;
font-size:13px;
}

/* LEFTLIST AND RIGHTLIST ELEMENTS FOR DISPLAY OF WELCOME INFORMATION ON HOME TAB, ONLY USED ON THIS PAGE */
.leftlist{
	width:47%;
	float:left;
	list-style-type:none
}
.leftlist h3{
	font-size:1.5em !important;
	color:#002147 !important;
	font-weight:normal !important;
	line-height:0.8em !important;
	margin:10px 0 15px !important
}
img.left_img{
	float: left;
}
.rightlist{
	width:47%;float:right;list-style-type: none;
}
.rightlist h3{
	font-size:1.5em !important;
	color:#002147 !important;
	font-weight:normal !important;
	line-height:0.8em !important;
	margin:10px 0 15px !important
}


/* RETURN TO TOP ANCHOR LINK - Still used on SRL IPP~GOA_BODY_EN */
.toplink{
	position:absolute;
	left:290px;
	top:18px;
	color:#fff !important;
}

/* listtitle used in IPP~GOA_BODY_EN */
.listtitle{font-weight:bold;font-size:110%;padding-bottom:5px;background:none !important}

/* sits page help is placed at the end of the page - text is normally
 held in boilerplate BP003. Reposition using CSS here if required */
 
p.sitspagehelp {	
	color: #666666;
	text-align:justify;
}


.colhead1 {  color: #000000 ! important; background-color: #F0F0F0 ! important;  font-weight: bold ! important; padding: 5px;}
.rowhead1 {  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important; padding: 5px;}
.sitstablegrid th {  border: 1px solid #666666 ! important;}
.sitstablegrid th {  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: bold ! important; font-size: 13px; background-clip: padding-box;}
.sitstablegrid td {	border: 1px solid #666666 ! important;}
.black-outline {	border: 1px solid #666666;}
.data1 {  color: #000000 ! important; font-weight: normal ! important;}
.data1over {  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important;}
tr.data1:hover {  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important;}
.error1 {  font-size: 18px; color:  #b40000; font-weight:bold;}

/*.sv-panel-footer { font-family: Verdana ! important;  color: #000000 ! important; background-color: #FFFFFF ! important; font-weight: normal ! important; border: 0 ! important;}*/

.ui-multiselect-checkboxes li{font-size: 1em ! important;}
/* label{font-weight: normal ! important;} */
legend {font-size: 13px ! important; width: auto ! important; margin-bottom: inherit ! important;}
.ui-tabs .ui-tabs-nav li a { background-color: #F0F0F0; cursor: pointer; text-decoration: none ! important; text-transform: none; font-weight: 400;}

/* Thick outside border for ui-tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {border-color: #0077c4; border-width: 2px; border-style: solid; color: #555555;}

.ui-widget{font-size: 13px ! important;}
.sitstabledescriptioncell{background-color: #F0F0F0 ! important; background-image: none ! important;}
table.dataTable{border-collapse: collapse ! important;}
.sitscophelp{font-size: 100% ! important;}

 html input[type="file"]  {color: #000000 ! important; font-weight: bold ! important; padding-top: 7px ! important;}
	
.sitsrowhead {text-align: left; color: #000000 ! important;	}
.tabletitle1{padding: 6px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #002147;}
.formsubfree{margin: 6px;}

h3, .sv-h3 {font-size: inherit ! important;}
.ui-tabs{background-color: #FFFFFF ! important} 
.ui-dialog .ui-dialog-title {background-color: #002147; color: #FFFFFF;} 
.ui-widget-header {background-color: #002147}

.ui-tabs-nav    {background: none ! important;} 
.bgborder{padding-bottom: 10px; padding: 0; background-color: #FFFFFF ! important;}
.sitscondescription{background-image: none ! important; background-color: #FFFFFF; border: 0px;}
hr {border-top: 1px solid #000000;}

p.sitscop{margin-top: 6px;}

/*
fieldset {padding-left: 1% ! important;}
fieldset {
    display: block;
    -webkit-margin-start: 2px ! important;
    -webkit-margin-end: 2px ! important;
    -webkit-padding-before: 0.35em ! important;
    -webkit-padding-start: 0.75em ! important;
    -webkit-padding-end: 0.75em ! important;
    -webkit-padding-after: 0.625em ! important;
    min-width: -webkit-min-content ! important;
    border-width: 2px ! important;
    border-style: groove ! important;
    border-color: threedface ! important;
    border-image: initial ! important;
	padding: 3px;
	}
	
fieldset label {
  font-weight: normal ! important;
}*/


/* Remove sv-active colours */
.sv-table > thead > tr > td.sv-active, .sv-table > tbody > tr > td.sv-active,
.sv-table > tfoot > tr > td.sv-active, .sv-table > thead > tr > th.sv-active, 
.sv-table > tbody > tr > th.sv-active, .sv-table > tfoot > tr > th.sv-active, 
.sv-table > thead > tr.sv-active > td, .sv-table > tbody > tr.sv-active > td, 
.sv-table > tfoot > tr.sv-active > td, .sv-table > thead > tr.sv-active > th, 
.sv-table > tbody > tr.sv-active > th, .sv-table > tfoot > tr.sv-active > th {
  background-color: #f0f0f0 ! important;
  color: #000000;
  }
  
/*-------------Datepicker Overrides-------------------------------------------*/
.ui-icon-circle-triangle-w:before {
    content: "\276e" !important;
    color: #808080 !important;
}

.ui-icon-circle-triangle-e:before {
    content: "\276f" !important;
    color: #808080 !important;
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0 .2em 0 !important;
    text-align: center !important;
    background: #001226 !important;
}

.ui-datepicker td .ui-state-default {
    padding: 1px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.ui-datepicker td a {
    height: 1.5em !important;
    padding: .7em .3em !important;
    text-decoration: none !important;
}

.ui-datepicker td .ui-state-active {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background: #eeeeee !important;
    border: 1px solid #eeeeee !important;
    color: #333333 !important;
}

.ui-datepicker td .ui-state-hover {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background: #0077c4 !important;
    border: 1px solid #0077c4 !important;
    color: #ffffff !important;
}

.ui-datepicker table {
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border-radius: 4px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    color: #ffffff !important;
}

.ui-datepicker-next-hover {
    background: #ffffff !important;
}

.ui-datepicker-prev-hover {
    background: #ffffff !important;
}

.ui-datepicker th {
    color: #000000 !important;
	

}
/*---------End of datepicker overrides-----------------------*/

.noTextField{
background-color: #FFFFFF;
border: none;
width:99%
}