/*@charset "UTF-8";*/

/*DMV Custom font DKD*/
@font-face {
	font-family: "tt-commons";
	src:
	url("https://sa.dmv.ca.gov/DMV/Uploads/tt-commons-regular.ttf") format("truetype");
}

@charset "UTF-8";
/*@import url("https://www.dmv.ca.gov/imageserver/styleguide/css/style.css"); */

html {height: 100%;}
body {
    background-color: #fff;
    margin: 0 auto;
	/*DMV Custom font call DKD*/
    font-family: 'tt-commons', 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #5d6c7a;
    height: 99%; /*changing from 100 due to scrollbar */
}
/*  Orig beginning

@import url("https://www.dmv.ca.gov/imageserver/styleguide/css/style.css"); */
/*
html {height: 100%;}

body {background-color:#fff;margin: 0 auto;font-family: 'Open Sans', sans-serif; font-size: 1rem;	font-weight: 400; line-height: 1.4; color: #5d6c7a;	width: 100%; height: 100%;}

*/

label {font-weight: 600;}
label #usertext {display: none;}
label[for=usertext]
{display: none;
}
#content {display:flex;flex-direction:column;height:100%;}
#main {height: 100%;	flex: 1;}
#viewer {height: 100%;}
form {margin:0px;padding:0px;}
ul {margin-bottom:0;padding:0px;margin-left:20px;}

/*RKM: Added for list spacing*/
li {margin-bottom: 6px;}

