a{
    color: black;
}

#err{
    position: fixed; 
    z-index: 5500; 
    right: 15px; 
    bottom: 15px; 
    display: none;
}

.noborder{
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.alertrow{
    background: #ff6083 !important;
}

.okrow{
    background: #aecb00 !important;
}

.btn{
    background: #f5f5f5;
}

.btn-success{
    background: #60b452;
}
.btn-danger{
    background: #ea1c65;
}
.btn-primary{
    background: #1866db;
}

.dis_box{
    background: black;
}

.sts1{
    padding: 10px;
    background: rgba(110,183,23,0.8); 
    color: black;
}
.sts0{
    padding: 10px;
    color: white;
    background: rgba(0,0,0,0.9); 
}

.pagination{
    margin: 2px 0;
}

.errp{
    margin: 0px;
    font-size: 14px;
}


#footer{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 3000;
}

.hiddenbox{
    width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; z-index: 1000; opacity: 0.4;
}
.deactive{
    background: #f7f7f7;
}

.login_footer{
    background: white;
    padding: 10px;
    font-size: 11px;
}

.main_footer{
    background: #0060b3;
    color: white;
    font-size: 11px;
    padding: 10px;
}

header{
    background: #abca3d;
}

.navbar{
    margin-bottom: 0px;
}
.nav li a:hover{
    background: white;
}

h1{
    font-size: 22px;
    margin: 0px;
}
h4{
    margin: 0px;
    font-size: 16px;
    padding: 0px;
}


.table-box .headerdiv{
    padding: 4px;
    background: #6b6b6b;
    color: white;
    font-size: 12px;
}

.cells{
    padding: 4px 4px;
    font-size: 12px;
}
.datarow{
    border-bottom: 2px solid #ffffff;
    -webkit-transition : border 400ms ease-out;
    -moz-transition : border 400ms ease-out;
    -o-transition : border 400ms ease-out;
    transition : border 400ms ease-out;
}

.datarow:nth-child(odd){
    background: #eeeeee;
    border-bottom: 2px solid #eeeeee;
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    transition : border 500ms ease-out;
}

.datarow:hover{
    cursor: pointer;
    border-bottom: 2px solid #73a72f !important;

}

.inputsearch{
    padding:10px 0;
}

.form-group{
    margin-bottom: 5px;
}

.pname h1{
    padding: 10px 0;
    font-size: 28px;
}
.pname h4{
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 8px;
}

.box{
    padding: 5px;

}
.bordered{
    border: 1px solid #ebebeb;
}
.box h2{
    margin: 5px 0px;
    font-size: 16px;
}
.manbox{
    position: relative;
    border: 1px solid #ebebeb;
}
.man{
    position: relative;
    height: 400px;
    background: url('../images/man.png') no-repeat center top;
    background-size: contain;
}

.manbox h2{
    font-size: 14px;
    margin: 10px 0px;
    text-align: center;
}

.pains{
    position: absolute;
    width: 15px;
    height: 15px;
    background: #065db5;
    border-radius: 50%;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: bold;
}
.neck{

    top: 10%;
    left: 47%;
}

.hand{

    top: 30%;
    left: 29%;
}


#score{
    position: absolute;
    width: 300px;
    top: 100px;
    display: none;
    left: 100px;
    background: white;
    z-index: 6000;
    border: 1px solid #e9e9e9;
    padding: 10px;
}

#closescore{
    position: absolute;
    top: 5px;
    right: 5px;
}

#vasscore{
    position: absolute;
    width: 300px;
    top: 100px;
    display: none;
    left: 100px;
    background: white;
    z-index: 1000;
}

#vasscore #slider_vas{
    margin-top: 1px;
    margin-bottom: 1px;
}


#slider_vas{
    background: green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,green,yellow, red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,green,yellow, red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,green,yellow, red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,green,yellow, red); /* Standard syntax */
}

#score #slider{
    margin-top: 1px;
    margin-bottom: 1px;
}

.sellected{
    background: #ABCA3D;
}

.sellected0{
    background: #ABCA3D;
}
.sellected1{
    background: #65b200;
}
.sellected2{
    background: #bbdd02;
}
.sellected3{
    background: #ffff00;
}
.sellected4{
    background: #fca600;
}
.sellected5{
    background: #f91503;
}

#custom-handle-2 {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.grad {
    background: green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,green,yellow, red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,green,yellow, red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,green,yellow, red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,green,yellow, red); /* Standard syntax */
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #055bb3;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.form{
    padding: 0px 10px;
}

.form h2{
    font-size: 16px;
    margin: 10px 0;
}

.tab-pane{
    padding-top: 10px;
    padding-bottom: 10px;
}

.cus-form{
    border: none;
    background: none;
    display: block;
    width: 100%;
    padding: 8px;
    text-align: center;
}

.form .cells{
    border: 1px solid #bebebe;
    padding: 0px;
    border-bottom: none;
    border-left: none;
}

.headercells{
    padding: 8px !important;
}


.form .row:last-child{
    border-bottom: 1px solid #bebebe;
}
.row .cells:first-child{
    border-left:1px solid #bebebe;
}


#notes{
    width: 100%;
    display: block;
    height: 380px;
    overflow-y: auto;
    background: transparent;
    border: transparent;
    resize: none;
}



.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: red;
    font-weight: bold;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}