/*
Theme Name: شرکت تعاونی فرهنگیان رفسنجان
Theme URI: https://gratech.ir
Author:Gratech | Kaveh Nz
Author URI: https://gratech.ir
Description: شرکت تعاونی فرهنگیان رفسنجان
Version: 1
Tags: Farhangian Rafsanjan
Text Domain: Farhangian Rafsanjan
*/
@import url(css/face.css);
@import url(css/bootstrap.css);
@import url(css/bootstrap-rtl.min.css);
@import url(css/owl.carousel.css);
@import url(css/owl.transitions.css);
@import url(css/owl.theme.css);
@import url(css/jquery.mCustomScrollbar.min.css);
@import url(css/sweetalert2.min.css);
button,
input,
.tooltip {
  font-family: "IRANSans", "roboto";
  font-size: 15px;
  font-weight: 300;
}
*:focus {
  outline: none !important;
  text-decoration: none;
}
.no-padd {
  padding-right: 0;
  padding-left: 0;
}
.no-padd-r {
  padding-right: 0;
}
.no-padd-l {
  padding-left: 0;
}
body {
  background: #f3f6f7;
  font-family: "IRANSans", "roboto";
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.TopHeader {
  background: url("images/bgheader.jpg");
  padding-top: 20px;
  background-size: contain;
}
.TopHeader .container {
  position: relative;
}
.TopHeader .container::after {
  position: absolute;
  top: 0;
  right: 15px;
  content: " ";
  background: url(images/agha.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  height: 131px;
  background-position: right;
}
.TopHeader img {
  margin: auto;
}
.TopMenu {
  background: #061061;
  padding: 0;
}
.MainMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.MainMenu ul li {
  position: relative;
  display: inline-block;
}
/*       Start SubMenu       */
.MainMenu ul li > ul {
  position: absolute;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  min-width: 200px;
  background: #0c1a7b;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: 0.2s ease-in-out;
}

.hassub > a {
  padding-left: 30px !important;
}
.hassub > a::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  position: absolute;
  color: #fff;
  left: 14px;
  top: 19px;
  z-index: 2;
  font-size: 8pt;
}
.ShowSubMenu {
  visibility: visible !important;
  opacity: 1 !important;
  transition: 0.2s ease-in-out;
}
.MainMenu ul li > ul li {
  list-style: square;
  display: block;
}
.MainMenu ul li > ul li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.MainMenu ul li > ul li a {
  margin-left: 0;
}

/*       End SubMenu       */
.MainMenu ul li a {
  display: block;
  padding: 15px;
  transition: 0.2s ease-in-out;
  color: #fff;
  font-weight: 400;
  font-size: 10pt;
}
.MainMenu ul li a:hover,
.MainMenu ul li a:active {
  text-decoration: none;
  background: #04044c;
}
.SearchBox input {
  background: #04044c;
  width: 100%;
  color: #fff;
  padding: 14px;
  border: 0;
}
.SearchBox input::-webkit-input-placeholder {
  /* Edge */
  color: white;
  font-size: 10pt;
}
.SearchBox input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 10pt;
  color: white;
}
.SearchBox input::placeholder {
  font-size: 10pt;
  color: white;
}
.SearchBox button {
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #04044c;
  border: 0;
  padding: 16px 16px;
  padding-bottom: 8px;
}
.SearchBox button svg {
  width: 18px;
  height: 18px;
}
.SideBar,
.MainContent {
  margin-top: 20px;
}
.MainContent {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 30px;
}
.SideBarBtnItem a:hover,
.SideBarBtnItem a:active {
  text-decoration: none;
}
.SideBarBtnItem:last-child a {
  margin-bottom: 0;
}
.SideBarBtnItem a {
  display: block;
  padding: 25px;
  border-radius: 3px;
  font-weight: 500;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.SideBarBtnItemOrange,
.SideBarBtnItemOrange:hover,
.SideBarBtnItemOrange:active {
  background: #ffc9b5;
  color: #ff3c01;
  text-decoration: none;
  border: 1px solid #ff3c012e;
}
.SideBarBtnItemGreen,
.SideBarBtnItemGreen:hover,
.SideBarBtnItemGreen:active {
  background: #c0f8c5;
  border: 1px solid #8cff90;
  color: #009432;
  text-decoration: none;
}
.SideBarBtnItemblue,
.SideBarBtnItemblue:hover,
.SideBarBtnItemblue:active {
  background: #c7e2f6;
  text-decoration: none;
  color: #2196f3;
  border: 1px solid #89daff;
}
.SideBarBtnItem a svg {
  width: 100px;
  height: 100px;
  position: absolute;
  display: none;
  right: -15px;
  top: 5px;
}
.PostItem {
  padding-bottom: 10px;
  margin-bottom: 20px;
  min-height: 200px;
  border-bottom: 1px solid #f1f1f1;
}
.PostItem:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.PostItemPicture {
  border-radius: 3px;
  min-height: 200px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.PostItemContentTitle {
  margin-top: 0;
}
.PostItemContentTitle a {
  color: #0976ce;
  font-size: 11pt;
  font-weight: 600;
}
.PostItemContentTitle a:hover,
.PostItemContentTitle a:active {
  text-decoration: none;
}
.PostItemContent {
  padding-left: 0;
  height: 210px;
  overflow: hidden;
}
.PostItemContentText {
  height: 125px;
  overflow: hidden;
  position: relative;
  font-size: 10pt;
  text-align: justify;
  line-height: 1.7;
}
.PostItemContentText::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(45%, rgba(255, 255, 255, 0)),
    to(#fff)
  );
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 45%,
    #fff 100%
  );
  bottom: 0;
  content: "";
  display: block !important;
  height: 80%;
  transition: 0.2s ease-in;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 5;
  border-radius: 5px 5px 0 0;
}
.PostItemContentDetails {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 15px;
}
.PostItemContentDetailsItem {
  display: inline-block;
  margin-left: 20px;
  font-weight: 400;
  font-size: 9pt;
  color: #464646ad;
}
.PostItemContentDetailsItem span {
  font-weight: 500;
  font-size: 8pt;
}
.PostItemContentDetailsReadMore {
  float: left;
  margin: 0;
}
.PostItemContentDetailsReadMore a {
  display: inline-block;
  color: #fff;
  background: #0976ce;
  padding: 5px 15px;
  padding-left: 30px;
  font-weight: 500;
  border-radius: 200px;
  position: relative;
}
.PostItemContentDetailsReadMore a:hover,
.PostItemContentDetailsReadMore a:active {
  text-decoration: none;
}
.PostItemContentDetailsReadMore a svg {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #106bb5;
  border-radius: 100%;
  width: 15px;
  height: 15px;
}
.MainContentTitle h2 {
  margin: 0;
  background: #f6f8f8;
  margin-left: -15px;
  margin-top: -15px;
  margin-right: -15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 10pt;
  line-height: 1;
  color: #464646ad;
  padding: 20px;
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd45;
}
.SideBarLoginFormBox {
  background: white;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  border-radius: 5px;
}
.SideBarLoginFormBox input {
  width: 100%;
  border: 0;
  font-weight: 500;
  margin-bottom: 10px;
  background: #f7f7f7;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #ececec;
}
.SideBarLoginFormBox button {
  width: 100%;
  border: 0;
  border-radius: 3px;
  padding: 10px;
  color: #fff;
  font-size: 10pt;
  font-weight: 400;
  background: #0976ce;
}
.SideBarLoginFormBox input::-webkit-input-placeholder {
  font-size: 10pt;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: rgba(70, 70, 70, 0.68);
}
.SideBarLoginFormBox input:-ms-input-placeholder {
  font-size: 10pt;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: rgba(70, 70, 70, 0.68);
}
.SideBarLoginFormBox input::placeholder {
  font-size: 10pt;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: rgba(70, 70, 70, 0.68);
}
.SideBarLoginFormBox input:last-child {
  margin-bottom: 0;
}
.SideBarLoginFormBoxTitle {
  margin: 0;
  background: #f6f8f8;
  margin-left: -15px;
  margin-top: -15px;
  margin-right: -15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 10pt;
  line-height: 1;
  color: #464646ad;
  padding: 20px;
  padding-bottom: 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd45;
}
.SideBarLoginFormBox h4 {
  margin: 0;
  line-height: 2;
  font-weight: 500;
  font-size: 11pt;
  margin-bottom: 10px;
  text-align: center;
}
.SideBarLoginFormBox input[type="checkbox"] {
  width: 15px !important;
  margin: 0;
  margin-left: 3px;
  height: 15px;
  position: relative;
  top: 4px;
}
.SideBarLoginFormBox label {
  font-size: 9pt;
  line-height: 1;
  font-weight: 500;
}
footer {
  background: #061061;
  margin-top: 30px;
  line-height: 1.8;
  letter-spacing: -0.5px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
}
footer .container {
  position: relative;
}
#GoTopBtn {
  position: absolute;
  right: 45%;
  background: #061061;
  padding: 16px 14px;
  padding-bottom: 0;
  top: -60px;
  display:none;
  padding-top: 13px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
