/* Start Reset Code */
@charset "utf-8";
@font-face {
  font-family: 'RRF';
  src: url(../fonts/RRF.woff) format("woff");
  src: url(../fonts/RRF.woff2) format("woff");
  src: url('../fonts/RRF.eot?#iefix') format('embedded-opentype'), url('../fonts/RRF.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body {
  direction: rtl;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  height: 100%;
  width: 100%;
  font: 14px/25px 'RRF','RRFF' !important;
  color: #000;
  overflow-x: hidden;
  background: rgba(243, 243, 243, 0.38);
}
a {
  text-decoration: none;
  outline: none;
  transition: all 0.3s ease-in!important;
  -moz-transition: all 0.3s ease-in!important;
  -o-transition: all 0.3s ease-in!important;
  -webkit-transition: all 0.3s ease-in!important;
  -ms-transition: all 0.3s ease-in!important;
  color: #5f5f5f;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0px none;
}
a:hover {
  outline: none;
}
a:active {
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: none;
  outline-offset: 0px;
  text-decoration: none;
  color: #fff;
}
li{
  list-style: none;
}
textarea {
  resize: none
}

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both
}
.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: right;
  margin-left: .5em
}
.radio .cr {
  border-radius: 50%
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%
}
.radio .cr .cr-icon {
  margin-left: .04em
}
.checkbox label input[type=checkbox],
.radio label input[type=radio] {
  display: none
}
.checkbox label input[type=checkbox]+.cr>.cr-icon,
.radio label input[type=radio]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in
}
.checkbox label input[type=checkbox]:checked+.cr>.cr-icon,
.radio label input[type=radio]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0);
  opacity: 1
}
.checkbox label input[type=checkbox]:disabled+.cr,
.radio label input[type=radio]:disabled+.cr {
  opacity: .5
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 15px!important;
  font-size: 13px;
  text-align: center
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: 1px solid #ddd
}
table {
  font-size: 1rem;
  color: #606365;
}
.table thead {
  background-color: rgba(52,40,104,.05);
  border-radius: 4px;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
  font-size: 14px;
  text-align: center;
}
.table th, .table td{
  border-top: none
}
.table thead th {
  vertical-align: middle;
  border: 0 none;
  color: #5d5386;
  font-weight: 600;
}
.delete, .view, .edit, .section {
  color: rgba(52,40,104,.4);
  font-size: 1rem;
  padding: .2rem;
  transition: all 0.4s ease;
}
tr td a:hover i.delete {
  color: #ff0000;
}
tr td a:hover i.edit {
  color: #08a6c3;
}
tr td a:hover i.view {
  color: #60c400;
}
tr td a:hover i.section {
  color: #ffa500
}

