/* For these dummy table border colors to put in class, latter one take precedence. (So nested tables should take later color so parent color doesn't override)*/

/*table.blueTable,
table.blueTable td, 
table.blueTable th { 
  border: 1px solid blue;
}
table.redTable,
table.redTable td, 
table.redTable th { 
  border: 1px solid red;
}
table.greenTable,
table.greenTable td, 
table.greenTable th { 
  border: 1px solid green;
}*/


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}



.ValidationLabel {
    font-size: 14pt;
    vertical-align:middle;
}

html .RadScheduler .rsApt.apptHashed {
    /* Color note: Spacing between is 1st two "#" and darker stripes are 2nd two "#" */ 
    background: repeating-linear-gradient( -45deg, #eef3fd, #eef3fd 7px, #8fd1fa 1px, #8fd1fa 8px ) !important;
    /*border-color: #0066ff !important;*/
    border-radius: 5px;
    /*border-color: black;*/
    /*border-width: 1px;*/
}
  
/*html .RadScheduler .rsApt {
    background: repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
    border-radius: 5px;
}*/
  
html .RadScheduler .rsApt .rsAptContent,
html .RadScheduler .rsApt .rsResourceMarker,
html .RadScheduler .rsApt .rsAptMid,
html .RadScheduler .rsApt .rsAptOut,
html .RadScheduler .rsApt .rsAptIn {
    background-color: transparent;
    /*border-color: transparent;*/
    background-image: none;
}


/* Ex 13083, Note 22054 - Give all disabled input controls different color to match disabled Telerik controls */ 
input[type="text"]:disabled {
    background: #ffffff;
    color: #8a8a8a;
    border: 1px solid #D0D3D4;
}

.statusbarItem {
    padding-left: 7px;
}


/* This forces label portion of checkbox (via this class name) to set width. */
.RptGenCheckBoxes label
{
    width: 160px;
    display: inline-block;
}
/* This forces label portion of checkbox (via this class name) to set width. */
.RptGenCheckBoxesOptionalFields label
{
    width: 360px;
    display: inline-block;
}
/* Use to alter the checkbox portion is ever necessary */     
/*.RptGenCheckBoxes input
{
    margin-left: 250px;
}*/

/* This forces label portion of checkbox (via this class name) to set width. */
.AddDocCheckBoxes label
{
    width: 164px;
    display: inline-block;
}
 

/* Grabs the new font to use in site. Have it right in site rather than retrieve from Google fonts */
@font-face {
  font-family: SourceSansPro;
  src: url(Fonts/SourceSansPro-Regular.ttf);
}


/* This change all the various aspects of a grid to a given font */
.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip
{
    font-family: SourceSansPro !important;
    font-size: 9pt !important;
}


html, body {
	font: 9pt SourceSansPro, Verdana, Helvetica, sans-serif;
}



.HeadingLabel
{
	font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    padding-left:4px; /*Put a little space before the wording*/
}


/* http://www.w3schools.com/css/css3_buttons.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_basic */
.BigButton {
    background-color: #005595;
    border: none;
    color: white;
    padding: 4px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0px 0px;
    cursor: pointer;
}
.BigButton:hover, .BiggestButton:hover, .SmallButton:hover {
    /*background-color: #0068A5;*/
    background-color: #78A22F;
}
.BigButton:disabled, .BiggestButton:disabled, .SmallButton:disabled {
    /*background-color: #003A66;
    color: gray;*/
    background-color: gray;
    color: black;
    cursor: default;
}


.BiggestButton {
    background-color: #005595;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 0px 0px;
    cursor: pointer;
}

.SmallButton {
    background-color: #005595;
    border: none;
    color: white;
    padding: 2px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px 0px;
    cursor: pointer;
}


.BigLabel
{
    vertical-align:top;
    font-size:11pt;
    padding-top:5px;
    display:inline-block;
}


.FieldSetInfo 
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
background-color: #F1F1F2;
text-align: left;
}


.FieldSetTraining
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
background-color: #F2F0DD;
text-align: left;
}


/*FieldSet
{
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 30px;
background-color: #F1F1F2;
text-align: left;
}*/


/* Textboxes and others */
INPUT
{
    FONT-FAMILY: SourceSansPro, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    /*FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal*/
}

TEXTAREA
{
    FONT-FAMILY: SourceSansPro, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    /*FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal*/
}


/* http://www.telerik.com/community/forums/aspnet/input/apply-same-fontnames-and-size-to-all-radinput-controls.aspx */
form .RadInput .riTextBox,
.RadComboBox .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Default .rcbList li
{
	font: 9pt SourceSansPro, Verdana, Helvetica, sans-serif !important;
    /*font:bold 15px garamond,serif;
    color:red;*/
}

/* Without the below, the input text for RadComboBox is white, which is hard to see against gray background */
div.RadComboBox_Default input
{
    color:black !important;
}

/*ECI page headings*/
/*.ECIHeading
{
	font-family:Arial;
	font-size:medium;
	font-weight:lighter;
	color:Black;
}*/

/*POBatches*/
.Aligner
{
	text-align:left;
}

/*All pages. Labels only?*/
.DefaultFont
{
	font-family:SourceSansPro,Arial;
	font-size:9pt;
}


/*.RadPicker_Default .RadInput,
.RadPicker_Default .riTextBox, 
.RadPicker_Default .RadInput .riTextBox ,
.RadPicker_Default .riTextBox .riHover,
.RadPicker_Default .riTextBox .riFocused ,
.RadPicker_Default .riTextBox .riEmpty, 
.RadPicker_Default .riTextBox .riTextBox riEnabled 
{
	font-family:Arial;
	font-size:8pt;
}*/



/*.RadPicker .RadInput .riTextBox  
{  
    text-align:right !important;  
    color:red !important;
}*/

/*.RadPicker .RadInput .riTextBox  
{  
    text-align:right;  
    color:red;  
}*/



/*
.CenteredPanel
{
	position:absolute;
	width:500px;
	height:500px;
}


/* The below TD block affected the Menu control when converted to VS 2008 and/or new Infragistics
   but it's also used for the total values along bottom of grid on PO screen, so need to fix. */
/*
TD
{
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 3pt;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}
*/