/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {    /*come back to this later */
   background: #ff6699;    /*#b3d4fc;*/
   text-shadow: none;
}

::selection {
    background: #ff6699;    /*#b3d4fc;*/
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

/*fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}*/
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Signature Pad Styling
   ========================================================================== */
/*!
 * Signature Pad v3.0.0-beta.2 | https://github.com/szimek/signature_pad
 * (c) 2018 Szymon Nowak | Released under the MIT license
 */

#formTokenPurchase *,
#formTokenPurchase *::before,
#formTokenPurchase *::after {
  box-sizing: border-box;
}

.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-width: 540px;
  max-height: 260px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding: 16px;
}

.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #f4f4f4;
}

.signature-pad--body
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.pay-sign {
   height: 300px;
   width: 470px;	
}	


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
/*@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
/*@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
/*@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
/*@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
/*@media (min-width:1281px) { /* hi-res laptops and desktops */ }


h1 {-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
			-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
			-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
			-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
			transition: width 1s ease-in-out, left 1.5s ease-in-out;
		}  




		
/*default should be smallest and then let the media resize UP */		
/*@media all and (min-width: 20em) { /*320 pixels*/  


.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  border: none;    /*1px solid silver;  */
  -ms-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.container-center {
  -ms-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.container-flex-start {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: flex-start;
}

.block {
    display: inline-block;
    list-style: none;
}


.nowrap  { 
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}



.wrap { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  

.space-between {
	justify-content: space-between;
}



.wrap-reverse { 
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}  


.squeeze {
	     margin-right: 3px; 
	     margin-left: 1px;
	     margin-bottom: 2px;
	     margin-top: 2px;
	    }
	    
.pad-left {
	margin-left: .5em;	    
}
.spin, .spin1, .spin05 {

	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important; 
	
	}    

legend {
	font-weight: bold;
}

.hide {
    display: none;
}

.opacity-hide {
	opacity: 0;
}	


.blue-box {
   background-color: #b7d7e8 !important;	
}	

.green-box {
   background-color: #daebe8 !important;	
}

.pink-box {
   background-color: pink !important;	
}	

.lime-box {
   background-color: lime !important;	
}

.bold-red {
   color: red !important;
   font-weight: bold;	
}	

.highlight-blue {
   color: blue;
   font-weight: 500;	
}	

.highlight-blocked {
	background-image: url("data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD\/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD\/wAARCAAUAPoDASIAAhEBAxEB\/8QAHAABAAICAwEAAAAAAAAAAAAAAAEGBQcCAwQJ\/8QALBAAAQQCAgEEAQQBBQAAAAAAAQACAwQFBgcREhMhIjEUFTJBcVEXI1Khsf\/EABoBAQACAwEAAAAAAAAAAAAAAAABAgMEBQb\/xAAnEQACAgEEAQIHAQAAAAAAAAAAAQIRIQMEEjEFE0EiMlFhcZHB0f\/aAAwDAQACEQMRAD8A+qaIiAIiIAiIgC17zbv9zjrSRmcdexlK5ayNPHw2smO6sHrTNa6ST5s+LWF7v3D9v2thLWnLer75sWU1O\/p9DAXoMFkJcjZq5W7LWbLJ6D4ogCyKTsD1ZCQQPcN6WDccvT+DvB0vDrbvfab3VcFbd9OlaWbWWksqs5K1pnL+ctbBmqlnctU3TB4rCSZOxl9fqOhipzNd8YJD68zHFzQ9wAcHDwPY9x3fNF27JXeKsVvW8CvUszYhuVviKJ0bIWmP1CPFxJHizoHs\/YP9LW+w8TcobPT2rO2IdXxWbzWCGv1MdQtzfiiF8nlLLNY9EPc\/xJDOo+m+\/wDkkXXDYvkjPYu5qO\/avrGPwVrGSUC\/F5iezN8meHj4PrRgDxJ9\/IkED2P8YNF6sbUu6x+3\/K7O35OPj9eCnouKfKPKuKaSirqkk7bfypK4r8vA09l552TWpOQteg1anj7EX5uLwN2vK+1bqFocwy2hI1kEj2nvxEb2t7ALvvr0\/wCqG075dwuE4tp0qr72Ir5zI5TKwvmhx9ecH0IxExzDLK8tf7ebAAwns9gLyRaXzrPqlfjW1ndaq4qKszHTbBVdN+oS1Gt8PhXcz045iwAefqPAPZDfoDI2NC3bSNjGa4ohwNmhYxdPFWMXlrE1cRit5iGWOaNknv4yODmlnv009jpEp\/esX9ff9Zr+GSU\/Hvlfp81fp0vhrFc3WW1bjyt2qlh0ePZ+QuSePNMz93cquFN2jbpVcVloWGKndFmVkfk+B0pfEYy4lwLyC3ogn3Ayerck5rkHIzbDq34FfRcayVkmTssL5snMwkP9BocPSiYQf9x3ZcQQGgdOOO2Lifb97g16lyDmMXlqkOwfrOWqNicyuyGOB7Ya0LCCZGiTwLjIR38j\/hq69t4n2yKDfMbx7bxtXHbtipAa9mZ8TauUc0ROmZ4Md0ySLry\/kOjBAPkeqv14tyzXsve0rX+P64F+KnpLTk4LWk23JKoJPjFqmu8OSxSt0sxqsaPzJsO80sVdj5+4txl3Mlphwj8cJrkRe74Qnq+0uk6IHXgD2fpXGHOctbfsu0VdO2XWcdjdeuR46IXMNLafanFeOWQ+bbMYY0Ok8f2uILT9rt0vFcrYZ2HxGR0DRauLoxxV5LFXNTzWGRsaB5Na6o0Od7fy4f2sJpGo88aljsvg69DTIzl8pkMk\/LPydmaRj7Ez3h34\/oNDi1rmt8fUA+I90jpzilFtvvKvtUl7\/dv6YNjc7nZz1NWe3jpx9oqS02knK28QV1FVnlLNrJsTjPbMhuWpQ5XM4+Glk4LFnH34YJC+JtmvM+GXwcQCWl7CR2PohWxV\/RtSp6Nq9HWqVqxaFVrnS2bDvKWxM9xdJK8\/8nPc5x\/tWBb0b4rl2eP3stGW51Ht1ULdfi8BERWNYIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiALj0ERQAB39oB7IihdEEKf4CIrAAdp9f+Iih9BEEf8ASkhEUk1gjtc0RAEREAREQBERAEREAREQBERAEREB\/9k=");
}	
.highlight-timeout {
	background-image: url("data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD\/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD\/wAARCAAUAPoDASIAAhEBAxEB\/8QAHAABAAIDAQEBAAAAAAAAAAAAAAEFAgQGAwcJ\/8QALhAAAQQCAAQFAwMFAAAAAAAAAQACAwQFERIhMVEGEyJBYTKBkRRCcSNSYtHh\/8QAGQEBAAMBAQAAAAAAAAAAAAAAAAECAwQF\/8QAJREAAwACAQIGAwEAAAAAAAAAAAECAxEEIUEiMVHB0fATYZHh\/9oADAMBAAIRAxEAPwD9U0REAREQBERAFUZjOnD\/ANR+KtzxbaPMiMeuJx0G6c8HeyPZW6ps5DLanxtRsT3MdcbLI5rSWtawFw2fbbg1XxpOtV5GHIqpxtw9M2K2Rmm4fPxliqXOI1K6PYAG+L0uPL2\/4tr9VX04+fH6dE+och7bXOeIYr0962+CrM9sOPMEJawnckztEjvoNBPZa8nhzGV70\/BhBJBSx4LWmIuFiU8XXl6yA0d+q1\/HFLbejnfIyzThLeu7\/wAX6OsfPAxokfMxrXdCXDRWexre9hfObeFyMYrQ24pnMr0ImQRjHi00v0eNvP0sdv3OhrXNdriaM9XBwUJ5XGVsHAXEDYOunLt0+yrkxKEnstx+TWa3NTrSNZ\/iaBxmfUxt63BXcWyTwsaWbHXWyC7X+IKtatytcgis1pWvjmYJGEfuaffX3XO43J2cbh4sUzC3TfrsEIjEB8tzgNcfmfRwnr138LWqsteHZWRSUbVt9TGtih8mBzmySFxc8cQGm8w3rz7bVniTWvL3M55VTp09rv20\/Q6WXKUorlek6ZpltF3AAR+3r\/pbo6rksNio2ZWhJeov86tj2lr3QEjzXuLnni1oOHbe\/UfldaN7WeSVD0jo4+WsydV69P4vMlERZnSEREAUe6lRrntAVWYzTsPG6Z+Lt2IGNDnSxGPhbs61pzgd9Og91nXyk83AJsRarl7wwCV8W9aJ4vS88hr+efReHiSGe3DTowxOc2a5F5xaCQ2Np4zvt9IHPutTxEy462+etUllNPHzOiLWE7mfpoA11IAP5W0zNSl3OLJkyRbe+i1016\/CL4W62jqxEQ0bPqHId1LrMDIxK+ZgYeji7kfuuTh8J46C\/WjOLa+CpjyZXGPYnlJHJ395HCeR3rY+FUT4O8yOjDZjnbXjph8cYx\/6lgle4ue0t6NI2ACeWh1CusEV0VGV83LjW6j70+T6OC0t2CCO6ppfEkXmzspYy9dZWJbLLBG0ta4dQNkF5HZoK9PDlGxj8LXqWXO8xrSSCB6dnfDy5ct6+yrcXkZ8PjG4uTEZCS5X4o2hkJLJjvk\/zPpAO98yD15LOYTbS66NrzUplvw7+6L+peq3q8NmtK1zJm8TPYkfwvOxlKdaetVfKDJZkMcYBHUAk7\/H5XNVYLeEvVBYp2bBgpyuZ5ELnh08knE9uwNDWgOelOFxjX3sWcnjHOmFaWy6R9ckNmkk4iC7Xpc3n1115K7wytvsZLl20p14unt8nYt\/lNDsgGlK5z0QiIgCIiAIiIAsSB+SiIQNDsnXmiKAPZRvkfhERdgydKD7\/CIp7gA\/CyA90RQCURFJIREQBERAQ7oo99IiAADZQjoiKKKgdk7oikka6fKkDSIqoEoiKxJ\/\/9k=");
	}	

.highlight-blocked.selected {
	background: linear-gradient(rgba(170,183,209,0.5),rgba(170,183,209,0.5)), url("data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD\/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD\/wAARCAAUAPoDASIAAhEBAxEB\/8QAHAABAAICAwEAAAAAAAAAAAAAAAEGBQcCAwQJ\/8QALBAAAQQCAgEEAQQBBQAAAAAAAQACAwQFBgcREhMhIjEUFTJBcVEXI1Khsf\/EABoBAQACAwEAAAAAAAAAAAAAAAABAgMEBQb\/xAAnEQACAgEEAQIHAQAAAAAAAAAAAQIRIQMEEjEFE0EiMlFhcZHB0f\/aAAwDAQACEQMRAD8A+qaIiAIiIAiIgC17zbv9zjrSRmcdexlK5ayNPHw2smO6sHrTNa6ST5s+LWF7v3D9v2thLWnLer75sWU1O\/p9DAXoMFkJcjZq5W7LWbLJ6D4ogCyKTsD1ZCQQPcN6WDccvT+DvB0vDrbvfab3VcFbd9OlaWbWWksqs5K1pnL+ctbBmqlnctU3TB4rCSZOxl9fqOhipzNd8YJD68zHFzQ9wAcHDwPY9x3fNF27JXeKsVvW8CvUszYhuVviKJ0bIWmP1CPFxJHizoHs\/YP9LW+w8TcobPT2rO2IdXxWbzWCGv1MdQtzfiiF8nlLLNY9EPc\/xJDOo+m+\/wDkkXXDYvkjPYu5qO\/avrGPwVrGSUC\/F5iezN8meHj4PrRgDxJ9\/IkED2P8YNF6sbUu6x+3\/K7O35OPj9eCnouKfKPKuKaSirqkk7bfypK4r8vA09l552TWpOQteg1anj7EX5uLwN2vK+1bqFocwy2hI1kEj2nvxEb2t7ALvvr0\/wCqG075dwuE4tp0qr72Ir5zI5TKwvmhx9ecH0IxExzDLK8tf7ebAAwns9gLyRaXzrPqlfjW1ndaq4qKszHTbBVdN+oS1Gt8PhXcz045iwAefqPAPZDfoDI2NC3bSNjGa4ohwNmhYxdPFWMXlrE1cRit5iGWOaNknv4yODmlnv009jpEp\/esX9ff9Zr+GSU\/Hvlfp81fp0vhrFc3WW1bjyt2qlh0ePZ+QuSePNMz93cquFN2jbpVcVloWGKndFmVkfk+B0pfEYy4lwLyC3ogn3Ayerck5rkHIzbDq34FfRcayVkmTssL5snMwkP9BocPSiYQf9x3ZcQQGgdOOO2Lifb97g16lyDmMXlqkOwfrOWqNicyuyGOB7Ya0LCCZGiTwLjIR38j\/hq69t4n2yKDfMbx7bxtXHbtipAa9mZ8TauUc0ROmZ4Md0ySLry\/kOjBAPkeqv14tyzXsve0rX+P64F+KnpLTk4LWk23JKoJPjFqmu8OSxSt0sxqsaPzJsO80sVdj5+4txl3Mlphwj8cJrkRe74Qnq+0uk6IHXgD2fpXGHOctbfsu0VdO2XWcdjdeuR46IXMNLafanFeOWQ+bbMYY0Ok8f2uILT9rt0vFcrYZ2HxGR0DRauLoxxV5LFXNTzWGRsaB5Na6o0Od7fy4f2sJpGo88aljsvg69DTIzl8pkMk\/LPydmaRj7Ez3h34\/oNDi1rmt8fUA+I90jpzilFtvvKvtUl7\/dv6YNjc7nZz1NWe3jpx9oqS02knK28QV1FVnlLNrJsTjPbMhuWpQ5XM4+Glk4LFnH34YJC+JtmvM+GXwcQCWl7CR2PohWxV\/RtSp6Nq9HWqVqxaFVrnS2bDvKWxM9xdJK8\/8nPc5x\/tWBb0b4rl2eP3stGW51Ht1ULdfi8BERWNYIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiALj0ERQAB39oB7IihdEEKf4CIrAAdp9f+Iih9BEEf8ASkhEUk1gjtc0RAEREAREQBERAEREAREQBERAEREB\/9k=");
}	

.highlight-timeout.selected {
	background: linear-gradient(rgba(170,183,209,0.5),rgba(170,183,209,0.5)), url("data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD\/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD\/wAARCAAUAPoDASIAAhEBAxEB\/8QAHAABAAIDAQEBAAAAAAAAAAAAAAEFAgQGAwcJ\/8QALhAAAQQCAAQFAwMFAAAAAAAAAQACAwQFERIhMVEGEyJBYTKBkRRCcSNSYtHh\/8QAGQEBAAMBAQAAAAAAAAAAAAAAAAECAwQF\/8QAJREAAwACAQIGAwEAAAAAAAAAAAECAxEEIUEiMVHB0fATYZHh\/9oADAMBAAIRAxEAPwD9U0REAREQBERAFUZjOnD\/ANR+KtzxbaPMiMeuJx0G6c8HeyPZW6ps5DLanxtRsT3MdcbLI5rSWtawFw2fbbg1XxpOtV5GHIqpxtw9M2K2Rmm4fPxliqXOI1K6PYAG+L0uPL2\/4tr9VX04+fH6dE+och7bXOeIYr0962+CrM9sOPMEJawnckztEjvoNBPZa8nhzGV70\/BhBJBSx4LWmIuFiU8XXl6yA0d+q1\/HFLbejnfIyzThLeu7\/wAX6OsfPAxokfMxrXdCXDRWexre9hfObeFyMYrQ24pnMr0ImQRjHi00v0eNvP0sdv3OhrXNdriaM9XBwUJ5XGVsHAXEDYOunLt0+yrkxKEnstx+TWa3NTrSNZ\/iaBxmfUxt63BXcWyTwsaWbHXWyC7X+IKtatytcgis1pWvjmYJGEfuaffX3XO43J2cbh4sUzC3TfrsEIjEB8tzgNcfmfRwnr138LWqsteHZWRSUbVt9TGtih8mBzmySFxc8cQGm8w3rz7bVniTWvL3M55VTp09rv20\/Q6WXKUorlek6ZpltF3AAR+3r\/pbo6rksNio2ZWhJeov86tj2lr3QEjzXuLnni1oOHbe\/UfldaN7WeSVD0jo4+WsydV69P4vMlERZnSEREAUe6lRrntAVWYzTsPG6Z+Lt2IGNDnSxGPhbs61pzgd9Og91nXyk83AJsRarl7wwCV8W9aJ4vS88hr+efReHiSGe3DTowxOc2a5F5xaCQ2Np4zvt9IHPutTxEy462+etUllNPHzOiLWE7mfpoA11IAP5W0zNSl3OLJkyRbe+i1016\/CL4W62jqxEQ0bPqHId1LrMDIxK+ZgYeji7kfuuTh8J46C\/WjOLa+CpjyZXGPYnlJHJ395HCeR3rY+FUT4O8yOjDZjnbXjph8cYx\/6lgle4ue0t6NI2ACeWh1CusEV0VGV83LjW6j70+T6OC0t2CCO6ppfEkXmzspYy9dZWJbLLBG0ta4dQNkF5HZoK9PDlGxj8LXqWXO8xrSSCB6dnfDy5ct6+yrcXkZ8PjG4uTEZCS5X4o2hkJLJjvk\/zPpAO98yD15LOYTbS66NrzUplvw7+6L+peq3q8NmtK1zJm8TPYkfwvOxlKdaetVfKDJZkMcYBHUAk7\/H5XNVYLeEvVBYp2bBgpyuZ5ELnh08knE9uwNDWgOelOFxjX3sWcnjHOmFaWy6R9ckNmkk4iC7Xpc3n1115K7wytvsZLl20p14unt8nYt\/lNDsgGlK5z0QiIgCIiAIiIAsSB+SiIQNDsnXmiKAPZRvkfhERdgydKD7\/CIp7gA\/CyA90RQCURFJIREQBERAQ7oo99IiAADZQjoiKKKgdk7oikka6fKkDSIqoEoiKxJ\/\/9k=");
}

.highlight-pending {
	background-image: url("data:image/jpeg;base64,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");
}	




.box-header {
	width: 60vw;
}	
	

.box-500 {
   width: 500px;	
}	

.box-475 {
   width: 500px;	
}	

.box-425 {
   width: 425px;	
}	

.box-400 {
   width: 400px;	
}	

.box-welcome {
   width: 400px;	
   margin-top: 50px;
}	


.box-300 {
   width: 300px;	
}	

.box-200 {
   width: 200px;	
}	

.box-100 {
   width: 100px;	
}	
.box-150 {
   width: 150px;	
}	

.box-50 {
   width: 50px;	
}	

.top-10 li {
	margin-top: 10px;
}		

.text-wrap{
    white-space: normal;
} 


.grit {
  	-webkit-mask-image: url(../Images/grit.png);
	-o-mask-image: url(../Images/grit.png); 
	-moz-mask-image: url(../Images/grit.png); 
	mask-image: url(../Images/grit.png); 
}


body {color: black;
	  background-color: BurlyWood;
	  font-size: 70%;                      /* 100% 1em = 16px */
	  font-family: "Times New Roman";
	  min-height: 100%;
	  min-width: 100%;
	  margin: 0;
      padding: 0; }
	  

#background-canvas {
  z-index: -800;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}	

	  
#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}



 
/*#logo{margin-bottom: 15px;} */
      
#mbrName{text-align: center;} 

#banner{width: 500px;} 

#imgLeft{float:left;
	     top: 0px;
         width: 18%;      /*139px   60%*/
         height: auto;     /*111px  60%*/
         margin-top: 7px;
         margin-left: 7px;
         animation-duration: 3s;
         animation-name: imgSlideUp;}