#banner
{height:69px;background-color:#9caace;}
#banner .bannerlogo
{float:left;position:relative;}
#banner .bannertext
{font:normal bold 12pt arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}
#sbanner
{height:69px;background-color:#9caace;}
#sbanner .bannerlogo
{float:left;position:relative;}
#sbanner .bannertext
{font:normal bold 12pt arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}
#vwbanner
{height:69px;background-color:#9caace;}
#vwbanner .bannerlogo
{float:left;position:relative;}
#vwbanner .bannertext
{font:normal bold 12pt arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}
#menu {height:30px;background-color:#000000 !important;}
#menu #menul {float:left;margin-top:2px;}
#menul a, #menul span
{font:normal bold 10pt arial,helvetica,sans-serif;color:#ffffff;text-align:left;text-decoration:none;margin-left:4px;}
#menul .sel
{font:normal bold 10pt arial,helvetica,sans-serif;color:#00ffff;text-align:left;text-decoration:none;margin-left:4px;}
#menul img {vertical-align:text-bottom !important;}
#menul a:hover {color:#f79218;}

#menu #menur {float:right;margin-top:2px;}
#menur a, #menur span
{font:normal bold 10pt arial,helvetica,sans-serif;color:#ffffff;text-align:right;text-decoration:none;margin-right:4px;}
#menur .sel
{font:normal bold 10pt arial,helvetica,sans-serif;color:#00ffff;text-align:right;text-decoration:none;margin-right:4px;}
#menur img {vertical-align:text-bottom !important;}
#menur a:hover {color:#f79218;}

.floatmenu
{position:absolute;top:0px;border:0px;border-bottom-width:0;font:normal bold 10pt arial,helvetica,sans-serif;z-index:100;background-color:#000000;width:200px;line-height:18px;visibility:hidden;}
.floatmenu a
{width:auto;display:block;font:normal bold 10pt arial,helvetica,sans-serif;color:#ffffff;text-decoration:none;text-indent:3px;border-bottom:1px solid #ffffff;padding:1px 0px;}
* html .floatmenu a{width:100%;}
.floatmenu a:hover {background-color:#00034a;color:#f79218;}

#helpfulnessvote
{background-color:#9caace !important;font:normal normal 8pt arial,helvetica,sans-serif;color:#000000;text-align:center;clear:both;}
#helpfulnessvote a
{margin-left:4px;}
#helpfulnessvote input, #helpfulnessvote span
{vertical-align:middle;}
#helpfulnessvote img
{vertical-align:text-bottom !important;}
#helpfulnessvote a:active {color:#840000;}
#helpfulnessvote a:visited {color:#840000;}
#helpfulnessvote a:hover {color:#840000;}

#inplaceroute
{background-color:#ffffff;font:normal normal 10pt arial,helvetica,sans-serif;color:#000000;overflow:auto;border:0px;clear:both;}
#inplaceroute .iframe
{width:100%;height:100%;border:0px}
#inplacecontent
{background-color:#FFFFFF;font:normal normal 10pt arial,helvetica,sans-serif;color:#000000;overflow:auto;border:0px;clear:both;}
#inplacecontent .iframe
{width:100%;height:100%;border:0px}
#vwcontent
{background-color:#ffffff !important;font:normal normal 10pt arial,helvetica,sans-serif;color:#000000;padding:4px;border:0px;clear:both;}
#vwcontent .article
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed;vertical-align:top;}
#vwcontent a:link {color:#0000ff;}
#vwcontent a:active {color:#0000ff;}
#vwcontent a:visited {color:#00034a;}
#vwcontent a:hover {color:#840000;}

#advanced
{background-color:#e7e8ed !important;}
#advanced td
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;vertical-align:top;}
#advanced select, #advanced .input
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:320px;vertical-align:middle;}
#advanced .field
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:220px;vertical-align:middle;}
#advanced input, #advanced img
{vertical-align:middle;}
#preferences
{background-color:#ffffff !important;}
#preferences td
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;vertical-align:top;}
#preferences select
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:220px;vertical-align:middle;}
#preferences input, #preferences img
{vertical-align:middle;}
#search
{background-color:#ffffff !important;font:normal normal 10pt arial,helvetica,sans-serif;color:#000000;overflow:auto;border:0px;}
#search .hosttext
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#search .article
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#search img, #search input
{vertical-align:middle;}
#search a:link {color:#0000ff;}
#search a:active {color:#0000ff;}
#search a:visited {color:#00034a;}
#search a:hover {color:#840000;}

/*Continuation Links 1, 2, 3  increasing 1rem to 2rem -- changing to 1.25*/
#cnta1,#cnta2, #cnta3 {font-size: 1.25rem;}
/*Continuation Links 1, 2 , 3 */

#dialog {background-color:#fff;color:#000;overflow:auto;}
#dialog .hostname {width: 10px; vertical-align: top;}
#dialog .hosttext {vertical-align: top;}
#dialog .hosttexthistory {vertical-align: top;}

/*adding padding to the top of the continuation and changing font to 1rem*/
#dialog .continuation {vertical-align: top; font-size: 1rem;}
#dialog .username {
	/*width: 10px;*/
	text-align:center;
	color: #0b669e;
	font-size:36px;
	font-weight:900;
	
	}
	
#dialog .usertext {
	font-weight: 900; 
	font-style: italic;
	color: #696969;
	/*background-color:#f1f1f1;*/
	
	}
#dialog .usertexthistory {font-weight: 900;}
#dialog .hostrelinfo {vertical-align: top;}

/*added padding to the bottom of the sol*/
#dialog .solution {vertical-align: top; padding-bottom: 15px;}
#dialog .solutionhistory {vertical-align: top;}
#dialog .none {vertical-align: top;}
#dialog .field {color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:220px;vertical-align:middle;}
#dialog img, /* #dialog input */ {vertical-align:middle;}

#dialog .btn-action {
background-color: #0b669e;
border: 1px solid #0b669e;
border-radius: 36px;
-webkit-box-shadow: none !important;
box-shadow: none;
color: #fff !important;
cursor: pointer;
display: inline-block;
font-weight: 600 !important;
padding: .75rem 2rem;
text-align: center;
line-height:1.15;
margin-left: 10px;
text-decoration: none !important;
border-bottom: 0 !important;
}

.btn-action:hover {
background-color: #d3eee7 !important;
border-color: #d3eee7 !important;
color: #0b669e !important;
text-decoration: none;
}

#dialog a {
		color: #0b669e;
    text-decoration: none;
    word-wrap: break-word;
    }

#dialog a:hover {
	color: #0077c8;
	text-decoration: underline;
	}

#dialog .solution a {
		color: #0b669e;
    font-weight: 500;
    text-decoration: underline;
    }

#dialog .solution a:hover {
text-decoration: none;
border-bottom: solid 2px #d34312;
}

#dialog .highlight {background-color:#FFFF00 !important;}
#inputfield {
	/*padding: 15px; turning off to add space to the bottom to make up for turning off the cw/patent info*/
	padding: 10px 15px 26px 15px; /*adding more padding to bottom*/
	height: 70px;}

#navBottom {
	display: flex;
	height: 40px;
	margin: auto;
	width: 240px;
	padding-top: 6px;
}
#go {
background-color: #0b669e;
border: 1px solid #0b669e;
border-radius: 36px;
-webkit-box-shadow: none !important;
box-shadow: none;
color: #fff !important;
cursor: pointer;
display: inline-block;
font-weight: 600 !important;
padding: .75rem 2rem;
text-align: center;
line-height:1.15;
margin-left: 10px;
text-decoration: none !important;
border-bottom: 0 !important;
}

#go:hover {
background-color: #d3eee7 !important;
border-color: #d3eee7 !important;
color: #0b669e !important;
text-decoration: none;
}	
	
