.myButtonap {
	box-shadow: 0px 0px 11px 0px #f0f7fa;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 29px;
	text-decoration:none;
	text-shadow:0px 0px 0px #5b6178;
}
.myButtonap:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.myButtonap:active {
	position:relative;
	top:1px;
}



.myButtonr {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButtonr:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.myButtonr:active {
	position:relative;
	top:1px;
}

.myButton {
	background-color:#2e823c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:10px 33px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.myButtonred {
	background-color:#ed0e0e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:10px 33px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 30%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

#customersinc {
    
    border-collapse: collapse;
		
}

#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
		
}

#customersfail {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
		
}

#customers2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 40%;
		
}



#customers td, #customers th ,#customers2 td, #customers2 th{
    border: 1px solid #000000;
    padding: 4px;
	font-size:20px;
	font-weight:bold;
}

#customers tr:nth-child(even){background-color: #FFFFFF;}


#customersinc td, #customersinc th {
    border: 0px solid #000000;
    padding: 4px;
	font-size:14px;
}

#customers tr:nth-child(even){background-color: #FFFFFF;}
#customersinc tr:nth-child(even){background-color: #FFFFFF;}

#customers2 tr:nth-child(even){background-color: #FFFFFF;}

#customers tr:hover {background-color: #ddd;}
#customersinc tr:hover {background-color: #ddd;}
#customers2 tr:hover {background-color: #ddd;}

#customers th, #customers2 th  {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-color: #1b7032;
    color: white;
	 
    vertical-align:top;
}





#customersfail td, #customersfail th{
    border: 1px solid #000000;
    padding: 4px;
	font-size:20px;
	font-weight:bold;
	  text-align:left;
    vertical-align:top;
}

#customersfail tr:nth-child(even){background-color: #FFFFFF;}

#customersfail tr:hover {background-color: #ddd;}

#customersfail th,  {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-color:#FF0000;
    color: white;
}


.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #1E53BC;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	padding:5px;
    color: white;
    text-align: center;
}



/*****/

table
{
    border-spacing:1px;
    border-style:solid;
    border-color:#D8D8D8;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    padding:0;
    box-shadow:0px 0px #000000;
    table-layout:auto;
}


th
{
    color:#000000;
    background:#c8e8e6;
    border-style:solid;
    border-width:0px;
    border-color:#acddda;
    font-weight:800;
	font-size:14px;
    padding:5px;
    text-align:left;
    vertical-align:top;
}
 
tr
{
    color:#333333;
    font-weight:bold;
}
 
tr:hover td
{
    color:#081C6B;
}
 
td
{
    padding:3px 5px;
    text-align:left;
    vertical-align:top;
	font-weight:bold;
	font-size:14px;
}
 
th:first-child
{
    border-top-left-radius:10px;
}
 
th:last-child
{
    border-top-right-radius:10px;
}
 
tr:last-child td:first-child
{
    border-bottom-left-radius:10px;
}
 
tr:last-child td:last-child
{
    border-bottom-right-radius:10px;
}




.buttonnewusr {
	color:#0066FF;
	border-color:#00CECE;
	background-color:#FFFFFF;
	border-radius:11px;
	display:inline-block;
	cursor:pointer;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	padding:6px 12px 6px 12px;
	text-decoration:none;
	text-shadow:0px 0px 9px #3e8a50;
}


.buttonnewusr:hover {
	color:#0066FF;
	border-color:#00CECE;
	background-color:#FFFFFF;
	border-radius:11px;
	display:inline-block;
	cursor:pointer;
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
	font-weight:bolder;
	padding:6px 12px 6px 12px;
	text-decoration:none;
	text-shadow:0px 0px 9px #3e8a50;
}
/************/