#GoTopBtn:hover svg {
  transition: 0.3s ease-in-out;
  transform: translateY(-5px);
}
footer a:hover,
footer a:active {
  text-decoration: #fff;
  color: #fff;
}
footer p {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
footer a {
  letter-spacing: -0.5px;
  text-align: center;
  font-size: 9pt;
  font-weight: 400;
  color: #7582e6;
}
.OpenMobileMenu {
  padding-right: 30px;
  position: relative;
  color: #fff;
  line-height: 3.5;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
.OpenMobileMenu svg {
  right: 0;
  top: 13px;
  position: absolute;
}
.OpenMobileSearch {
  display: none;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #04044c;
  border: 0;
  padding: 9px 13px;
  z-index: 2;
  cursor: pointer;
}
.OpenMobileSearch svg {
  padding: 1px;
  padding-top: 5px;
}
.TblBox {
  position: relative;
  right: 3px;
}
.RepTbl {
  width: 100%;
  margin-bottom: 30px;
}
.RepTbl, .RepTbl td {
  border-collapse: collapse;
  text-align: center;
}

.RepTbl thead {
  background: #1d235814;
  display: table; /* to take the same width as tr */
  width: calc(100% - 6px); /* - 17px because of the scrollbar width */
}
.RepTbl thead tr th {
  padding: 10px;
}
.RepTbl tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 240px; /* e.g. */
}

.RepTbl th,
.RepTbl td {
  padding: 10px;
  word-break: break-all; /* 4. */
}

.RepTbl tr {
  display: table; /* display purpose; th's border */
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}
.RepTbl tbody tr:last-child {
  border-bottom: 1px solid #f1f1f1;
}
.RepTbl tbody tr:nth-child(even) {
  background: #f5f5f5;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 10px !important;
}
.RepTbl td {
  text-align: right;
  border-left: none;
}
.TblTitle {
  font-size: 11pt;
  margin-bottom: 20px;
  background: #0976ce;
  color: #464646;
  line-height: 3;
  text-align: center;
  margin-bottom: 0;
  width: calc(100% - 6px);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
}
.SideBarDetailsUserBox {
  background: white;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  border-radius: 5px;
}
.SideBarDetailsUserBoxWlc {
  word-spacing: -0.5px;
  letter-spacing: -0.5px;
  font-size: 10pt;
  line-height: 2;
  text-align: center;
}
.SideBarDetailsUserBoxWlcDetails{
	font-weight:400 !important;
	color:#464646 !important;
}
.SideBarDetailsUserBoxWlc span {
  display: block;
  color: #0976ce;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
}
.SideBarDetailsUserBoxEditProf {
  display: block;
  background: #0976ce;
  text-align: right;
  position: relative;
  color: white;
  padding: 10px;
  font-size: 10pt;
  margin-bottom: 10px;
  padding-right: 35px;
  border-radius: 3px;
}
.SideBarDetailsUserBoxEditProf:hover {
  background: #045496;
}
.SideBarDetailsUserBoxEditProfGreen {
  background: #009432;
}
.SideBarDetailsUserBoxEditProfGreen:hover {
  background: green;
}
.SideBarDetailsUserBoxEditProfexit:hover {
  background: #d22020;
}
.SideBarDetailsUserBoxEditProfexit {
  background: #ea2027;
}
.SideBarDetailsUserBoxEditProf:last-child {
  margin-bottom: 0;
}
.SideBarDetailsUserBoxEditProf:hover,
.SideBarDetailsUserBoxEditProf:active {
  text-decoration: none;
  color: #fff;
}
.SideBarDetailsUserBoxEditProf svg {
  position: absolute;
  right: 10px;
  top: 11px;
}
.FrmProfileItem:last-child {
  margin-bottom: 0;
}
.FrmProfileItem label {
  background: #e1e5ff;
  padding: 11px 0;
  white-space: nowrap;
  letter-spacing: -0.5px;
  word-spacing: -0.5px;
  position: absolute;
  font-size: 9pt;
  text-align: center;
  width: 110px;
  height: 42px;
  border-top-right-radius: 5px;
  font-weight: 500;
  border-bottom-right-radius: 5px;
  border: 1px solid #e1e5ff;
  color: #464646;
}
.FrmProfileItem ::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 9pt;
  color: #aaa;
}

