/* ----------------------- NEW CSS ------------------------*/

html, body
{
    height: 100%;
}

#tes2 {

background: rgba(216,225,231,1);
background: -moz-linear-gradient(top, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 1%, rgba(224,239,249,1) 6%, rgba(242,246,248,1) 60%, rgba(242,246,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,225,231,1)), color-stop(1%, rgba(224,239,249,1)), color-stop(6%, rgba(224,239,249,1)), color-stop(60%, rgba(242,246,248,1)), color-stop(100%, rgba(242,246,248,1)));
background: -webkit-linear-gradient(top, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 1%, rgba(224,239,249,1) 6%, rgba(242,246,248,1) 60%, rgba(242,246,248,1) 100%);
background: -o-linear-gradient(top, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 1%, rgba(224,239,249,1) 6%, rgba(242,246,248,1) 60%, rgba(242,246,248,1) 100%);
background: -ms-linear-gradient(top, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 1%, rgba(224,239,249,1) 6%, rgba(242,246,248,1) 60%, rgba(242,246,248,1) 100%);
background: linear-gradient(to bottom, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 1%, rgba(224,239,249,1) 6%, rgba(242,246,248,1) 60%, rgba(242,246,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e1e7', endColorstr='#f2f6f8', GradientType=0 );

}

#tes1 {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #CEE5EB),
	color-stop(0.53, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #CEE5EB 0%, #FFFFFF 53%);
background-image: -moz-linear-gradient(bottom, #CEE5EB 0%, #FFFFFF 53%);
background-image: -webkit-linear-gradient(bottom, #CEE5EB 0%, #FFFFFF 53%);
background-image: -ms-linear-gradient(bottom, #CEE5EB 0%, #FFFFFF 53%);
background-image: linear-gradient(to bottom, #CEE5EB 0%, #FFFFFF 53%);
}

/* ------------------------- RED ----------------------- */

.myButtonr {
	-moz-box-shadow: 2px 2px 11px 0px #f29c93;
	-webkit-box-shadow: 2px 2px 11px 0px #f29c93;
	/*box-shadow: 2px 2px 11px 0px #f29c93;*/
	box-shadow: 2px 2px 11px 0px #949494;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8375), color-stop(1, #8a0000));
	background:-moz-linear-gradient(top, #ff8375 5%, #8a0000 100%);
	background:-webkit-linear-gradient(top, #ff8375 5%, #8a0000 100%);
	background:-o-linear-gradient(top, #ff8375 5%, #8a0000 100%);
	background:-ms-linear-gradient(top, #ff8375 5%, #8a0000 100%);
	background:linear-gradient(to bottom, #ff8375 5%, #8a0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8375', endColorstr='#8a0000',GradientType=0);
	background-color:#ff8375;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ff857a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButtonr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a0000), color-stop(1, #ff8375));
	background:-moz-linear-gradient(top, #8a0000 5%, #ff8375 100%);
	background:-webkit-linear-gradient(top, #8a0000 5%, #ff8375 100%);
	background:-o-linear-gradient(top, #8a0000 5%, #ff8375 100%);
	background:-ms-linear-gradient(top, #8a0000 5%, #ff8375 100%);
	background:linear-gradient(to bottom, #8a0000 5%, #ff8375 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a0000', endColorstr='#ff8375',GradientType=0);
	background-color:#8a0000;
}
.myButtonr:active {
	position:relative;
	top:1px;
}

/* ------------------------- BLUE ----------------------- */

.myButtonb {
-moz-box-shadow: 2px 2px 11px 0px #6695bd;
	box-shadow: 2px 2px 11px 0px #949494;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #034485));
	background:-moz-linear-gradient(top, #79bbff 5%, #034485 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #034485 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #034485 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #034485 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #034485 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#034485',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #73bbfa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	}
.myButtonb:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #034485), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #034485 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #034485 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #034485 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #034485 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #034485 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#034485', endColorstr='#79bbff',GradientType=0);
	background-color:#034485;
}
.myButtonb:active {
	position:relative;
	top:1px;
}

/* ------------------------- GREEN ----------------------- */

.myButtong {
	-moz-box-shadow: 2px 2px 11px 0px #d9fbbe;
	-webkit-box-shadow: 2px 2px 11px 0px #d9fbbe;
	box-shadow: 2px 2px 11px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d7ff78), color-stop(1, #4d7000));
	background:-moz-linear-gradient(top, #d7ff78 5%, #4d7000 100%);
	background:-webkit-linear-gradient(top, #d7ff78 5%, #4d7000 100%);
	background:-o-linear-gradient(top, #d7ff78 5%, #4d7000 100%);
	background:-ms-linear-gradient(top, #d7ff78 5%, #4d7000 100%);
	background:linear-gradient(to bottom, #d7ff78 5%, #4d7000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7ff78', endColorstr='#4d7000',GradientType=0);
	background-color:#d7ff78;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #cbff70;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.myButtong:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d7000), color-stop(1, #d7ff78));
	background:-moz-linear-gradient(top, #4d7000 5%, #d7ff78 100%);
	background:-webkit-linear-gradient(top, #4d7000 5%, #d7ff78 100%);
	background:-o-linear-gradient(top, #4d7000 5%, #d7ff78 100%);
	background:-ms-linear-gradient(top, #4d7000 5%, #d7ff78 100%);
	background:linear-gradient(to bottom, #4d7000 5%, #d7ff78 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d7000', endColorstr='#d7ff78',GradientType=0);
	background-color:#4d7000;
}
.myButtong:active {
	position:relative;
	top:1px;
}

/* ------------------------- RG ----------------------- */
.myButtonrg {
	-moz-box-shadow: 2px 2px 11px 0px #fce2c1;
	-webkit-box-shadow: 2px 2px 11px 0px #fce2c1;
	box-shadow: 2px 2px 11px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #945202));
	background:-moz-linear-gradient(top, #ffc477 5%, #945202 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #945202 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #945202 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #945202 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #945202 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#945202',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #faca78;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButtonrg:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #945202), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #945202 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #945202 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #945202 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #945202 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #945202 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#945202', endColorstr='#ffc477',GradientType=0);
	background-color:#945202;
}
.myButtonrg:active {
	position:relative;
	top:1px;
}

/* ------------------------- RB ----------------------- */
.myButtonrb {
	-moz-box-shadow: 2px 2px 11px 0px #e184f3;
	-webkit-box-shadow: 2px 2px 11px 0px #e184f3;
	box-shadow: 2px 2px 11px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e780fc), color-stop(1, #6f0085));
	background:-moz-linear-gradient(top, #e780fc 5%, #6f0085 100%);
	background:-webkit-linear-gradient(top, #e780fc 5%, #6f0085 100%);
	background:-o-linear-gradient(top, #e780fc 5%, #6f0085 100%);
	background:-ms-linear-gradient(top, #e780fc 5%, #6f0085 100%);
	background:linear-gradient(to bottom, #e780fc 5%, #6f0085 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e780fc', endColorstr='#6f0085',GradientType=0);
	background-color:#e780fc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e36efa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.myButtonrb:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6f0085), color-stop(1, #e780fc));
	background:-moz-linear-gradient(top, #6f0085 5%, #e780fc 100%);
	background:-webkit-linear-gradient(top, #6f0085 5%, #e780fc 100%);
	background:-o-linear-gradient(top, #6f0085 5%, #e780fc 100%);
	background:-ms-linear-gradient(top, #6f0085 5%, #e780fc 100%);
	background:linear-gradient(to bottom, #6f0085 5%, #e780fc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f0085', endColorstr='#e780fc',GradientType=0);
	background-color:#6f0085;
}
.myButtonrb:active {
	position:relative;
	top:1px;
}
/* https://www.bestcssbuttongenerator.com/#/19 */

#gradm {
background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0.27, #993825),	color-stop(0.6, #D93414),	color-stop(1, #FF6678));
background-image: -o-linear-gradient(bottom, #993825 27%, #D93414 60%, #FF6678 100%);
background-image: -moz-linear-gradient(bottom, #993825 27%, #D93414 60%, #FF6678 100%);
background-image: -webkit-linear-gradient(bottom, #993825 27%, #D93414 60%, #FF6678 100%);
background-image: -ms-linear-gradient(bottom, #993825 27%, #D93414 60%, #FF6678 100%);
background-image: linear-gradient(to bottom, #993825 27%, #D93414 60%, #FF6678 100%);
}

/* http://www.css3factory.com/linear-gradients/?utm_source=bypeople */

/*------------------------------------------- checkbox ------------------------------------------*/
div,
select {
  margin: 8px;
}

/* Labels for checked inputs */
input:checked + label {
  color: red;
}

/* Radio element, when checked 
input[type="radio"]:checked {
  box-shadow: 0 0 0 2px orange;
}
*/

/* Checkbox element, when checked */
input[type="checkbox"]:checked {
  box-shadow: 0 0 0 2px #FFFF17;
}

/* Option elements, when selected */
option:checked {
  box-shadow: 0 0 2 5px lime;
  color: red;
}

/*------------------------------------------- end of checkbox ------------------------------------------*/
/*-----------------form-------------------*/

    input[type=text] {
         border: 2px solid lightgrey; 
         height:25px; 
         padding: 2px 5px;
		 border-radius:2px;
		 font-size:12px
         /*box-shadow:2px 2px 10px #666666;*/
    }

    input[type=text]:focus {
         padding: 2px 5px;
         border: 2px solid lightgrey; 
		 border-radius:2px;
		 font-size:12px
    }

    input[type=password] {
         border: 2px solid lightgrey; 
         height:25px; 
         padding: 2px 5px;
		 border-radius:2px;
		 font-size:14px
         /*box-shadow:2px 2px 10px #666666;*/
    }
input[type=text]:disabled {
  background: #F0F0F0;
}

    input[type=password]:focus {
         padding: 2px 5px;
         border: 2px solid lightgrey; 
		 border-radius:2px;
		 font-size:12px
    }

    select {
        padding: 2px 5px;
         border: 2px solid white; 
        border-radius: 2px;
        background-color: Milk White;  
		 font-size:12px
    }
    select:focus {
        padding: 2px 5px;
         border: 2px solid orange; 
        border-radius: 2px;
        background-color: Milk White;  
		 font-size:12px
    }

	    textarea {
        width: 80%;
        height: 75%;
        padding: 2px 5px;
        box-sizing: border-box;
        border: 2px solid #ccc;
        border-radius: 2px;
        background-color: milk white;
        resize: none;  
		 font-size:14px
    }
	    textarea:focus {
        width: 80%;
        height: 75%;
        padding: 2px 5px;
        box-sizing: border-box;
         border: 2px solid lightgrey; 
        background-color: milk white;
        resize: none;  
		 font-size:14px
    }
	
/*-----------------end of form-------------------*/