#restart {
background-color: #0b669e;
border: 1px solid #0b669e;
border-radius: 36px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
line-height: 1.15;
margin-left: 10px;
background-image: url("https://sa.dmv.ca.gov/DMV/Images/home2.png");
background-repeat: no-repeat;
background-position: 0px -2px;
width: 40px;
}

#bback {
background-image: url("https://sa.dmv.ca.gov/DMV/Images/back2.png");
background-position: -6px -6px;
width: 40px;
border: none;
background-color: #0b669e;
border: 1px solid #0b669e;
border-radius: 36px;
}
#bback:hover {
background-color: #d3eee7 !important;
border-color: #d3eee7 !important;
color: #0b669e !important;
text-decoration: none;
}
#restart:hover {
background-color: #d3eee7 !important;
border-color: #d3eee7 !important;
color: #0b669e !important;
text-decoration: none;
}

#inputfield .field
{height: 35px; width: 100%;text-indent: 10px;font-size: 1rem;    border: 1px solid lightgray;
    border-radius: 36px;background-color: lightgray;}

#copyright
{background-color:#000000 !important;font:normal normal 8pt arial,helvetica,sans-serif;color:#ffffff;text-align:left;}
#copyright span
{margin-left:4px;}

#poweredby
{color:#999;font-size: 0.75rem; text-align:center; padding-top: 6px;}
#poweredby span
{}
#poweredby a:link {color:#999;}
#poweredby a:hover {color:#999;}

#log
{background-color:#ffffff;font:normal normal 8pt arial,helvetica,sans-serif;color:#000000;}
#log .hostname
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#log .hosttexthistory
{color:#840000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#log .username
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#d5d5d4 !important;}
#log .usertexthistory
{color:#840000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#d5d5d4 !important;}
#log .hostrelinfo
{color:#003399;font:normal bold 10pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#log .solutionhistory
{color:#840000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#log a:link {color:#0000ff;}
#log a:active {color:#0000ff;}
#log a:visited {color:#00034a;}
#log a:hover {color:#840000;}

#floatdiv{position:absolute;color:#000000;background-color:#ffffff;font-family:arial;font-size:10px;width:700px;height:520px;top:92px;display:none;z-index:9048;border:1px solid #808080;overflow:visible;}
#floatdiv iframe{width:100%;height:500px;border:0px;overflow:visible;padding-top:4px;clear:both;}
img {border:0}
.dialogTable {border:0px;margin:0px;width:100%; border-collapse:collapse}

/*Changing padding from 3px 0px 3px 3px; to just 5px;  and removing borders */
.dialogTable td { /*border:1px; border-style:solid; border-color:#ffffff;*/ padding: 5px;}

.stdTable {border:0px;margin:0px;width:100%; border-collapse:collapse}
.stdTable td {border:0px; border-style:none; padding: 4px;}
.stdTableZeroBorder {border:0px;padding:0px;margin:0px;border-collapse:collapse;}
.stdTableZeroBorder td {border:0px;border-style:none;} 
#waiting {display:none;}


/* DMV CSS For Forms form[name="embedsurvey"] .solution .stdTableZeroBorder table tbody tr td #datepickerRID, #datepickerCID*/ 
 form[name=embedsurvey] table td input[type=text], input[name=tel1], input[name=tel2], input[name=tel3], textarea, textarea[type=textarea]{
	background-color: #fff !important;
	border: 1px solid rgba(11, 102, 158, 0.3)!important;
	border-radius: 3px !important;
	color: #0077c8 !important;
	font-weight: 400 !important;
	padding: .5rem .75rem !important; 
	font-size: 1rem !important;
	
}

form[name=embedsurvery] table td input[type=submit], input[class^="btn_"],  table td input[class="solution"]{
  border: 1px solid !important;
  border-radius: 36px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-weight: 400 !important;
  padding: .75rem 2rem !important;
  text-align: center !important;
  text decoration: none !important;
  background-color: #0b669e !important;
  border-color: #0b669e !important;
  line-height: 1.15 !important;
 }

form[name=embedsurvery] table td input[type=submit]:hover,  input[class^="btn_"]:hover {
	background-color: #d3eee7 !important;
	border-color: #d3eee7 !important;
	color: #0b669e !important;
	
	}

/*email button */
form[name=embedsurvery] table td input[value=email], /*table tr[id=submit]*/ {
  border: 1px solid !important;
  border-radius: 36px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-weight: 500 !important;
  padding: .75rem 2rem !important;
  text-align: center !important;
  text decoration: none !important;
  background-color: #0b669e !important;
  border-color: #0b669e !important;
  line-height: 1.15 !important;
 }


form[name=embedsurvery] table td input[type=submit]:hover, /*table tr[id=submit]:hover */{
	background-color: #d3eee7 !important;
	border-color: #d3eee7 !important;
	color: #0b669e !important;
	
	}

/*end email button */


/*test */
form[name=embedsurvey] label {
	color: #163159 !important;
	margin-bottom: .5rem !important;
	font-size: 1.125rem !important;

	
	}
	
#cbsubmit{
	font-size: 25px; 
	font-weight: 800;
	}	

/*trying to edit drop box*/

/****************** Custom dropdown START ******************/
/* Container */
td[class=hosttext] select {
    background: #fff;
    border: 1px solid rgba(11,102,158,.3);
    border-radius: 3px;
    height: 36px;
    overflow: hidden;
    position: relative;
	margin-right: 75px;
    max-width: 500px;
/* adding dropdown arrow 
	background-image: url('https://sa.dmv.ca.gov/DMV/Uploads/dropdown_arrow.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 36px;
 end of dropdown arrow */
}
/* Select styling */
select[name=ruleid]{
	/*turning off to turn on the default arrow
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    background: none;
    border: 1px solid transparent;
    color: #5d6c7a;
    /*DMV Custom font call DKD*/
	font-family: 'tt-commons', 'Open Sans', sans-serif;
    font-size: inherit;
    height: 100%;
    margin: 0;
    padding: 0 28px 0 8px;
    position: relative;
    width: 100%;
    z-index: 2;
}
/* Option color */
select[name=ruleid] option {
    color:#0077c8;
}
/* First option different color */
td[class=hosttext] select:invalid,
select[name=ruleid] option[value=""] {
    color: #5d6c7a;
}
/* Custom dropdown icon */
.custom-select__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #163159;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}
	
/*  ************End Dropdown Test ***********************/
	
	
	
	
/*Tooltips and Division Abstracts */

/*Division abstracts */
#dOne ::after { 
  content: "Definitions of words and phrases referenced throughout the code.";
}

#dTwo ::after { 
  content: "Administrations that are a party to the code - DMV, CHP, etc.";
}
/*End of Division Abstracts*>


  
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #FFC;
  color: #333;
  text-align: left;
  padding: 10px;
  border-radius: 10px;

  /* Position the tooltip text*/
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}  
	
/*End of Tooltip edits */	

/******YouTube responsive embed START ***************/


.youTubeContainer{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.youTubeContainer iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;

}

/****************YouTube responsive embed END ***********/

	
	
	
		
/*Added to remvoe feedback tab from being in the agent overlay*/	
#kampyleButtonContainer, button#nebula_div_btn, .kampyle_button, .kampyle_button-text, kampyle_vertical_button kampyle_right  noOutline   {
	display:none !important;}	
/*End feedback tab edits*/	
	
	
	
/* Tooltip text  for 500px*/
@media only screen and (max-width: 500px)	
{
	.tooltip {
	  display: inline-flex;
	  flex-direction: row-reverse;
	}		
}

	
@media (max-width: 790px)
{
/*	#inputfield {height: 90px;}-->
	#inputfield .field {font-size: 0.75rem;}
<!--	#go {width: 40%; margin-left: 0; margin: 10px 2.5% 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	#restart {
		
		width: 40%; margin-left: 0; margin: 10px 2.5% 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}-->
	#dialog .hostname {display: none;}
	#dialog .username {display: none;}
	#poweredby {color:#999;font-size: 0.55rem; text-align:center;}
}
*/