.buttonGreen {
	-moz-box-shadow: 0px 10px 14px -9px #277339;
	-webkit-box-shadow: 0px 10px 14px -9px #277339;
	box-shadow: 0px 10px 14px -9px #277339;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00CECE), color-stop(1, #00D5D5));
	background:-moz-linear-gradient(top, #00CECE 5%, #00D5D5 100%);
	background:-webkit-linear-gradient(top, #00CECE 5%, #00D5D5 100%);
	background:-o-linear-gradient(top, #00CECE 5%, #00D5D5 100%);
	background:-ms-linear-gradient(top, #00CECE 5%, #00D5D5 100%);
	background:linear-gradient(to bottom, #00CECE 5%, #00D5D5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CECE', endColorstr='#00D5D5',GradientType=0);
	background-color:#00CECE;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 0px 9px #3e8a50;
}
.buttonGreen:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00D5D5), color-stop(1, #00CECE));
	background:-moz-linear-gradient(top, #00D5D5 5%, #00CECE 100%);
	background:-webkit-linear-gradient(top, #00D5D5 5%, #00CECE 100%);
	background:-o-linear-gradient(top, #00D5D5 5%, #00CECE 100%);
	background:-ms-linear-gradient(top, #00D5D5 5%, #00CECE 100%);
	background:linear-gradient(to bottom, #00D5D5 5%, #00CECE 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00D5D5', endColorstr='#00CECE',GradientType=0);
	background-color:#409955;
}
.buttonGreen:active {
	position:relative;
	top:1px;
}




/*---------------------------------------------*/
input[type=text], select, textarea {
 
padding: 3px 0px 3px 3px;
  border: 1px solid black;
  border-radius: 4px;
  resize: vertical;
 font-size:14px;
font-weight:bold;
 

}

input[type=password], select, textarea {
  font-size:14px;
font-weight:bold;

padding: 3px 0px 3px 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}



.wrap-login100 {
  width: 350px;
  background: #fff;
  overflow: hidden;

  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}


/*==================================================================
[ Form ]*/


.login100-form-title {
  display: block;
  font-family: OpenSans-Regular;
  font-size: 25px;
  color: #555555;
  text-align: center;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.wrap-input100.rs1 {
  border-top: none;
}

.input100 {
  display: block;
  width: 100%;
  background: transparent;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  color: #0000CC;
}


/*---------------------------------------------*/
input.input100 {
  height: 40px;
  padding: 0 25px 0 25px;
}

/*------------------------------------------------------------------
[ Focus Input ]*/

.focus-input100-1, 
.focus-input100-2 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100-1::before,
.focus-input100-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  background-color: #4272d7;
}

.focus-input100-1::before {
  top: -1px;
  left: 0;
}

.focus-input100-2::before {
  bottom: -1px;
  right: 0;
}

.focus-input100-1::after,
.focus-input100-2::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 0;
  background-color: #4272d7;
}

.focus-input100-1::after {
  top: 0;
  right: -1px;
}

.focus-input100-2::after {
  bottom: 0;
  left: -1px;
}

.input100:focus + .focus-input100-1::before {
  -webkit-animation: full-w 0.2s linear 0s;
  animation: full-w 0.2s linear 0s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1::after {
  -webkit-animation: full-h 0.1s linear 0.2s;
  animation: full-h 0.1s linear 0.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1 + .focus-input100-2::before {
  -webkit-animation: full-w 0.2s linear 0.3s;
  animation: full-w 0.2s linear 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.input100:focus + .focus-input100-1 + .focus-input100-2::after {
  -webkit-animation: full-h 0.1s linear 0.5s;
  animation: full-h 0.1s linear 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}


@keyframes full-w {
  to {
    width: calc(100% + 1px);
  }
}

@keyframes full-h {
  to {
    height: calc(100% + 1px);
  }
}


/*------------------------------------------------------------------
[ Button ]*/

.login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 35px;
  background-color: #4272d7;

  font-family: OpenSans-Regular;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn:hover {
  background-color: #333333;
}



.validate-input {
  position: relative;
}


.p-t-65 {padding-top: 65px;}
.p-b-50 {padding-bottom: 50px;}
.p-b-33 {padding-bottom: 33px;}
.p-l-55 {padding-left: 55px;}
.p-r-55 {padding-right: 55px;}

.m-t-20 {margin-top: 20px;}