/* --------------------------------------------------

   SPRING RELEASE COLOR PALETTE
   
   Bright Blue		#1076C9
   Dark Blue		#0D298C
   Bright Green     #7FDB15
   Purple	    	#8948a8
   Red (use rarely)	#F85A3E


   Default color for body text: #333333
	
   font-weight values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

   FONT: Google Font Open Sans

   Default font size: 10 pt
   Default small header size: 10 pt, with 500 weight
   Default large header size: 14 pt (such as the td.AreaTitle secondary headers)      
   with Bright blue #1076C9 as the color

   -------------------------------------------------- */



/* --- Page Body Section --- */

html, body, form  {
  height: 100%; width: 100%;
  margin: 0px; padding: 0px;
  overflow: hidden;
  font-size:10.0pt; font-weight:normal; text-decoration: none;
  font-family: 'Open Sans';  
}
* {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

/* --- General Settings --- */
label { color:#2C3342; font-size:9.0pt; }
label.CheckBox { color:#2C3342; font-size:9.0pt; }
label.CheckBoxSmall { color:#2C3342; }
label.CheckBox1 { color:green; }
label.CheckBox2 { color:green; }
label.Radio { color:#2C3342; font-size:9.0pt; }
label.RadioSmall { color:#2C3342; }


input { color:#2C3342; }
input.Text { color:#2C3342; }
input.ReadOnly { color:darkgray; }
input.ReadOnly::-ms-clear { display: none; }
input.Disabled { color:darkgray; }
input.CheckBox { color:#2C3342; font-size:10.0pt; }
input.Radio { color:#2C3342; font-size:8.0pt; }
input.Submit { color:#2C3342; }
.uppercase { text-transform: uppercase; }

input[type='text'], input[type='password'], .riTextBox, .riEnabled, .riTextBox_Default {
  font-family: 'Open Sans';  
  font-size: 12px;
  height: 24px !important;
  color:#2C3342;
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
  box-shadow: 1px 1px 1px #666;
  padding: 1px 6px 1px 6px;
  outline: 0;
  -webkit-appearance: none;
}

select {
  position: relative;
  font-family: 'Open Sans';  
  font-size: 12px;
  color:#2C3342;
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
  box-shadow: 1px 1px 1px #666;
  padding: 1px 3px 1px 1px;
  outline: 0;
}

select:not([size]),
select:not([multiple]) {
  //height: 24px;
}

select:[multiple] {
  overflow: auto;
}

textarea {
  font-family: 'Open Sans';  
  font-size: 12px;
  color:#2C3342;
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
  box-shadow: 1px 1px 1px #666;
  padding: 1px 6px 1px 6px;
  outline: 0;
  -webkit-appearance: none;
}

input[type='text']:focus, 
input[type='password']:focus, 
select:focus, textarea:focus,
riTextBox:focus, riEnabled:focus, riTextBox_Default:focus {
  color: #1076C9 !important;
  border-color: #1076C9 !important;
}


option { color:#2C3342; }
button { color:#2C3342; }

button {
  background: #000080;
  background-image: -webkit-linear-gradient(top, #000080, #000080);
  background-image: -moz-linear-gradient(top, #000080, #000080);
  background-image: -ms-linear-gradient(top, #000080, #000080);
  background-image: -o-linear-gradient(top, #000080, #000080);
  background-image: linear-gradient(to bottom, #000080, #000080);
  -webkit-border-radius: 16;
  -moz-border-radius: 16;
  border-radius: 16px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  font-weight:bold; 
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

button:hover {
  background: #0000FF;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


input.PageIcon {  margin-left:4px; margin-right:4px; }
input.warning { color:red; }


input.selectField {
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    color: #333333;
    cursor: pointer;
}
input.selectFieldDS {
    background: url("/app_themes/vista/images/selectField.png") no-repeat right;
}
input.selectFieldReadOnly {
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    color: darkgray;
    cursor: pointer;
}


a,a:visited,a:active { font-weight:normal; text-decoration:none; color: #2C3342; }
a:hover { text-decoration: underline; color: #2C3342; }
a.Link,a.Link:hover,a.Link:visited,a.Link:active { color:#2C3342; font-size:8.0pt; font-weight:bold; text-decoration:none; }
a.LinkMail,a.LinkMail:hover,a.LinkMail:visited,a.LinkMail:active { color:#2C3342; font-size:8.0pt; font-weight:bold; font-style:italic; text-decoration:none; }




/* --- Launch Page Styles --- */

div.launch { font-size:12.0px; font-weight:normal; text-align:left; color:#000000; padding:10px; }
span.launch { font-size:12.0px; font-weight:normal; text-align:left; color:#000000; }
h1.launch, h2.launch, h3.launch { text-align:left; color:#1076c9; font-weight:normal; }
h1.launch { text-align:center; font-size:16px; font-weight:bold; }
h2.launch { font-size:14px; font-style:italic; }
h3.launch { font-size:12px; }
a.launch, a.launch:hover, a.launch:visited, a.launch:active { font-weight:bold; color: #1076c9;}

/* --- Spacing Divs --- */

div.padDiv { padding:8px; overflow:none; }
div.padTitle      { padding-left:14px; margin-bottom:2px; }
div.padTop        { padding-left:10px }
div.padFixedContent    { padding-left:14px }
div.padSeparation { padding-top:10px; border:0px solid }
div.padInfo { padding:12px; width:100%; }
div.toolbarPadDiv { margin-left:15px; padding-top:3px; margin-bottom:7px; overflow:none; }

div.info { border:0px solid; width:100%; display:inline-block; padding:5px; background-color:white; }
div.control { border:0px solid; width:100%; display:inline-block; padding:10px; background-color:white; border-radius: 8px;}


div#element_to_target {
    -webkit-user-select : none;
    -moz-user-select    : none;
    -khtml-user-select  : none;
    -ms-user-select     : none;
}

/* --- Page Loader --- */

@keyframes spin { 
  100% { 
    transform: rotate(360deg); 
  } 
} 
          
#vistaPageLoader { 
  border: 12px solid #f3f3f3; 
  border-radius: 50%; 
  border-top: 12px solid #444444; 
  width: 70px; 
  height: 70px; 
  animation: spin 1s linear infinite; 
} 
          
.vistaPageLoaderCenter { 
   position: absolute; 
   top: 0; 
   bottom: 0; 
   left: 0; 
   right: 0; 
   margin: auto; 
}