@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "feather";
    background-color: transparent;
    transition: 500ms;
    /* overflow: hidden; */
}

:root {
    --color01: #314584;
    --color02: #ff3946;
}

.padding-t-b {
    padding-top: 100px;
    padding-bottom: 100px;
}

a {
    text-decoration: none;
}


/* Form */
#main-box-s-5 form{
    padding: 50px 0px;
}
#main-box-s-5 button {
    border: 1px solid;
    border-radius: 0.25rem;
    padding: 5px 20px;
    
}

#main-box-s-5 button:not(:last-child){
    margin-bottom: 15px;
}


#main-box-s-5 label a {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 11px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #00000012;
}

#main-box-s-5 .btn-submit {
    display: flex;
    justify-content: flex-end;
}

#main-box-s-5 .btn-submit button {
    margin: 0;
    margin-right: 35px;
}


/* Form */
#secondary-box-s-5 form{
    padding: 50px 0px;
}
#secondary-box-s-5 button {
    border: 1px solid;
    border-radius: 0.25rem;
    padding: 5px 20px;
    
}

#secondary-box-s-5 button:not(:last-child){
    margin-bottom: 15px;
}


#secondary-box-s-5 label a {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 11px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #00000012;
}

#secondary-box-s-5 .btn-submit {
    display: flex;
    justify-content: flex-end;
}

#secondary-box-s-5 .btn-submit button {
    margin: 0;
    margin-right: 35px;
}


/* Form */
#d-t-1-s-5 form{
    padding: 50px 0px;
}
#d-t-1-s-5 button {
    border: 1px solid;
    border-radius: 0.25rem;
    padding: 5px 20px;
    
}

#d-t-1-s-5 button:not(:last-child){
    margin-bottom: 15px;
}


#d-t-1-s-5 label a {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 11px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #00000012;
}

#d-t-1-s-5 .btn-submit {
    display: flex;
    justify-content: flex-end;
}

#d-t-1-s-5 .btn-submit button {
    margin: 0;
    margin-right: 35px;
}






/* DataTable */



#d-t-1-s-5 th.sorting {
    text-align: center !important;
}

#d-t-1-s-5 td {
    text-align: center;
}
#d-t-1-s-5 .dataTables_info {
    display: none;
  }

 #data-s-5_paginate {
    display: flex;
    width: 100%;
    justify-content: center;
}

#d-t-1-s-5 .col-sm-12.col-md-7 {
    width: 100%;
    margin-top: 5px;
}

th {
    text-align: center !important;
}

#d-t-1-s-5 button {
    margin: 0;
    margin-left: 10px;
}

#d-t-1-s-5 select {
    border: 1px solid;
    border-radius: 8px;
}

#d-t-1-s-5 input[type="search"] {
    border: 1px solid;
    border-radius: 8px;
}

/* #d-t-1-s-5 #data_filter{
    display: none;
}

#d-t-1-s-5 .dataTables_length{
    display: none;
} */


/* data */

#data-s-5 .col-sm-12 {
    width: 100%;
}

#data-s-5 {
    /* border: 1px solid; */
    border-radius: 8px;
}

/* data-1 */

#data-1-s-5 .col-sm-12 {
    width: 100%;
}

#data-1-s-5 {
    /* border: 1px solid; */
    border-radius: 8px;
}

#data-1-s-5_paginate {
    display: flex;
    width: 100%;
    justify-content: center;
}

/* .datatable #data-1-s-5_filter{
    display: none;
} */