.FrmProfileItem :-ms-input-placeholder {
  font-weight: 500;
  font-size: 9pt;
}

.FrmProfileItem ::placeholder {
  font-weight: 500;
  font-size: 9pt;
}
.FrmProfileItem {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.FrmProfileItem input,
.FrmProfileItem select,
.FrmProfileItem textarea {
  background: #fff;
  font-weight: 500;
  height: 42px;
  font-size: 9pt;
  border-radius: 5px;
  color: #464646;
  border: 1px solid #e1e5ff;
  padding: 9.5px;
  padding-right: 120px;
  width: 100%;
}
.FrmProfileItem textarea {
  height: auto;
  padding: 10px;
}
.require label::after {
  content: "*";
  padding-right: 3px;
  color: red;
}
.FrmProfileItem button {
  background: #0976ce;
  color: white;
  border: 0;
  padding: 10px 20px;
  border-radius: 3px;
  letter-spacing: -0.5px;
  word-spacing: -0.5px;
  transition: 0.2s ease-in-out;
}
.FrmProfileItem button:hover {
  background: #116eb9;
  transition: 0.2s ease-in-out;
}
@media (min-width: 1200px) {
  .container {
    width: 1150px;
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .SideBarDetailsUser {
    padding-right: 0;
    padding-left: 0;
  }
  .OpenMobileSearch {
    display: block;
  }
  .MainMenu {
    position: fixed;
    background: #061061;
    top: 0;
    bottom: 0;
    z-index: 10;
    right: -600px;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
  }
  .MainMenuShowMob {
    right: 0 !important;
    transition: 0.2s ease-in-out;
  }
  .FirstASubMenu {
    display: inline-block !important;
  }
  .hassub:hover {
    background: #04044c;
    transition: 0.2s ease-in-out;
    cursor: pointer;
  }
  .MainMenu ul li {
    display: block;
  }
  .MainMenu ul li > ul {
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: transform 0.2 s ease-out;
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
  }
  .ShowSubMenu {
    height: auto !important;
    transform: scaleY(1) !important;
  }
  .SearchBox form {
    position: absolute;
    top: 49px;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
  }
  .SearchBoxOpen {
    visibility: visible !important;
    opacity: 1 !important;
    transition: 0.2s ease-in-out;
  }
  .SideBarBtnItem {
    padding-left: 5px;
    padding-right: 5px;
  }
  .SideBarLoginForm {
    padding: 0;
  }
  .MainContent {
    margin-top: 0;
  }
  .SideBarBtnItem1 {
    padding-right: 0;
    padding-left: 7px;
  }
  .SideBarBtnItem2 {
    padding-right: 7px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .TopHeader .container::after {
    display: none;
  }
  .PostItemContent {
    padding-right: 0;
    height: 220px;
  }
  .MainContent {
    margin-top: 5px;
  }
  .SideBarBtnItem a {
    margin-bottom: 10px;
  }
  .SideBarBtnItem:last-child a {
    margin-bottom: 0;
  }
  .PostItemPicture {
    margin-bottom: 20px;
    min-height: 350px;
  }
  .PostItemContentDetails {
    right: 0;
  }
  .SideBarLoginForm {
    padding: 0;
  }
}
.single-title h2 {
  margin-top: 0;
  color: #0976ce;
  font-weight: 500;
  font-size: 14pt;
  padding-bottom: 10px;
  line-height: 2;
  margin-bottom: 10px;
}
.single-img {
  height: 400px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.single_content {
  margin-top: 20px;
  line-height: 2;
}
form {
  margin-bottom: 0;
}
.pagination {
  clear: both;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  border-radius: 100%;
  color: #fff;
  min-width: 24px;
  background: #555;
}

.pagination a:hover {
  color: #fff;
  background: #3279bb;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #3279bb;
  color: #fff;
}