/********************************************************COLOR************************************************/


<style type="text/css">

body{ margin:0px; padding:0px; overflow-x:hidden; background-color: #74cee4; }
body.pan_boxed_img{ background-color: #74cee4; background-size: cover; background-attachment: fixed; }
body.pan_boxed_pattern{ background-color: #74cee4; background-attachment: fixed; }

.pan_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.pan_site > .pan_site_fullwidth{ float: left; width: 100%; background-color: #fff; }
.pan_site > .pan_site_boxed{ width:1200px; margin:auto; padding: 0px; background-color: #fff; top:0; }

.pan_navigation{ position:fixed; top:0; left:0; z-index: 99; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.slowup{ margin-top: 0px; }
.slowdown{ margin-top: 0px; }

#Menu {  margin-top:0px }
#Menu ul { list-style:none; position:relative; float:left; margin:0; background-color: ; padding:0 }
#Menu ul a { display:block; color:#FFFFFF; text-decoration:none; font-weight:400; font-size:17px; line-height:40px; padding:0 15px; font-family:'fontello',Arial,sans-serif }
#Menu ul li { position:relative; float:left; margin:0;  padding:0 }
#Menu ul li.current-menu-item { background:#C71585 }
#Menu ul li:hover { background:#0000CD }
#Menu ul ul { display:none; position:absolute; top:100%; left:0; background:#F08080; padding:0 }
#Menu ul ul li { float:none; min-width: 220px }
#Menu ul ul a { line-height:120%; padding:10px 15px }
#Menu ul ul ul { top:0; left:100% }
#Menu ul li:hover > ul { display:block }
#Menu ul .green { display:none; position:absolute; top:100%; left:0; background:#66CDAA; padding:0 }
#Menu ul .pink { display:none; position:absolute; top:100%; left:0; background:#FF69B4; padding:0 }
#Menu ul .brown { display:none; position:absolute; top:100%; left:0; background:#B22222; padding:0 }
#Menu ul .violet_deep { top:0; left:100%; background:#9400D3; padding:0 }
#Menu ul .violet_deep:hover { top:0; left:100%; background:#2E8B57; padding:0 }
/*arrow for sub-menu*/
#Menu .deep:after { content: '\ea76'; font-family: 'fontello'; margin-left:20px; font-size: 13px; }

.pan_menu_fullwidth{ float: left; width: 100%; }
.pan_menu_boxed{ width:1200px; margin:auto; padding: 0px; }

.pan_container{ width:1200px; margin:auto; padding: 0px; }
.pan_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.pan_section{ width: 100%; float: left; }

.pan_slide1 > ul { position: absolute; z-index: -100;}

.pan_textevidence{ float: left; width: 100%; position: relative; overflow: hidden; }

.pan_textevidence.center{ text-align: center; }
.pan_textevidence.left{ text-align: left; }
.pan_textevidence.right{ text-align: right; }


.pan_space2{ height: 2px; width: 100%; float: left; }
.pan_space3{ height: 3px; width: 100%; float: left; }
.pan_space4{ height: 4px; width: 100%; float: left; }
.pan_space5{ height: 5px; width: 100%; float: left; }
.pan_space8{ height: 8px; width: 100%; float: left; }
.pan_space10{ height: 10px; width: 100%; float: left; }
.pan_space15{ height: 15px; width: 100%; float: left; }
.pan_space20{ height: 20px; width: 100%; float: left; }
.pan_space25{ height: 25px; width: 100%; float: left; }
.pan_space30{ height: 30px; width: 100%; float: left; }
.pan_space35{ height: 35px; width: 100%; float: left; }
.pan_space40{ height: 40px; width: 100%; float: left; }
.pan_space45{ height: 45px; width: 100%; float: left; }
.pan_space50{ height: 50px; width: 100%; float: left; }
.pan_space60{ height: 60px; width: 100%; float: left; }
.pan_space70{ height: 70px; width: 100%; float: left; }
.pan_space80{ height: 80px; width: 100%; float: left; }
.pan_space90{ height: 90px; width: 100%; float: left; }
.pan_space100{ height: 100px; width: 100%; float: left; }
.pan_space110{ height: 110px; width: 100%; float: left; }
.pan_space120{ height: 120px; width: 100%; float: left; }



.pan_margin2{ margin: 2px; padding: 0px; display: inline-block; }
.pan_margin5{ margin: 5px; padding: 0px; display: inline-block; }
.pan_margin8{ margin: 8px; padding: 0px; display: inline-block; }
.pan_margin10{ margin: 10px; padding: 0px; display: inline-block; }
.pan_margin15{ margin: 15px; padding: 0px; display: inline-block; }
.pan_margin20{ margin: 20px; padding: 0px; display: inline-block; }
.pan_margin100{ margin: 10px 0px; padding: 0px; display: inline-block; }
.pan_margin20{ margin: 20px; padding: 0px; display: inline-block; }
.pan_margin020{ margin: 0px 20px; padding: 0px; display: inline-block; }
.pan_margin010{ margin: 0px 10px; padding: 0px; display: inline-block; }
.pan_margin1820{ margin: 18px 20px; padding: 0px; display: inline-block; }
.pan_margin30{ margin: 30px; padding: 0px; display: inline-block; }
.pan_margin40{ margin: 40px; padding: 0px; display: inline-block; }
.pan_margin2040{ margin: 20px 40px; padding: 0px; display: inline-block; }
/*left*/
.pan_marginleft10{ margin-left: 10px; }
.pan_marginleft20{ margin-left: 20px; }
.pan_marginleft50{ margin-left: 50px; }
.pan_marginleft60{ margin-left: 60px; }
.pan_marginleft70{ margin-left: 70px; }
.pan_marginleft80{ margin-left: 80px; }
.pan_marginleft85{ margin-left: 85px; }
.pan_marginleft90{ margin-left: 90px; }
.pan_marginleft100{ margin-left: 100px; }
.pan_marginleft110{ margin-left: 110px; }
.pan_marginleft120{ margin-left: 120px; }

.pan_marginright10{ margin-right: 10px; }
.pan_marginright20{ margin-right: 20px; }




.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,.grid_13 ,.grid_14 ,.grid_15 ,.grid_16 ,.grid_17 ,.grid_18 ,.grid_19 ,.grid_20 ,.grid_21 ,.grid_22 ,.grid_23 ,.grid_24{ margin:10px; float:left; display:inline; }
.grid.nomargin{ margin: 0px; padding: 5px; }
.grid.percentage{ margin: 0px; padding: 0px; }
.grid_24.percentage {width:100%;}
.grid_12.percentage {width:50%;}
.grid_8.percentage {width:33.33%;}
.grid_6.percentage {width:25%;}
.grid_16.percentage {width:66.66%;}
.grid_18.percentage {width:75%;}

.grid_1 {width:50px;}
.grid_2 {width:100px;}
.grid_3 {width:150px;}
.grid_4 {width:200px;}
.grid_5 {width:250px;}
.grid_6 {width:300px;}
.grid_7 {width:350px;}
.grid_8 {width:400px;}
.grid_9 {width:450px;}
.grid_10 {width:500px;}
.grid_11 {width:550px;}
.grid_12 {width:600px;}
.grid_13 {width:650px;}
.grid_14 {width:700px;}
.grid_15 {width:750px;}
.grid_16 {width:800px;}
.grid_17 {width:850px;}
.grid_18 {width:900px;}
.grid_19 {width:950px;}
.grid_20 {width:1000px;}
.grid_21 {width:1050px;}
.grid_22 {width:1100px;}
.grid_23 {width:1150px;}
.grid_24 {width:1180px;}

.pan_width_percentage1{ width: 1% !important; }
.pan_width_percentage5{ width: 5% !important; }
.pan_width_percentage8{ width: 8% !important; }
.pan_width_percentage10{ width: 10% !important; }
.pan_width_percentage15{ width: 15% !important; }
.pan_width_percentage20{ width: 20% !important; }
.pan_width_percentage25{ width: 25% !important; }
.pan_width_percentage30{ width: 30% !important; }
.pan_width_percentage35{ width: 35% !important; }
.pan_width_percentage40{ width: 40% !important; }
.pan_width_percentage45{ width: 45% !important; }
.pan_width_percentage50{ width: 50% !important; }
.pan_width_percentage55{ width: 55% !important; }
.pan_width_percentage60{ width: 60% !important; }
.pan_width_percentage65{ width: 65% !important; }
.pan_width_percentage70{ width: 70% !important; }
.pan_width_percentage75{ width: 75% !important; }
.pan_width_percentage80{ width: 80% !important; }
.pan_width_percentage85{ width: 85% !important; }
.pan_width_percentage90{ width: 90% !important; }
.pan_width_percentage95{ width: 95% !important; }
.pan_width_percentage100{ width: 100% !important; }


p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; }

h1,h2,h3,h4,h5,h6,input[type="text"],textarea,select{ font-family: 'Montserrat', sans-serif; color: #868585; }
h1.subtitle,h2.subtitle,h3.subtitle,h4.subtitle,h5.subtitle,h6.subtitle,input[type="text"].subtitle,textarea.subtitle,select.subtitle, span.subtitle{ font-family: 'Raleway', sans-serif; color:#a4a4a4; }
h1.signature,h2.signature,h3.signature,h4.signature,h5.signature,h6.signature, span.signature{ font-family: 'Montez', cursive; }

p.white,h1.white,h2.white,h3.white,h4.white,h5.white,h6.white,a.white,i.white,span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white{ color:#ffffff; }
p.grey,h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey,a.grey,i.grey,span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey{ color:#a4a4a4; }
p.greydark,h1.greydark,h2.greydark,h3.greydark,h4.greydark,h5.greydark,h6.greydark,a.greydark,i.greydark,span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark{ color:#868585; }
p.greydark2,h1.greydark2,h2.greydark2,h3.greydark2,h4.greydark2,h5.greydark2,h6.greydark2,a.greydark2,i.greydark2,span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2{ color:#353b3d; }
p.green,h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,a.green,i.green,span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green{ color:#6fc191; }
p.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,a.blue,i.blue,span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue{ color:#74cee4; }
p.violet,h1.violet,h2.violet,h3.violet,h4.violet,h5.violet,h6.violet,a.violet,i.violet,span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet{ color:#c389ce; }
p.yellow,h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow,a.yellow,i.yellow,span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow{ color:#edbf47; }
p.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,a.orange,i.orange,span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange{ color:#ec774b; }
p.red,h1.red,h2.red,h3.red,h4.red,h5.red,h6.red,a.red,i.red,span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red{ color:#e16c6c; }

p.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center{ text-align: center; }
p.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right, span.right{ float: right; }

p{ font-size:15px; line-height: 22px; color:#a4a4a4; font-family: 'Raleway', sans-serif; }
h1{ font-size: 30px; line-height: 30px; }
h1.extrasize{ font-size: 45px; line-height: 45px; }
h2{ font-size: 25px; line-height: 25px; }
h3{ font-size: 20px; line-height: 20px; }
h4{ font-size: 17px; line-height: 17px; }
h5{ font-size: 15px; line-height: 15px; }
h6{ font-size: 14px; line-height: 14px; }
a{ text-decoration: none; color: #868585; }

pre{ overflow: auto; float: left; width: 100%; margin:0px; padding: 0px; }
pre p{ font-family: monospace; font-size: 13px; line-height: 22px; }



input[type="password"], input[type="textp"] {
  border: 1px solid #a1a3a3; border-radius: 4px;  box-shadow: 0 1px #fff;  box-sizing: border-box;
  color: #696969;  height: 30px; margin: 5px 0 0 10px; padding-left: 10px; transition: box-shadow 0.3s;  width: 250px; }

.pan-btn, .pan-button, .pan-submit {  text-decoration-color: white; border:none;display:inline-block;outline:0;padding:3px 16px;vertical-align:middle;overflow:hidden;text-decoration:white;color:inherit;background-color:purple;text-align:center;cursor:pointer;white-space:nowrap}

.pan-btn:hover{box-shadow:0 3px 16px 0 rgba(0,0,0,0.2),0 3px 16px 0 rgba(8,5,6,4.20);background-color:green!important}
.pan-button:hover{box-shadow:0 3px 16px 0 rgba(0,0,0,0.2),0 3px 16px 0 rgba(8,5,6,4.20);background-color:red!important}
.pan-submit:hover{box-shadow:0 3px 16px 0 rgba(0,0,0,0.2),0 3px 16px 0 rgba(8,5,6,4.20);background-color:red!important}
.pan-button1:hover{color:red!important;background-color:red!important}
.pan-btn1:hover{color:red!important;background-color:green!important}
.pan-ripple:active{opacity:0.5}.pan-ripple{transition:opacity 0s}




textarea{ float: left; border: 0; outline: 0; }
select{ float: left; border: 0; outline: 0; width: 100%; -webkit-appearance: none; cursor: pointer; }
input[type="submit"]{ cursor: pointer; outline: 0; border: 0; margin: 5px}
/*size*/
input[type="text"].small, textarea.small { font-size: 15px; width: 90%; padding: 10px 5%; }
input[type="text"].medium, textarea.medium { font-size: 17px; width: 90%; padding: 10px 5%; }
input[type="text"].big, textarea.big { font-size: 17px; width: 80%; padding: 15px 10%; }
/*size select*/
select.small { font-size: 15px; padding: 0px 0%; }
select.medium { font-size: 17px; padding: 0px 0%; }
select.big { font-size: 17px; padding: 0px 0%; }




.table.t { text-align: left; border: 2px solid black; color: #000000; font-family: 'Montserrat', sans-serif ; }
.ht1 { color: #000000; text-align: left; font-size: 19px; font-family: 'Montserrat', sans-serif ; font-weight: bold; }
.ht2 { color: #000000; text-align: left; font-size: 18px; font-family: 'Montserrat', sans-serif ; font-weight: bold; }
.ht3 { color: #000000; text-align: left; font-size: 16px; font-family: 'Montserrat', sans-serif ; font-weight: bold; }
.p1 {  color: #000000; text-align: left; font-size: 15px; font-family: 'Montserrat', sans-serif ; font-weight: normal; line-height: 1.2; }  




@page 
{
  size: auto;   
  margin: 0mm;  
}
#print-button { display: none; }
@media print {  .no-print, .no-print *  
  { display: none !important;  }
  footer {page-break-after: always;}
  p {page-break-inside: always;}

  div {page-break-after: always;}
  thead { display:table-header-group }
  tfoot { display:table-footer-group }
  .page-break  {   display:block;   page-break-before:always;   } 
  div.divFooter {  position: fixed;  bottom: 0;   }
  <hr> {  page-break-after: avoid;  }
}

div.d0   { page-break-after: always; page-break-inside: avoid;   }
div.CSSTableGenerator  { page-break-after: always; page-break-inside: avoid;  }
#page-number:after {  counter-increment: page_number;  content: "Page " counter(page_number); }
body { counter-reset: page_number; }


@media print { tr.break {page-break-after:always; } }


.pan_bg_white{ background-color: #ffffff; }
.pan_bg_grey{ background-color: #f9f9f9; }
.pan_bg_grey2{ background-color: #f1f1f1; }
.pan_bg_greydark{ background-color: #495052;}
.pan_bg_greydark2{ background-color: #404547;}
.pan_bg_green{ background-color: #6fc191; }
.pan_bg_blue{ background-color: #74cee4; }
.pan_bg_violet{ background-color: #c389ce; }
.pan_bg_violetdark{ background-color: #bf00ff; }
.pan_bg_orange{ background-color: #ec774b; } 
.pan_bg_red{ background-color: #e16c6c; }
.pan_bg_yellow{ background-color: #edbf47; }
.pan_bg_greendark{ background-color: #6ab78a; }
.pan_bg_bluedark{ background-color: #6fc4d9; }
.pan_bg_violetdark{ background-color: #ac7ab5; }
.pan_bg_orangedark{ background-color: #df764e; }
.pan_bg_reddark{ background-color: #c86969; }
.pan_bg_darkblue{ background-color: #1a237e; }

table.print-entire tfoot thead { display:table-footer-group;display:table-header-group; page-break-after:always;page-break-after:auto}



div { border: 1px solid red; }
table { border: 1px solid red; border-collapse: collapse; margin: 5px 5px 5px 5px; }


div.fl { position: absolute;left: 10px;top: 30px;background-color: #f1f1f1;width: 100%;padding: 5px;color: black;border: #0000cc 2px dashed;display: none;}
th [type=text]{ border: 1px solid black; border-collapse: collapse; height: auto; padding: 0px; text-align: right;        width: 200px; align-content: center;  font-size: 50%; }
th [type=Number]{ border: 1px solid black; border-collapse: collapse; height: auto; padding: 0px; text-align: left          width: 30px; font-size: 50%; }
td [type=text]{ border: 1px solid black; border-collapse: collapse; height: auto; vertical-align: bottom; padding: 0px;
  text-align: left;  width: 200px; }
  td [type=Number]{ border: 1px solid black; border-collapse: collapse; height: auto; vertical-align: bottom; padding: 0px;
    text-align: left; width: 20px; }
   input[type=text] { width: 200px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }
   input[type=text1] { width: 150px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }
   input[type=text2] { width: 100px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }
   input[type=text3] { width: 50px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }
   input[type=text4] { width: 20px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }
  



   input[type=Number] { width: 30px; height: auto; padding: 0px 0px;  margin: 0px 0;  border: 0px solid black; border-collapse: collapse; }
   input[type=Number1] { width: 30px; height: auto; padding: 0px 0px; margin: 0px 0; border: 0px solid black; border-collapse: collapse; }


     th { font-family:sans-serif; color:black;  background-color: white; }
     thead { display:table-header-group;  }
     tbody { display:table-row-group;   }
     table tr td.breakAfter { page-break-after: always;  }
     th.verticalTableHeader { text-align:center; white-space:nowrap; transform: rotate(90deg);  }
     p.verticalTableHeader p { margin:0 -999px;  /* virtually reduce space needed on width to very little */display:inline-block; }
     .verticalTableHeader p:before {  content:'';  width:0; padding-top:0%;  /* takes width as reference, + 10% for faking some extra padding */ display:inline-block;  vertical-align:middle; }  
     .vertical-text { transform: rotate(90deg);  transform-origin: left top 0; }


     @media only screen and (min-width: 960px) and (max-width: 1199px) {
       .pan_container{width:960px;}
       .grid_1 {width:60px;}.grid_2 {width:140px;}.grid_3 {width:220px;}.grid_4 {width:300px;}.grid_5 {width:380px;}.grid_6 {width:460px;}.grid_7 {width:540px;}.grid_8 {width:620px;}.grid_9 {width:700px;}.grid_10 {width:780px;}.grid_11 {width:860px;}.grid_12 {width:940px;}      



       [class*="col-"] { float: left;  padding: 15px;  border: 1px solid red; }
       .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;}   .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;}

       i {   border: solid black;   border-width: 0 3px 3px 0;   display: inline-block;   padding: 3px; }
       .right {    transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }


       .slider {
        max-width: 1200px;
        height: 400px;
        margin: 20px auto;
        position: relative;
      }
      .slide1,.slide2,.slide3,.slide4,.slide5 {
        position: absolute;
        width: 100%;
        height: 100%;
      }
      .slide1 {
        background: url(#.jpg)no-repeat center;
        background-size: cover;
        animation:fade 8s infinite;
        -webkit-animation:fade 8s infinite;

      } 
      .slide2 {
        background: url(#.jpg)no-repeat center;
        background-size: cover;
        animation:fade2 8s infinite;
        -webkit-animation:fade2 8s infinite;
      }
      .slide3 {
        background: url(#.jpg)no-repeat center;
        background-size: cover;
        animation:fade3 8s infinite;
        -webkit-animation:fade3 8s infinite;
      }
      @keyframes fade
      {
        0%   {opacity:1}
        33.333% { opacity: 0}
        66.666% { opacity: 0}
        100% { opacity: 1}
      }
      @keyframes fade2
      {
        0%   {opacity:0}
        33.333% { opacity: 1}
        66.666% { opacity: 0 }
        100% { opacity: 0}
      }
      @keyframes fade3
      {
        0%   {opacity:0}
        33.333% { opacity: 0}
        66.666% { opacity: 1}
        100% { opacity: 0}
      }




      .animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
      .top-container { background-color: #f1f1f1; padding: 30px; text-align: center; }
      .header { padding: 5px 100px; background: #555; color: #f1f1f1; }
      .content { padding: 16px; }
      .sticky { position: fixed; top: 0; width: 100%; }


      i { border: solid black; border-width: 0 3px 3px 0; display: inline-block;  padding: 3px; }
      .right { transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); }
      .left { transform: rotate(135deg);  -webkit-transform: rotate(135deg); }
      .up {  transform: rotate(-135deg);  -webkit-transform: rotate(-135deg); }
      .down {  transform: rotate(45deg);  -webkit-transform: rotate(45deg); }


      input[type="password"], input[type="textp"] {
        border: 1px solid #a1a3a3; border-radius: 4px;  box-shadow: 0 1px #fff;  box-sizing: border-box;
        color: #696969;  height: 30px; margin: 5px 0 0 10px; padding-left: 10px; transition: box-shadow 0.3s;  width: 250px; }
        input[type="submit1"] { width:100px;  height:30px;  display:block;  font-family:Arial, "Helvetica", sans-serif;  font-size:16px;  font-weight:bold;  color:#fff;  text-decoration:none;
        text-transform:uppercase; text-align:center;  text-shadow:1px 1px 0px #37a69b;  padding-top:6px;
        margin: 10px 0 0 10px;  position:relative;  cursor:pointer;  border: none;
        background-color: #37a69b;  background-image: linear-gradient(top,#3db0a6,#3111);
        border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;
        border-bottom-left-radius:5px;  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #497a78, 0px 10px 5px #999;}

        input[type="submit1"]:active {
          top:3px; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;}

     
         



      /*the container must be positioned relative:*/
      .autocomplete {  position: relative;  display: inline-block;}
      .autocomplete-items {  position: absolute;  border: 0px solid #d4d4d4;  border-bottom: 0px;  border-top: 0px;  z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;  left: 0;  right: 0;}
      .autocomplete-items div {width: 70px;  padding: 0px;  cursor: pointer;  background-color: #fff;   border-bottom: 0px ; }
      /*when hovering an item:*/
      .autocomplete-items div:hover {  background-color: #e9e9e9; }
      /*when navigating through the items using the arrow keys:*/
      .autocomplete-active { background-color: DodgerBlue !important;  color: #ffffff; }


 </style>