p, h1, h2, h3, h4, h5, div, table, input, button, tr, td {font-family:arial;}
.button {
    border-style: solid;
    border-width: 3px;
    padding: 20px 25px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    width: 660px;
    max-width: 80%;
}

.light {
    color: #ffffff;
    background-image: linear-gradient(90deg, #3866a1 20%, #62ad96);
    border-color:#3866a1;
    transition: border-color 0.5s;
}

.button-gr {
    box-shadow: 0px 0px 10px;
    border-width:0px;
}

.light:hover {
    border-color:#62ad96;
    transition: border-color 0.5s;
}

.dis {
border-color:lightgrey;
color:lightgrey;
}
.alert {
padding: 20px;
display: inline-block;
margin:10px;
}
.alert strong{padding-right:5px;}
.alert span{cursor:pointer;}
.alert-success {
background: linear-gradient(to right, #00ff26, #3aff58, #00ff26 );
}
.alert-info {
background: linear-gradient(to right, #00bfff, #2dcaff, #00bfff );
}
.alert-primary {
background: linear-gradient(to right, #004b9b, #1d5a9b, #004b9b );
color:white;
}
.alert-danger {
background: linear-gradient(to right, #a83b3b, #a02020, #a83b3b );
color:white;
}
.txtbox {
    margin-top: 10px;
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid;
    border-radius: 5px;
}
.txtbox-wide {
    width: 90%;
}
.txtbox-primary {
    background-color: rgb(29, 90, 155);
    border-color: #002d82 !important;
    color:white;
}
.txtbox-success {
    background-color: #8eff9f;
    border-color: #15c430 !important;
}
.txtbox-info {
    background-color: #96e4ff;
    border-color: #38cbff !important;
}
.txtbox-danger {
    background-color: #ffa8a8;
    border-color: #ff6e6e !important;
}
.txtbox-dark {
    border-color: white !important;
    color: white;
}
.txtbox-light {
    border-color: #b7b7b7 !important;
    background-color: #efefef;
}
.input-small {
outline:none;
border-style:none;
padding: 6px 8px;
background-color: transparent;
transition: border-color 1s, background-color 0.5s, color 0.5s;
}
.input {
font-size:15px;
outline:none;
border-style:none;
padding: 10px 15px;
transition: border-color 1s, background-color 0.5s, color 0.5s;
margin-top: 10px;
width: 297px;
border-radius: 5px;
}
.input-dark {
    color:black;
    background-color:white;
}
.input-light {
    color: rgb(99, 99, 99);
    background-color:#e5e5e5
}
.input-dark::-webkit-input-placeholder {
    color: black;
}
.input-dark:focus::-webkit-input-placeholder {
    color: white;
}
.input-light::-webkit-input-placeholder {
    color: rgb(99, 99, 99);
}
.input:focus::-webkit-input-placeholder {
    transition: color 0.5s;
}
.input-small:focus::-webkit-input-placeholder {
    transition: color 0.5s;
}
.input-dark:focus {
    color: white;
    background-color: rgb(56, 56, 56);
}
.input:focus {
    transition: border-color 1s, background-color 0.5s, color 0.5s;
}
.input-small:focus {
    transition: border-color 1s, background-color 0.5s, color 0.5s;
}
.input-wide {width: 630px;}
.input-primary:focus {
    border-color: #004b9b;
}
.input-info:focus {
border-color:#00bfff;
}
.input-success:focus {
border-color:#00ff26;
}
.input-danger:focus {
border-color:#ff0000;
}
.button:hover {
cursor:pointer;
}
.highlight {
    display: inline-block;
    border-bottom: 2px solid #3838ff;
}
.tableFade {
width:100%;
padding:5px;
text-align:center;
}
.tableFade td, th {
border-radius:7px;
padding:10px;
}
.tableFade tr:nth-child(even) {
background: linear-gradient(to right, #556d91, #687fa3, #556d91 );
color:white;
}
.selectFade {
padding: 5px;
border-radius: 7px;
border: 2px solid black;
background-color: Transparent;
transition: background-color 0.5s;
cursor: pointer;
}
.selectFade:hover {
background-color: #687fa3;
transition: background-color 0.5s;
}
.selectFade option {
}
.slider {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.sliderdiv {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
webkit-transition: .4s;
transition: .4s;
border-radius: 10px;
}
.sliderdiv:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 30%;
}
.sliderdiv:hover {
background-color:#8de0e0;
}
.slider input:checked + .sliderdiv {
  background-color: #008282;
}
.slider input:checked + .sliderdiv:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.check input[type="checkbox"] {
display:none;
}
.check input[type="checkbox"] + label span {
display:inline-block;
width:25px;
height:25px;
margin:-1px 4px 0 0;
vertical-align:middle;
background-color:Transparent;
transition:background-color 1s;
cursor:pointer;
border: 2px solid #556d91;
border-radius:10px;
}
.check input[type="checkbox"]:checked + label span {
    background-color:#556d91;
transition:background-color 1s;
}
.progressFade {
height:30px;
width:50%;
background-color:#1c73ff;
border:1px solid Transparent;
padding:3px;
border-radius:10px;
}
.progressFade[value]::-webkit-progress-value {
background:linear-gradient(to right, #1c73ff, #1ccaff);
border-radius:5px;
}

.progressFade[value]::-webkit-progress-bar {
background-color:#1c73ff;
}