
.radios{
    margin-top: 5px;
}

.radios label {
	cursor: pointer;
	position: relative;
}

.radios label + label {
    margin-left: -4px;
    margin-top: 6px;
}

input[type="radio"] {
	opacity: 0; /* hidden but still tabable */
	position: absolute;
}

input[type="radio"] + span {
	/*font-family: 'Material Icons';*/
	color: #B3CEFB;
	/*border-radius: 5px;*/
	padding: 8px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
    border: 1px solid;
}

input[type="radio"]:checked + span {
	color: #D9E7FD;
  background-color: #6a7a8c;
}

input[type="radio"] + span:hover{
    border-color: #a6b7cb;
    background: #a6b7cb;
    color: #fff;
}

.color1 input[type="radio"]:checked + span{
	color: #fff;
    background-color: #5ac146!important;
    border-color: #5ac146;
}

.color1 input[type="radio"] + span:hover{
	color: #fff;
    background-color: rgba(90, 193, 70, 0.71);
    border-color: rgba(90, 193, 70, 0.71);
}

.color2 input[type="radio"]:checked + span{
	color: #fff;
    background-color: #fdaa40 !important;
    border-color: #fdaa40;
}

.color2 input[type="radio"] + span:hover{
	color: #fff;
   background-color: rgba(253, 170, 64, 0.71);
    border-color: rgba(253, 170, 64, 0.71);
}

.color3 input[type="radio"]:checked + span{
	color: #fff;
    background-color: #fa5737 !important;
    border-color: #fa5737;
}

.color3 input[type="radio"] + span:hover{
	color: #fff;
    background-color: rgba(250, 87, 55, 0.71);
    border-color: rgba(250, 87, 55, 0.71);
}

.color4 input[type="radio"]:checked + span{
	color: #fff;
    background-color: #6a7a8c !important;
    border-color: #6a7a8c;
}

input[type="radio"]:focus + span {
	color: #fff;
}

.rleft{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rright{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 0px!important;
}

.rright_first{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rnone{
        /*border-left: 0px!important;*/
}

.radios .locked{
    display: none;
    background-color: #aaaaaa !important;
    border-color: #aaaaaa;
    color: #fff;
}

/*.radios .locked:hover{*/
    /*background-color: #aaaaaa !important;*/
    /*border-color: #aaaaaa;*/
    /*color: #fff;*/
/*}*/
/* ================ TOOLTIPS ================= */

.select_check {
    color: #fff;
    background-color: #6a7a8c !important;
}