/*
@font-face {
    font-family: "Tajawal-Black";
    src: url('../../fonts/ArbFONTS-Tajawal-Black.ttf')  format("opentype")
}

@font-face {
    font-family: "Tajawal-Light";
    src: url('../../fonts/ArbFONTS-Tajawal-Light.ttf')  format("opentype")
}

@font-face {
    font-family: "Ebhaar";
    src: url('../../fonts/Ebhaar.otf')  format("opentype")
}

@font-face {
    font-family: "Algeria";
    src: url('../../fonts/Hacen-Algeria-Bd.ttf')  format("opentype")
}

@font-face {
    font-family: "Hacenbold";
    src: url('../../fonts/Hacen-Algeria-Hd.ttf')  format("opentype")
}

@font-face {

    src: url('../../fonts/font/a-jannat-lt.otf')  format("opentype")
}

@font-face {
    font-family: "STC";
    src: url('../../fonts/font/STC-Bold.ttf')  format("opentype")
}

@font-face {
    font-family: "HelveticahNeueLT B";
    src: url('../../fonts/font/HelveticaNeueLT\ B.otf')  format("opentype")
}
*/
/* exspo font */
@font-face {
    font-family: "DimaExpo.ttf";
    src: url('../../fonts/exspo/DimaExpo.ttf')  format("opentype")
}
@font-face {
    font-family: "ExpoArabic-Book.ttf";
    src: url('../../fonts/exspo/ExpoArabic-Book.ttf')  format("opentype")
}

@font-face {
    font-family: "ExpoArabic-Light.ttf";
    src: url('../../fonts/exspo/ExpoArabic-Light.ttf')  format("opentype")
}

@font-face {
    font-family: "ExpoArabic-SemiBold.ttf";
    src: url('../../fonts/exspo/ExpoArabic-SemiBold.ttf')  format("opentype")
}



body {
        font-family: "ExpoArabic-Light.ttf";

}

h1,h2,h3{
       font-family: "ExpoArabic-SemiBold.ttf";
}
.btn-primary {
           font-family: "ExpoArabic-SemiBold.ttf";

}

.insuranceBannerCard1 .imgg{
    position: absolute;
    top: 14px;
    left: 14px;
}
.title {
    font-family: "ExpoArabic-SemiBold.ttf";
    padding-top: 10px;
}
      .addphoto .left-block
{
    width: 160px;
    display: inline-block;
    vertical-align: top;}
   .addphoto .img
    {
        background-color: #d7d7d7;
        background-size: cover;
        background-position: center;
        height: 160px;
    }
  .addphoto #add-photo
    {
        display: none;
    }
  .addphoto label
    {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: blue;
        cursor: pointer;
        display: table;
        margin: 15px auto;
    }





.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);

}


.l-block {
    display: inline-table;
}

.md-form.input-group .input-group-text {
    background-color: #7f9fd0;
    color: #fff;
    font-family: "STC";
    font-size: 15px;
    font-weight: bold
}


.labb {
    background-color: #7f9fd0;
    color: #fff;
    font-family: "STC";
    font-size: 15px;
    padding: 5px;
    font-weight: bold;
}

.top {
    margin-top: -65px;
}
/*
.content-header h1 {
    float: right;
    margin-top: 46px;
    margin-bottom: 25px;
    padding: 11px;
    color: #7f9fd0;
    background: #f4f6f9;
    box-shadow: 1px 6px 22px #343a408f;
    width: auto;
    border-radius: 9px;
    font-size: 24px;
    text-align: center;
    font-family: "STC";
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-weight: bold
} */

.content-header hr {
    display: inline-block;
    width: 177px;
    border-width: 3px;
    border-color: #33b5e5;
    border-radius: 20px;
    position: relative;
    top: 28px;
    right: -44px;
}

.table {

    /* display: block; */
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: auto;
}