#imgLefts{/*float:left;*/
	     top: 0px;
	     left: 0px;
         width: 18%;      /*139px   60%*/
         height: auto;    /*111px  60%*/
         margin-top: 7px;
         margin-left: 7px;}


         
#imgRight{float:right;
	      top: 0px;
          width: 18%;     /*120px  60%*/
          height: auto;    /*110px  60%*/
          margin-top: 7px;
          margin-right: 7px;
          animation-duration: 4s;
          animation-name: imgSlideUp;}
          
         
#imgRights{float:right;
	      top: 0px;
          width: 18%;     /*120px  60%*/
          height: auto;    /*110px  60%*/
          margin-top: 7px;
          margin-right: 7px;}
      
    
    
#ybiyni {font-size: 2em;  /*1em*/
         margin-top: 7px;
         margin-bottom: 7px;}
   

#dropQuest {
	/*position: absolute;*/
    /*top: 10%;*/
   
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 1em;  
}

img {width: 100%;
     height: auto;
     background: none !important;
     border: none !important;
}


select option[value="Arial"] {
  font-family: Arial;  
}

select option[value="Ewert, cursive"] {
  font-family: 'Ewert, cursive';  
}

select option[value='Frijole, cursive'] {
  font-family: 'Frijole, cursive';  
}

select option[value='Cinzel Decorative, cursive'] {
  font-family: 'Cinzel Decorative, cursive';  
}
    
select option[value='Sancreek, cursive'] {
  font-family: 'Sancreek, cursive';  
}
select option[value='Piedra, cursive'] {
  font-family: 'Piedra, cursive';  
}
select option[value='Mystery Quest, cursive'] {
  font-family: 'Mystery Quest, cursive';  
}
select option[value='New Rocker, cursive'] {
  font-family: 'New Rocker, cursive';  
}
    

@keyframes imgSlideUp{ from {margin-top: 700px;}
                    to {margin-top: 7px;} }    

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 4.49em;        /*2.99em*/
                        left: 8.40em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 5.45em;         /*3.95em*/
                        left: 1.38em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 4.89em;} }      /*3.39em*/
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 3.67em;        /*2.17em*/
                        left: 3.48em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 3.80em;} }      /*2.30em*/
@keyframes slideupT{ from {top: 700px;}
                    to {top: 4.64em;} }      /*3.14em*/


#labUserName {
	display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6%;       /*5em*/
    left: 28%;    /*5.6em*/
    font-size: 1em;   /*1em*/
}

#label-mbr {
    margin: 0;
    padding: 0;
    font-size: 2em;   /*1em*/
}




#nav-container {
	width: 100%;          	
	position: absolute;        /* was relative */
	top: 55px;	   /*7%*/  /*at this view it the hamburger menu */	
}	

#nav-menu {
	display: none; /*only visible after login */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	left: auto;         /*was auto*/
	z-index: 100;  /*dropdowns were slipping under the rainbow */
}

#nav-menu > a {
	display: none;   /*turn both show/hide off. let target turn on one or other*/


	width: 2.125em;   /*was 3.125 */      /* 50 Hamburger menu*/
	height: 1.75em;  /*was 3.125 */      /* 50  Hamburger menu*/
/*		text-align: center;  */
/*		text-indent: -9999px;      /*hides the show navigation / hide navigation captions*/
	background-color: #d9ad7c;  /* #e15a1f;  COLOR  Orange/Redish red 88% green 35% blue 12%*/
    color: #fff;      /* #fff COLOR white was black */
	position: absolute;  /*was Relative*/
	top: .1em;    /*was .1em added positioning to right of sun image*/
	left: 6em; /*was 18%  /*added positioning to right of sun image*/
}

#nav-menu > a:before,
#nav-menu > a:after { /*don't know why but this blank styling makes the hamburger visible ?*/
	/*position: relative;*/
/*				border: 2px solid #fff;      /* #fff COLOR white */              
/*				top: 35%;                    /*this fakes out the content and chops the 2px whit border into two stacked lines*/
/*				left: 25%;   */
/*				right: 25%;  */
	/*content: '';   /*sets the equal = in the button   three line menu navicon &#9776 '\2630' */*/
}

/*#nav-menu > a:after*/
/*{*/
	/*top: 60%;  */
/*}*/

#nav-menu:not( :target ) > a:first-of-type,  /*turns target (Hamburger) on*/
#nav-menu:target > a:last-of-type {
	display: block;
	top: -1em;    /*CellPhone added positioning pull up the menu*/
	color: #fff;      /* #fff COLOR white was black */
	padding-left: 5px;
		
}

#nav-menu li {                         
	position: relative;  
    list-style-type: none;     /* no bullet points */  
    z-index: 100;  /*dropdowns were slipping under the rainbow */ 
} 
                                          
#nav-menu li a {                              
	color: #fff;      /*font color white*/                     
	display: block;   
	               
}                                       
			
#nav-menu li a:link {   /*don't want underlines on menus ADDED*/                               
    text-decoration: none;     
	                    
}
			
#nav-menu li a:active {                   
	background-color: #00cccc !important;     /* #c00 COLOR red 80%*/
}                                       
                                   
#nav-menu span:after {                            
	width: 0;                               
	height: 0;                              
	border: 0.313em solid transparent; /* 5 */  
	border-bottom: none;                        
	border-top-color: #a2836e;          /*down arrow #efa585 COLOR  orange/cream    red 94% green 65% blue 52%*/  
	content: '';                                
	vertical-align: middle;                     
	display: inline-block;                      
	position: relative;                         
	right: -0.313em; /* 5 */                    
}                                               

/* first level */

#nav-menu > ul {
	background-color: #d9ad7c;          /*#e15a1f; COLOR  Orange/Redish red 88% green 35% blue 12%*/
    list-style-type: none;     /* no bullet points */
	height: auto;
	display: none;
	position: absolute;  /*was absolute then relative HAVOC broke out*/
	left: 0;
	right: 0;
	top: 2em;  /*added trying to uncover the hamburger*/
	padding: 0px;   /*added to use the whole strip for content*/
	margin: 0px;
}

#nav-menu:target > ul {
	display: block;
}

#nav-menu > ul > li {
	width: 100%;
	float: none;
}

#nav-menu > ul > li > a {
	background-color: #d9ad7c;  /*somewhere along the line the minimuzed menu lost it's background color*/ 
	font-size: 1.2em;     /*was 1.5em*/          /* 24 */     
	line-height: 2.2em;     /*was 2.5em */ /* 60 (24) */   
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}

#nav-menu > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #a2836e;   /*#cc470d; COLOR  red 80% green 28% blue 5% */
}


/* second level */



#nav-menu li ul {
	background-color: #a2836e;         /*#cc470d; COLOR   red 80% green 28% blue 5% */
	display: none;                
	top: 100%;                  
	position: static;
	padding: 1em; /* was 1.25 */
	padding-top: 0;
	padding-left: 0;  /*scaling smaller text is pushing out of columns right side*/ 
	padding-right: 0;  /*pushing left, the border isn't making it across the element*/ 
}

/*#nav-menu li:not(.disabled):focus-visible ul:not(.disabled),*/
/*#nav-menu li:not(.disabled):focus-within ul:not(.disabled) {*/              
/*safari navigation stops working*/


#nav-menu li:not(.disabled):hover ul:not(.disabled) {   /* added :not(.disabled):*/          
	display: block;       
	left: 0;             
	right: 0;           
}   
                   
#nav-menu li:not( :first-child ):hover ul,
#nav-menu li:not( :first-child ):focus-visible ul { 
	left: -1px;                         
}                                          

#nav-menu li ul a {                    
 	font-size: 1em; /* was 1.25 changed to 1 */   
	border-top: 1px solid #d9ad7c;                      /*#e15a1f; COLOR Orange/Red*/
	padding: 0.75em; /* 15 (20) */  
}                                  
					
						
#nav-menu li ul li a:hover,                  
#nav-menu li ul:not( :hover ) li.active a,
#nav-menu li ul li a:focus-visible,                  
#nav-menu li ul:not( :focus-visible ) li.active a {   
	background-color: #d9ad7c;                      /*#e15a1f; COLOR  Orange/Red*/
}                                         


#btnNext, .floatR, #btnFullNext {
	float: right !important;
}

#btnPrev, #btnFullPrev {
	float: left;
}


/*https://blog.logrocket.com/creating-customizing-html5-video-player-css/*/

#vidContainer {
    position: relative;
    display: flex;
    width: max-content;
    height: max-content;
    justify-content: center;
    align-items: center;
}
#vidContainer:not(:fullscreen) #helpVideo {
    width: 320px;
    height: 240px;
    border-radius: 10px;
}

#vidContainer:fullscreen #helpVideo {
    width: 100%;
    height: 90%;
    border-radius: 10px;
}

#vidContainer:not(:fullscreen) #btnFullPrev,
#vidContainer:not(:fullscreen) #btnFullClose,
#vidContainer:not(:fullscreen) #btnFullNext {
    display: none;
}

#vidContainer:fullscreen #btnFullPrev,
#vidContainer:fullscreen #btnFullClose,
#vidContainer:fullscreen #btnFullNext {
    display: block;
}


#vidPos, #vidLong {
    background: transparent;
    color: #fff;
}

#vidContainer:not(:fullscreen) #vidPos,
#vidContainer:not(:fullscreen) #vidLong {
    margin-top: 5px;
    font-size: 12px;
}

#vidContainer:fullscreen #vidPos,
#vidContainer:fullscreen #vidLong {
    margin-top: 0px;
    font-size: 20px;
}



