.row-main {
    padding-right: 4px;
    padding-left: 4px;
    font-family: 'Amiri';
    font-size: 1.1em;
}
.left-button {
  float: right;

}
.right-button {
   float: left;
   padding-top: 5px;
}

.box {
  box-shadow: -7px 6px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0px 10px 10px 10px;
}
@media (min-width: 600px){

  .source {
    padding-left: 3px;
  }
  
}
.miniature  {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}


.navbar-brand{
  margin-left: 0;
  margin-right: 5px;
}
.rssbox {
  direction: ltr;
}

.rssbox {
  direction: ltr;
}

.leftmenu {
    direction: ltr;
}

.leftmenu .item img{
 margin-left: 0  ; margin-right: 20px;
} 
.leftmenu .item span img{
  margin-left: 0  ; margin-right: 5px;
} 
.dropdown-content {
    left: 35px!important;
  }

#ui-datepicker-div{
	direction: ltr;
}
.inputpadding{

    padding-bottom: 12px;
}
  .popover {
      left: auto!important;
      right: 1602px!important;
  }
  .popover .arrow {
      left: 95%!important;
  }
  .popover-content .btn {
      font-size: 0.9em;
  }

  @media (min-width: 500px){
  .custom-title {
      font-family: arial,sans-serif;
    }
  }


  @media (max-width: 600px){

      .popover{
        right: 380%!important;
        width: 95%!important;
      }

      .popover .arrow {
        left: 96%!important;
      }

      .custom-title  { 
        text-align: left;
        font-size: 1em!important;
      }

  }


      .rssbox .popover{

        left: auto!important;
        right: 381%!important;
        width: 95%!important;
      }

      .rssbox .popover .arrow {
        left: 93%!important;
      }
      .rssbox .custom-title  { 
        font-size: 1em!important;
        text-align: left;
      }

      .rssbox .left-button > a{
        float: right;
        margin-left: 5px;
      }
      .rssbox .right-button > div{
    padding-left: 4px;

      }   




      .regfav{ padding-right: 0px; padding-left: 12px;   margin-top: 50px;   margin-bottom: 20px;padding-bottom: 4px; clear: both;
        
      }   
      .regfav span{
        float: left;

      }

      @media (max-width: 500px) {

        .regfav{ padding-left: 0;
        
        }
      }


      .fav{
        background-size: 18px;
      }
      .fav.active{
        background-size: 18px;
      }




      /* ///////////// navbar//////////////*/





      
    .sites{
        direction: ltr; 
        border-right: 0px solid;
        border-left: 1px solid;

    }

    .site{
        border-radius: 0 28px 30px 0;

    }
    
    .rank{

      float: left;
       
    }
    
    .roundstar{

        float: left;
    }

    .ar{

        float: left;
        text-align: left;
    }
    .ar a{
      font-family: arial,sans-serif;
    }
    .fr{

        float: right;
        text-align: left;
    }

  @media (max-width: 420px) {
    
    .roundstar{

      margin-right: : 1px;
      float: right;
    }
    
  }
#down-arrow {
    left: auto;
    right: 10px;
}

#ui-datepicker-div {
    transform: translateX(+63px)!important;
    }

  @media (max-width: 400px) {
    

    #ui-datepicker-div {
        transform: translateX(-55px)!important;
        left: 26%!important;
    }

    
  }