@font-face {
  font-family: DINReg;
  src: url(../fonts/DINNextLTArabic-Regular.ttf);
}

@font-face {
  font-family: DINMed;
  src: url(../fonts/DINNextLTArabic-Medium.ttf);
}
  

body {
    background: #fff;
    background-repeat: repeat-x;
    padding: 0px!important;
    margin: 0px !important;
    height: 100vh;
    overflow-x: hidden; 

}

#toastr-container {
    text-align: center !important;
  }

a, .collapsedItem a {
    border: 0px;
    /*color: #337ab7;*/
    text-decoration: none;
}

    a:hover {
        color: #d72734;
    }

 
 

 

 

 

 

 

 
.menu_icon {
    float: left;
    height: 74px;
}

    .menu_icon p {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 35px;
        height: 40px;
    }

 
 

.navbar-right {
    float: right;
    display: block;
    margin: 0;
    list-style: outside none none;
    padding: 2px;
}

    .navbar-right > li {
        float: left;
        display: block;
    }

        .navbar-right > li > .dropdown-menu {
            position: absolute;
            width: 140px;
            background-color: #fff;
            right: 0;
            padding: 7px;
            border-top: 2px solid #00a8d4;
        }

        .navbar-right > li > #lang_Dropdown {
            right: 72px;
            margin-top: 4px;
        }

        .navbar-right > li > a {
            padding-bottom: 15px;
            padding-top: 15px;
            color: #00a8d4;
            display: block;
            padding: 23px 15px;
            position: relative;
        }

            .navbar-right > li > a:Hover {
                color: #d72734;
            }
            #dLabel {
                color: #565353;
              
              }
 

 

.avatar {
    /*border: 1px solid rgba(255, 255, 255, 0.35);*/
    /*border-radius: 500px;*/
    display: block;
    white-space: nowrap;
    margin-left: 30px;
    margin-top: -19px;
    width: 60px;
    background: #eee;
}

     

 

.fa-fw {
    text-align: center;
    width: 1.28571em;
    font-size: 1.5em !important;
}

.menu-trigger {
    position: relative;
    padding-left: 60px;
    font-size: 0.9em;
    display: block;
    height: 32px;
}

    .menu-trigger:before {
        position: absolute;
        top: 0px;
        left: 0;
        width: 28px;
        height: 3px;
        background: transparent;
        box-shadow: 0 0px #d72734, 0 9px #d72734, 0 18px #d72734, 0 27px #d72734;
        content: '';
    }

    .menu-trigger:Hover:before {
        box-shadow: 0 0px #27414b, 0 9px #27414b, 0 18px #27414b, 0 27px #27414b;
    }




.c-btn {
  display: block;
  width: 100%;
  height: 34px;
  padding:5px !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
   box-shadow : none !important;
}

#toastr-container  > .toastr-error {
    background-color: red ;
   }
   #toastr-container  > div {
    text-align: center;

   }
@media(max-width: 1500px) {
  .c-btn {
   
    height: 30px;
    padding: 5px !important;
    
  }

}





.alerts {
  right: 5px;
  width: 235px;
}