@import "font.css";

*{
  font-family: tahoma;
}

.nassim {
  font-family: nassim;
  font-size: 16px;
}
.yekan {
  font-family: yekan;
}
b {
  font-family: nassim;
  font-size: 16px;
}
.formLable {
  font-weight: normal;
  font-size: 16px;
  padding: 0px 24px;
  color: #525252;
}
.tooltip-inner {
  opacity: 1;
  padding: 8px;
  max-width: 750px;
  /* If max-width does not work, try using width instead */
  width: 750px;
}

p{
  text-shadow:  #efefef 2px 2px 4px;
}
body {
  /*background-image: url("../../image/pattern.png");*/
  background-color: #fdfdfd;
}
.tile {
  background-image: url("../../image/tile.jpg");
}
strong{
  font-family: yekan;
}
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.ltr { direction: ltr; }
.rtl { direction: rtl; }

.lf {font-size: 12pt;}

.star:before {
  content: "*";
  color: crimson;
  padding-right: 4px;
}

.important-color{background-color: #f48;color: #fff}


.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}

.m5lr{margin-right: 5px; margin-left: 5px;}
.m10lr{margin-right: 10px; margin-left: 10px;}
.m15lr{margin-right: 15px; margin-left: 15px;}
.m0tb{ margin-top: 0px;  margin-bottom: 0px;}
.m5tb{ margin-top: 5px;  margin-bottom: 5px;}
.m10tb{margin-top: 10px; margin-bottom: 10px;}
.m15tb{margin-top: 15px; margin-bottom: 15px;}

.p0{padding: 0px!important;}
.p5{padding: 5px!important;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}

.p0lr{padding-right: 0px!important; padding-left: 0px!important;}
.p5lr{padding-right: 5px!important; padding-left: 5px!important;}
.p10lr{padding-right: 10px!important; padding-left: 10px!important;}
.p15lr{padding-right: 15px; padding-left: 15px;}
.p0tb{ padding-top: 0px;  padding-bottom: 0px;}
.p2tb{ padding-top: 2px;  padding-bottom: 2px;}
.p3tb{ padding-top: 3px;  padding-bottom: 3px;}
.p5tb{ padding-top: 5px;  padding-bottom: 5px;}
.p10tb{padding-top: 10px; padding-bottom: 10px;}
.p15tb{padding-top: 15px; padding-bottom: 15px;}

.bw2{
  border-width: 2px;
}

.w20{   width:20%!important;}
.w25{   width:25%!important;}
.w50{   width: 50%; }
.w60{   width: 60%!important; }
.w70{   width: 70%!important; }
.w80{   width: 80%; }
.w100{  width: 100%; }

.whiteColor{color: #FFF;}
.blackColor{color: #000;}

.borderRed{
  border: solid #f99 1px !important;
  box-shadow: #fbb 1px 1px 2px !important;

}

.customInputDropDown {
  border: #bbc solid 1px;
  border-radius: 4px;
  padding: 4px;
  width: 100%;
  box-shadow: #eee 1px 1px 3px;
  transition: all 0.3s;
}
.customInput {
  border: #ccc solid 1px;
  padding: 6px;
  width: 100%;
  box-shadow: #eee 1px 1px 3px;
  transition: all 0.3s;
}
.customInputTextarea {
  border: #ccc solid 1px;
  padding: 6px;
  width: 100%;
  box-shadow: #eee 1px 1px 3px;
  transition: all 0.3s;
  height: auto;
}

.customInput:focus,.customInputTextarea:focus,.customInputDropDown:focus{
  border: #999 solid 1px;
  box-shadow: #eee 2px 5px 10px;
  transition: all 0.3s;
}

.leftBorder{
  border-left: solid #cccccc 1px;
  padding-left: 32px;
}

.rightBorder{
  border-right: solid #cccccc 1px;
  padding-right: 32px;
}

.spin {
  -webkit-animation:spin 0.7s linear infinite;
  -moz-animation:spin 0.7s linear infinite;
  animation:spin 0.7s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.iconWait{
  vertical-align: middle;
  color: #761c19;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 18pt;
}

.btn{
  transition: all 0.3s;
}
.btn:hover{
  transition: all 0.3s;
}
a:hover{
  transition: all 0.3s;
}

.mainMenuIc{
  font-size: 18px;
  padding-left: 8px;
  padding-right: 8px;
  transition: all 0.3s;
}

a:hover > .mainMenuIc{
  padding-left: 8px;
  padding-right: 16px;
}

.userIc{
  font-size: 22px;
  padding-left: 8px;
  padding-right: 8px;
  color: #337ab7;
  transition: all 0.3s;
}

.btnIc{
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  transition: all 0.3s;
}

.btn:hover > .btnIc{
  -webkit-animation:spin 0.7s linear 1;
  -moz-animation:spin 0.7s linear 1;
  animation:spin 0.7s linear 1;
  transition: all 0.3s;
}

.clockIc{
  position: absolute;
  font-size: 32px;
  padding-left: 8px;
  padding-right: 8px;
  color: #b7337a;
  transition: all 0.3s;
  cursor: pointer!important;
}

.clockIc:hover{
  color: #33b77a;
}

.btn-lankarani{
  background-color: #CFE9D0;
  border: solid 1px  #777777;
  color: #000;
}

.btn-lankarani:hover{
  background-color: #D0E8E7;
}

.btn-lankarani-selected{
  background-color: #7A719C;
  border: solid 1px  #777777;
  color: #fff;
}

.btn-lankarani-selected:hover{
  background-color: #8A81aC;
  color: #fff;
}

.blogRemoveIc{
  font-size: 22px;
  padding-left: 8px;
  padding-right: 8px;
  color: #b7337a;
  transition: all 0.3s;
  cursor: pointer !important;
}

.blogEditIc{
  font-size: 22px;
  padding-left: 8px;
  padding-right: 8px;
  color: #33b77a;
  transition: all 0.3s;
  cursor: pointer !important;
}

.iconAnswerHelp{
  font-size: 22px;
  color: #4cae4c;
  transition: all 0.5s;
}
.iconAnswerHelp:hover{
  font-size: 22px;
  color: #398439;
  cursor: pointer!important;
  transition: all 0.5s;
}