.btn_main {

    background-color: #000000;

    border: 1px solid #000000;

    color: #fff;

}



.btn_main:hover,

.btn_main:focus {

    background-color: #3b3b3b;

    border: 1px solid #3b3b3b;

    outline: none;

    color: #fff;

}



.btn_primary {

    background: #4f9fb5;

    border: 1px solid #4f9fb5;

    color: #fff;

}



.btn_primary:hover,

.btn_primary:focus {

    background: #57a9c0;

    border: 1px solid #57a9c0;

    color: #fff;

}



.btn_light {

    background-color: #f8f9fa;

    border: 1px solid #f8f9fa;

    color: rgb(78, 78, 78);

}



.btn_light:hover,

.btn_light:focus {

    background-color: #f9fafb;

    border: 1px solid #f9fafb;

    outline: none;

    color: rgb(69, 69, 69);

}



.btn_warn {

    background-color: #d76b52;

    border: 1px solid #d76b52;

    color: #fff;

}



.btn_warn:hover,

.btn_warn:focus {

    background-color: #e57860;

    border: 1px solid #e57860;

    outline: none;

    color: #fff;

}



.btn_secondary {

    background-color: #9d9d9d;

    border: 1px solid #9d9d9d;

    color: #fff;

}



.btn_secondary:hover,

.btn_secondary:focus {

    background-color: #a7a7a7;

    border: 1px solid #a7a7a7;

    outline: none;

    color: #fff;

}



.funcbtn{

    background-color: transparent;

    color: #000;

}



.funcbtn:hover{

    background-color: rgba(0, 0, 0, .05);

}



.btn_warn_outline {

    background-color: transparent;

    border: 1px solid #d76b52;

    color: #d76b52;

}



.btn_warn_outline:hover,

.btn_warn_outline:focus {

    background-color: rgba(215, 107, 82, .05);

    border: 1px solid #d76b52;

    outline: none;

    color: #d76b52;

}



.btn_primary_outline {

    background-color: transparent;

    border: 1px solid #176c83;

    color: #20809a;

}



.btn_primary_outline:hover,

.btn_primary_outline:focus {

    background-color: rgba(0, 139, 148, .05);

    border: 1px solid #257a91;

    outline: none;

    color: #298aa4;

}



.btn_primary_outline.btn_hover_fill:hover,

.btn_primary_outline.btn_hover_fill:focus {

    background-color: rgb(81, 133, 212);

    border: 1px solid rgb(81, 133, 212);

    outline: none;

    color: #fff;

}





.btn_secondary_outline {

    background-color: transparent;

    border: 1px solid rgb(78, 78, 78);

    color: rgb(78, 78, 78);

}



.btn_secondary_outline:hover,

.btn_secondary_outline:focus {

    background-color: rgba(78, 78, 78, .1);

    border: 1px solid rgb(78, 78, 78);

    outline: none;

    color: rgb(78, 78, 78);

}



.btn_light_outline {

    background-color: transparent;

    border: 1px solid #fff;

    color: #fff;

}



.btn_light_outline:hover,

.btn_light_outline:focus {

    background-color: rgba(255, 255, 255, .05);

    border: 1px solid #fff;

    outline: none;

    color: #fff;

}



.btn_dropdown_item:active{

    background-color: rgba(94, 199, 190, .2);

    color: rgb(0 120 128);

}



.link_primary {

    color: #57a9c0;

    text-decoration: none;

}



.link_primary:hover {

    color: #3baaa7;

    text-decoration: none;

}



.color_primary {

    color: #3baaa7;

}



.color_warn {

    color: #d76b52;

}



.color_success {

    color: #065a58;

}



.inputbox_block:focus-within {

    color: rgb(40, 50, 50);

    font-weight: 500;

}

.inputbox:focus {

    border-color: rgb(76 167 190);

    box-shadow: none;

}

.inputbox.inputbox_main, .inputbox.inputbox_main:focus{

    border-color: rgb(0,0,0);

}

.inputbox:disabled, .inputbox:disabled:focus, .inputbox[readonly], .inputbox[readonly]:focus {

    background-color: #ececec;

    border-color: #d4d4d4;

    color: #6a6a6a;

}





.toastbox_success{

    background-color: rgb(207 241 216);

}

.toastbox_success .icon{

    color: rgb(43 73 51);

}



/*radio*/

.radiobox{

    width: 1.5em;

    height: 1.5em;

}



.radiobox, .checkbox{

    cursor: pointer;

}

.radiobox:checked{

    background-color: #4fa7aa;

    border-color: #4fa7aa;

}

.radiobox:focus{

    box-shadow: none;

}

.checkbox{

    width: 1.5em;

    height: 1.5em;

}

.checkbox:checked{

    background-color: #57a9c0;

    border-color: #57a9c0;

}

.checkbox:focus{

    box-shadow: none;

}

.formcheckbox{

    padding-left: 2em;

    cursor: pointer;

}

.formcheckbox .checkbox{

    margin-left: -2em;

}

.formcheckbox .labelbox{

    padding-top: .25em;

    cursor: pointer;

}

.tabbox{

    padding: .5rem 1.25rem;

    font-weight: 500;

}



.tabbox:hover{

    background-color: rgba(0, 139, 148, .05);

    cursor: pointer;

    border-radius: .25rem;

}



.tabbox.current{

    border-bottom: 3px solid rgb(0, 139, 148);

    color: rgb(0, 139, 148);

    font-weight: 700;

}



.tabbox.current{

    background-color: transparent;

    cursor: default;

}