/* radio checkbox */
    .checkbox-cnt {
        min-height:25px;
        display: inline-block;
        position: relative;
        padding-top:5px;
        padding-left:35px;
        margin-right:15px;
        cursor:pointer;
    }    
    .checkbox-cnt input {
        position:absolute;
        top:0; left:0;
        width:25px;
        height:25px;
        z-index: 2;
        cursor:pointer;
        padding:0;
        margin:0;
        opacity: 0;
    }
    .checkbox-cnt input ~ span {
        /* label */
        font-weight:300;
        font-size:0.9em;
    }
    .checkbox-cnt .state {
        vertical-align: top;
        border:1px solid #CBD5DD;
        background: #FAFAFA;
        border-radius:2px;
        width:25px;
        height:25px;
        z-index: 1;
        position:absolute;
        top:0;
        left:0;
        display: inline-block;
        box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
    }
    .checkbox-cnt input[type=radio] + .state {
        border-radius:50%;
    }
    .checkbox-cnt .state:before {
        width:7px;
        height:3px;
        display: block;
        content:'';
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform: rotate(45deg);
        transform:rotate(45deg);
        -webkit-transition: 0.3s background;
        -moz-transition: 0.3s background;
        -o-transition: 0.3s background;
        -ms-transition: 0.3s background;
        transition: 0.3s background;
        position: absolute;
        top:13px;
        left:6px;
    }
    .checkbox-cnt .state:after {
        width:10px;
        height:3px;
        display: block;
        content:'';
        -moz-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transition: 0.3s background;
        -moz-transition: 0.3s background;
        -o-transition: 0.3s background;
        -ms-transition: 0.3s background;
        transition: 0.3s background;
        position: absolute;
        top:12px;
        left:9px;
    }
    .checkbox-cnt .state:before,
    .checkbox-cnt .state:after {
        background: #eee;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }
    .checkbox-cnt input:checked + .state {

    }
    .checkbox-cnt input:checked + .state:before,
    .checkbox-cnt input:checked + .state:after {
        background:#71b100;
    }
    .checkbox-cnt input:disabled + .state {
        background: #eee;
        box-shadow:none;
        border:1px solid #ddd;
    }
    .checkbox-cnt input:disabled ~ span {
        cursor:not-allowed !important;
    }