#vidContainer #vidControls {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    background: black;
    /*opacity: 0.2;*/
    /*transition: opacity 0.4s;*/
}
/*#vidContainer:hover #vidControls {
    opacity: 1;
}*/
#vidContainer #vidControls button {
    background: transparent;
    color: #fff;
    font-weight: bolder;
    /*text-shadow: 2px 1px 2px #000;*/
    border: none;
    cursor: pointer;
}
#vidContainer #vidControls .timeline {
    flex: 1;
    display: flex;
    align-items: center;
    border: none;
    border-right: 3px solid #ccc;
    border-left: 3px solid #ccc;
}
#vidContainer #vidControls .timeline .bar{
    background: rgb(1, 1, 65);
    height: 4px;
    flex: 1;
}
#vidContainer #vidControls .timeline .bar .inner{
    background: #ccc;
    width: 0%;
    height: 100%;
}
#vidClose {
    flex: 1;
    display: flex;
    align-items: center;
}    

            
#help-menu {
	display: block; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	left: auto;        
	z-index: 100; 
	padding-bottom: 30px; 
}

#help-menu > a {
	display: none; 
	content: ''; 
	width: 2.125em;   
	height: 1.75em;  
	background-color: #d9ad7c; 
    color: #fff;      
}


#help-menu:not( :target ) > a:first-of-type,  
#help-menu:target > a:last-of-type {
	display: none;
	top: -1em;   
	color: #fff;     
	padding-left: 5px;
		
}

#help-menu li {                         
	position: relative;  
    list-style-type: none;    
    z-index: 100;  
} 
                                          
#help-menu li a {                              
	color: #fff;                     
	display: block;   
	               
}                                       
			
#help-menu li a:link {                              
    text-decoration: none;     
	                    
}
			
#help-menu li a:active {                   
	background-color: #00cccc !important;     
}                                       
                                   
#help-menu span:after {                            
	width: 0;                               
	height: 0;                              
	border: 0.313em solid transparent;  
	border-bottom: none;                        
	border-top-color: #a2836e;           
	content: '';                                
	vertical-align: middle;                     
	display: inline-block;                      
	position: relative;                         
	right: -0.313em;                   
}                                               

/* first level */

#help-menu > ul {
	background-color: #d9ad7c;         
    list-style-type: none;    
	height: 2em;
	display: block;
	position: absolute;  
	left: 0;
	right: 0;
	top: 0; 
	padding: 0px;  
	margin: 0px;
}

/*#help-menu:target > ul {
	display: block;
}*/

#help-menu > ul > li {
	width: 20%;     /*build help menu will set the percentages based on number of menus*/
	height: 100%;
	float: left;
}

#help-menu > ul > li > a {
	background-color: #d9ad7c;  
	font-size: 1em;         
	line-height: 2em;    
	height: 100%;
	text-align: center;
	padding: 0 0.833em; 
}

#help-menu > ul > li:not( :last-child ) > a {
	border-right: 1px solid #a2836e;
	border-bottom: 1px solid #a2836e;  
}

#help-menu > ul > li:hover > a,                           
#help-menu > ul:not( :hover ) > li.active > a {
	background-color: #a2836e;   
}

/* second level */



#help-menu li ul {
	background-color: #a2836e;        
	display: none;                
	top: 100%;                  
	position: absolute;
	padding: 1em; 
	padding-top: 0;
	padding-left: 0;   
	padding-right: 0;   
}



#help-menu li:not(.disabled):hover ul:not(.disabled) {       
	display: block;       
	left: 0;             
	right: 0;           
}   
                   
#help-menu li:not( :first-child ):hover ul,
#help-menu li:not( :first-child ):focus-visible ul { 
	left: -1px;                         
}                                          

#help-menu li ul a {                    
 	font-size: 1em;   
	border-top: 1px solid #d9ad7c;                      
	padding: 0.75em;   
}                                  
					
						
#help-menu li ul li a:hover,                  
#help-menu li ul:not( :hover ) li.active a,
#help-menu li ul li a:focus-visible,                  
#help-menu li ul:not( :focus-visible ) li.active a {   
	background-color: #d9ad7c;                      
}  

#planchette {
	-webkit-transition: all;
	transition: all;
	position: absolute;
	width: 100px;
	height: 100px;
}

#planchette img {
	z-index: 999;
}


#rainbow {font-size: 80%;
	      margin-left: 25px;
	      margin-top: 25px;      
          /*width: auto;*/    /*was 80%*/   
          /*height: auto;*/   /*was auto*/        
	      /*position: absolute;*/  /*was absolute*/
          /*top: 5em;*/           
          /*left: -15em;*/   /*was .2em*/
         }
          
              
.mover {
	  font-family: "Arial", Helvetica, sans-serif;
      font-size: 2.64em;
	  text-shadow:
		2px 2px 0px rgba(115,98,115,0.7);
	  color: #000000;
	  padding: 0px 0px;
	  position: fixed;    /*was fixed*/
      background: transparent;
      border: none !important;

	  cursor: url(../Images/Planchette_small.png) 80 80, auto; 
/*      cursor: url(../images/Picture2.png) 48 30, auto;  */
	 }



#Abutton {
    top: 4.9em;    /*297px   .43   3.4em*/
    left: .44em;   /*125px  .19   1.44em*/ 
    transform: rotate(-33deg);
}

#Bbutton {
    top: 4.48em;      /*260px   .38    2.98em*/
    left: 1.17em;    /*190px    .27    2.17em*/ 
    transform: rotate(-28deg); 
}  

#Cbutton {
    top: 4.13em;    /*230px     .33       2.63em*/
    left: 1.91em;   /*255px     .36       2.91em*/
    transform: rotate(-23deg);   
}  

#Dbutton {
    top: 3.85em;         /*205px   .30   2.35em;*/
    left: 2.72em;        /*325px    .47    3.72em*/
    transform: rotate(-15deg); 
}  

#Ebutton {
    top: 3.67em;          /*190px     .27  2.17em*/
    left: 3.48em;        /*390px       .58  4.48em*/
    transform: rotate(-8deg);
    animation-duration: 1.6s;
    animation-name: slideupE;
}

#Fbutton {
    top: 3.59em;             /*185px   .24 2.09em*/
    left: 4.24em;           /*455px    .69  5.24em*/
    transform: rotate(-4deg); 
}  

#Gbutton {
    top: 3.59em;         /*185px      .24  2.09em*/
    left: 4.90em;        /*510px      .80   5.90em*/
    transform: rotate(1deg); 
}  

#Hbutton {
    top: 3.65em;       /*188px     .27   2.15em*/
    left: 5.74em;      /*583px     .91   6.74em*/
    transform: rotate(7deg); 
}

#Ibutton {
    top: 3.80em;       /*200px   .30   2.30em*/
    left: 6.67em;      /*665px   1.02  7.67em*/
    transform: rotate(13deg);
    animation-duration: 1.8s;
    animation-name: slideupI;
}  

#Jbutton {
    top: 3.98em;      /*215px    .33   2.48em*/
    left: 7.03em;     /*692px    1.13   8.03em*/
    transform: rotate(17deg);
}

#Kbutton {
    top: 4.21em;        /*235px    .36  2.71em*/
    left: 7.64em;      /*740px     1.24  8.64em*/
    transform: rotate(20deg); 
}

#Lbutton {
	position: fixed;
    top: 4.49em;               /*260px  .39   2.99em */
    left: 8.40em;             /*805px   1.35 9.40em*/
    transform: rotate(25deg);
    animation-duration: 1s;
    animation-name: slideupL;

}

#Mbutton {
    top: 4.90em;              /*298px    .42  3.40em*/
    left: 9.08em;            /*862px      1.46   10.08em*/  
    transform: rotate(31deg); 
}  

#Nbutton {
    top: 5.83em;               /*378px    .55  4.33em*/
    left: .64em;              /*144px    .20    1.64em*/
    transform: rotate(-33deg); 

}  

#Obutton {
    top: 5.45em;                /*345px   .50  3.95em*/
    left: 1.38em;              /*210px   .28  2.38em*/
    transform: rotate(-30deg);
    animation-duration: 1.2s;
    animation-name: slideupO;

}  

#Pbutton {
    top: 5.10em;            /*315px   .45  3.60em*/     
    left: 2.14em;           /*275px    .39 3.14em*/
    transform: rotate(-20deg); 
 }  

#Qbutton {
    top: 4.89em;              /*295px   .44 3.39em*/
    left: 2.82em;            /*335px   .47  3.82em*/
    transform: rotate(-14deg); 
}  

#Rbutton {
    top: 4.71em;          /*280px     .41   3.21em*/
    left: 3.63em;        /*405px      .58     4.63em*/
    transform: rotate(-8deg); 
}  

#Sbutton {
    top: 4.61em;        /*273px    .38  3.11em*/
    left: 4.39em;       /*470px    .69     5.39em*/
    transform: rotate(-3deg); 
}  

#Tbutton {
    top: 4.64em;       /*275px    .39   3.14em*/
    left: 5.00em;      /*530px    .70    6.00em*/
    transform: rotate(1deg);
    animation-duration: 2s;
    animation-name: slideupT;
}

#Ubutton {
    top: 4.72em;              /*280px   .42   3.22em*/
    left: 5.64em;            /*583px    .81   6.64em */
    transform: rotate(8deg); 
}  

#Vbutton {
    top: 4.89em;                    /*294px    .45 3.39em*/
    left: 6.40em;                  /*648px    .92  7.40em*/
    transform: rotate(15deg);
    animation-duration: 1.4s;
    animation-name: slideupV;

}  

#Wbutton {
    top: 5.16em;                       /*318px   .48   3.66em */
    left: 7.16em;                     /*713px    1.03  8.16em */
    transform: rotate(21deg); 
 }  

#Xbutton {
    top: 5.51em;           /*350px  .51   4.01em*/
    left: 8.19em;          /*805px   1.14   9.19em */
    transform: rotate(27deg); 
}  

#Ybutton {
    top: 5.86em;                 /*382px      .54    4.36em*/
    left: 8.82em;                /*857px       1.25    9.82em  */
    transform: rotate(33deg); 
}

#Zbutton {
    top: 6.22em;                /*415px   .57    4.72em*/
    left: 9.48em;               /*912px    1.36  10.48em*/
    transform: rotate(36deg); 
}

      

#login-client {font-size: 150%;
	        width: 70%;   /*9em*/       /*300px*/
            height: auto;        /*180px*/
            margin-left: 20px;}           /*400px  10em*/



#login-float{
  position: absolute;
  top: 15em;            /*435px  14em*/	
  width: 100%;
  /*text-align: center;*/
  /*display: flex;*/
  /*justify-content: center;*/
}

#login-box {width: 40%;   /*9em*/       /*300px*/
            /*height: auto;*/        /*180px*/
	        /*position: absolute;*/
            /*top: 15em;*/            /*435px  14em*/
            /*left: 6em;*/}           /*400px  10em*/

            
#resetPass {position: relative;
              top: 2em;}  
            






div.errorMsg {
  color: #ff0000;
  font-style:italic;
}

#email, #password {
  width: 100%;     /*14em*/
  border: 1px solid;
  border-bottom-color: rgba(255,255,255,.5);
  border-right-color: rgba(60,60,60,.35);
  border-top-color: rgba(60,60,60,.35);
  border-left-color: rgba(80,80,80,.45);
  background-color: rgba(0,0,0,.2);
  background-repeat: no-repeat;
  padding: .5em 1.5em .5em .7em;  /*8px 24px 8px 10px;*/
  font: .6em/.6em "Arial", sans-serif; /*.875em/1.25em "Arial", sans-serif;*/
  letter-spacing: .075em;     /*.075em*/  /*.12em*/
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.1);
  margin-bottom: 1em;      /*19px*/ 
}

form input:focus { background-color: rgba(216,191,216,.4); }
form select:focus { background-color: rgba(216,191,216,.4); }

#email {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YwNDIzMTQ3QzIzMTFFMjg3Q0VFQzhDNTgxMTRCRTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YwNDIzMTU3QzIzMTFFMjg3Q0VFQzhDNTgxMTRCRTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjA0MjMxMjdDMjMxMUUyODdDRUVDOEM1ODExNEJFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjA0MjMxMzdDMjMxMUUyODdDRUVDOEM1ODExNEJFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsOChsgAAADUSURBVHjaYvz///9JBgYGMwbSwSkGoOafQPwKiAOBmIEIHAXED0H6QJwPQGwAxE+AOJOAxnwgvgfEKiB9MM0gWg6IbwNxIw6NXUB8HogloHwUzSAsBAoDIJ4DxMxQMRA9H4gPADE/kloMzSCsBcR/gHgj1LAt0HBRR1P3gQktBA2AeBcQZwHxCyB+AsT3gTgFKq6FohrJZnssoW6AxPaDBqoZurP9oBrtCYS2ExA/h9JgzX+gAsZExrMZVP0fmGZ1IjWiBCoL0NsXgPgGGcnzLECAAQD5y8iZ2Z69IwAAAABJRU5ErkJggg==);
  background-position: 96% 37%;}
  
#email:focus { background-color: rgba(0,0,0,.4); } 

#password {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMDg1QzU3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMDg1QzY3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUUwODVDMzdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUUwODVDNDdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2NSIIAAADYSURBVHjanJAxCsJAEEXXaBMQtvIMqTxDKjtPELC1svMoOYM2WlqIhVcQFMVgG7ATAoIggfGPjrLIrBo/vCzZ+Z+dGUNExiECI7Clhw5gAtqur8YfUQxm4AzGIAMRSIAFXbC8OyUdghwsgH173cp9Lr5XqAeOSsANcj3h/8BpbQ4Ko6uQOvtMQy6noG4+iz3XZ4iHbIEQ9L8EeUlN3t5etvSrMg6RqajAc78BQ7BTq6QrllV3tKLvpZOclyrt/TWTlTP0zVQqba/BAKyUWsmh1BPUxL70JsAABHkyyK1uocIAAAAASUVORK5CYII=);
  background-position: 96% 37%;}

#password:focus { background-color: rgba(0,0,0,.4); } 

::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; }
::-moz-placeholder { color: #ccc; text-transform: uppercase; }
:-ms-input-placeholder { color: #ccc; text-transform: uppercase; }

#loginButton, #resetPass {
  width: 100%;
  margin-bottom: 0;
  margin-left: 10px;
  color: black;
  letter-spacing: .08em;      /*.05em*/
  text-shadow: 0 1px 0 #133d3e;
  text-transform: uppercase;
  background: #CC9933;
  border-top-color: #9fb5b5;
  border-left-color: #608586;
  border-bottom-color: #1b4849;
  border-right-color: #1e4d4e;
  cursor: pointer;
}


#loader {
  display: none; /*only visible after login */	
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
#loader,
#loader:after {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}



 


 /*color font dropdowns*/
select option[value="black"] {
  color: black;  
}

select option[value="red"] {
  color: red;   
}

select option[value="yellow"] {
  color: yellow;  
}

select option[value="green"] {
  color: green;   
}

select option[value="blue"] {
  color: blue;  
}
select option[value="aqua"] {
  color: aqua;   
}

select option[value="purple"] {
  color: purple;  
}

select option[value="teal"] {
  color: teal;  
}
select option[value="gray"] {
  color: gray;   
}

select option[value="fuchsia"] {
  color: fuchsia;  
}

select option[value="white"] {
  background-color: black;
  color: white;  
}

/*font dropdowns*/

select option[value="Arial"] {
  font-family: Arial;  
}

select option[value="Arial Black"] {
  font-family: "Arial Black";  
}

select option[value="Arial Narrow"] {
  font-family: "Arial Narrow";  
}

select option[value="Calibri"] {
  font-family: "Calibri";  
}

select option[value="Courier New"] {
  font-family: "Courier New";  
}

select option[value="Helvetica"] {
  font-family: "Helvetica";  
}

select option[value="Impact"] {
  font-family: "Impact";  
}

select option[value="Lucida Console"] {
  font-family: "Lucida Console";  
}

select option[value="Lucida Sans Typewriter"] {
  font-family: "Lucida Sans Typewriter";  
}

select option[value="Tahoma"] {
  font-family: "Tahoma";  
}

select option[value="Times New Roman"] {
  font-family: "Times New Roman";  
}

select option[value="Veranda"] {
  font-family: "Veranda";  
}

#imgWebLeft, #imgWebRight, #imgWebBack,
#imgURLLeft, #imgURLRight {     
         height: 100px;     
         width: auto; 
         margin-top: 1px;
         margin-left: 1px;}
         