a.btn.btn-primary.ladda-button.waves-effect.waves-light {
    margin-top: -20px;
    margin-bottom: 31px;
    font-size: 15px;
    padding: 10px;
}

.input-group-text {
    font-family: "HelveticaNeueLT B";
    font-size: 14px;
}

.pick {
    margin-top: 30px;
}

.input-group-text i {
    margin-right: 13px;
    font-size: 20px;
    margin-top: 5px;
}

.but .btn-success {
    width: 100%
}

.tr-color-selected {
    background-color: hsla(196, 77%, 55%, 0.3) !important;
    transition: all .2s ease-in;
}

.form-control {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.content-wrapper>.content {
    padding: 0 .5rem;
    margin-bottom: 65px;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    text-align: left;
    font-weight: 400;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

/* table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\f0de";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 1rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    content: "\f0dd";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    right: 16px;
    font-size: 1rem;
} */

.dtHorizontalVerticalExampleWrapper {
    max-width: 600px;
    margin: 0 auto;
}

#dtHorizontalVerticalExample th,
td {
    white-space: nowrap;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

table.table thead th {
    border-top: none;
  font-family: "ExpoArabic-Light.ttf";

    font-weight: bold;
    text-align: center;
}

table.table th,
table.table td {
    border-top: none;
  font-family: "ExpoArabic-Light.ttf";

    text-align: center;
    border-radius: 0;
}

table.table th,
table.table td button {
    /* border-radius: 17px; */
    font-size: 14px;
    font-family: "STC";
}

.btn.btn-sm {
    padding: 0.5rem 1.6rem;
    font-size: 13px;
}

button.btn.btn-success.btn-rounded.btn-sm.my-0.waves-effect.waves-light {
    border-radius: 17px;
    font-size: 14px;
    font-family: "STC";
}

button {
    font-size: 14px;
    font-family: "STC";
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 27px;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 6.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    font-family: "STC";
    font-size: 17px;
    font-weight: bold
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
    margin-top: 42px;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #fff;
    content: "Browse";
    background-color: #507cbfba;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}

.custom-control {
    padding-right: 0.5rem;
    padding-left: 0px;
    margin-left: 1rem;
    margin-right: 46px;
}

.rao {
    display: flex;
    margin-top: 52px;
    padding: 6px;
}

.rao h2 {
    background-color: #7f9fd0;
    color: #fff;
    font-family: "STC";
    font-size: 17px;
    padding: 5px;
    height: 100%;
}

.ff button {
    border: 2px solid #7f9fd0 !important;
    color: #000!important;
    font-family: "STC";
    font-size: 17px;
}

.box-footer {
    margin-top: 55px;
    padding: 10px;
}

.main-footer {
    padding: 15px;
    color: #555;
    border-top: 1px solid #eee;
    background: #fff;
    width: 100%;
        text-align: center;
}

.gj-datepicker-bootstrap [role=right-icon] button {
    display: none
}

.immg img {
    width: 65%;
    display: flex;
    margin: 0 auto;
    height: 555px;
}

.main-sidebar .brand-text,
.sidebar .nav-link p,
.sidebar .user-panel .info {
     font-family: "ExpoArabic-Light.ttf";
    font-size: 17px;
}

.cascading-admin-card .admin-up {
    margin-left: 4%;
    margin-top: -20px;
}

.cascading-admin-card .admin-up .fab,
.cascading-admin-card .admin-up .far,
.cascading-admin-card .admin-up .fas {
    padding: 1.7rem;
    font-size: 2rem;
    color: #fff;
    text-align: right;
    margin-right: 1rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)!important;
}

.cascading-admin-card .admin-up .data {
    float: left;
    margin-top: 2rem;
    text-align: right;
}

.cascading-admin-card .admin-up .data p {
    color: #999;
    font-size: 14px;
    font-weight: bold;
}

.dark-grey-text {
    color: #4f4f4f!important;
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, .8);
    display: block;
    z-index: 10;
    background: rgba(52, 58, 64, 0.26);
    text-decoration: none;
    font-size: 18px;
}

/* h4 {
    margin-top: 46px;
    margin-bottom: 25px;
    padding: 11px;
    color: #7f9fd0;
    background: #f4f6f9;
    box-shadow: 1px 6px 22px #343a408f;
    width: auto;
    border-radius: 9px;
    font-size: 24px;
    text-align: center;
    font-family: "STC";
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-weight: bold;
} */


.small-box h3 {
    color: #fff;
}

.small-box>.small-box-footer {
    color: #fff !important;
}

.navbar {

        direction: rtl;
}

.log {
    margin-top: 114px;
    margin-bottom: 114px;
    margin-left: 0 !important;
}

.log form {
    border-radius: 12px;
    background: #f0f8ffc7;
    width: 100%;
    margin: 0 auto;
}

.log form img {
    background: #33b5e5;
    margin-bottom: 55px;
    border-radius: 3px;
    margin-top: -84px;
    padding: 15px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 9px 10px -5px rgba(6, 16, 35, 0.4);
    width: 100%;
}

.log form input#inputIconEx2 {
    border-bottom: 1px solid #686869;
}

.md-form .prefix {
    position: absolute;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    left: 0;
}

button.btn.btn-info.btn-block.my-4.waves-effect.waves-light {
    font-size: 20px;
}

.card-tool {
    position: absolute;
    left: 0;
    top: 0;
}

.card-danger:not(.card-outline) .card-header {
    background-color: #dc3545;
    border-bottom: 0;
    padding: 18px;
}

.user-block img {
    width: 40px;
    height: 40px;
    float: right;
}

.card.card-cascade.cascading-admin-card {
    height: 100%;
}

.nav-pills .nav-link {
    color: #6c757d;
    font-family: "HelveticaNeueLT B";
}

.user-panelw  {
    text-align: center;
}


.user-panelw .image{

    padding-top: 15px;
    padding-bottom: 10px;

}














i.fa.fa-sign-out {

}

.nav-sidebar .nav-link p {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0;
    color: #475F7B;
  }
.elevation-4 {
    box-shadow: none !important;
}

[class*=sidebar-dark] .user-panel {
    border-bottom:none !important;
}


.user-panel img {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 100px !important;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

.main-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid rgba(72, 94, 144, 0.16);
    background-color: #ffffff;
}

.info{
text-align: center;
}

.content-wrapper {
    background: #fafafa;
}
nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    -moz-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    -webkit-transition: margin-left 0.3s ease-in-out;
    /* transition: margin-left 0.3s ease-in-out; */
    /* margin-bottom: 0; */
    /* margin-left: 300px; */
    min-height: 60px;
    border-radius: 0;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    padding: 0;
    box-shadow: none;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #dfe3e7;
    color: rgba(255,255,255,.8);
    /* border-right: 0; */
    border-left: 1px solid #dfe3e7;
}
.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.glyphicon, .nav-sidebar>.nav-item .nav-icon.ion {
    font-size: 1.1rem;
    color: #5a6e9b;
}

