/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
    @font-face {
        font-family: 'El Messiri';
        font-style: normal;
        font-weight: 500;
        src: local('El Messiri Medium'), local('ElMessiri-Medium'), url(../fonts/El-Messiri.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
{
  font-family:"El Messiri", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  direction: rtl;
}
.iconpading
{
    padding: 10px 10px 10px 10px;
}

.linkhover:hover
{
    
        cursor: pointer;
       background-color: #ffffff;
       border-radius: 5px;
}

.linko:hover
{
    
        cursor: pointer;
      
}
.headingname
{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,.87);
}
.spcs
{
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 400;
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
}
.avatar {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 10px;
}

.userlogo {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
p{
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6
{
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
}
a{
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
}
div{
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
}
.ar
{
    font-family:"El Messiri",  Helvetica, Arial, sans-serif !important;
}

.menuzord-menu li .indicator {
    margin-right: 3px  !important;
}
.box-hover-effect.effect-siberia .info-box .info-title:before {
    
    content: "\f053" !important;
    font-family: "fontAwesome";
    left: 7px !important;
    
}


.form-bord {
    border: 2px solid #49bfc1 !important;
}
.bg-theme-colored-d
{
color:#fff;
}

 
.borr:hover{
    background-color: #e6e6e6;
     
}
.borr h3{
    color:#9d3293 !important;
}

.cardss h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    color:#9d3293  !important;
}

.jumbotron
{
    margin-bottom: 0px !important;
}


.panel-primary>.panel-heading {
    
    background-color: #9d3293  !important;
}
.btn-info {
    
    background-color: #9d3293  !important;
    border-color: #c7aac5  !important;
}