#imgURLBack {     
         height: auto;     
         width: auto; 
         margin-top: 1px;
         margin-left: 1px;}         

.m-scene {
  /** Basic styles for an animated element */
  .scene_element {
    animation-duration: 0.25s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;

  }

  /** An element that fades in */
  .scene_element--fadein {
    animation-name: fadeIn;
  }

  /** An element that fades in and slides up */
  .scene_element--fadeinup {
    animation-name: fadeInUp;
  }

  /** An element that fades in and slides from the right */
  .scene_element--fadeinright {
    animation-name: fadeInRight;
  }
}



/*tabbed navigation     http://www.elated.com/articles/javascript-tabs/*/
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; width: 500px;}
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:not(.disabled):hover { background-color: #d9ffcc; }    /* #f1f0ee */
ul#tabs li a.selected { color: #806000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; width: 482px;}
div.tabContent.hide { display: none; }

/*switched to class assignments */
ul.tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; width: 500px}
ul.tabs li { display: inline; }
ul.tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul.tabs li a:not(.disabled):hover { background-color: #d9ffcc; }    /* #f1f0ee */
ul.tabs li a.selected { color: #806000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
/*second tier tabs no top margin*/ 
ul.tabs2 { list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0.3em 0; }
ul.tabs2 li { display: inline; }
ul.tabs2 li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul.tabs2 li a:not(.disabled):hover { background-color: #d9ffcc; }    /* #f1f0ee */
ul.tabs2 li a.selected { color: #806000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }


/*hide the tabs for G/L entry, G/L Column Detail */ 
ul.tabs-hide { display: none; list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul.tabs-hide li { display: inline; }
ul.tabs-hide li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul.tabs-hide li a:not(.disabled):hover { background-color: #d9ffcc; }   /* #f1f0ee */
ul.tabs-hide li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }



div.tabContent2 { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent2.hide { display: none; }
div.tabContent3 { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent3.hide { display: none; }
/* ^ END ^ tabbed navigation     http://www.elated.com/articles/javascript-tabs/*/







#slot-generic li {
	font-size: 1em;   /* was 1.5em */
	line-height: 26px;  /*was 22  /*OK set the line height to get the slots to line up, the jslots uses the base.lineheight in calcs */ 
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}


#slot-generic ul {
    padding: 0;
    margin: 0;
    list-style: none;
} 

.jSlots-wrapper {
    overflow: hidden;
    height: 24px;    /*was 20*/
    display: inline-block; /* to size correctly, can use float too, or width*/
    border: 1px solid #999;
}

.slot {
    float: left;
}

.slot li a{
    color: blue;
}


.number { text-align: right; }



.datatables-image {
	height: 35px !important;
	width: auto !important;
}	


/*datatables INLINE EDITING*/
div.DTE_Inline input {
	border: none;
	background-color: transparent;
	padding: 0 !important;
	font-size: 90%;
	width: 100%;
	text-align: right;
}

div.DTE_Inline input:focus {
	outline: none;
	background-color: transparent;
}




.tableContainer {
	width: 650px;
}
	
/*jquery dialogs popup on login screen*/
.ui-widget-header{
        background:#30d5c8 !important;  /*b9cd6d*/
        border: 1px solid #f6a828 !important;
        color: #9e2e2e; 
        font-weight: bold;
  } 




.ui-state-default, .ui-button{
        background:#b9cd6d;
        border: 1px solid #b9cd6d;
        color: #9e2e2e; 
        font-weight: bold;
  } 
 button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  	  background-color: #9e2e2e;
  }
  
 .ui-dialog-title {
 	color: #9e2e2e; 
  	font-size: 20px;
 	font-weight: bold;
}
 	 


.ui-tooltip {
	opacity: 0.75;
    padding: 10px 20px;
    background-color: black;
    color: white;
    background-color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
/*    box-shadow: 0 0 7px black; */
}  

/*center the update / cancel buttons */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none !important;
}


.right {
   text-align: right; 
}

.center {
   text-align: center; 
}

.left {
   text-align: left; 
}



.updBtns {
	float: left;
	width: 275px;
    margin-top: 20px;
    margin-bottom: 1px;
    margin-left: 20px;
    margin-right: 5px;
}


.arrow {
	 position:relative;
     left:-8px;
     background:#207cca;
}
	
.arrow:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(32, 124, 202, 0);
	border-right-color: #207cca;
	border-width: 10px;
	margin-top: -10px;
	
}	

#buttons_mbr, .center {
	text-align: center; 
}
	
.alt_button, .alt_button_small, .alt_button_note, .srch_button, .import{
  background:  #ffecb3;
  background-image: -webkit-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -moz-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -ms-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -o-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: linear-gradient(to bottom,  #ffecb3, #ffc61a);
  font-family: Arial;
  color: #851d85;
  text-decoration: none;
}


.alt_button { 
  border-radius: 28px;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
}

.alt_button_small { 
  border-radius: 14px;
  font-size: 12px !important;
  padding: 5px 10px 5px 10px;
}




.alt_button_note { 
  height: 25px;
  width: 75px;
  margin-left: auto !important;	
  border-radius: 12px !important;
  font-size: 12px !important;
  padding: 1px 2px 1px 2px !important;
}

.alt_button:not(.disabled):hover,
.alt_button_small:not(.disabled):hover,
.alt_button_note:not(.disabled):hover,
.srch_button:not(.disabled):hover,
.import:not(.disabled):hover  {
  background:  #d9ffcc;
  background-image: -webkit-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -moz-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -ms-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -o-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: linear-gradient(to bottom,  #d9ffcc,   #40ff00);
  text-decoration: none;
}

.alt_button:not(.disabled):focus:not(.disabled), 
.alt_button_small:not(.disabled):focus:not(.disabled),
.alt_button_note:not(.disabled):focus:not(.disabled), 
.srch_button:focus:not(.disabled),
.import:focus:not(.disabled){
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #79ace9;
    background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
    background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
    background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
    background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
    background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
}




.alt_button.disabled,
.alt_button_small.disabled,
.alt_button_note.disabled,
.srch_button.disabled {
  background:  #eaece5; 
}

.alt_button.selected,
.alt_button_small.selected,
.alt_button_note.selected,
.srch_button.selected,
.import.selected, {
      box-shadow: 0 0 7px black; 
}



/*jquery UI dialog Yes/No button yn-button*/

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .yn-button{
  background:  #ffecb3;
  background-image: -webkit-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -moz-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -ms-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -o-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: linear-gradient(to bottom,  #ffecb3, #ffc61a);
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .yn-button:not(.disabled):hover {
  background:  #d9ffcc;
  background-image: -webkit-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -moz-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -ms-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -o-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: linear-gradient(to bottom,  #d9ffcc,   #40ff00);
  text-decoration: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .yn-button.disabled{
  background:  #eaece5;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .alt_button{
  background:  #ffecb3;
  background-image: -webkit-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -moz-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -ms-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -o-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: linear-gradient(to bottom,  #ffecb3, #ffc61a);
  color: #851d85;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .alt_button:not(.disabled):hover {
  background:  #d9ffcc;
  background-image: -webkit-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -moz-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -ms-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -o-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: linear-gradient(to bottom,  #d9ffcc,   #40ff00);
  text-decoration: none;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .alt_button.disabled{
  background:  #eaece5;
}




/*datatables buttons add edit delete buttons small for select/deselect*/

button.dt-button.alt_button,
button.dt-button.alt_button_small{
  background:  #ffecb3;
  background-image: -webkit-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -moz-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -ms-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: -o-linear-gradient(top,  #ffecb3, #ffc61a);
  background-image: linear-gradient(to bottom,  #ffecb3, #ffc61a);
  font-family: Arial;
  color: #851d85;
  text-decoration: none;
}

button.dt-button.alt_button{
  border-radius: 28px;
  font-family: Arial;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
}

button.dt-button.alt_button_small{
  border-radius: 14px;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
}


button.dt-button.alt_button:not(.disabled):hover,
button.dt-button.alt_button_small:not(.disabled):hover {
  background:  #d9ffcc;
  background-image: -webkit-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -moz-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -ms-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: -o-linear-gradient(top,  #d9ffcc,   #40ff00);
  background-image: linear-gradient(to bottom,  #d9ffcc,   #40ff00);
  text-decoration: none;
}



button.dt-button.alt_button.disabled,
button.dt-button.alt_button_small.disabled{
  background:  #eaece5;
}

button.dt-button.alt_button:selection,
button.dt-button.alt_button_small:selection{
  box-shadow: 0 0 7px black; 
}




.half {
   width: 40%;	
}


.tab-short {
	height: 260px;
}


.pdf-short {
	height: 250px;
}


.img-preview {
	width: 375px;
	height: 175px;
    overflow: auto;
}


.img-250 {
	height: 250px;
}

.img-150 {
	height: 150px;
}

.img-100 {
	height: 100px;
}

.img-50 {
	height: 50px;
}

#btnDialogImg, #btnDialogImg1, #btnDialogImg2, #btnDialogImg3 {
	border-radius: 50%;
	float: right;
	height: 35px;
	width: 35px;
	padding: 0px 0px;
	border: 0px 0px;
}	



#btnImageLeft, #btnImageRight{
	 margin-top: 40px;
}	 

#btnImageLogo{
	 margin-top: 20px;
}	 

#btnImageBack{
	 margin-top: 10px;
}	 

.tab-med {
	height: 325px;
}	


.pdf-med {
	height: 315px;
}	

.tab-long {
	height: 390px;  /* 375 pixels */  
}


.pdf-long {
	height: 365px;
}

.tab-full {
	height: 500px;
}

.upper {
	text-transform: uppercase;
}	

.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }

/*brainTree CSS */

.braintreeLogo {
	float: right;
	height: 75px;
	width: 75px;
}	

.braintreeLogoButton {height: 21.25px;
                width: 16.5px}

#braintreeDisclaimer, #braintreeDisclaimer2 {
   font-size: 9px !important;
}

.card-input {
  border: 1px solid #ECECEC;
  font-family: 'Montserrat', sans-serif;
  height: 32px;
  margin-bottom: 8px;
  padding: 4px 8px;
}

#card-number, #card-number2 {
  width: 250px;	
}	

.date__container {
  display: flex;
  width: 250px;
  margin: 0px 0px 0px 0px;
}		

#expiration-month, #expiration-month2 {
  width: 150px;	
}	 

#expiration-year, #expiration-year2 {
  width: 90px;	
}	 

#cvv, #cvv2 {
  width: 70px;	
}	 

#postal-code, #postal-code2 {
  width: 225px;	
}	 

#card-image, #card-image2 {
  position: absolute;
  top: 35px;
  right: 220px;
  width: 80px;
  height: 38px;
  background-size: 80px 38px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}  
#card-image3 {
  position: absolute;
  top: 252px;
  right: 145px;
  width: 80px;
  height: 38px;
  background-size: 80px 38px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}  

.card-image {
  width: 40px;
  height: 19px;
  background-size: 40px 19px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

.visa {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAnAFADASIAAhEBAxEB/8QAHAAAAgMBAQEBAAAAAAAAAAAAAAgBBwkCBQQG/8QAMRAAAQIFAgQEBgEFAAAAAAAAAQIEAAMFBhEHCBITITEiQVFhCRQVcYGRoTJCUmLB/8QAGgEAAgMBAQAAAAAAAAAAAAAAAAUCAwYEAf/EACQRAAEEAQQCAgMAAAAAAAAAAAEAAgMEEQUhQVESEyIxFTLR/9oADAMBAAIRAxEAPwDVBRjlSv7c945my+YkoKyMjHQ9YW/cXV6xpEzZ3Kwq9WXTHM7lujz1K+X/AN/tHNYkljHlE3y7H8VkbWOPzcAOymRyodB2ECST084qSydUGp0dc3rUq3KcoZyVn5orHCtQTlPX74EJxt01B1j1Irt96n1O/KoKNbbRy8Q0XNUZKlKQvCR5eHAOIZ6fSdfrmy3Zu332UuvXWUphB+xOfroLSIA5wO8HiznEZ8bKtZ9Qr0va9bru27Ki/pFGZrdIazZhUkA5PQfiPz03cBuU3I34+tvSqvSKOzkzFJkyVzBKWUpPfi79QIYjQpjK5nkMNGSeFwfnIfW2QNJLtgOStKSPWI8sj9wuu1GgbiLWFzN9eKzKeypRlGnKE3j8OFFZKv1Cj7ot0upNa1VqrTTe8nrSgUpIlywzVwjpjiUoj36RVV0eW7OYIiCBzwrbOrRU4BPK0gnjlajJIx3zE56ZxFUbYrwqF86J21cFXfF0/cNQXExSsqKvUxayT94WzROhkMbuNkxhlE7GyDkZQQO0VfuTtE3rotdNDQhJXMYrWnp1HCM/8i0FR8VWp8qrUx1TJ2OW6kqkqz6KGIIXiOVr+jlezM9kbm9jCyFY60ljtgf6NSZ81VQqNVwACeKXLSoYAPuRDW0awG+gWx6tvElaXlwM0unQmDxJmT0pSUR4zb4cDtWpYrjq42Yt1Lz5lLZAPMAByB+/eGR3E6Q1vVzSdzpvblQkU8T+UkrmjwhKFAjGPtGruahTLo465w0kOcsrT0+4GPksDLsENS2/Do06bGwrhr9TSEta6hTFZKsAgEgj+YrnXfazfu3mtHVXSyurnUhlOLuarmhK5JKsgcI/qSPOGKb7UtQqDtrk6QWxeEllXpb4u/n5cxUscJUSU5HXzirHOzLdPdLRNt3fq63nUckCagTlk8H66/mJQXYzZfP7Q1pO4x9hQmpytrMg9RLgMg9FexZO9h7XNuVy1i7pqJFeYSTT27hKMJnuJqF8vA+yYWHTy4dNWGid+tbhdSxeNZWfp4Iz4CQSP3mGqvvYBW39h25YdnXOzbt6ctTipTZqCC8nZ8BOP8QVD8xa1I2N6Bs6BJZv7Obu6giRwrdGYsZmY79/WJx6jptNpfET8nZ26Ci/TtStuAkxs3G++5Va/DOux7V9P65QH07P0pyiXIQT1COGHSSMnPlCw7WNrd1bf7tr9RfV9q6pNV4jIbyicoPFlOcjyHSGdQo9jGc1eSKW26SA5ad1otJjmiqtZOPkNl2QDEcHuYIIXJko5Y9YgS8ef8QQQIXXB7xzyxnJMEECFPB7wGXnpnEEECFPB6Ht7QBJzkmCCBC//9k=");
} 
.master-card {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADkDASIAAhEBAxEB/8QAHQAAAQQDAQEAAAAAAAAAAAAABwABCAkCAwYFBP/EADUQAAIBAwMCBAQDBwUAAAAAAAECAwQFEQAGEgchCBMxURQiQWEVIzIWQlJxgZHwYmOCocH/xAAZAQEBAAMBAAAAAAAAAAAAAAAHAAIFBgj/xAApEQABAgUCBgEFAAAAAAAAAAABAgMABAURIQYxBxIUQWGhURNxgZHB/9oADAMBAAIRAxEAPwC1A9hqPXiP8Wtj6Lz/ALMWKhjvG5XjEjws+IaRSMqZSO5J7EKO+O+R2zIGql8inkmI/Qhb+w1TXvfcVdu7eF53LcpnkqLjWyzuWJz3bsO/fAGAB9AMa01Zn1yTQDe6u8KPCzR8rqqoOLnstNAEpvbmJ2z8YuYM0vjm8QDXX8SS9WuOHly+CW3p5GM/pyfzMf8APOjrsTxwXbc1hSmu20qWjvkjcY5klJpZR7hT8wOc9ifp66gbTx+dPHET2dgp/qdEuDNMU+H/ACzHjgV/dx6aPqtXqgw0W2HCFKG+9vMOtb4faceaShEqlKhsU4/dt/zEuo/ED1HjrPijX0ckec+Q1Mvl4/p83/ejD0w6yW/fbm110CUN1ReQiDZSUD1KH7e3r/PUTrfUmsoKarZQDPCkhA+nJQf/AHXsbdu1VY77QXejcrLS1CSDBxkBhkH7EZB0fUHXVWp8+nqXS42TZQVnfGPMFNZ0jT35dYYbCFpvYjx2PzE4vT6af5da4JRLDHKB+tQ39xrZ/npr0ylXMAod4DlCxtGMyLIpRxlWGCPtqpjxB9Krz0l6lXWzV1G60FXUPV22cD5Jad2JAB91zxI9x7Y1bS3pk6CvVTenh23jdJ+lXUmZqquiqkpTFJaK3jDM3ww5LUrF5ahTXUgZw/FDURBiCwB11TkBPtcoNiNo7zQOs1aNn1PKSVNLACgN8bEeR7irdHaORZF9VII0TttxPueSCKhBJmxz/wBv+In2xo+TdB/B2KmnrE3bvkCtqJaeloFt1WpmdIY5yFV6TzOJjliZXzxYOOLE50Tdl1nhIt+zKSyWa11Nv+Mt1Pd2hns9cLhxm4CPl+UXaQ80wgJJUhlBQhjxdQ0lOTjJ+mpIWNr94Yaxxkoi2k9IhalfYC3vMCOCFKaGOnjXCRoEUf6QMDXYdMtnVm8910lFHTu1JA6z1b8TxEanJUn3PoPr3+2uta0+HWmqoWn3BurjU1DU0cZs1cI2ZJUhduQpu0ayyJG0pPBXYKWB7aIOzup3SS31Nk2rsWluJN7mVImFmrIIwrRzOssks0Sr8wgfiC2WAyoKgkcbQuF88J1L1SUAhJvYG5OfUHNX15LOS6kSQJWrFzgC/wDYK6JxQKBgKMY0/wA3+DTqcjOstO4HKLCCmGIzrnKzpxsa43V73XbWt89dI7SPO8ILszPSuxJ+7UFGf508ftpaWsoo86Doz0xp4YaaPZ9EYIKxK9IXLvF8QgjEblCxVuAgh4AghPKTiBxGM7T0g6cWLh+FbWp4BHTQ0aqJJGXyYnDxIQWIYIwHDOeIAC4AxpaWqKFWdHumtwqhW1u0qOaZat61WcuQszyLK5UcsANIiSMoHEuqsQWAOvqHTLYq3K33hNt0sdZaoVgopoyyGBFWRE44I7qs0oVvVRI4BHI6WlqijpwMdtPpaWqKP//Z");
}
.american-express {
  background-image: url("data:image/jpeg;base64,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");
}

.discover {
  background-image: url("data:image/jpeg;base64,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");
}
.maestro {
  background-image: url("data:image/jpeg;base64,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");
}
.jcb {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAxAFADASIAAhEBAxEB/8QAHQAAAQQDAQEAAAAAAAAAAAAAAAIHCAkBBQYEA//EADwQAAECBgECAgYEDgMAAAAAAAECAwAEBQYHESEIEhMxFDJBUWFxFRcigQkWGBkjMzdCcnOFkbPSpLGy/8QAGwEAAgMBAQEAAAAAAAAAAAAAAAcEBggDAQn/xAAqEQABBAEDAgQHAQAAAAAAAAABAgMEEQAFITEGEhRBUZEHEyIyYYGxcf/aAAwDAQACEQMRAD8AtTjCuATGYSv1D8oM8PGR4zR1p45xFcD9pN0+cr9XkyBNMyq0obYUQD2KcOx3aPIA4hupT8JHbU1Nsyv1X1NPiuJR3fSDZ1s636sQmyNMvzmQronJpwuPPVmdcWtR2VKLyyTGppB1VJPnn0hv/wBCG/G6M0xMZJeBUqru/OvTE1K601RUpQbICboCroXlpmeerLHWBphijVdqbqlamGw8iQlANoQeApazwny4HnDIfnOrbPH1V1If1Bv/AFiNXWhNPzXUveaX3CsMPyzTYP7qfRmjr+6jDKEEH7Q1CPdkrSsgcDPod0r8JunJOjR5U4KW64hKye4j7hdACuLy4uf6grSo+OLdyBWJd9ldy09ielKe2Qt39IhKu0ngaHdomG/PWlRdnssedI9h9LR/rDD3886u0MYsqXtDVk0woHuJbG/+hHFpika11LPjy1ssEBKduPxzmLOo9XkQNVfiRqCEKKRtfB/OWMY4vVnIVpSd1S8guTbmysBlawop7VFPmPlHUw1fTN+x6jfxP/5VQ6kXvTnlyIjbq+VAE/vLFDcU9HQ4vkgE+2EJX6ivlCoSv1D8om5IPGUrX4B+PNxkHj6WnNEfzlRPN/G9hM9HFPuluz6SmsG3ZCY9NEqkPFwqa2ru1vfJ5hhbzuDo1qt31R+t2PkCkTzNQeTNtUyZYXLvOBxQWR3r7gCdngJjf5W6xbfuuyqbh/FtoTlIt5JlJRx+fWnxRLMrR2tIQkq16idqKyT7uYbmombqaY7cdpaQggqJ2FADzB3xOaaqFpi5K5LiFFQISBubv8jbH/6lZbGGELTreaBjej1y5qzOsspdqDPjJL6kdqSrfklKW/IaiElV6qancdLqNHuLFtjTLU/KvMIdZpgYel1LQQlaFpPmkkHkHyiTnUH1T4seuO7sB5lsCqzdLkZplDE7THkFZ20hxKylRSUKSVnkFWx7IjDUZzo+pVHqZoNMyJWKq9KvIkE1FyWbYYfUghtavDKSQlRB1z5Ql3VEq+hQA883z0Dpvh9NQrWoTzrqu0oWLUOwpHbRCwEgem1ZO20rfE50z2TWaRbNFqddatumNsKqSG+0I8JGwVLIHkTobj1ps+gzOI6lVciWLRWqihp/QojHirTpP2CC3sBW/jocb9scEzlTH1LwXY2Nb0o1bmm5y1aVNLXI+GBrwklI2pQO9p90KtTqIxjje2JqiWNaVedW6tTqRUHm+wrI1yQpWhx5ARW50zT0ylB1SQO0g36/5W/vmVuoZMROsSA4ofcsG997PlXP7x4Omn7OHaGfi/8A5VQ6kNf04PqmsS0mYWlKVOOTC1BI0AS8onQ9g5h0IsOlV4JquO0fzJMCvCt1xQ/mEJc9RXyhUET8lEWKylO+yTfFxEkbNWnDx5frlR7cYWbWb9vqjWvQpR1+ZnJxpKihO/Db7h3uK9wA2eYtdmOnrBs3MOzU1ia1XXnlqccWulMlS1E7JJ7eSTzG/tbHFgWR3mz7Mo1GLo0tUjJNslfzKQCYZa+vGkx/lNNHuqtztxiwR0A+qT8x10dt3sDfPGVT9ZGvymb55B1NsD/isw0NOp87Vp9imU2UdmpqadS0yy0nuW4tR0EgDkncXL3F0/YWu2tTVxXLjWg1GpzqguYmpiUStx0gBIKiRzwAPuj02rg7ENkVEVe1Mc0CmTyRpMxLyLaXUj4K1sfdCnMQlRVebc0342wtL0hmC3FWpbbaU2SACUpAvzNbemQ2zDb05aUxZ9r1Ej0uk2jS5N/4OIQUq9vvBjgG0qWQhCCpSjoAeZPu1FkFcx5Y1yz30lcFp0qozQQG/GmZRDi+0b0NqG9cn+8fGm4yx5RppM9SrKosrMIO0OtSLaVJPwIGxFQn9IvTJS3w4AFH0N1mS9T0J/UpzsxSwO9RV57XvmkwNQKhbWLKHTaowtmaLS3nG1DlHesqAPx0RDhRgJA4jMXWMwIzKWU8JAHtljYaDDSWk8AAe2EEEEd864QQQQYYQQQQYYQQQQYYQQQQYZ//2Q==");
}
.diners-club {
  background-image: url("data:image/jpeg;base64,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");
}

.card-image.visa {
  content: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAnAFADASIAAhEBAxEB/8QAHAAAAgMBAQEBAAAAAAAAAAAAAAgBBwkCBQQG/8QAMRAAAQIFAgQEBgEFAAAAAAAAAQIEAAMFBhEHCBITITEiQVFhCRQVcYGRoTJCUmLB/8QAGgEAAgMBAQAAAAAAAAAAAAAAAAUCAwYEAf/EACQRAAEEAQQCAgMAAAAAAAAAAAEAAgMEEQUhQVESEyIxFTLR/9oADAMBAAIRAxEAPwDVBRjlSv7c945my+YkoKyMjHQ9YW/cXV6xpEzZ3Kwq9WXTHM7lujz1K+X/AN/tHNYkljHlE3y7H8VkbWOPzcAOymRyodB2ECST084qSydUGp0dc3rUq3KcoZyVn5orHCtQTlPX74EJxt01B1j1Irt96n1O/KoKNbbRy8Q0XNUZKlKQvCR5eHAOIZ6fSdfrmy3Zu332UuvXWUphB+xOfroLSIA5wO8HiznEZ8bKtZ9Qr0va9bru27Ki/pFGZrdIazZhUkA5PQfiPz03cBuU3I34+tvSqvSKOzkzFJkyVzBKWUpPfi79QIYjQpjK5nkMNGSeFwfnIfW2QNJLtgOStKSPWI8sj9wuu1GgbiLWFzN9eKzKeypRlGnKE3j8OFFZKv1Cj7ot0upNa1VqrTTe8nrSgUpIlywzVwjpjiUoj36RVV0eW7OYIiCBzwrbOrRU4BPK0gnjlajJIx3zE56ZxFUbYrwqF86J21cFXfF0/cNQXExSsqKvUxayT94WzROhkMbuNkxhlE7GyDkZQQO0VfuTtE3rotdNDQhJXMYrWnp1HCM/8i0FR8VWp8qrUx1TJ2OW6kqkqz6KGIIXiOVr+jlezM9kbm9jCyFY60ljtgf6NSZ81VQqNVwACeKXLSoYAPuRDW0awG+gWx6tvElaXlwM0unQmDxJmT0pSUR4zb4cDtWpYrjq42Yt1Lz5lLZAPMAByB+/eGR3E6Q1vVzSdzpvblQkU8T+UkrmjwhKFAjGPtGruahTLo465w0kOcsrT0+4GPksDLsENS2/Do06bGwrhr9TSEta6hTFZKsAgEgj+YrnXfazfu3mtHVXSyurnUhlOLuarmhK5JKsgcI/qSPOGKb7UtQqDtrk6QWxeEllXpb4u/n5cxUscJUSU5HXzirHOzLdPdLRNt3fq63nUckCagTlk8H66/mJQXYzZfP7Q1pO4x9hQmpytrMg9RLgMg9FexZO9h7XNuVy1i7pqJFeYSTT27hKMJnuJqF8vA+yYWHTy4dNWGid+tbhdSxeNZWfp4Iz4CQSP3mGqvvYBW39h25YdnXOzbt6ctTipTZqCC8nZ8BOP8QVD8xa1I2N6Bs6BJZv7Obu6giRwrdGYsZmY79/WJx6jptNpfET8nZ26Ci/TtStuAkxs3G++5Va/DOux7V9P65QH07P0pyiXIQT1COGHSSMnPlCw7WNrd1bf7tr9RfV9q6pNV4jIbyicoPFlOcjyHSGdQo9jGc1eSKW26SA5ad1otJjmiqtZOPkNl2QDEcHuYIIXJko5Y9YgS8ef8QQQIXXB7xzyxnJMEECFPB7wGXnpnEEECFPB6Ht7QBJzkmCCBC//9k=");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
} 
.card-image.master-card,
.card-image.mastercard {
  content: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADkDASIAAhEBAxEB/8QAHQAAAQQDAQEAAAAAAAAAAAAABwABCAkCAwYFBP/EADUQAAIBAwMCBAQDBwUAAAAAAAECAwQFEQAGEgchCBMxURQiQWEVIzIWQlJxgZHwYmOCocH/xAAZAQEBAAMBAAAAAAAAAAAAAAAHAAIFBgj/xAApEQABAgUCBgEFAAAAAAAAAAABAgMABAURIQYxBxIUQWGhURNxgZHB/9oADAMBAAIRAxEAPwC1A9hqPXiP8Wtj6Lz/ALMWKhjvG5XjEjws+IaRSMqZSO5J7EKO+O+R2zIGql8inkmI/Qhb+w1TXvfcVdu7eF53LcpnkqLjWyzuWJz3bsO/fAGAB9AMa01Zn1yTQDe6u8KPCzR8rqqoOLnstNAEpvbmJ2z8YuYM0vjm8QDXX8SS9WuOHly+CW3p5GM/pyfzMf8APOjrsTxwXbc1hSmu20qWjvkjcY5klJpZR7hT8wOc9ifp66gbTx+dPHET2dgp/qdEuDNMU+H/ACzHjgV/dx6aPqtXqgw0W2HCFKG+9vMOtb4faceaShEqlKhsU4/dt/zEuo/ED1HjrPijX0ckec+Q1Mvl4/p83/ejD0w6yW/fbm110CUN1ReQiDZSUD1KH7e3r/PUTrfUmsoKarZQDPCkhA+nJQf/AHXsbdu1VY77QXejcrLS1CSDBxkBhkH7EZB0fUHXVWp8+nqXS42TZQVnfGPMFNZ0jT35dYYbCFpvYjx2PzE4vT6af5da4JRLDHKB+tQ39xrZ/npr0ylXMAod4DlCxtGMyLIpRxlWGCPtqpjxB9Krz0l6lXWzV1G60FXUPV22cD5Jad2JAB91zxI9x7Y1bS3pk6CvVTenh23jdJ+lXUmZqquiqkpTFJaK3jDM3ww5LUrF5ahTXUgZw/FDURBiCwB11TkBPtcoNiNo7zQOs1aNn1PKSVNLACgN8bEeR7irdHaORZF9VII0TttxPueSCKhBJmxz/wBv+In2xo+TdB/B2KmnrE3bvkCtqJaeloFt1WpmdIY5yFV6TzOJjliZXzxYOOLE50Tdl1nhIt+zKSyWa11Nv+Mt1Pd2hns9cLhxm4CPl+UXaQ80wgJJUhlBQhjxdQ0lOTjJ+mpIWNr94Yaxxkoi2k9IhalfYC3vMCOCFKaGOnjXCRoEUf6QMDXYdMtnVm8910lFHTu1JA6z1b8TxEanJUn3PoPr3+2uta0+HWmqoWn3BurjU1DU0cZs1cI2ZJUhduQpu0ayyJG0pPBXYKWB7aIOzup3SS31Nk2rsWluJN7mVImFmrIIwrRzOssks0Sr8wgfiC2WAyoKgkcbQuF88J1L1SUAhJvYG5OfUHNX15LOS6kSQJWrFzgC/wDYK6JxQKBgKMY0/wA3+DTqcjOstO4HKLCCmGIzrnKzpxsa43V73XbWt89dI7SPO8ILszPSuxJ+7UFGf508ftpaWsoo86Doz0xp4YaaPZ9EYIKxK9IXLvF8QgjEblCxVuAgh4AghPKTiBxGM7T0g6cWLh+FbWp4BHTQ0aqJJGXyYnDxIQWIYIwHDOeIAC4AxpaWqKFWdHumtwqhW1u0qOaZat61WcuQszyLK5UcsANIiSMoHEuqsQWAOvqHTLYq3K33hNt0sdZaoVgopoyyGBFWRE44I7qs0oVvVRI4BHI6WlqijpwMdtPpaWqKP//Z");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}
.card-image.american-express {
  content: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAgAFADASIAAhEBAxEB/8QAHAAAAQQDAQAAAAAAAAAAAAAACAMEBQYCBwkB/8QALxAAAQMDBAIBAgUEAwAAAAAAAQIDBAUGEQAHEiETMUEUUQgVImGBFhcjQjJxkf/EABoBAAEFAQAAAAAAAAAAAAAAAAUAAQIDBgT/xAAuEQACAQIEBAUCBwAAAAAAAAABEQIAAwQFITEGElFxE0FhkdEVgRYiM6HB4fH/2gAMAwEAAhEDEQA/AOnF03ha9lU4Ve7K7DpUJTgZS9KdDaCsgkJBPskA9fsdR9c3Q29tqDTanX7xpUCJWEeSA+/JShEhGAcoUTgjCkn+RrQf4gKDuNu5utTrVtS0EVKi2fH+tlCreSPAlynQAEhYA8hSgg9ejzB+c6mf2+v+4jY2yd8WvWEm26xNguTG47r0ZMKQhtTS0vgcSlJ5Ad9AJHXoHsNlNi7ahO5cR3kGNBqv496xWYcS4zDYi5asWCYgiMSQVKTDD912o3bpv6yrIix5t23PTqSxLUUMOS30thw4yQnPvrvUPV979pKDNVTazuDRIcpLbbhaelpSoJWgLQcH7pUkj9iNBrc9mbm3raNWg7gUuYle2FJTRqVHQhalVCWXwnzo6y4kMpA6yOknPsadXDS6/C3Qq1UVT6vHiP0iktIktWcK02tSIbQWnDhCUFJBBIJOcg4xq+GSWF+a4yi1t5Jdwa4rvF2LMj4doAMJt+be2xCovJ2+2z1NU03P3GoTCn2W5LYXLQOTSwChY77BBBB1Kw9zLBqL9Jj0+7qXKXXQ6ab4JCXBJDYyvgUkg8fn7aE6j2Lel57nzZNuVOBSml2xTU/V1i220syVBpAU2lhWUMrB7KEk8fXxquWbt5eSW7ToVKtmp0uqsruiLImrZcQwJTkYIafBKAGmz+gJ+P0EjsnS+jYYx/URT/Ynp6f5S/FePEn4IMSUCPNSA6nqf7ox2d59qpMuoQI1/wBEefpbDkmYluYhXhaQBzUSDjCc9/Y9e9Lp3X24ctNy+m7xpiqC04GVzw8PElfIJ4k/ByQMfuPvoOotOu64Nr6DsNa20NUpFfVJUK5UahDLESQ22tTpBlDshagjPr0lKSetMLotfc+zKBem3Vw2IpuJdj8KtQ26Ew7IgRnkykeVtJSDwyhJPEnoIT8EaeOR4eR5TNF7MMxaJHfcdqjLi/GQHN4QMVuBIASIYie2x70b/wDcOyvHRHv6lg+O41BFKUHMiYojOGz89HVjGNA/Fsq9LC3js6wW4MupWfRri/N6VUm0Lcaixnx+tlxYBSniofJHeT/t0bUeQxIHNh5DiQcEoUD3/GhWYYGODMTAsSDf307GtJkWb3M0FzxockokBeqD7h7EeVK8e88deFHfIgZ++lNYnQ6j5AoCd541BkfiMvhNbgWhJSG4BbFw1GREQk/Toz4yyRyP3z66x7OoKoVF6kmqUna+t1prbl5EI3kqjtl+LCdWQl5MR1z/ACFBGRn5HvIA0fc+0bVqcpUyo25TJUhwgrdeiNrWrAwMqIyesDS8SgUOBDcp0Gjwo8V7PkYaYQlteRg8kgYOR1rRwz2EIQjyEoAanTRa9+lYK9wfdvXrkxdAEpGTA111Xbr1Fc/bf2mRftevmBtVt5RbkpEeShinT36q4yYba2z41owsBZ/2PLPY7+dWGubSXY9udb+39Qtel3lV6TYTCpMedUXWGkcZaxyS4gpUop5hAB6wScdDRxUyhUaihxFHpMKAl0grTGYS0FEes8QM+9LfllOE/wDNPoY/1pa8BkeMeXx5zw5Yzxz3j1pp8QXJTKjotG20A38KpWuB7UbYBuHmbKAATJQHy65vSYjAs2yqLWkxXBEuutRJMCrTFsQohSmPlnzhXINj3yyP1E/9m33Da9sL2+paoNb27o0RivPOvUhmvy5VPqJ8DQyt1JK0uIzjjkDCsgg5BOCVZdnzkcJlr0iQjyLew5CbUPIrHJfY/wCRwMn2cDWKLFsptgRUWjRkshZcDYgtBPMgAqxxxkgAZ/YanLPoyMZcpBBJ9yfmqYcF3ICcDcBEgAG2EB8UA4VQ7lsCEqO1alrQKTX5AcpsqfNFLr6/E2C6lfIuZbAGBkDDmejkElfwbVmm1Oxq1HpFmwqFGiVlxsuQH3nYs1zxoCnWy8SodJSPeMYPRJGt1ybUteXHaiS7eprzDGS02uKhSW8++IIwPQ/80/iQ4kFpMeHGaYaT0lttASkfwNceNzW3i7JtRgtWNdvn70Tynhu9luLjiZXAUEdN/hem9f/Z");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}

.card-image.discover {
  content: url("data:image/jpeg;base64,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");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}
.card-image.maestro {
  content: url("data:image/jpeg;base64,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");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}
.card-image.jcb {
  content: url("data:image/jpeg;base64,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");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}
.card-image.diners-club {
  content: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAA8AFADASIAAhEBAxEB/8QAHQAAAgEFAQEAAAAAAAAAAAAABgcDAAIEBQgBCf/EAD0QAAEEAQMCAwIKCAcBAAAAAAECAwQFBgAHERITCCExFBUiIzU3QXR2sbTUCRYyM0JXYZYXGSRHUXGRhv/EABkBAAIDAQAAAAAAAAAAAAAAAAEDAAQFAv/EACsRAAEDAgIJBQEBAAAAAAAAAAEAAgMEERJRITEyQWFxgZHhBRMzobHRUv/aAAwDAQACEQMRAD8A+j19kGUT8oXheE+7YsmJDan2NlYsLkNR0OrcQy2hhC2y4tZZdJPcSEBKSQrqA1d7j3WP+4FB/bTn5vXmPfObmH1Oq+6RoyHJ8tOe8xENaBqG4bwq7W+4C4k6zw1IO9ybq/zAx/8Atpz83qvcu6g9dwcfH/zbn5vRieAOT56Rd7Y2G82R5DAeyeTjm2GGPuwbiXEkqiP3UxpPMloyAQpmKzz0OKQUqWsLT1BKTyyHHKdwA4D+a0ubDEN5J4n74ItsbHK6d72e23kwuE6f4JFN21f+Kmg6z4kPcmeymTB3LxmS0v8AZW1jy1JP/REwjQBiOO+FPItqZe5GM7ZYtOxNlic+5Icx9pTkhuMtxLq/jUdxZJbUQVnk+R+nXPm6+0NNjGDI8VvglzGXURYyPbbKurXlmK/GSfjFhlfPBbIJcYcBTwCQElPCtCnpW1EhiccBvYFzBa+4HK/VUp6l8DBIBiFr2Dje28jNdk+5d1f5gUH9tufm9V7k3V9f8QKD+23Pzel/4S/EXH8Re3Jup0dmHkVO6mHcxWSe33COUPNgkkIcAJAJJBSocngKLx9fXVCpbNSSuhmADmmx0D+K7TuiqYhLESQeJQS/U7vstlyHm+LSHUcqDT+OvoS5x/CVplko58h1dKuPXpV6a3GFZL+tmPt2rkEwpKH5EOZFLgc7Eph1bLyAoAdSQ4hXSrgdSelXA541vjxwdAu0fyTkH2pufxjmkk+4wkgXHBNA9t4AOvisnHfnOzD6nVfdI0ZaDcd+c7MPqdV90jRl9OpNtDkPwIw7PU/qtP7J4+ka4r3Wavv8vu5boe77W3PlC77fId6hcOe29QHn+86+oH+Hq58uddqc8Hg6UN1SW22F9eXNbi8jJcFyt5Uu7qIjAkSa6WtIS7JZj+shl4AF1pPLgX1LSlfWoC36dUexIHEXs5rrZ4d32qlfAZmEA2uC3le2n6Sk8MHJ/R9PceQ9yZH5jny+Ol/8ef8A5oC/RzCajY7c13KO5+qxdV2+/wA9o8Rl+1dPV8HjpLfPHlzzzroCgzLwoYhttM20qtxMYosdcZmMvVku5EaTHTKU4p1HbfUHmyS4vhJAI9APLgIncfcZ3czBUeGfwUYBNkUMlIg2d+xGcj1zEY+TjQfdAKlLHktxZ5UnqCQsq5G7FM+rM8YYWiR4cXO0BoBvpOax5Im0wikLsRY0tAGkuJFkHforkWRzXO1shz3eKuGHyOejvF1fa5+jngO8c+fHP9dfR7+uk/4YvD3T+HXbtvFo0hE64nOCXcT0p4D7/SAEo58w2gfBSD/VR4KiNOD11keu1sdfXPni2dAHGwAv1Wp6PSPoqNsUmvXyvuXp9NAm0XyTf/am5/GOaOz6aBNovkq/+1Nz+Mc1nM+N3RX3fI3qsnHfnOzD6nVfdI0pMQoJd5C3pkt51kdNPoswntVViLuSpuuQ3XQnkAtOLLK2UuLWotuIUnpUocAHTbx35zsw+p1X3SNJR222TxdeVCywXIUQbubYzrZUu/mSa6xs2JMiJ2H0OvqbSZBrnEtpWgNLShttXClIbMm2ug/AjDsnmf1Z2EeIiyfw+lzS+wOabzIK3CzMZRaLSx3Ll9yK0ptl3lLKUvclQSOVJWkqJKfI4j73zJT1nRw8Jfn5JTe2qmVcGX3QsR1pSlLLqm0hSnesdBcDaAQoLWjgEiWXycGkZLlYyza+4EqnYx2zsXI+QOIR2mZslVY4yht5KUlt+M4spSEn4Y5CuSBgRXdqbDeivrYuBZE1f3DL9uxZwclko7yJTC3lh1CJA/0yxEb+CQW0rWwClJUeFJ6Jnd+5DdPkeXZBt4zExvGbuRQvz1z1PuIealpYVIcaQwotRQlXcU71FSQk8o6R16m3H3Ht3Y+01VSzI9XE3Ju2YU2zhSkyEMxvYX5fajSEgpUp8spaQ6AD0rUpPSrpUkerNydmMWwTIMwg0mSVcSIHMptorto6JjFi8ohxlSVSD0OLDyVAIV2lpcQpBUCk6uz7I9t4+F2u3dttc/IxXC8ei5JDMKxQ2WoLS3kxJER1tYcbdBilSVBSVDqSSrkq4NyubC62XiCxlmlxKDb199bc/rPijYhybF2QgqORVyC6kuqUpBCFuNq6SAQ6eoE8HQvvlu9LyDw+X/vLFWIfvrGModWpi0U6Ycms7gHQe0juAqbCgolBBABB9dSzrHbLJKeJdZDiedZNGffkGjlu3bndmuVUlL4QhKH20tdT0VLrfWE90x0F0hQQNR3Mbwvy6d+3sscnyKjILw0BC7mW22l64UBMQlhUhPsrfceUH2kpQUOJUSgFPIC6TkwvO729yW5xTJsUZp5tfCh2cZyNYGYxKhyVPJQrrLTZQ4lUdYU2UkDlJSpQJIs2i+Ssg+1Nz+Mc1DttaUMqTawKDH7Zv3TMdoJE+dJ9oW57FwEJLq3FOKR8copB8+S4ojlSiZtovkrIPtTc/jHNNb8buiru+Rqgt50vB89m5JNqLKbRX0CLGcfrobsxyFKjqd/eMspU6UOIdSApKSEFpXUUhQOtG7I2TkQLSpk4xcyIV0y8xYR5GO2rrUlDr7j7nUlTJHJdedXzxyCtRBGm16nz+jVwA59NQvabF4088uhUwPabNO/JK+xvdpbWXaWE6pyFcq6jxYk51FFbIU61GW44wnlLQ6ehbrhBTweVHknWOidsyiU3Ye4L9c1p4PomLordclLgS8kKDymi5yEyX0/tejqh6HjTZ4Gq4GhjiyPfwjhlzHbylQmy2XRPjWqcYtjMixWYKHzjVmVqjtIcQ02s9jlxKUvOgBfIHWo+vnrBajbEM06qBOMXyoDlKxji2V0lwvqrGiotxiVNklCetQHJ54JHPHlpy8DVcDQxw/5PfwphlzHbylM1O2ZjNOsx6C/abdVJX20UNulDapDocfLaQ1w0XHB1KKAnqJUTz1HmO0Xsbde+RY4narGQoeRZhGN2jftRdbabWtXQyPjChhlIcHCx208EHTd4Gq4GjjiyPfwphlzHbyldUZPtni8qfY49SZaqZYPOyHmmqO3d77zhSVqCVtltKlFCeVHpA4HJA5OiPbOktKXGlquooiT7SxnWz8YOBfs5kyHHUtFSeUlSEKSlRSSkqSopJBGiwjzA1RPB41C5trNGvjdANOLE83sv/9k=");
  margin-top: 10px;
  margin-bottom: -3px;
  height: 22px;
}

#expiration-month {
  border-right: none;
}

.braintree-hosted-fields-invalid {
  border-color: #EB5757;
}

.braintree-hosted-fields-focused {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.braintree-hosted-fields-focused.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}


#submit {
 	margin-left: 175px;	
}	


 
@media only screen and (min-width: 22em){ /* 352 pixels */  
body {font-size: 1em;}




#labUserName {
    top: 7%;       /*5em*/
    font-size: 1em;   /*1em*/
}


#Abutton {
    left: .69em;   /*125px  .19   1.44em*/ 
}

#Bbutton {
    left: 1.42em;    /*190px    .27    2.17em*/ 
}  

