/* Customize Radio Buttons */
   .radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.radio {
    position: relative;
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}.radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 10px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
font-size: 14px;
}.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}.radio-info input[type="radio"] + label::after {
    background-color: #40ABCB;
}.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 4px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

/* First Radio Button of Role and Status*/
.niceRadio:first-child label:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #D1D3D4 !important;
    border-bottom-left-radius: 5px;
}


/* Last Radio Button of Role */
.niceRadio:nth-child(5) label:first-of-type, .niceRadio:nth-child(8) label:first-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}


/* Last Radio Button of Status*/
.niceRadioCollector.status .niceRadio:nth-child(3) label:first-of-type{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}






/* Nice Radio Start */
.niceRadio {
   float:left;
}

.niceRadio label {
      width: 95px;
    border: 1px solid #D1D3D4;    
background: rgba(64, 171, 203, 0.13);
    border-right-color: silver;
}

/* hide input */
.niceRadio{
   font-size: 15px;
}
.niceRadio input.radio:empty {
   margin-left: -999px;
}

/* style label */
.niceRadio input.radio:empty ~ label {
       position: relative;
    float: left;
    line-height: 2.4em;
    text-align: center;
    margin-top: 0em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(50, 66, 84);    
    border-left: 0px;
    font-size: 14px;
}

*/
input.radio:empty ~ label:before {
       position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #E7E8E8;
}
*/

/* toggle hover */

/*
input.radio:hover:not(:checked) ~ label:before {
   content:'\2714';
   text-indent: .9em;
   color: rgba(152, 119, 135, 0.72);        
}
*/

/* input.radio:active:not(:checked) ~ label:before {
   background: #399FBD !important;
        color: white;        
}
*/


        
        
/*
input.radio:focus:not(:checked) ~ label:before {
}*/

input.radio:hover:not(:checked) ~ label {
   color: #888;        
}

input.radio:active:not(:checked) ~ label {
   background: #399FBD !important;
        color: white;        
}



      
/* toggle on */
/*
.niceRadioCollector input.radio:checked ~ label:before {
   content:'\2714';
   text-indent: .9em;
   color: #fff;
   background-color: #40ABCB;
}
*/

input.radio:checked ~ label {
   border: 1px solid #40ABCB;
    color: #FFFFFF !important;
    background: #40ABCB !important;
}

/* radio focus */
input.radio:active ~ label:before {     
}

/*
.niceRadioCollector input.radio ~ label:before {
            content: '\2714';
    text-indent: .9em;
    color: rgba(152, 119, 135, 0.48);
}
*/

/* Nice Radio End*/


/* Model Starts */
.groupModal{
    padding-right: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.61);
}

.groupModal .modal-dialog{
-webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0,-25%,0);
    -o-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
    width: 350px;
    margin: 30px auto;
    position: relative;
    top: 150px;
}

.groupModal .modal-content
{
box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.groupModal .modal-header{
min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.groupModal .modal-header h3{
    margin: 0;
    line-height: 1.42857143;
}

.groupModal .modal-body{
   position: relative;
    padding: 15px;
 }
 
 
.groupModal .modal-footer{
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

.groupModal input[type="text"]{
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #D4C9C9;
    width: 94.5%;
    background: #fff;
}

.modal-footer .btn-primary{
border: 1px solid #9A9A9A !important;
    min-width: 75px;
    padding: 7px;
        background: #35a5c6 !important;
            min-width: 75px !important;
    padding: 7px !important;
    color: #fff;
    border-radius: 3px;
}

.modal-footer .btn-warning{
border: 1px solid #9A9A9A !important;
    min-width: 75px;
    padding: 7px;
            min-width: 75px !important;
    padding: 7px !important;
    border-radius: 3px !important;
}

.groupModal textarea{

width: 94.5%; border-radius: 5px; margin-top: 11px; padding: 8px; margin-bottom: 0px; height: 68px;
}

/* Model Ends */