.nav-sidebar .nav-item>.nav-link {
    margin-bottom: .2rem;
    position: relative;
    font-weight: 600;
    opacity: 0.9;
    white-space: nowrap;
    align-items: center;
    line-height: 25px;
}



.sidebar-dark-primary .nav-sidebar>.nav-item:hover>.nav-link {
 color: #40b6f3;;
    background-color: transparent;
}

[class*=sidebar-dark-] .sidebar a {
    color: #475F7B;
}






.box {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid rgba(72, 94, 144, 0.16);
}
.box-body {
    padding: 1.5rem 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 5px;
}




body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 0;
}


        /* .modal-header {
            background-color: #5cd5c4;
    border-color: #5cd5c4;
    color: #fff;
}

        .modal .save{
                min-width: 90px;
    padding: 7px;
    background: #5cd5c4!important;
    border-color: #5cd5c4!important;
    color: #fff!important;

        }


        .modal {
    position: fixed;
    top: 107px;
        } */
             .buttom {
                color: #fff!important;
    background-color: #5dd5c4;
    border-color: #5dd5c4;
                display: inline-block;
    padding-right: 20px;
    padding-left: 25px;
               border-radius: 100px;
        }




        .card {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
}

        .pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 999;
}
        .pull-up {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}


        .icon.text-center.ustify-content-between.align-items-center {
    font-size: 35px;
}


        .box-body {

    color: #475f85;
}
        .navbar-light .navbar-nav .nav-link {

    color: #475f85;
}
        .navbar-expand .navbar-nav {

   color: #475f85;
}
        .nav-sidebar .nav-item>.nav-link>.float-right {
    margin-top: -7px;
    position: absolute;
    right: 174px;
    top: 50%;
}
        /* .dropdown-item {
    display: block;

    font-weight: 400;
    color: #ffffff;

    background-color: #465d83;
        } */


