@font-face {
    font-family: light;
    src: url(../fonts/Poppins-Light.ttf);
}
@font-face {
    font-family: regular;
    src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: medium;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: semibold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: bold;
    src: url(../fonts/Poppins-Bold.ttf);
}
* {
    font-family: regular; 
    font-size: 16px;
    color:black;
}

@media only screen and (min-width: 1099px) {
    .page_size {
        max-width: 100% !important;
    }
    .entry {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
    }
    .head_filter {
        grid-template-columns: 85% 5% 5% 5% !important;
        grid-column-gap: 10px !important;
    }
    .head {
        display: flex;
    }
    .head form {
        width: 70%;
        margin-top: -8px;
    }
    .head .site_btn {
        width: 25%;
        margin-right: 15px;
    }
    .dynamic-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }
    .site_padding {
        padding: 16px 150px !important;
    }
    .three_column.o_amount, .nwc {
        max-width: 50%;
    }
    .se_head {
        width: 100%;
    }
    .view_page .single_entry {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
    }
    nav ul {
        padding: 0px 150px !important;
    }
}



body {
    padding-bottom: 15px;
}
.page_size {
    max-width: 420px;
    margin: 0 auto;
    height: 100%;
}
.site_padding {
    padding: 16px;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.flex {
    display: flex;
}
.end {
    justify-content: end;
    display: flex;
}
.hight_100 {
    height: 100vh;
}
.splash {
    background-image: radial-gradient(white, #D7ECFD);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 100vh;
}
.site_btn a {
    background: #017BA0;
    color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 13px 35px;
    font-family: regular;
    display: inline-block;
    border-radius: 30px;
}
.splash h1 {
    font-size: 25px;
    font-family: medium;
    margin-bottom: 45px;
}
.splash h3 {
    font-size: 20px;
    font-family: medium;
}
.page_header {
    background: #015670;
    padding: 16px;
}
.page_header2 h2 {
    margin-bottom: 0 !important;
    position: relative;
    top: 2px;
}
.page_header2 img {
    margin-right: 8px;
}
.page_header h2 {
    font-size: 18px;
    color: white;
    margin: 0;
}
.head {
    background: #E4E4E4;
    /* position: fixed; */
    width: 100%;
    z-index: 9;
}
.head_filter {
    width: 100%;
    margin-top: 14px;
    grid-template-columns: 58% 15% 15% 15%;
    grid-column-gap: 0px;
    display: grid;
}
.main_search {
    margin-right: 8px;
}
.date_search input, .main_search input {
    width: 100%;
    padding: 13px;
    border-radius: 30px;
    border: 1px solid grey;
    height: 40px;
}
.head .site_btn a {
    width: 100%;
}
.eh_title {
    width: 60%;
}
.eh_entry_value {
    text-align: right;
    width: 40%;
    font-family: medium;
}
.s_entry {
    background: #A7D9FF;
    padding: 9px 12px;
    border-radius: 2px;
    position: relative;
    margin-bottom: 9px;
}
.s_entry h3 {
    font-size: 16px;
    font-family: 'medium';
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 70px;
}
.e_value {
    font-size: 12px;
    margin-top: 4px;
    opacity: 0.5;
}
.entry {
    margin-top: 10px;
}
.e_buttons {
    position: absolute;
    right: 12px;
    top: 19px;
}
.e_buttons img {
    padding-left: 6px;
    width: 25px;
}
/* .entries {
    margin-top: 155px;
} */
.se_date, .se_amount {
    width: 50%;
}
.se_action {
    justify-content: end;
    width: 100%;
}
.se_action a {
    color: #017BA0;
    margin-left: 23px;
}
.client_name, .client_amount {
    font-size: 16px;
    font-family: semibold;
    width: 50%;
}
.client_amount {
    position: relative;
    top: -1px;
}
.goods {
    background: #e4e4e4;
    padding: 6px 15px;
    border-radius: 2px;
    margin-bottom: 8px;
    position: relative;
}
.goods span.serial_number {
    left: -13px;
    top: 0px;
    background: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    border: 1px solid #e4e4e4;
}
.g_label {
    width: 110px;
}
.g_devider {
    margin-right: 15px;
}
.good_single {
    display: flex;
    margin: 2px 0px;
}
.gs_total {
    border-top: 2px solid #afafaf;
    margin-top: 10px;
    padding-top: 10px;
}
.gs_total .g_value {
    font-family: 'semibold';
}
.other {
    margin-top: 10px;
}
.head.head2 {
    position: relative;
}
.sub_total {
    border-top: 2px solid #000000;
    margin-top: 10px;
    padding-top: 10px;
}
.sub_total div {
    font-size: 18px;
    font-family: 'semibold';
}
.popup1 {
    font-size: 20px;
    text-align: center;
}
.site_btn.red a {
    background: #FF5656;
}
.red_btn {
    background: #FF5656 !important;
}
.modal-header {
    border: none !important;
}
.fomr_name {
    font-size: 18px;
    font-family: medium;
    margin-bottom: 10px;
}
.f_field input {
    width: 100%;
    padding: 8px 18px;
    border-radius: 30px;
    border: 1px solid grey;
    margin-top: 2px;
}
.two_column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
}
.f_good {
    background: #E4E4E4;
    padding: 15px;
    border-radius: 2px;
    position: relative;
    margin-top: 10px;
}
.f_field {
    margin: 8px 0px;
}
.add {
    position: absolute;
    right: 8px;
    top: 8px;
}
.three_column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 7px;
}
.g_total {
    display: flex;
    text-align: right;
    justify-content: end;
}
.g_total .g_value {
    width: 110px;
}
.g_total .g_devider {
    margin-right: 0;
    margin-left: 12px;
}
.grand_total {
    border-top: 2px solid #000000;
    margin-top: 10px;
    padding-top: 10px;
}
.total {
    margin-top: 5px;
}
.total div {
    font-size: 18px;
    font-family: semibold;
}
.grand_total .g_label {
    width: auto;
}
.theme_btn {
    background: #017BA0;
    color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 13px 35px;
    font-family: regular;
    display: inline-block;
    border-radius: 30px;
    border: none;
}
.invoice_form .theme_btn {
    margin-top: 10px;
    margin-bottom: 30px;
    float: right;
}
.success {
    text-align: center;
    margin: 0 auto;
}
.vertical_center {
    display: flex;
    align-items: center;
}
.success h3 {
    color: green;
    font-family: medium;
}
.s_msg {
    font-size: 18px;
    padding: 0px 15px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.date_search input {
    width: 40px;
    /*content: "";*/
    /*display: block;*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*background-image: url(../images/reset_icon.svg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}
.search_icon img {
    width: 17px;
    position: relative;
    top: -1px;
}
.reset_icon img {
    width: 15px;
}
.search_icon, .reset_icon {
    width: 40px !important;
    height: 40px;
    padding: 0;
}
.reset_icon {
    background: #017ba0;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}
.date_search {
    position: relative;
}
.date_search input {
    background: url(../images/calendar.svg) no-repeat right center;
    background-size: 16px 16px;
    padding-right: 26px;
    border: 1px solid #000000;
    width: 40px;
    height: 40px;
    outline: none;
    background-position: center;
}
@media only screen and (max-width: 600px) {
    .date_search input {
        appearance: none;
        -webkit-appearance: none;  /* Hide native controls in WebKit-based browsers */
        -moz-appearance: none;     /* Hide native controls in Firefox */
        position: relative;
    }
}
.logout {
    position: absolute;
    right: 15px;
    top: 18px;
    width: 16px;
}
.download_icon {
    width: 25px !important;
}
.head2 .delete_model img {
    width: 19px;
}
.f_label {
    font-size: 14px;
}
.good_single div {
    font-size: 14px;
}
.login h1 {
    margin-bottom: 15px;
}
img#addField {
    position: fixed;
    bottom: 8px !important;
    top: inherit;
    left: 13px;
    z-index: 999;
    width: 45px;
}
.s_entry a {
    color: black;
    text-decoration: none;
}
.t_column {
    grid-template-columns: 23% 23% 47%;
    grid-column-gap: 10px;
    display: grid;
}
.f_good .f_field input {
    border-radius: 3px;
    padding: 8px 8px;
}
.f_good .f_field.auto input {
    background: #757575;
    color: white;
}
.nwc {
    grid-template-columns: 72% 25%;
    grid-column-gap: 10px;
    display: grid;
}
.se_view_name {
    padding-bottom: 0 !important;
}
span.serial_number {
    position: absolute;
    top: 3px;
    font-size: 12px;
}
nav ul {
    display: flex;
    list-style-type: none;
    padding: 0px 15px;
}
nav ul li {
    margin: 0px 2px;
    background: #017ba0;
    padding: 8px 15px;
    border-radius: 2px;
}
nav ul li a {
    color: white;
    text-decoration: none;
}
nav ul li.active {
    background: black;
}
.g_total.q_t {
    justify-content: flex-end;
    border-bottom: 1px solid black;
    margin-bottom: 12px;
    padding: 8px;
    margin-top: -8px;
}