.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: -webkit-linear-gradient(to right, #60cbbf, #4f9fb5);

    background: linear-gradient(to right, #60cbbf, #4f9fb5);

    border: 1px solid #60cbbf;

    color: #fff;

}



.btn_primary:hover,

.btn_primary:focus {

    background: -webkit-linear-gradient(to right, #6ad5c9, #4f9fb5);

    background: linear-gradient(to right, #6ad5c9, #4f9fb5);

    border: 1px solid #6ad5c9;

}



.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: #707070;

    border: 1px solid #707070;

    color: #fff;

}



.btn_secondary:hover,

.btn_secondary:focus {

    background-color: #807f7f;

    border: 1px solid #807f7f;

    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 rgb(0, 113, 121);

    color: rgb(0, 120, 128);

}



.btn_primary_outline:hover,

.btn_primary_outline:focus {

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

    border: 1px solid rgb(0, 139, 148);

    outline: none;

    color: rgb(0, 120, 128);

}



.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: #2e9a97;

    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);

}

.inputbox:read-only:focus{

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

}

.toastbox_success{

    background-color: rgb(211 232 229);

}

.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: #4fa7aa;

    border-color: #4fa7aa;

}

.checkbox:focus{

    box-shadow: none;

}

.formcheckbox{

    padding-left: 2em;

    cursor: pointer;

}

.formcheckbox .checkbox{

    margin-left: -2em;

}

.formcheckbox .labelbox{

    padding-top: .25em;

    cursor: pointer;

}



/*tab*/

.tabbox{

    padding: .5rem .25rem;

    font-weight: 500;

}



.tabbox:hover{

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

    cursor: pointer;

}



.tabbox.current, .tabbox.active{

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

    color: rgb(0, 139, 148);

    font-weight: 700;

    background-color: transparent;

    cursor: default;

}



@media(min-width: 576px){

    .tabbox{

        padding: .5rem 1.25rem;

    }

}

/*nav-tab*/

.nav_tabs_box .nav-link.active{

    font-weight: 500;

    color: rgb(0, 139, 148);

}

.nav_tabs_box .nav-link{

    color: #495057;

}

/**/

.link_block{

    background-color: rgb(250, 250, 250);

    display: block;

    padding: .5rem;

    border-radius: .25rem;

}

.link_block:hover{

    background-color: rgb(240, 240, 240);

}