.w3-theme-l5 {color:#000 !important; background-color:#f2f9fe !important}
.w3-theme-l4 {color:#000 !important; background-color:#d2eafd !important}
.w3-theme-l3 {color:#000 !important; background-color:#a6d4fa !important}
.w3-theme-l2 {color:#000 !important; background-color:#79bff8 !important}
.w3-theme-l1 {color:#fff !important; background-color:#4daaf6 !important}
.w3-theme-d1 {color:#fff !important; background-color:#0c87eb !important}
.w3-theme-d2 {color:#fff !important; background-color:#0b78d1 !important}
.w3-theme-d3 {color:#fff !important; background-color:#0a69b7 !important}
.w3-theme-d4 {color:#fff !important; background-color:#085a9d !important}
.w3-theme-d5 {color:#fff !important; background-color:#074b83 !important}

.w3-theme-light {color:#000 !important; background-color:#e9fffd !important}
.w3-theme-dark {color:#fff !important; background-color:#004a43 !important}
.w3-theme-action {color:#fff !important; background-color:#004a43 !important}

.w3-theme {
	color:#fff !important; 
/* 	background-color:#009688 !important; */
	background:linear-gradient(to right, rgba(8,90,157,1), rgba(8,90,157,0));
	}
.w3-text-theme {color:#085a9d !important}
.w3-border-theme {border-color:#085a9d !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#085a9d !important}
.w3-hover-text-theme:hover {color:#085a9d !important}
.w3-hover-border-theme:hover {border-color:#085a9d !important}
.cra-loginbtn {
    background-color: #085a9d;
    /* border: none; */
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: 2px solid grey;
    border-radius: 15px;    
/*     margin: 4px 2px; */
/*     cursor: pointer; */
/*color:#555;*/
}

/*On/Off Checkbox */

.checkbox > input[type=checkbox] {
    visibility: hidden;
}

.checkbox {
   position: relative;
   display: block;
   width: 80px;
   height: 26px;
   margin: 0 auto;
   background: #FFF;
   border: 1px solid #2E2E2E;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}

.checkbox:after {
   position: absolute;
   display: inline;
   right: 10px;
   content: 'X';
   color: #E53935;
   font: 12px/26px Arial, sans-serif;
   font-weight: bold;
   text-transform: capitalize;
   z-index: 0;
}

.checkbox:before {
   position: absolute;
   display: inline;
   left: 10px;
   content: '\2713'; /*check mark*/
   color: #43A047;
   font: 14px/26px Arial, sans-serif;
   font-weight: bold;
   text-transform: capitalize;
   z-index: 0;
}

.checkbox label {
   position: absolute;
   display: block;
   top: 3px;
   left: 3px;
   width: 34px;
   height: 20px;
   background: #7f7f7f;
   cursor: pointer;
   transition: all 0.5s linear;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   z-index: 1;
}

.checkbox input[type=checkbox]:checked + label {
   left: 43px;
}