.input {
    height: 30px;
    box-shadow: none;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    color: #27252a;
    width: 160px;
    border-radius: 3px;
    text-indent: 5px;
    margin: 2px 20px 2px 0;
    background: #fff;
    outline: none;
}

.button2 {
    height: 30px;
    box-shadow: none;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    color: #e0ddd8;
    background: #fff;
    margin: 12px 2px 2px 0;
    border-radius: 3px;
    outline: none;
}

.buttons { display: flex; justify-content: center; margin: -20px 0 0 0; }
.button { font-size: 15px; color: #fff; background-color: #7595a5; border-color: #7595a5; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 3px solid transparent; padding: 10px 25px; border-radius: 3px; margin: 0 10px 0 0; background-color: #af2944; border-color: #af2944; }
.jplist-selected { 
    background-color: #6fbfe2;
    color: #165575;
    border: 3px solid #23739c; }


.float-left {
    float: left;
}

.pagin { 
    margin: 2px 10px 2px 0 !important;
    padding: 3px 10px;
    border-radius: 0px !important;
    background: !important;
}

.rad { 
    margin: 0 15px 0 0 !important;
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    color: white;
}

.rad1 {
    background-color: #b02a48;
    border: 1px solid #d2839a!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 12px;
    width: 12px;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    outline: none;
}

.rad1:checked, .form-checkbox:checked {
    background-color: #ffffff;
    border: 1px solid #ffffff!important;
}

.name {
    font-weight: 800;
    font-size: 20px;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: x-large;
    margin: 0 5px 0 0;
    background-color: #c3e1f0;
    padding: 10px 17px;
    border-radius: 30px;
    border: 3px solid #56a2c9;
    color: #066fa9;
}


/* mobile ************ */

@media screen and (max-width: 767px)
{
   
.rad {
    margin: 0 15px 0 0 !important;
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    color: white;
}
.rad1:checked, .form-checkbox:checked {
    background-color: #ffffff;
    border: 1px solid #ffffff!important;
}
.rad1 {
    background-color: #51626b;
    border: 1px solid #8798a0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 12px;
    width: 12px;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    outline: none;
}
.button {
    height: 30px;
    box-shadow: none;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #8898a0;
    color: #fff;
    background: #51626b;
    margin: 0px 20px 2px -26px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
    outline: none;
}
    
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: unset;
    margin: 0 5px 0 0;
    background-color: #c3e1f0;
    padding: 10px 17px;
    border-radius: 30px;
    border: 3px solid #56a2c9;
    color: #066fa9;
    /* display: block; */
    margin-bottom: 10px;
    text-align: left;
    text-align: center;
}
.input {
    width: 180px;
    border-radius: 0;
}
.buttons {
    display: none;
}
.jplist-holder {
    margin: 0 7%;
}

}