@import url("https://fonts.googleapis.com/earlyaccess/droidarabickufi.css");

body {
    min-width: 550px;
    width: auto !important;
    font-family: droid arabic kufi;
    font-size: 1rem;
}

.table > thead > tr[align=center] > th { text-align: center; }
.table > thead > tr > th[align=center] { text-align: center; }
.table > thead > tr > th[align=left] { text-align: left; }
.table > thead > tr > th[align=right] { text-align: right; }

label.error { color: red; }

.GridviewControl { display: inline-block; }

.MarksLoadingImage { height: 19px; border: 0; vertical-align: bottom; }

.MarksWarningImage { height: 20px; border: 0; vertical-align: bottom; }

.MarksSuccessImage { height: 20px; border: 0; vertical-align: bottom; }

.no-padding { padding: 0 !important; }

.no-margin { margin: 0 !important; }

.row-margin-bottom { margin-bottom: 10px; }

.ItemSelected { background-color: #dff0d8; }

#header
{
    background-color: #21498A;
    background-image: url("../Images/banner_bkgd.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 125px;    
    padding: 39px 0;
    font-size: 17pt;
    font-weight: bold;
    color: white;
}

#header-xs
{
    background-color: #21498A;
    height: 115px;
    font-size: 17pt;
    font-weight: bold;
    color: white;
}

    #header-xs .logo
    {
        float: left;
    }

    #header-xs .title
    {
         float: left;
         margin-top: 16px;
    }

@media(min-width: 900px)
{
    #header{font-size: 17pt;}
}

@media (min-width: 769px)
{
    .label-left { text-align: left; }
}

.no-margin {
    margin: 0;
}

/* fix action dropdown menu location inside grid*/
.dropdown-menu {
    right: auto;
}

.top-header {
    background: #1f3d78;
    padding: 20px;
}

.site-div {
    color: #fff;
    font-size: 20pt;
    font-family: droid arabic kufi;
    padding-right: 40px;
    padding-top: 10px;
}

/* Custom datepicker container styles */
.datepicker {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: droid arabic kufi;
}

     /*Datepicker header (month, year) */
 /*   .datepicker .datepicker-days .datepicker-switch {
        background-color: #999;
        color: #fff;
        font-weight: bold;
        font-family: droid arabic kufi;
    }*/

  /*   Active day (today) styles */
  /*  .datepicker .day.active {
        background-color: #007bff;
        color: #fff;
    }*/

   /*  Hover effect on days */
   /* .datepicker .day:hover {
        background-color: #0056b3;
        color: #fff;
        cursor: pointer;
    }*/