
/*color*/
.primary{ color: #36bde7!important; }
.orange{ color: #ffb502!important; }
.tangerine{ color: #ff6102!important; }
.red, .danger{ color: #f40505!important; }
.green,.success{ color: #39cc6a!important; }
.grey{ color: #eaeaea!important; }

/*alert*/
.alert-danger{ background-color: #ffeded;   border-color: #fcc;color: #e62412;}
.alert-info{ color: #3784de;background-color: #e3f1ff;border-color: #c6e3ff;}
.alert-warning { 
    /* color: #e4a20d; background-color: #fcf8e3; border-color: #f5edc4; */
    color: #856200;background-color: #fff2cc;border-color: #ffecb8;
 }

/* badge */
.badge.badge-danger{background: #f44336;color: #fff;}
.badge.badge-orange{ background: #ff8f00;color: #fff; }
.badge.badge-yellow{ background: #f3cc00;color: #fff;}
.badge.badge-primary{ background: #28c0f5;color: #fff; }
.badge.badge-purple{ background: #b684ec;color: #fff;}
.badge.badge-success{ background: #59d282;color: #fff; }
.badge.badge-greyblue{ background: #8ab2ef;color: #fff;}


/* text */
.text-primary{ color: #28c0f5; }
a.text-primary:focus, a.text-primary:hover { color: #00a8e2; }
.text-danger{ color: #fe5957; }
a.text-danger:focus, a.text-danger:hover { color: #ff0805; }
.text-orange{ color: #ff8f00;}
.text-purple{ color: #b684ec;}
.text-success{ color: #59d282;}
.text-grey   { color: #b8ccda;}



.label-default, .label-primary, .label-danger, .label-success, .label-warning, .label-purple, .label-yellow, .label-default-line, .label-primary-line, .label-danger-line, .label-success-line, .label-warning-line, .label-yellow-line, .label-purple-line, .label-default-light, .label-primary-light, .label-danger-light, .label-success-light, .label-warning-light, .label-purple-light, .label-defaultbl-light{
    font-size: 1.3rem;
    padding: .2rem .8rem .3rem;
}
.label.highlight{
    padding: .2rem .3rem .3rem;
}

/* .label */
.label-default{ background: #f3f3f3;color: #5f5f5f;border-color: #f3f3f3;
    /* background: #f5fbff;color: #124b5f;border-color: #f5fbff; */ }
.label-primary, .btn-primary{ background: #28c0f5;color: #fff;border-color: #28c0f5;}
.label-danger, .btn-danger { /*background: #fe5957; */ background: #f33f3c;color: #fff;border-color: #fe5957;}
.label-success, .btn-success{ background: #59d282;color: #fff;border-color: #59d282;}
.label-warning{ background: #ff8f00;color: #fff;border-color: #ff8f00;}
.label-purple{ background: #b684ec;color: #fff;border-color: #b684ec;}
.label-yellow{ background: #f3cc00;color: #fff;border-color: #f3cc00;}

.label-default-line{ background: transparent;color: #124b5f;border-color: #adbec3;}
.label-primary-line, .btn-primary-line{ background: transparent; color: #28c0f5; border-color: #7cd6f5;}
.label-danger-line { background: transparent; color: #fe5957; border-color: #fe5957;}
.label-success-line{ background: transparent; color: #59d282; border-color: #59d282;}
.label-warning-line{ background: transparent; color: #ff8f00; border-color: #ff8f00;}
.label-yellow-line{ background: transparent; color: #f3cc00; border-color: #f3cc00;}
.label-purple-line{ background: transparent;color: #b684ec;border-color: #b684ec;}

/* .label-warning-light{ background: #fffee5; color: #5f5212; border-color: #fffee5; } */
.label-primary-light{
    background-color: #f2fafd;
    color: #28c0f5;
    border-color: #f2fafd;
    /* background: #f5fbff;color: #124b5f;border-color: #f5fbff; */
}
.label-purple-light{ background: #e5efff;color: #0062ff;border-color: #e5efff;}
.label-default-light{ background: #f5f5f5; color: #666; border-color: #f5f5f5;}
.label-success-light{ background: #e9fff0; color: #59d282; border-color: #e9fff0;}
.label-danger-light{ background: #ffeded; color: #f33f3c; border-color: #ffeded;}
.label-warning-light{ background: #fff9ed; color: #ffb100; border-color: #fff9ed;}
.label-defaultbl-light{ background: #eef3fc; color: #6c7a98; border-color: #eef3fc;}

/*btn*/
.btn-primary{ background: #36bde7;color: #fff;border-color: #36bde7;}

.btn-primary:hover{color: #fff;background-color: #54caef;border-color: #54caef;}

.btn-primary.active, .btn-primary:active, 
.open>.dropdown-toggle.btn-primary, 
.btn-primary:focus, .btn-primary.focus,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover{ background: #0fadde;color: #fff;border-color: #0fadde; }

.btn-primary[disabled], 
.btn-primary[disabled]:hover{background-color: #b5b5b5;color: #ffffff;border-color: #b5b5b5; }

.btn-default{ color: #666; background-color: #fff; border-color: #e0e0e0; }
.btn-default:hover { color: #666; background-color: #f6f6f6; border-color: #e0e0e0; }

.btn-default.active.focus, .btn-default.active:focus, 
.btn-default.active:hover, .btn-default:active.focus, 
.btn-default:active:focus, .btn-default:active:hover, 
.open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover,
.btn-default.focus, .btn-default:focus { color: #333; background-color: #f6f6f6; border-color: #e0e0e0; }

.btn-danger:hover {
    color: #fff;
    background-color: #ef5452;
    border-color: #ef5452;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ef5452;
    border-color: #ef5452;
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #449d44;
}
.btn-success:hover, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #53c57a;
    border-color: #53c57a;
}
.btn-primary-line:hover { background: #28c0f5; color: white; }

/* btn-primary-light */
.btn-primary-light{ background-color: #edf6ff;color: #36bde7; }
.btn-primary-light:hover{ background-color: #edf6ff;color: #36bde7; }
.btn-primary-light.focus, .btn-primary-light:focus, .btn-primary-light:hover{color: #36bde7; }

/* btn-primary-line */
.btn-primary-line{ background:none;color: #36bde7;border-color: #36bde7; }
.btn-primary-line.focus, .btn-primary-line:focus, .btn-primary-line:hover{background:none;color: #47cdfb;border-color: #47cdfb;}


.btn-darkblue{ color: #fff;background-color: #032e61;border-color: #032e61; }
.btn-indigoblue{ color: #fff;background-color: #094e91;border-color: #094e91; }
.btn-darkblue:hover,.btn-darkblue:focus{ color: #fff;background: #003a80;border-color:#003a80;}
.btn-indigoblue:hover{ color: #fff;background: #0c5cab;border-color:#0c5cab;}

/* .board */
/*Grey color*/
.board-grey::before { background-color: #c5c5c5;}
/*Light Grey color*/
.board-lightgrey::before { background-color: #e5e5e5;}
/*Yellow color*/
.board-yellow::before { background-color: #ffda20;}
/*Orange color*/
.board-warning::before { background-color: #ff8f00;}
/*Red color*/
.board-danger::before { background-color: #fe5957;}

.board-purple::before { background-color: #b684ec;}
.board-primary::before { background-color: #28c0f5;}
.board-lightsuc::before { background-color: #93ef64;}

.board-success::before, 
.board-suc-warning::before, 
.board-suc-danger::before{ background-color: #59d282;}

/* .board-suc-warning:after, .board-suc-danger:after{
    content: "";
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 0.4rem;
    width: .4rem;
} */
.board-suc-warning:after{
    background: #ff8f00;
}
.board-suc-danger:after{
    background: #fe5957;
}

/* .point */
label.point-primary:before{ background-color: #28c0f5;}
label.point-danger:before { background-color: #fe5957;}
label.point-success:before{ background-color: #59d282;}
label.point-warning:before{ background-color: #ff8f00;}
label.point-purple:before { background-color: #b684ec;}
label.point-purple:before { background-color: #b8ccda;}

/* progress_bar */
.progress-warning .progress_bar{ background-color: #ff8f00;}
.progress-success .progress_bar{ background-color: #59d282;}
.progress-danger .progress_bar{ background-color: #ff1200;}

/* .avatar */
.avatar0,
.avatarA, .avatarK, .avatarU{ background-color: #83dfff; }
.avatar1,
.avatarB, .avatarL, .avatarV{ background-color: #ffaaaa; }
.avatar2,
.avatarC, .avatarM, .avatarW{ background-color: #ffcc97; }
.avatar3,
.avatarD, .avatarN, .avatarX{ background-color: #fde282; }
.avatar4,
.avatarE, .avatarO, .avatarY{ background-color: #99f1a0; }
.avatar5,
.avatarF, .avatarP, .avatarZ{ background-color: #99ead8; }
.avatar6,
.avatarG, .avatarQ{ background-color: #99d1f1; }
.avatar7,
.avatarH, .avatarR{ background-color: #c1d3fd; }
.avatar8,
.avatarI, .avatarS{ background-color: #eacffb; }
.avatar9,
.avatarJ, .avatarT{ background-color: #ffd3ed; }

/* table */
.table .weekday{ color: #25588B; background-color: #D7E7FF; }
.table .weekend{ color: #25588B; background-color: #FFD0D0; }
.table .activation{ background-color: #FFFF99; }
.table .total{ background-color: #e2f5ff; }
.table .self{ background-color: #F0F5FB; }

/* highlight */
.highlight{
    color: #ffb100!important;
    font-weight: 600;
}
.label.highlight{
    background: #fff9ed!important;
    border-color: #fff9ed!important;
}