:root{
    --colTemp:#CCC;
    --indigo:#6610f2;
    --cyan:#17a2b8;
    --dark:#343a40;
    --fcForm:#495057;
    --fontBody2:"Source Sans Pro",Roboto,"Helvecita Neue",Arial;
    --fontBody:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    --colBody:#333;
    --cDanger:#dc3545;
    --cInfo:#17a2b9;
    --blue:#398bf7;
    --cWarning:#ffc101;
    --cSuccess:#28a745;
    --cBSend:#007bff;
    --cBDark:#343a40;
    --wix2:calc(50% - .125rem);
    --wix3:calc(33.3333% - .125rem);
    --wix3_1:calc(66.6666% - .125rem);
    --wix4:calc(25% - .125rem);
    --wix4_1:calc(75% - .125rem);
    --wix5:calc(20% - .125rem);
    --wix5_1:calc(80% - .125rem);
    --wix6:calc(100% / 6 - .125rem);
    --wix6_1:calc(100% / 6 * 5  - .125rem);
    --wix7:calc(100% / 7 - .125rem);
    --wix7_1:calc(100% / 7 * 6 - .125rem);
    --wix8:calc(100% / 8 - .125rem);
    --wix8_1:calc(100% / 8 * 7  - .125rem);
    --wix9:calc(100% / 9 - .125rem);
    --wix9_1:calc(100% / 9 * 8  - .125rem);
    --wix10:calc(100% / 10 - .125rem);
    --wix10_1:calc(100% / 10 *  -0.125rem);
}
.bf-n1{ color:#FFF; background-color:#16aaff; }
.bf-n2{ color:#FFF; background-color:#3ac47d; }
.bf-n3{ color:#FFF; background-color:#f7b924; }
.bf-n4{ color:#FFF; background-color:#da624a; }
.bf-danger {color:#FFF; background-color:var(--cDanger) !important; }
.bf-success {color:#FFF; background-color:var(--cSuccess) !important; }
.bf-warning {color:#FFF; background-color:var(--cWarning) !important; }
.bf-info{ color:#FFF; background-color:var(--cInfo); }
.fc-danger{ color:var(--cDanger); }
.fc-blue{ color:var(--blue); }
.fc-danger{ color:var(--cDanger); }
.fc-green{ color:var(--cSuccess); }

/* input_resp */
.input_ok, .input_error, .input_warning,.input_info {
    position:relative; padding:.75rem 1.25rem; margin-bottom: 1rem; border:1px solid transparent; border-radius:.25rem;
}
.input_ok { background-color:var(--cSuccess) !important; color:#000; }
.input_error { background-color:var(--cDanger) !important; color:#FFF !important; }
.input_warning { background-color:var(--cWarning) !important; color:#000; }
.input_info {background-color:var(--cInfo) !important; color:#FFF;}

.badge{ padding:.25rem .4rem; min-width:19px; display:inline-block; line-height:1; text-align:center; white-space:nowrap; vertical-align: baseline; border-radius:.25rem; font-size:80% !important; margin-right:.25rem; border:1px solid #CCC;  }
/* others */
.dot{
    visibility:visible; animation:cd-bounce-1 .8s; position:absolute; left:6px; top:2px; height:16px; width:16px; border-radius:20px; background:var(--blue);
}
.dot:after{
    content:''; position:absolute; background:#FFF; left:50%; top:50%; margin:-4px 0 0 -4px; display:block; width:8px;  height:8px; border-radius:20px;
}
/* btns */
.btnB { font-weight: 400; text-align:center; vertical-align:middle; border:1px solid transparent; padding:.375rem .375rem; border-radius:.25rem; cursor:pointer;margin-right:3px; }
.btn-drop{ color:#FFF; background-color:var(--cBDark); }
.btn-actived{ opacity:.6; }
.btn-add { font-size:16px; line-height:1.5; border-radius:4px; background-color:var(--blue) !important; color:#FFF !important; font-weight: bold; cursor:pointer; border:1px solid transparent; }

.toggle-dropdown, .toggle-dropright{ cursor:pointer; }
.toggle-dropdown:after, .toggle-dropright:after{ vertical-align:-0.2em; content:"";
    display:inline-block; margin-left:.255em; border:.3em solid transparent; border-top:.3em solid;
}
.toggle-dropright:after{ vertical-align:0;
    border: .3em solid transparent;
}
.faBtn{ border:none; background:none; cursor:pointer; }
.faBtnCt { padding:0.5rem; border:1px solid #CCC; border-radius:.25rem; }
.faBtnCt:hover { background-color:#EEE !important; }

input[type=button]:disabled, button:disabled{ cursor:not-allowed; }
.btns{ margin-right:5px; font-weight:500; }
.btns,
.btns-submit, .ui_button, input[type=submit] {
    font-weight: 400; text-align:center; vertical-align:middle; border:1px solid transparent; padding:.375rem .75rem; border-radius:.4px; background-color:var(--cBSend); color:#FFF; cursor:pointer;
}
.btns-submit:disabled, .ui_button:disabled{ cursor:not-allowed; background-color:#e6e6e6;}
.btns-reset{ background-color:#e3aa75; }
.ui_button_reset, input[type=reset] { cursor:pointer; padding:0.3125rem 12px;
    background:#ce4b27; color:#FFF !important; font-weight:700;
}
.dropdown{ background-image:none; }
.dropdown-toggle:after{ position:relative; display:inline-block; top:1px; opacity:.8; margin-left:5px; vertical-align:.255rem; content:""; border-top: .3rem solid; border-right:.3rem solid transparent; border-bottom:0; border-left:.3rem solid transparent; }

.tareamulti{ min-height:100px; }