#Cbutton {
    left: 2.16em;   /*255px     .36       2.91em*/
}  

#Dbutton {
    left: 2.97em;        /*325px    .47    3.72em*/
 }  

#Ebutton {
    left: 3.73em;        /*390px       .58  4.48em*/
}

#Fbutton {
    left: 4.49em;           /*455px    .69  5.24em*/
}  

#Gbutton {
    left: 5.15em;        /*510px      .80   5.90em*/
}  

#Hbutton {
    left: 5.99em;      /*583px     .91   6.74em*/
}

#Ibutton {
    left: 6.92em;      /*665px   1.02  7.67em*/
}  

#Jbutton {
    left: 7.28em;     /*692px    1.13   8.03em*/
}

#Kbutton {
    left: 7.89em;      /*740px     1.24  8.64em*/
}

#Lbutton {
    left: 8.65em;             /*805px   1.35 9.40em*/
}

#Mbutton {
    left: 9.23em;            /*862px      1.46   10.08em*/  
}  

#Nbutton {
    left: .89em;              /*144px    .20    1.64em*/
}  

#Obutton {
    left: 1.53em;              /*210px   .28  2.38em*/
}  

#Pbutton {
    left: 2.39em;           /*275px    .39 3.14em*/
 }  

#Qbutton {
    left: 3.07em;            /*335px   .47  3.82em*/
}  

