/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

#wrapper {
    overflow-x: hidden;
    display: flex;
    align-items: stretch;
}
#sidebar-wrapper {
    margin-right: -12rem;
}
#sidebar.active {
    margin-right: 0;
}
#sidebar-wrapper {
    z-index: 1000;
    width:12rem;
    min-height: 100vh;
    margin-right: -12rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        /*padding: 0.875rem 1.00rem;*/
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        /*  width: 15rem;*/
        width: 12rem;
    }

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-right: 0;
}
.d-flex .bg-light {
    float: right;
    direction: rtl;
    text-align: right;
    width:min-content;
    
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 1px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 3px 1px;
    border-right: 1px;
    border-bottom: 0.5px solid whitesmoke;
}

.table td, .table th {
    padding: .15rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table#example223 tbody th, #example223 td {
    padding: 2px 1px;
    border-right: 1px;
    font-size: small;
    width: 55px;
}

table#example223 thead th, #example223 td {
    padding: 3px 1px;
    border-bottom: 0.5px solid white;
    font-size: small;
/*    width: 55px;*/
    border-right: 0.5px solid white;
    text-wrap: normal;
    width: 55px;
}
table#example22 tbody th, #example22 td {
    padding: 2px 1px;
    border-left: 1px;
    font-size: small;
    border-right: 0.5px solid white;
}

table#example22 thead th, #example22 td {
    padding: 3px 1px;
    border-bottom: 0.5px solid whitesmoke;
    font-size: small;
    width: 45px;
}
/*.table td, .table th {
    padding: .15rem;
    vertical-align: top;
    max-width: 27px;
    border-top: 1px solid #dee2e6;
}*/


/*table#fart tbody tr td:nth-child(1) {
    font-size: 0.25em;
}*/
table#fart tbody tr td, #fart2 td, #fart th {
    max-width: 27px;
    width: auto;
    /*    font-size: 0.40em;*/
    font-size: xx-small;
    overflow: hidden;
}

#fart th {
    border: none;
}

td#ab1.clsab1, td#ab2.clsab2, td#ab3.clsab3, td#ab4.clsab4, td#ab5.clsab5, td#ab6, #ab5, #ab6 {
    max-width: 27px;
    width: auto;
    /*  font-size: 0.35em;*/
    font-size: xx-small;
    overflow: hidden;
}
td#ab5.clsab5, .clsab5, #ab5, td#ab6, #ab5, #ab6 {
       max-width: 70px;
    width: auto;
    text-align: center;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: x-small;
    overflow: hidden;
}

table#aa tbody tr td {
    max-width: 27px;
    /* width: auto;*/
    font-size: 0.35em;
    overflow: hidden;
    height: auto;
}

table#aaa tbody tr td {
    max-width: 27px;
    /* width: auto;*/
    font-size: 0.5em;
    border: none;
    overflow: hidden;
}


input#Hr_v, #Year_v, #Year_p {
    display: inline-block;
    /*  width: auto;*/
    vertical-align: middle;
    width: 58px;
    /*       box-sizing: border-box;*/
    font-size: small;
    /*  border-color: gray;*/
}


input#Month_v, #Day_v, #Month_p, #Day_p {
    display: inline-block;
    /*  width: auto;*/
    vertical-align: middle;
    width: 40px;
    /*       box-sizing: border-box;*/
    font-size: small;
    /*  border-color: gray;*/
}

input#long_v, .dropdown {
    display: inline-block;
    /*  width: auto;*/
    vertical-align: middle;
    width: 45px;
    text-align: center;
    /*       box-sizing: border-box;*/
    font-size: x-small;
    /*  border-color: gray;*/
}
/*  control-label {*/

label[for=Hr_v], [for=Year_v], [for=Month_v], [for=Day_v], [for=Month_p], [for=Day_p],  label#imp {
    font-size: small;
    margin-right: 4px;
}

label[for=long_v], [for=gmt1_v], [for=Unknownhr], #hnt, #Unknownhr,ul#notes {
    font-size: x-small;
    margin-right: 4px;
}
input#Unknownhr, [for=Unknownhr], #hnt, #Unknownhr {
    font-size: x-small;
    /*   margin-right: 4px;*/
}
    select #Mn_txt, #Month_p {
    display: inline-block;
    /*  width: auto;*/
    vertical-align: middle;
    width: 60px;
    text-align: center;
    /*       box-sizing: border-box;*/
    font-size: x-small;
    padding-left: 2px;
    padding-right: 2px;
    /*  border-color: gray;*/
}
label.form-check-label {
    font-size: x-small;
 /*   margin-right: 4px;*/
  /*  margin-inline-start: 30px;*/
}
ul.pagination, li.paginate_button {
    font-size: medium;
}
.coveredarea {
    /*background-color:  dodgerblue;*/ /* url(../images/domainback.png);*/
    height: auto;
}

