@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.span-header {
    text-align: left;
    letter-spacing: 0px;
    color: #4C5760;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}


.date-day {
    text-align: left;
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
    height: 41px;
    padding-top: 10px;
    padding-left: 15px;
}

/*input {
    position: relative;
    width: 150px;
    height: 20px;
    color: white;
}

    input:before {
        position: absolute;
        top: 3px;
        left: 3px;
        content: attr(data-date);
        display: inline-block;
        color: black;
    }*/
/*input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}*/

/*input[type="date"]::-webkit-calendar-picker-indicator {
    width: 200px;
}
input::-webkit-datetime-edit-fields-wrapper {
    text-decoration: underline;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;*/
    /*   height: 100px;
    position: absolute;
    left: 520px;
    right: 450px;

    width: auto;*/
    /*position: absolute;
    left: 317px;*/
    /* right: -75px; */
    /* background-color: black; */
    /* FONT-WEIGHT: 700; */
    /*width: 105px;
    height: 34px;
}*/

    .calendar-line{
}


@media screen and (min-width: 800px) and (max-width: 1000px) {
    .main {
        overflow-x: scroll;
    }
/*    .card-body {
        overflow-x: scroll;
    }*/
}

/*@media screen and (min-width: 1001px) and (max-width: 1366px) {
    .card-body {
        overflow-x: scroll;
    }
}*/

.input-date {
    outline: none;
    border: none;
    text-align: left;
    letter-spacing: 0px;
    color: #056DD3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Book Regular';
    margin-left: 15px;
 
}