#Rbutton {
    left: 3.88em;        /*405px      .58     4.63em*/
}  

#Sbutton {
    left: 4.64em;       /*470px    .69     5.39em*/
}  

#Tbutton {
    left: 5.25em;      /*530px    .70    6.00em*/
}

#Ubutton {
    left: 5.89em;            /*583px    .81   6.64em */
}  

#Vbutton {
    left: 6.65em;                  /*648px    .92  7.40em*/
}  

#Wbutton {
    left: 7.41em;                     /*713px    1.03  8.16em */
 }  

#Xbutton {
    left: 8.44em;          /*805px   1.14   9.19em */
 }  

#Ybutton {
    left: 9.07em;                /*857px       1.25    9.82em  */
}

#Zbutton {
    left: 9.73em;               /*912px    1.36  10.48em*/
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 4.49em;
                        left: 8.65em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 5.45em;
                        left: 1.63em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 3.67em;
                        left: 3.73em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 3.80em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 4.64em;} }    


}  /* media 352 pixels */


@media only screen and (min-width: 26.5em){ /* 424 pixels */  
/*experimental*/


#Abutton {
    left: .94em;   /*125px  .19   1.44em*/ 
}

#Bbutton {
    left: 1.67em;    /*190px    .27    2.17em*/ 
}  

