/*! * LABELAUTY jQuery Plugin Styles * * @file: jquery-labelauty.css * @author: Francisco Neves (@fntneves) * @site: www.francisconeves.com * @license: MIT License *//* Prevent text and blocks selection */
input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }

/* Hide original checkboxes. They are ugly! */
input.labelauty { display: none !important; }

/* * Let's style the input * Feel free to work with it as you wish! */
/*input.labelauty + label{font-size: 19px;padding: 10px;color: #F4F3F3;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
*/
.youce_style1 input.labelauty + label{/* display: table; */font-size: 29px;/* margin-left: 20px; */padding: 10px; /* background-color: #efefef; */color: #000;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;/* width: 340px; */}
.youce_style2 input.labelauty + label{/* display: table; */font-size: 30px;/* margin-left: 20px; */padding: 10px 50px 10px 10px;/* background-color: #efefef; */color: #000;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;/* width: 25%; *//* padding-left: 35px; */}
.youce_style3 input.labelauty + label{/* display: table; */font-size: 19px;/* margin-left: 20px; */padding: 10px 50px 10px 10px;/* background-color: #efefef; */color: #000;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
.youce_style4 input.labelauty + label{/* display: table; */font-size: 19px;/* margin-left: 20px; */padding: 10px 50px 10px 10px;/* background-color: #efefef; */color: #000;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
.youce_style5 input.labelauty + label{/* display: table; */font-size: 27px;/* margin-left: 20px; *//* padding: 10px 30px 10px 10px; *//* background-color: #efefef; */color: #000;cursor: pointer;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}


.youce_style1 li{ width: 300px; }
.youce_style2 li{ width: 160px; }
.youce_style3 li{ width: 133px; }
.youce_style4 li{ width: 133px; }
.youce_style5 li{ width: 220px; /* height: 20px; */}



/* Stylish text inside label */
input.labelauty + label > span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked{display: inline-block;line-height: 45px;vertical-align: bottom;text-align: left; margin-left:5px;}
/* Stylish icons inside label */
input.labelauty + label > span.labelauty-unchecked-image,input.labelauty + label > span.labelauty-checked-image{display: inline-block;width: 23px;height: 28px;vertical-align: 0px;background-repeat: no-repeat;background-position: left center;transition: background-image 0.5s linear;-moz-transition: background-image 0.5s linear;-webkit-transition: background-image 0.5s linear;-o-transition: background-image 0.5s linear;}
/* When there's a label, add a little margin to the left */

.youce_style1 input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked{border: 1px solid #CDCDCD; width: 250px;padding: 5px 15px;}
.youce_style1 input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{border: 1px solid #e16666; width: 250px; padding: 5px 15px;color:#e16666;}

.youce_style2 input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked{/* border: 1px solid #f3f1f1; *//* width: 150px; */}
.youce_style2 input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{/* border: 1px solid #e16666; *//* width: 150px; */color: #CD0909; margin-left:5px;}

.youce_style5 input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked{/* border: 1px solid #f3f1f1; */width: 170px; background-color: #ebe8e7;height: 40px;padding: 10px 20px;}
.youce_style5 input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{/* border: 1px solid #e16666; */width: 170px; background-color: #b4a9a1;height: 40px;padding: 10px 20px;}

/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover{/* background-color: #ebe8e7; */ /* color: #c5b39e; */ }
input.labelauty:not(:checked) + label > span.labelauty-checked-image{
    display: none;
}
input.labelauty:not(:checked) + label > span.labelauty-checked{display: none;}
/* When Checked */
input.labelauty:checked + label{/* background-color: #3498db; *//* color: #c5b39e; */}
input.labelauty:checked:not([disabled]) + label:hover{/*background-color: #72c5fd;*/}
input.labelauty:checked + label > span.labelauty-unchecked-image{display: none;}
input.labelauty:checked + label > span.labelauty-unchecked{display: none;}
input.labelauty:checked + label > span.labelauty-checked{display: inline-block;/* border: 1px solid #eb9a99; *//* padding: 0 30px; *//* text-align: center; */}
input.labelauty.no-label:checked + label > span.labelauty-checked{display: block;}
/* When Disabled */
input.labelauty[disabled] + label{opacity: 0.5;}
/* Add a background to (un)checked images */

.youce_style2 input.labelauty + label > span.labelauty-unchecked-image{background-image: url( ../bg/unselect.png);}
.youce_style2 input.labelauty + label > span.labelauty-checked-image{background-image: url( ../bg/select.png);}

.youce_style1 input.labelauty + label > span.labelauty-unchecked-image{background-image: url( ../bg/unselect.png);display: none;}
.youce_style1 input.labelauty + label > span.labelauty-checked-image{background-image: url( ../bg/select.png);display: none;}


.youce_style3 input.labelauty + label > span.labelauty-unchecked-image{background-image: url( ../bg/unselect.png);display: none;}
.youce_style3 input.labelauty + label > span.labelauty-checked-image{background-image: url( ../bg/select.png);display: none;}
