@import url(fontiran.css); 
@font-face {
    font-family: 'Byekan';
    src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6-8 */
    url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BYekan.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */;
    font-weight:normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
*,h3,h4,h5,.modal-title,h2,h1,p,.alert,span,li,th,td,tr,ol,ul,label,option,select,.hint-block,.help-block,input,button{
   font-family: IRANSans;
    /*font-family:'iran';*/
    direction: rtl;
    font-size: 10pt ;
}
.pagination {
    width:100%;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}


@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}




/**** resume ****/

.box-main {
      background-color: #f5f5f5;
      border-top: 3px solid #1f74db;
      border-radius: 5px;
      padding: 14px 14px;
      text-align: center;
      margin-bottom: 20px;
  }
.box-main-dl {
    background-color: #f5f5f5;
    border-top: 3px solid #1f74db;
    border-radius: 5px;
    padding: 14px 14px;
    text-align: center;
   margin: 0 auto;
}
.box-main-dl-r {
    background-color: #f5f5f5;
    border-top: 3px solid #db401c;
    border-radius: 5px;
    padding: 14px 14px;
    text-align: center;
    margin: 0 auto;
}
.box-main-r {
    background-color: #f5f5f5;
    border-top: 3px solid #db401c;
    border-radius: 5px;
    padding: 14px 14px;
    text-align: center;
    margin-bottom: 20px;
}

.countdown {
    border:2px solid #888;
    border-radius:50%;
    color:#888;
    display:block;
    font-size:16px;
    font-weight:300;
    height:100px;
    line-height:18px;
    margin:25px auto;
    padding:29px 0 0;
    width:100px
}
.countdown .timer {
    font-size:25px
}
.banner {
    background-color: #ececec;
    width: auto;
    height: auto;
    margin-left: -2%;
    float: left;
    border-top: solid 5px #ececec;
    border-left: solid 5px #d6d6d6;
    border-right: solid 5px #d6d6d6;
    border-radius: 7px;
    border-bottom: solid 5px #ececec;
}
.collapse.navbar-collapse {
background-color: #9c27b0;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
width: 104%;
margin-right: -2% !important;
margin-top: -1%;

}
.logo {
    background-color: #9c27b0;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    width: 102%;
    margin-right: -2% !important;
    margin-top: -0.4% !important;
}
.navbar-header {
background-color: #9c27b0;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
width: 110%;
margin-right: -5% !important;
margin-top: -5%;
padding: 8.3px 0px;
line-height: 30px;
}
.navbar-brand {
    color: white !important;
}
.simple-text {
    color: white !important;
}
.navbar-header .navbar-toggle {
    color: white;
}
.table > tbody > tr {
    position: inherit !important;
}
.logos{
    height: auto;
}
 @media screen and (max-width: 1080px) and (min-width: 600px) {
    .navbar-header {
    margin-top: -2% !important;

}
.collapse.navbar-collapse {
margin-top: -2% !important;
}
.navbar-brand {
    margin-left: 2% !important;
}
}
.card .card-header {
    background: linear-gradient(60deg, #ec407a, #d81b60) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important;
}
.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch !important;
}
.ps-scrollbar-x-rail {
    display: none !important;
}
/*my add*/
.alert.alert-warning {
    background-color: #ffa21a;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    display: none;
}
.logos {
    height: auto;
    display: none;
}