/*@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@700&family=Kufam:wght@900&family=Reem+Kufi&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@300&display=swap');

@font-face {
  font-family: 'Kufam';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/kufam/kufam.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
body {
    direction: rtl;
    unicode-bidi: embed;
    font-family: 'Changa', sans-serif;
}
input,select,button{
    font-family: 'Changa', sans-serif;    
}
#logo {
    float: right;
}

.menu ul {
    right: 0;
    left: auto
}

.menu li li:hover > ul {
    left: auto;
    right: 100%;
}

.menu li {
    float: right;
}


.menu > li:last-child > a {
    border-left: medium none;
}

#content {
    float: right;
}

.links {
    text-align: left;
}

.sidebar li li {
    margin: 0 0px 0 5px;
    padding: 4px;
    border-bottom: 1px #BBBBBB dashed;
}


.sidebar li h2 {
}
#s {
    margin: 10px 15px 0px 0;
}


#calendar_wrap tfoot td#prev {
    text-align: right;
}

#calendar_wrap tfoot td#next {
    text-align: left;
}

/* Footer */

@media screen and (max-width:850px){
    .sidebar{
        margin-top:20px;
        padding:0px 10px;	
    }
}


/* NAV */


.nav-logo{
}
ul.nav-menu, ul.nav-menu li, ul.nav-menu li a{
    float:right;
}
ul.nav-menu{
    /*padding-right:10px;*/
    padding-left:0px;
}

.nav-toggle{
    right:auto;
    left:0;
}
span.icon-bar{
    right:auto;
    left:12px;
}

.nav-overlay{
    right:auto;
    left:0;
}
table th {
    text-align: right;
}
.form-group select,.form-group input{
    margin-right: auto;
    margin-left: 5px;

}
.row [class^="col"] {
    float: right;
}

.main-year.main-gyear{
    text-align:right ;
}
.main-year.main-hyear{
    text-align: left;
}
.main-date .main-weekday{
    font-size: 64px;
}
.converter-details-container .fb-share{
    padding-right: 60px;
    margin-left: -20px;
    background: #b8daff url(images/fb.png) right no-repeat;
    margin-right: auto;
    padding-right: auto;;
}
.feature{
    background-image: linear-gradient(to right ,#E1FEFB, orange, #b8daff);
}

.nav-title,.main-date{
    font-family: kufam, sans-serif;
}
/*calendar*/
@media screen and (min-width: 800px){
    .calendar-container{
        float:right; 
    }
}
@media screen and (min-width: 1000px){
    .calendar-container{
        float:right; 
    }
}
.calendar .hd{
    left: auto;
    right: 1px;
}
.calendar span.gre {
    left: 1px;
    right: auto;
}

.calendar .calendar-subtitle .prev {
    float: right;
    text-align: right;
    border-radius: 0px 6px 6px 0px;
}

.calendar .calendar-subtitle .next {
    float: left;
    text-align: left;
    border-radius: 6px 0px 0px 6px;
}

.calendar table td a {
    text-align: right;
}
.calendar-nav{
    direction: ltr;
}
.go-to-today{
    left: 10px;
    right: auto;
}
.calendar .calendar-title{
    font-family: 'El Messiri', sans-serif;
    font-size: 20px;
    background-image: linear-gradient(to left ,#02dbe3, orange, #b8daff);
}
/*Calendar Heading*/

.calendar-subheading1{
    font-family: 'Kufam', cursive;
    float: right;
    padding-right: 5px;
    padding-left: auto;

}
.calendar-subheading2{
     font-family: 'Kufam', cursive;
   text-align: left;
    padding-left: 5px;
    padding-right: auto;
    float: left;
}
@media all and (max-width: 500px){
    .calendar-subheading1,.calendar-subheading2,.calendar-country{
        text-align: center;
        float:none;
        width:100%;
    }
}
/*End Calendar Heading*/
.scroll-today{
    left: 10px;
    right:auto;
}

.calendar .holiday{
    position: absolute;
    left: 1px;
    right: auto;
    z-index: 1;
}
.calendar .islamic-holiday{
    right: 1px;
    left: auto;
}

.prev{
    border-radius: 6px 0 0 0;
}
.next{
    border-radius: 0 0 0 6px;
}
.calendar-month-name{
    background-position: right;
    padding: 0px 50px 0px 0px;
}
.calendar .prev,.calendar .next{
    padding: 0px 3px 0px 1px;
}