@charset "utf-8";

/* DESIGNER INPUT TEXT OPTIONS CSS */

.designer_options input{
  font-family: "Verdana";
  font-size:36px;
  -webkit-appearance: none;
  text-indent: 3px;
  border: 2px solid #033665;
  color: #000000;
  border-radius: 15px;
  background: #fff;
  line-height: normal;
  line-height: 1.5;
  height: 70px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor:text;
  background-image: url(''),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .5em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}

.designer_options input:focus, select:focus {
  background: #fff839;
  outline-width: 0;
  outline: none;
  -webkit-box-shadow: 0px 0px 6px 1px #000000;
  -moz-box-shadow: 0px 0px 6px 1px #000000;
  box-shadow: 0px 0px 6px 1px #000000;
}

.dis input{
  display: none; /*hide original SELECT element:*/
}

/* ALERT BOX CSS */

.swal-button--catch {
  padding: 14px 49px;
  border-radius: 5px;
  background-color: #4962B3;
  font-size: 32px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-button--catch2 {
  padding: 14px 49px;
  border-radius: 5px;
  background-color: #3c97d3;
  font-size: 32px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-button {
  padding: 14px 49px;
  border-radius: 5px;
  background-color: #3c97d3;
  font-size: 32px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.inputcss {
  padding: 15px 25px;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 40px;
  border: 1px solid #3e549a;
  width:93%;
}

.swal-text {
  background-color: #FEFAE3;
  padding: 17px;
  font-size: 32px;
  border: 1px solid #F0E1A1;
  display: block;
  margin: 22px;
  text-align: center;
  color: #61534e;
}

.swal-title {
  padding: 17px;
  font-size: 50px;
  display: block;
  margin: 42px;
  text-align: center;
  color: #61534e;
}

.swal-overlay {
  background-color: rgba(60, 151, 211, 0.45);
}

.swal-modal {
  border: 3px solid BLACK;
  border-radius: 20px;
  width:80%;
}

/* SAVE DESIGN CSS */


.save_box {
	background: #ffffff;
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(255, 255, 255, 0.8);
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	color:black;
}

/* SCROLLING TIPS CSS */

.marquee {
	font-family:Verdana;
	font-size:11px;
    width: 300px;
	line-height: 5px;
	color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 45s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* show plate previews when hover */

/* HOVER IMG */
.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99;}
.hover_img a:hover span { display:block; margin-left:0px; position: absoute; top: 40px; right: 10px;}



/**************************************/
/* DESIGNER - DROP DOWN BOX - STYLING */
/**************************************/

.option-div {
  border: 1px solid black;
  padding:5px;
  margin-bottom: 0.3rem;
  width: 10%;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Verdana;
  font-size:66px;
  border: 2px solid #033665;
  border-radius: 15px;
  height:66px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .5em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
    border-radius: 15px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  /* background-color: hsl(210, 100%, 76%); */
  font-size:35px;
  color: #000000;
  padding: 8px 16px;
  border: 3px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  height:44px;
}

 /********************/
 /* DISABLE ELEMENT; */
  /********************/
  
.dis {
  position: relative;
  font-family: Verdana;
  font-size:66px;
  border: 2px solid #033665;
  border-radius: 15px;
  height:66px;
  background-color:#CCC;
}

.dis select {
  display: none; /*hide original SELECT element:*/
}

.select-selected-dis {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .3em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .32em auto, 100%;
    border-radius: 15px;
}

.select-items div,.select-selected-dis {
  /* nothing */
}
 /********************/
 /* DISABLE ELEMENT; */
 /********************/



/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #ffffff;
  border: 5px solid #000000;
  border-radius: 15px;
  width:100%;
  top: 75px;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.custom-select .option-header {
  pointer-events: none;
  background-color: yellow;
  color: black;
  font-size:35px;
  font-weight:bold;
  cursor: unset;
}

.custom-select .option-header:hover {
  pointer-events: none;
  background-color: yellow;
  color: black;
  font-size:35px;
  font-weight:bold;
  cursor: unset;
}

.select-items.disappear {
  display: none;
}