input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="city"]:focus, input[type="date"]:focus, input[type="month"]:focus,
input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus,
input[type="tel"]:focus, input[type="color"]:focus, select, textarea {
  outline: none;
  box-shadow: none!important;
  font-size: 13px
}
.form-control:focus, .has-success .form-control:focus, .has-danger .form-control:focus,
.has-warning .form-control:focus, .has-info .form-control:focus {
  border-color: #26a6b5;
}
.form-control{
  border-radius: 0;
  border: 1px solid #dce1e4;
  box-shadow: none!important;
  font-size: 13px;
  padding: 6px 6px!important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.has-shadow {
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
}


/* End Reset Code */

/*************************************************************************************/


/* Start Bootstrap */
.tooltip .tooltip-inner{
  font-family: 'RRF';
  font-size: 14px;
  max-width:310px;
  padding:5px 8px;
  color:#fff;
  text-align:center;
  background-color:#333;
  border-radius:5px
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 80%;
  margin-left: -5px;
  border-bottom-color: #444;
  border-width: 0 5px 5px;
}
.badge.badge-success{
  background: #22BAA0;
  color: #FFF;
}
.badge-danger{
  background: #f25656!important;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
  float: right!important;
}
.modal-content {
  -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  border: 0;
  border-radius: 0;
}
.modal-header {
  padding: 20px;
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0!important;
  height: 70px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.modal-body{
  display: block;
}
.modal-body p{
  text-align: justify;
  padding: 0 15px
}
.modal-body+.modal-footer, .modal-header+.modal-body {
  padding: 0 20px 20px;
}
.modal-footer {
  border: 0;
  display: block;
}
.modal-header .close{
  margin-top: -2px;
  float: left;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #f25656;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
a.btn {
  color: #fff!important
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  padding-right:8px;
}
::-moz-placeholder { /* Firefox 19+ */
  padding-right:8px;
}
:-ms-input-placeholder { /* IE 10+ */
  padding-right:8px;
}
:-moz-placeholder { /* Firefox 18- */
  padding-right:8px;
}
.btn {
  font-size: 13px;
  border: 1px solid transparent;
  border-radius: 0;
  transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.btn-default{
  background-color: transparent;
  color: #444;
  font-size: 1.50rem;
  padding: 10px 25px;
  border-radius: 99rem;
  border-color: #107abe;
}
.btn-default:hover{
  background-color: #107abe;
  color: #fff;
}
button i{
  padding-right: 10px;
}
.btn-success {
  color: #fff;
  background-color: #25CAAE;
}
.btn-success:hover{
  color: #fff;
  background-color: #22BAA0;
  border-color: transparent;
}
.btn-primary {
  color: #fff;
  background-color: #7a6fbe;
  border-color: transparent;
}
.btn-info {
  color: #fff;
  background-color: #12AFCB;
  border-color: transparent;
}
.btn-danger {
  color: #fff;
  background-color: #f25656;
  border-color: transparent;
}
.panel-green{
  border-bottom: 3px solid #118e4c;
  overflow-y: auto;
  height: 268px;
}
.panel-group .panel-heading {
  font-size: 14px;
  height: auto!important;
  border-bottom: 0!important
}
.panel-default .panel-heading {
  background: #f1f1f1;
  border-color: #e7e7e7
}
.panel .panel-heading {
  padding: 20px;
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0!important;
  height: 55px;
  font-size: 14px;
  font-weight: 600
}
.panel-group .panel-heading .panel-title {
  position: relative;
  width: 100%
}
.panel .panel-heading .panel-title {
  font-size: 14px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: 600
}
.panel-group .panel-heading .panel-title>a {
  font-size: 14px;
  text-decoration: none
}
.panel>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent
}
.panel-success a {
  color: #555!important;
}
.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.panel {
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4)!important;
  border: 0;
  margin-bottom: 25px;
  border-radius: 0
}
.panel-white {
  border: 1px solid #e9e9e9!important
}
.panel-group .panel-heading {
  font-size: 14px;
  height: auto!important;
  border-bottom: 0!important
}
.btn-success {
  color: #fff;
  background-color: #18d2b2;
  border-color: transparent;
}
/* End Bootstrap */

/*************************************************************************************/

/* Start Common */
section{
  margin-top: 5%;
  margin-bottom: 20px;
  margin-right: 8%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  margin-bottom: 0
}
.m-b-sm {
  margin-bottom: 15px;
}
.withe{
  color: #fff!important;
}
.img-circle{
  border-radius: 50%;
}
.red{
  color: #FF5300;
}
.blue{
  color: #519DFF;
}
.none{
  display: none;
}
.green{
  color: #22BAA0!important;
}
.primary-color{
  color: #107abe;
}

.no-padding {
  padding: 0!important;
}
.has-shadow {
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
}
/* End Common */

/*************************************************************************************/

/* Strat Material Input */

.material-input input {
  font-size: 1rem;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #e4e8f0;
  outline: none;
}
.material-input input:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease
}

.material-input .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: .5;
}
.material-input .bar {
  position: relative;
  display: block;
  width: 100%;
}
.material-input .bar:before {
  left: 50%;
}
.material-input .bar:after {
  right: 50%;
}
.material-input input:focus~.bar:before,
.material-input input:focus~.bar:after {
  width: 50%
}
.material-input .bar:before, .material-input .bar:after {
  content: '';
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #00b4bb;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-input label {
  color: #98a8b4;
  font-size: .9rem;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  right: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-input input:focus~label,
.material-input input:valid~label {
  top: -20px;
  font-size: .8rem;
  color: #5d5386
}

.checkbox {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #5f5f5f!important;

}
.checkbox span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.checkbox span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  background: rgba(52,40,104,.1);
  box-shadow: 0 0 1px #eee;
  transition: all 0.2s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.checkbox span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.checkbox span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00b4bb;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.checkbox span:last-child {
  padding-left: 8px;
}
.checkbox:hover span:first-child {
  border-color: #00b4bb;
}

.inputcheck:checked + .checkbox span:first-child {
  background: #00b4bb;
  border-color: #00b4bb;
  animation: wave 0.4s ease;
}
.inputcheck:checked + .checkbox span:first-child svg {
  stroke-dashoffset: 0;
}
.inputcheck:checked + .checkbox span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

/* End Material Input */

/*************************************************************************************/

/* Start widget */


.flex-row>[class*='col-']>.widget {
  background: #fff;
  height: 100%;
}
.widget {
  background: #fff;
  border-radius: 0;
  border: none;
  margin-bottom: 30px;
}
.widget-header.bordered {
  border-bottom: .07rem solid #eee;
}
.widget-header {
  background: #fff;
  padding: .85rem 1.4rem;
  padding: 1.49rem;
  position: relative;
  width: 100%;
}
.widget-header h6{
  position: absolute;
  left: 23px;
  color: #00b4bb;
  font-size: 30px;
}
.widget-body {
  padding: 1.4rem;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.bttn {
  color: #fff;
  font-size: 13px;
  border: 1px solid transparent;
  border-radius: 0;
  transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  background-color:#FC6E51
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
/* End  widget */

/*************************************************************************************/

/* Start statistics */


.page-statistics{
  background-position: -16%;
  background-image: url(../image/statistics.png);
  background-size: 296px;
  box-shadow: 3px 4px 6px #ccc;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-statistics .content {
  padding: 31px 70px;
  width: 100%
}
.page-statistics .content p {
  font-size: 19px;
  color: #333;
  margin-bottom: 0;
  padding-top: 8px;
}
.page-statistics .content .pull-right i {
  color: red;
  padding-left: 8px;
}

/* End  statistics */

/*************************************************************************************/


.paginat {
    color: #98a8b4;
    padding: 40px 30px 60px;
}
.paginat ul {
    display: block;
}
.paginat ul li {
    display: inline-block;
    padding: 0 10px;
}
.paginat i {
    font-size: .6rem;
}
.paginat ul li a {
    color: #98a8b4;
}
.paginat ul li a.active {
    color: #5d5386;
    font-weight: 700;
}

.question{
  text-align: justify;
    padding: 10px 40px;
    color: #838282;
    line-height: 2.1
}
.reply{
  text-align: justify;
    padding: 10px 40px;
    color: #000000;
    line-height: 2.1;
    padding-right: 100px;
}