.mostpopular1.coveredarea {
    height: auto;
}

.minus {
    display: none;
}
h1, .h1, h1.panel-title {
    font-size: medium;
}
.footer {
    background: none repeat scroll 0 0 whitesmoke;
    color: #000000;
    font-weight: lighter;
    padding-top: 3px;
    height: 50px;
    margin-top:auto;
    /*    font-family: "segoe_uiregular";*/
    clear: both;
}

.foot {
    float: right;
    width: 32%;
}

.footh1 {
    /*  font-family: "segoe_uiregular";*/
    font-size: 0.5rem;
    /*  margin-bottom: 10px;
    margin-top: 5px;*/
    text-wrap: normal;
    text-transform: uppercase;
    font-weight: normal;
}

#chartc_div div div div svg g rect {
    width: 70px;
}
select#Mn_txt, #Month_p {
    display: inline-block;
    /*  width: auto;*/
    vertical-align: middle;
    width: 60px;
    text-align: right;
    /*       box-sizing: border-box;*/
    font-size: x-small;
    padding-left: 2px;
    padding-right: 2px;
    /*  border-color: gray;*/
}
#chartc_div div div div svg g g g text {
    font-size: 0.45rem;
}
/*#charta_div div div div svg  rect {
    width: 70px;
}*/
/*#charta_div div div div svg g g g rect {
    width: 70px;
}*/
#charta_div div div div svg g g g text {
    font-size: 0.5rem;
    text-align: right;
    float: right;
    text-wrap:normal;
}

#chartb_div div div div svg g g g text {
    font-size: 0.5rem;
    text-align: right;
    float: right;
    /*text-anchor: start;*/
}

#charta_div div div div svg g g g {
    /* width: 60px;*/
    float: right;
}

#charta_div div div div svg g g g {
    /* width: 60px;*/
    float: right;
    text-wrap: normal;
}
#chartc_div div div div svg g {
    font-size: 0.45rem;
}

    #chartc_div div div div svg g text {
        font-size: 0.45rem;
    }