#Cbutton {
    left: 2.41em;   /*255px     .36       2.91em*/
}  

#Dbutton {
    left: 3.22em;        /*325px    .47    3.72em*/
 }  

#Ebutton {
    left: 3.98em;        /*390px       .58  4.48em*/
}

#Fbutton {
    left: 4.74em;           /*455px    .69  5.24em*/
}  

#Gbutton {
    left: 5.40em;        /*510px      .80   5.90em*/
}  

#Hbutton {
    left: 6.24em;      /*583px     .91   6.74em*/
}

#Ibutton {
    left: 7.17em;      /*665px   1.02  7.67em*/
}  

#Jbutton {
    left: 7.53em;     /*692px    1.13   8.03em*/
}

#Kbutton {
    left: 8.14em;      /*740px     1.24  8.64em*/
}

#Lbutton {
    left: 8.90em;             /*805px   1.35 9.40em*/
}

#Mbutton {
    left: 9.58em;            /*862px      1.46   10.08em*/  
}  

#Nbutton {
    left: 1.14em;              /*144px    .20    1.64em*/
}  

#Obutton {
    left: 1.78em;              /*210px   .28  2.38em*/
}  

#Pbutton {
    left: 2.64em;           /*275px    .39 3.14em*/
 }  

#Qbutton {
    left: 3.32em;            /*335px   .47  3.82em*/
}  

#Rbutton {
    left: 4.13em;        /*405px      .58     4.63em*/
}  

#Sbutton {
    left: 4.89em;       /*470px    .69     5.39em*/
}  

#Tbutton {
    left: 5.50em;      /*530px    .70    6.00em*/
}

#Ubutton {
    left: 6.14em;            /*583px    .81   6.64em */
}  

#Vbutton {
    left: 6.90em;                  /*648px    .92  7.40em*/
}  

#Wbutton {
    left: 7.66em;                     /*713px    1.03  8.16em */
 }  

#Xbutton {
    left: 8.69em;          /*805px   1.14   9.19em */
 }  

#Ybutton {
    left: 9.32em;                /*857px       1.25    9.82em  */
}

#Zbutton {
    left: 9.98em;               /*912px    1.36  10.48em*/
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 4.49em;
                        left: 8.9em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 5.45em;
                        left: 1.88em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 3.67em;
                        left: 3.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 3.80em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 4.64em;} }    



	
}

@media only screen and (min-width: 29em){ /* 464 pixels */  



#Abutton {
    left: 1.44em;   /*125px  .19   1.44em*/ 
}

#Bbutton {
    left: 2.17em;    /*190px    .27    2.17em*/ 
}  

#Cbutton {
    left: 2.91em;   /*255px     .36       2.91em*/
}  

#Dbutton {
    left: 3.72em;        /*325px    .47    3.72em*/
}  

#Ebutton {
    left: 4.48em;        /*390px       .58  4.48em*/
}

#Fbutton {
    left: 5.24em;           /*455px    .69  5.24em*/
}  

#Gbutton {
    left: 5.90em;        /*510px      .80   5.90em*/
}  

#Hbutton {
    left: 6.74em;      /*583px     .91   6.74em*/
}

#Ibutton {
    left: 7.67em;      /*665px   1.02  7.67em*/
}  

#Jbutton {
    left: 8.03em;     /*692px    1.13   8.03em*/
}

#Kbutton {
    left: 8.64em;      /*740px     1.24  8.64em*/
}

#Lbutton {
    left: 9.40em;             /*805px   1.35 9.40em*/
}

#Mbutton {
    left: 10.08em;            /*862px      1.46   10.08em*/  
}  

#Nbutton {
    left: 1.64em;              /*144px    .20    1.64em*/
}  

#Obutton {
    left: 2.38em;              /*210px   .28  2.38em*/
}  

#Pbutton {
    left: 3.14em;           /*275px    .39 3.14em*/
 }  

#Qbutton {
    left: 3.82em;            /*335px   .47  3.82em*/
}  

#Rbutton {
    left: 4.63em;        /*405px      .58     4.63em*/
}  

#Sbutton {
    left: 5.39em;       /*470px    .69     5.39em*/
 }  

#Tbutton {
    left: 6.00em;      /*530px    .70    6.00em*/
}

#Ubutton {
    left: 6.64em;            /*583px    .81   6.64em */
}  

#Vbutton {
    left: 7.40em;                  /*648px    .92  7.40em*/
}  

#Wbutton {
    left: 8.16em;                     /*713px    1.03  8.16em */
}  

#Xbutton {
    left: 9.19em;          /*805px   1.14   9.19em */
}  

#Ybutton {
    left: 9.82em;                /*857px       1.25    9.82em  */
}

#Zbutton {
    left: 10.48em;               /*912px    1.36  10.48em*/
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 4.49em;
                        left: 9.40em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 5.45em;
                        left: 2.38em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 4.89em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 5.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 3.50em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 4.64em;} }    



	
}	
	

@media only screen and (min-width: 31em){ /* ~500 pixels */  

ul#tabs { width: 100%;}
ul.tabs { width: 100%;}
div.tabContent { width: auto; }

/*#nav-menu > a {*/
	/*top: 175px;*/    /*was .1em added positioning to right of sun image*/
	/*left: 110px;*/ /*was 18%  /*added positioning to right of sun image*/
/*}*/


 
 
#banner{width: 100%;}

#imgLeft, #imgRight {width: 20%;}      /*139px   60%*/
   
          
#imgLefts, #imgRights{width: 15%;}      /*139px   60%*/


}

@media only screen and (min-width: 35em){ /* 550 pixels */  

#labUserName {
	display: inline;
    top: 3.5%;       /*5em*/
    left: 17%;
    font-size: 1em;   /*1em*/
}


#imgLeft, #imgRight {width: 15%;}     /*120px  100%*/

#imgLefts, #imgRights {width: 12%;}      /*139px   100%*/

   
       
#ybiyni {font-size: 2.5em;
         margin-top: 0px;
         margin-bottom: 0px;}
 


#dropQuest {
	/*position: absolute;*/
    /*top: 12%;*/
    /*margin-top: -20px;*/
    font-size: 1.5em;  
}

#slot-generic li {
	font-size: 1.5em;
	font-weight: normal;
}


#nav-container {
	width: 67%;    /*was 100%*/    /*moved*/   
	left: 22%;    /*12%;*/
    top: 55px;     /*8%*/    /*expands to nav menu selection*/
    margin-right: -5%; /* was -30em 30 480 */  
	margin-left: -5%; /* was -30em 30 480 */ 
}	

#nav-menu {
	padding-bottom: 30px;
}


#nav-menu > a {
	display: none;     /*there goes the hamburger menu*/
	content: '';
}

#nav-menu:not( :target ) > a:first-of-type,          /*added*/
#nav-menu:target > a:last-of-type {                 /*added*/
	display: none;                              /*added here is the good stuff */ 
}                                               /*added*/


/* first level */

#nav-menu > ul {
  	display: block;                        /*added good stuff*/
	height: 2.0em; /* 60 */  /*was 3.75em*/
	top: 0; /* moved this under the hamburger, but now no hamburger, so move back up */
	
}

#nav-menu > ul > li {
	width: 20%;     /* was 25%  the number of 1st level selections divided into 100%*/
	height: 100%;
	float: left;
}

#nav-menu > ul > li > a {
	height: 100%;
	font-size: 1em; /* 16 */   /*changed from 1.5 to 1*/  /*moved up*/
	line-height: 2em; /* 60 (24) */   /*moved up*/
	text-align: center;
}

#nav-menu > ul > li:not( :last-child ) > a {
	border-right: 1px solid #a2836e;   /*#cc470d; COLOR  red 80% green 28% blue 5% */
}

#nav-menu > ul > li:not(.disabled):hover > a,                 /* added :not(.disabled):*/           
#nav-menu > ul:not( :hover ) > li.active > a {
	background-color: #a2836e;   /*#cc470d; COLOR  red 80% green 28% blue 5% */
}


/* second level */



#nav-menu li ul {
	position: absolute;
}
 
#planchette {
	width: 160px;
	height: 160px;}

#rainbow {font-size: 120%;}	  

    
         
#login-client {font-size: 100%;
	        width: 50%;
            height: auto;        /*180px*/
            margin-left: 9em;}           /*400px   19em*/  
	

#login-float{
  top: 17em;            /*435px   22em*/
}
	  

#login-box {width: 35%;
            /*height: auto;*/        /*180px*/
	        /*position: absolute;*/
            /*top: 24em;*/            /*435px   22em*/
            /*left: 19em;*/}           /*400px   19em*/  
            
#email, #password {font: .875em/1.25em "Arial", sans-serif; /*.875em/1.25em "Arial", sans-serif;*/            
                  } /*background-position: 94% 6%;}  /*220px 10px*/

                
}  


@media only screen and (min-width: 40em) { /* 640 pixels */ 



#rainbow {font-size: 130%;}
#Abutton {
	top: 3.4em;    /*297px   .43   3.4em*/
}

#Bbutton {
    top: 2.98em;      /*260px   .38    2.98em*/
}  

#Cbutton {
	top: 2.63em;    /*230px     .33       2.63em*/
 }  

#Dbutton {
    top: 2.35em;         /*205px   .30  */
}  

#Ebutton {
	top: 2.17em;          /*190px     .27  */
}

#Fbutton {
	top: 2.09em;             /*185px   .24 */
}  

#Gbutton {
    top: 2.09em;         /*185px      .24 */
}  

#Hbutton {
	top: 2.15em;       /*188px     .27   */
}

#Ibutton {
	top: 2.30em;       /*200px   .30 */
}  

#Jbutton {
	top: 2.48em;      /*215px    .33 */
}

#Kbutton {
	top: 2.71em;        /*235px    .36  */
}

#Lbutton {
	top: 2.99em;               /*260px  .39   */
}

#Mbutton {
	top: 3.40em;              /*298px    .42 */
}  

#Nbutton {
	top: 4.33em;               /*378px    .55 */
}  

#Obutton {
	top: 3.95em;                /*345px   .50  */
}  

#Pbutton {
	top: 3.60em;            /*315px   .45 */
 }  

#Qbutton {
	top: 3.39em;              /*295px   .44 */
}  

#Rbutton {
	top: 3.21em;          /*280px     .41 */
}  

#Sbutton {
	top: 3.11em;        /*273px    .38 */
 }  

#Tbutton {
	top: 3.14em;       /*275px    .39*/
}

#Ubutton {
	top: 3.22em;              /*280px   .42   */
}  