body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 0;
}

        .card {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
}

        .pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 999;
}
        .pull-up {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}


        .icon.text-center.ustify-content-between.align-items-center {
    font-size: 35px;
}


        .box-body {

    color: #475f85;
}
        .navbar-light .navbar-nav .nav-link {

    color: #475f85;
}
        .navbar-expand .navbar-nav {

   color: #475f85;
}
        .nav-sidebar .nav-item>.nav-link>.float-right {
    margin-top: -7px;
    position: absolute;
    right: 174px;
    top: 50%;
}
        /* .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    white-space: nowrap;
    background-color: #475f85;
    border: 0;
} */

.nav-sidebar .nav-link p {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0;
    color: #475F7B;

}




body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 0;
}


        .card {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
}

        .pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 999;
}
        .pull-up {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}


        .icon.text-center.ustify-content-between.align-items-center {
    font-size: 35px;
}


        .box-body {

    color: #475f85;
}
        .navbar-light .navbar-nav .nav-link {

    color: #475f85;
}
        .navbar-expand .navbar-nav {

   color: #475f85;
}
        .nav-sidebar .nav-item>.nav-link>.float-right {
    margin-top: -7px;
    position: absolute;
    right: 174px;
    top: 50%;
}

.nav-sidebar .nav-link p {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0;
    color: #475F7B;

}

.modal.show .modal-dialog {
    top:40px;
}




.card-title{
    float: right;
}
.brand-link{
    padding: .9125rem .5rem;
}
.main-header{
    z-index: auto;
}

.dataTables_filter  input{
    padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card-extra{
    /* padding: 15px 0px; */
    border-bottom: 1px solid #ddd;
    }

    .nav-link {
        /* padding: .5rem 0; */
    }
    .sidebar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



.nav-tabs.flex-column .nav-link:focus, .nav-tabs.flex-column .nav-link:active , .nav-tabs.flex-column .nav-link:hover{
        border-color: #e9ecef transparent #e9ecef #e9ecef;
    background: #1988ff;
    color: white;
}

.max{
        position: absolute;
    left: 0;
    top: 7px;
}

.pos-sir{
        position: absolute;
    top: 99px;
    left: 0;
    background: #007bff;
    color: #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top-right-radius: 80px 80px;
    font-weight: bold;
}
.pos-title{
      font-weight: bold;
}
.tab-pos .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    height: auto;
    margin-top: -3px;
    text-align: right;
}


.pos-montg {
    background: #fafafa;
    overflow-y: scroll;
    height: 310px;
}

.section .form-group{
    text-align: right;
}
.pos-total{
background: #dbdbdb;
}

.pos-total h4{
    padding-top: 14px;
    font-weight: bold;
}
.pos-total h5{
    padding-bottom: 14px;
}

#clock {
    margin-top: 8px;
    direction: ltr!important;
    font-family: 'Wallpoet', cursive;
}
.font-bold {
    font-weight: bold;
}

.end{
    color: red !important;
}