h6 {
    font-size: medium;
}
td#strs{
    font-size: xx-small;
    vertical-align: top;
    padding-left: 1px;
    padding-right: 1px;
}
td#strs1 {
    font-size: x-small;
    vertical-align: top;
    padding-left: 1px;
    padding-right: 1px;
}
[type=radio][value= M], div#M.form-check {
    font-size: x-small;
    /* margin-left: 4px;*/
    margin-inline-start: 8px;
}
ins {
    display: flex;
}
/*@media (min-width: 576px) {

    input#Hr_v, #Year_v, #Year_p {
        display: inline-block;*/
        /*  width: auto;*/
        /*vertical-align: middle;
        width: 70px;*/
        /*       box-sizing: border-box;*/
        /*text-align: center;
        font-size: medium;*/
        /*  border-color: gray;*/
    /*}

    input#Month_v, #Day_v, #Month_p {
        display: inline-block;*/
        /*  width: auto;*/
        /*vertical-align: middle;
        width: 50px;
        text-align: center;*/
        /*       box-sizing: border-box;*/
        /*font-size: medium;*/
        /*  border-color: gray;*/
    /*}

    input#long_v, .dropdown {
        display: inline-block;*/
        /*  width: auto;*/
        /*vertical-align: middle;
        width: 45px;
        text-align: center;*/
        /*       box-sizing: border-box;*/
        /*font-size: small;*/
        /*  border-color: gray;*/
    /*}

    label[for=Hr_v], [for=Year_v], [for=Month_v], [for=Day_v], [for=Month_p], label#imp {*/
        /*    label#Hr_v, #Year_v, #Month_v, #Day_v {*/
        /*font-size: medium;
        margin-right: 8px;
    }


    label[for=long_v], [for="gmt1_v"], ul#notes {
        font-size: small;
        margin-right: 8px;
    }

    label.form-check-label {
        font-size: small;
        margin-right: 8px;*/
        /*  margin-inline-start: 50px;*/
    /*}

    table#aaa tbody tr td {
        max-width: 100px;*/
        /* width: auto;*/
        /*font-size: small;
        border: none;
        overflow: hidden;
    }

    #fart th {
        max-width: 100px;
        overflow: hidden;
        font-size: small;
        border: none;
    }

    td#strs {
        font-size: small;
    }
}*/
@media (max-width: 420px ) {


    #charta_div div div div svg g g g {
        /* width: 60px;*/
        float: left;
    }

    #charta_div div div div svg g g g {
        width: 60px;
        float: left;
        text-wrap: normal;
    }

        #charta_div div div div svg g g g text {
            font-size: 0.45rem;
            text-align: left;
            float: left;
            text-wrap: normal;
        }

    #chartc_div div div div svg g {
        font-size: 0.45rem;
    }

        #chartc_div div div div svg g text {
            font-size: 0.45rem;
        }
}
@media (min-width: 769px) {

    #wrapper {
        display: flex;
        min-height: 100%;
        /*      display: table;*/
        align-items: stretch;
        margin: 0 auto;
    }

    #sidebar-wrapper {
        min-height: 100vh;
        margin-right: 0;
        flex-shrink: 0;
        width: 235px;
        transition: 0.1s;
        /*display: table-cell;*/ /* new test*/
    }

        #sidebar-wrapper .list-group {
            /*  width: 15rem;*/
            width: 235px;
        }

    /*   #wrapper.toggled #sidebar-wrapper {
        margin-right: 0;
    }*/
    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-right: -235px;
    }

    #sidebar-wrapper.active {
        margin-right: -235px; /*250px*/
    }

    table#fart tbody tr td, #fart2 td {
        /* max-width: 100px;*/
        overflow: hidden;
        font-size: medium;
    }




    #fart th {
        /*max-width: 100px;*/
        overflow: hidden;
        font-size: small;
        border: none;
    }

    table#aa tbody tr td {
        max-width: 120px;
        font-weight: 200;
        font-size: small;
        /* font-size:x-small;*/
        overflow: hidden;
    }

    table#aaa tbody tr td {
   /*     max-width: 100px;*/
        max-width: 120px;
        /* width: auto;*/
        font-size: medium;
        border: none;
        overflow: hidden;
    }

    table#example223 tbody th, #example223 td {
        padding: 7px 1px;
        /* max-width: 100px;*/
        width: 100px;
        font-size: large;
        border-right: 0.5px solid white;
        border-width: 1px;
        border-color: white;
        border-collapse: separate;
    }

    table#example223 thead th, #example223 td {
        padding: 10px 1px;
        border-bottom: 0.5px solid white;
        font-size: large;
        border-collapse: separate;
        border-width: 1px;
        border-right: 0.5px solid white;
        border-color: white;
        /*    max-width: 100px;*/
        width: 130px;
    }

    table#example22 thead th, #example22 td {
        padding: 7px 1px;
        border-bottom: 0.5px solid white;
        font-size: 16px;
        border-collapse: separate;
        border-width: 1px;
        border-color: white;
        /*    max-width: 100px;*/
        width: 130px;
    }

    .table td, .table th {
        padding: .35rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }



    td#ab1.clsab1, td#ab2.clsab2, td#ab3.clsab3, td#ab4.clsab4, td#ab5.clsab5, td#ab6, #ab5, #ab6 {
        max-width: 130px;
        width: auto;
        font-size: medium;
        overflow: hidden;
    }

    td#ab5.clsab5, .clsab5, #ab5, td#ab6, #ab5, #ab6 {
           max-width: 130px;
        width: auto;
        text-align: center;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: medium;
        overflow: hidden;
    }

    table#aa tbody tr td {
        max-width: 130px;
        width: 130px;
        /* width: auto;*/
        font-size: small;
        padding-top:0px;
        overflow: hidden;
        height: auto;
    }


    input#Hr_v, #Year_v, #Year_p {
        display: inline-block;
        /*  width: auto;*/
        vertical-align: middle;
        width: 70px;
        /*       box-sizing: border-box;*/
        text-align: center;
        font-size: small;
        /*  border-color: gray;*/
    }

    input#Month_v, #Day_v, #Month_p, #Day_p {
        display: inline-block;
        /*  width: auto;*/
        vertical-align: middle;
        width: 50px;
        text-align: center;
        /*       box-sizing: border-box;*/
        font-size: small;
        /*  border-color: gray;*/
    }

    input#long_v, .dropdown {
        display: inline-block;
        /*  width: auto;*/
        vertical-align: middle;
        width: 45px;
        text-align: center;
        /*       box-sizing: border-box;*/
        font-size: small;
        /*  border-color: gray;*/
    }

    select#Mn_txt, #Month_p {
        display: inline-block;
        /*  width: auto;*/
        vertical-align: middle;
        width: 100px;
        text-align: right;
        /*       box-sizing: border-box;*/
        font-size: medium;
        /*  border-color: gray;*/
    }
 
    /*  control-label {*/
    label[for=Hr_v], [for=Year_v], [for=Month_v], [for=Day_v], [for=Month_p], [for=Day_p], label#imp {
        /*    label#Hr_v, #Year_v, #Month_v, #Day_v {*/
        font-size: medium;
        margin-right: 8px;
    }

    label[for=Year_p] {
        /*    label#Hr_v, #Year_v, #Month_v, #Day_v {*/
        font-size: large;
        margin-right: 8px;
    }

    label[for=long_v], [for="gmt1_v"], ul#notes, [for=Unknownhr], #hnt {
        font-size: small;
        margin-right: 8px;
    }
    label[type=radio][value= "M"], div#M.form-check {
        font-size: small;
        margin-left: 15px;
        margin-inline-start: 70px;
    }

    label.form-check-label {
        font-size: small;
        margin-right: 8px;
        /*   margin-inline-start: 50px;*/
    }

    td#strs {
        font-size: medium;
        vertical-align: top;
        padding-left: 2px;
        padding-right: 2px;
    }
  td#strs1 {
        font-size: medium;
        vertical-align: top;
        padding-left: 2px;
        padding-right: 2px;
    } 
    ul.pagination, li.paginate_button {
        font-size: medium;
    }
    .coveredarea {
        /*background-color:  dodgerblue;*/ /* url(../images/domainback.png);*/
        height: auto;
    }

    .mostpopular1.coveredarea {
        height: auto;
    }

    .minus {
        display: none;
    }
    h1, .h1, h1.panel-title {
        font-size: x-large;
    }
    .footer {
        background: none repeat scroll 0 0 whitesmoke;
        /*   color: #000000;*/
        font-weight: lighter;
        color: darkcyan;
        height: 60px;
        padding-top: 20px;
        font-family: "segoe_uiregular";
        margin-top: auto;
        /*        position: relative;*/
        /*margin-top: -60px;*/
        bottom: 0;
        margin-bottom: 0;
        clear: both;
    }

    .foot {
        float: right;
        width: 30%;
        /*   margin-left: 20px;*/
    }

    .footh1 {
        font-family: "segoe_uiregular";
        font-size: 18px;
        color: darkcyan;
        /*    margin-bottom: 20px;
            margin-top: 20px;*/
        /*   margin-left:20px;*/
        text-transform: uppercase;
        font-weight: normal;
    }

    #foot3 {
        float: left;
        /*    text-align:right;
            text-align-last:right;
            text-wrap:avoid;
            display:table-row;*/
        /*    justify-self:flex-end;
            justify-content:end;*/
    }
    .d-flex .bg-light {
        float: right;
        direction: rtl;
        text-align: right;
        /*     text-wrap:inherit;*/
        width: 235px;
        /*   justify-content: left;*/
    }


    #chartc_div div div div svg g rect {
        width: 70px;
    }

    #chartc_div div div div svg g g g text {
        font-size: xx-small;
    }

    #chart_div div div div svg g g g {
        left: 12px;
    }

    #charta_div div div div svg g g g text {
        font-size: 12px;
        text-wrap: normal;
    }

    #chartb_div div div div svg g g g text {
        font-size: 12px;
        text-align: right;
        float: right;
        /*text-anchor: start;*/
    }
    #chartc_div div div div svg g {
        font-size: x-small;
    }

        #chartc_div div div div svg g text {
            font-size: x-small;
        }
    h6 {
        font-size: large;
    }
    /*#ConfirmTable11_previous:before {
        visibility: hidden;
        position: relative;
    }

    #ConfirmTable11_previous.othertext::after {
        content: 'السابق';
        visibility: visible;*/
        /*     display: normal;*/
        /*position: absolute;
        top: 0;
        left: 0;*/
        /*   font-language-override: 'SRB';*/
    /*}*/

}
@media (width: 768px) {
    table#fart tbody tr td, #fart2 td, #fart th {
        /*  max-width: 27px;
        width: auto;*/
        font-size: 0.45em;
        /*   overflow: hidden;*/
    }
    ins {
        display: flex;
    }
    #fart th {
        border: none;
    }
}