#Vbutton {
	top: 3.39em;                    /*294px    .45 */
}  

#Wbutton {
	top: 3.66em;                       /*318px   .48    */
}  

#Xbutton {
	top: 4.01em;           /*350px  .51   */
}  

#Ybutton {
	top: 4.36em;                 /*382px      .54    */
}

#Zbutton {
	top: 4.72em;                /*415px   .57   */
 }

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 9.40em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 2.38em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 4.48em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    

#login-float{
  top: 19em;            
}


/*#login-box {left: 15em;}*/             



}



@media only screen and (min-width: 40em) and (min-height: 46em) { /* 672 pixels */ 

#rainbow {font-size: 150%;}
}


@media only screen and (min-width: 50em) { /* 800 pixels */ 


#rainbow {font-size: 160%;}

#login-float{
  top: 21em;            
}



}

@media only screen and (min-width: 54em) { /* 864 pixels */ 

#rainbow {font-size: 190%;}

#login-float{
  top: 24em;            
}

}


@media only screen and (min-width: 64em) { /* 1024 pixels */ 


#ybiyni {font-size: 4em;}   /*1em*/
        
#labUserName {
    top: 8%;       /*5em*/
}        

#planchette {
	width: 200px;
	height: 200px;}




#dropQuest {
	/*position: absolute;*/
    /*top: 17%;*/
    margin-top: 15px;  /*-45px*/
    font-size: 1.5em;  
}


#nav-container {
    top: 11%;
}	


/*#nav-menu {top: 13%;}*/



#rainbow {font-size: 200%;}	      
       


#login-client {width: 30%;   
            height: auto;        /*180px*/
            margin-left: 21em;}           /*400px*/  

#login-float{
  top: 28em;            
}



#login-box {width: 35%;   
            /*height: auto;*/        /*180px*/
	        /*position: absolute;*/
            /*top: 30em;*/  /*was27*/          /*435px*/
            /*left: 17em;*/}           /*400px*/  
            
#email, #password {font: 1em/1.25em "Arial", sans-serif; /*.875em/1.25em "Arial", sans-serif;*/            
                   } /*background-position: 94% 8%;}  /*220px 10px*/




#nav-menu > ul > li > a {
    font-size: 1.5em; /* 24 */   /*changed from 1.5 to 1*/  /*moved up*/

}

#nav-menu > ul {
 height: 2.2em; /* 60 */  /*was 3.75em*/
}



}


@media only screen and (min-width: 68em) { /* 1088 pixels */ 

#Abutton {
    left: 1.94em;   /*125px  .19   1.44em*/ 
}

#Bbutton {
    left: 2.67em;    /*190px    .27    2.17em*/ 
}  

#Cbutton {
    left: 3.41em;   /*255px     .36       2.91em*/
}  

#Dbutton {
    left: 4.22em;        /*325px    .47    3.72em*/
}  

#Ebutton {
    left: 4.98em;        /*390px       .58  4.48em*/
}

#Fbutton {
    left: 5.74em;           /*455px    .69  5.24em*/
}  

#Gbutton {
    left: 6.40em;        /*510px      .80   5.90em*/
}  

#Hbutton {
    left: 7.24em;      /*583px     .91   6.74em*/
}

#Ibutton {
    left: 8.17em;      /*665px   1.02  7.67em*/
}  

#Jbutton {
    left: 8.53em;     /*692px    1.13   8.03em*/
}

#Kbutton {
    left: 9.14em;      /*740px     1.24  8.64em*/
}

#Lbutton {
    left: 9.90em;             /*805px   1.35 9.40em*/
}

#Mbutton {
    left: 10.58em;            /*862px      1.46   10.08em*/  
}  

#Nbutton {
    left: 2.14em;              /*144px    .20    1.64em*/
}  

#Obutton {
    left: 2.88em;              /*210px   .28  2.38em*/
}  

#Pbutton {
    left: 3.64em;           /*275px    .39 3.14em*/
 }  

#Qbutton {
    left: 4.32em;            /*335px   .47  3.82em*/
}  

#Rbutton {
    left: 5.13em;        /*405px      .58     4.63em*/
}  

#Sbutton {
    left: 5.89em;       /*470px    .69     5.39em*/
 }  

#Tbutton {
    left: 6.50em;      /*530px    .70    6.00em*/
}

#Ubutton {
    left: 7.14em;            /*583px    .81   6.64em */
}  

#Vbutton {
    left: 7.90em;                  /*648px    .92  7.40em*/
}  

#Wbutton {
    left: 8.66em;                     /*713px    1.03  8.16em */
}  

#Xbutton {
    left: 9.69em;          /*805px   1.14   9.19em */
}  

#Ybutton {
    left: 10.32em;                /*857px       1.25    9.82em  */
}

#Zbutton {
    left: 10.98em;               /*912px    1.36  10.48em*/
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 9.90em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 2.88em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 4.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    



#dropQuest {
  /*margin-top: -65px;*/
}



}


@media only screen and (min-width: 74em) {  

#login-float{
  top: 30em;            
}

#login-box {
	width: 32%;
}   

#rainbow {font-size: 210%;}	      
}

@media only screen and (min-width: 78em) { /* 1248 pixels */ 

/*#login-box {left: 25em;}*/           /*400px*/  



#Abutton {
    left: 2.94em;   /*125px  .19   1.44em*/ 
}

#Bbutton {
    left: 3.67em;    /*190px    .27    2.17em*/ 
}  

#Cbutton {
    left: 4.41em;   /*255px     .36       2.91em*/
}  

#Dbutton {
    left: 5.22em;        /*325px    .47    3.72em*/
}  

#Ebutton {
    left: 5.98em;        /*390px       .58  4.48em*/
}

#Fbutton {
    left: 6.74em;           /*455px    .69  5.24em*/
}  

#Gbutton {
    left: 7.40em;        /*510px      .80   5.90em*/
}  

#Hbutton {
    left: 8.24em;      /*583px     .91   6.74em*/
}

#Ibutton {
    left: 9.17em;      /*665px   1.02  7.67em*/
}  

#Jbutton {
    left: 9.53em;     /*692px    1.13   8.03em*/
}

#Kbutton {
    left: 10.14em;      /*740px     1.24  8.64em*/
}

#Lbutton {
    left: 10.90em;             /*805px   1.35 9.40em*/
}

#Mbutton {
    left: 11.58em;            /*862px      1.46   10.08em*/  
}  

#Nbutton {
    left: 3.14em;              /*144px    .20    1.64em*/
}  

#Obutton {
    left: 3.88em;              /*210px   .28  2.38em*/
}  

#Pbutton {
    left: 4.64em;           /*275px    .39 3.14em*/
 }  

#Qbutton {
    left: 5.32em;            /*335px   .47  3.82em*/
}  

#Rbutton {
    left: 6.13em;        /*405px      .58     4.63em*/
}  

#Sbutton {
    left: 6.89em;       /*470px    .69     5.39em*/
 }  

#Tbutton {
    left: 7.50em;      /*530px    .70    6.00em*/
}

#Ubutton {
    left: 8.14em;            /*583px    .81   6.64em */
}  

#Vbutton {
    left: 8.90em;                  /*648px    .92  7.40em*/
}  

#Wbutton {
    left: 9.66em;                     /*713px    1.03  8.16em */
}  

#Xbutton {
    left: 10.69em;          /*805px   1.14   9.19em */
}  

#Ybutton {
    left: 11.32em;                /*857px       1.25    9.82em  */
}

#Zbutton {
    left: 11.98em;               /*912px    1.36  10.48em*/
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 10.90em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 3.88em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 5.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    




}

@media only screen and (min-width: 84em) {  

#login-float{
  top: 32em;            
}

#login-box {
	width: 25%;
}   

#rainbow {font-size: 220%;}	      
}


@media only screen and (min-width: 85em) { /* 1360 pixels */ 

/*#login-box {left: 25em;}*/           /*400px*/  



#Abutton {
    left: 3.44em;  
}

#Bbutton {
    left: 4.17em;  
}  

#Cbutton {
    left: 4.91em;   
}  

#Dbutton {
    left: 5.72em;        
}  

#Ebutton {
    left: 6.48em;        
}

#Fbutton {
    left: 7.24em;           
}  

#Gbutton {
    left: 7.90em;        
}  

#Hbutton {
    left: 8.74em;     
}

#Ibutton {
    left: 9.67em;     
}  

#Jbutton {
    left: 10.03em;     
}

#Kbutton {
    left: 10.64em;      
}

#Lbutton {
    left: 11.40em;             
}

#Mbutton {
    left: 12.08em;            
}  

#Nbutton {
    left: 3.64em;              
}  

#Obutton {
    left: 4.38em;              
}  

#Pbutton {
    left: 5.14em;           
 }  

#Qbutton {
    left: 5.82em;            
}  

#Rbutton {
    left: 6.63em;       
}  

#Sbutton {
    left: 7.39em;      
 }  

#Tbutton {
    left: 8.00em;      
}

#Ubutton {
    left: 8.64em;           
}  

#Vbutton {
    left: 9.40em;                 
}  

#Wbutton {
    left: 10.16em;                     
}  

#Xbutton {
    left: 11.19em;          
}  

#Ybutton {
    left: 11.82em;                
}

#Zbutton {
    left: 12.48em;               
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 11.40em} }   
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 4.38em;} }    
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.98em;}
                    to {top: 2.17em;
                        left: 6.48em;} }   
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    




}
@media only screen and (min-width: 92em) { /* 1472 pixels */ 

 



#Abutton {
    left: 3.94em;   
}

#Bbutton {
    left: 4.67em;   
}  

#Cbutton {
    left: 5.41em;   
}  

#Dbutton {
    left: 6.22em;        
}  

#Ebutton {
    left: 6.98em;       
}

#Fbutton {
    left: 7.74em;           
}  

#Gbutton {
    left: 8.40em;        
}  

#Hbutton {
    left: 9.24em;     
}

#Ibutton {
    left: 10.17em;     
}  

#Jbutton {
    left: 10.53em;    
}

#Kbutton {
    left: 11.14em;     
}

#Lbutton {
    left: 11.90em;     
}

#Mbutton {
    left: 12.58em;             
}  

#Nbutton {
    left: 4.14em;             
}  

#Obutton {
    left: 4.88em;              
}  

#Pbutton {
    left: 5.64em;          
}  

#Qbutton {
    left: 6.32em;           
}  

#Rbutton {
    left: 7.13em;       
}  

#Sbutton {
    left: 7.89em;      
 }  

#Tbutton {
    left: 8.50em;      
}

#Ubutton {
    left: 9.14em;            
}  

#Vbutton {
    left: 9.90em;                  
}  

#Wbutton {
    left: 10.66em;                     
}  

#Xbutton {
    left: 11.69em;          
}  

#Ybutton {
    left: 12.32em;               
}

#Zbutton {
    left: 12.98em;               
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 11.90em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 4.88em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 6.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    




}

@media only screen and (min-width: 94em) {  



#rainbow {font-size: 230%;}	      
}


@media only screen and (min-width: 99em) { /* 1548 pixels */ 

/*#login-box {left: 25em;}*/           /*400px*/  



#Abutton {
    left: 4.44em;  
}

#Bbutton {
    left: 5.17em;  
}  

#Cbutton {
    left: 5.91em;   
}  

#Dbutton {
    left: 6.72em;        
}  

#Ebutton {
    left: 7.48em;        
}

#Fbutton {
    left: 8.24em;           
}  

#Gbutton {
    left: 8.90em;        
}  

#Hbutton {
    left: 9.74em;     
}

#Ibutton {
    left: 10.67em;     
}  

#Jbutton {
    left: 11.03em;     
}

#Kbutton {
    left: 11.64em;      
}

#Lbutton {
    left: 12.40em;             
}

#Mbutton {
    left: 13.08em;            
}  

#Nbutton {
    left: 4.64em;              
}  

#Obutton {
    left: 5.38em;              
}  

#Pbutton {
    left: 6.14em;           
 }  

#Qbutton {
    left: 6.82em;            
}  

#Rbutton {
    left: 7.63em;       
}  

#Sbutton {
    left: 8.39em;      
 }  

#Tbutton {
    left: 9.00em;      
}

#Ubutton {
    left: 9.64em;           
}  

#Vbutton {
    left: 10.40em;                 
}  

#Wbutton {
    left: 11.16em;                     
}  

#Xbutton {
    left: 12.19em;          
}  

#Ybutton {
    left: 12.82em;                
}

#Zbutton {
    left: 13.48em;               
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 12.40em} }   
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 5.38em;} }    
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.98em;}
                    to {top: 2.17em;
                        left: 7.48em;} }   
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    




}

@media only screen and (min-width: 104em) {  


#rainbow {font-size: 240%;}	      
}


@media only screen and (min-width: 106em) { /* 1696 pixels */ 

 



#Abutton {
    left: 4.94em;   
}

#Bbutton {
    left: 5.67em;   
}  

#Cbutton {
    left: 6.41em;   
}  

#Dbutton {
    left: 7.22em;        
}  

#Ebutton {
    left: 7.98em;       
}

#Fbutton {
    left: 8.74em;           
}  

#Gbutton {
    left: 9.40em;        
}  

#Hbutton {
    left: 10.24em;     
}

#Ibutton {
    left: 11.17em;     
}  

#Jbutton {
    left: 11.53em;    
}

#Kbutton {
    left: 12.14em;     
}

#Lbutton {
    left: 12.90em;     
}

#Mbutton {
    left: 13.58em;             
}  

#Nbutton {
    left: 5.14em;             
}  

#Obutton {
    left: 5.88em;              
}  

#Pbutton {
    left: 6.64em;          
}  

#Qbutton {
    left: 7.32em;           
}  

#Rbutton {
    left: 8.13em;       
}  

#Sbutton {
    left: 8.89em;      
 }  

#Tbutton {
    left: 9.50em;      
}

#Ubutton {
    left: 10.14em;            
}  

#Vbutton {
    left: 10.90em;                  
}  

#Wbutton {
    left: 11.66em;                     
}  

#Xbutton {
    left: 12.69em;          
}  

#Ybutton {
    left: 13.32em;               
}

#Zbutton {
    left: 13.98em;               
}

@keyframes slideupL{ from {top: 10px;
                           left: 14em}
                    to {top: 2.99em;
                        left: 12.90em} }   /* 9.40em*/
                       
@keyframes slideupO{ from {top: 0px;
                          left: 0px;}
                    to {top: 3.95em;
                        left: 5.88em;} }    /*2.38em*/
@keyframes slideupV{ from {top: 700px;}
                    to {top: 3.39em;} }      
@keyframes slideupE{ from {top: 50px;
                          left: 14.48em;}
                    to {top: 2.17em;
                        left: 7.98em;} }    /*4.48em*/
@keyframes slideupI{ from {top: 700px;}
                    to {top: 2.30em;} }    
@keyframes slideupT{ from {top: 700px;}
                    to {top: 3.14em;} }    




}


@media only screen and (min-width: 114em) {  



#rainbow {font-size: 250%;}	      
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}