@font-face {
  font-family: 'Almarai-Regular';
  src: url('./fonts/Almarai/Almarai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-Light';
  src: url('./fonts/Almarai/Almarai-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-ExtraBold';
  src: url('./fonts/Almarai/Almarai-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-Bold';
  src: url('./fonts/Almarai/Almarai-Bold.ttf') format('truetype');
}

body {
  font-family: 'Almarai-Regular', Tahoma;
  font-size: 16px;
  counter-reset: table-counter;
}
.swal2-title {
  font-size: 20px !important;
}
.grid-img {
  max-width: 150px;
}
.counter::before {
  counter-increment: table-counter;
  content: counter(table-counter);
}
.media-img-container {
  position: relative;
}
.media-img-container > button {
  position: absolute;
  left: 20px;
  top: 10px;
}
.table td {
  vertical-align: middle;
}
span.req {
  color: #c90101;
}
.form-head {
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #878787;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.nowrap {
  white-space: nowrap;
}
.tree-color {
  color: #850404;
}
.color_1 td {
  background: #CCE5FF;
}
.color_2 td {
  background: #CCCCFF;
}
.color_3 td {
  background: #E5CCFF;
}
.color_4 td {
  background: #FFCCFF;
}
.color_5 td {
  background: #FFCCE5;
}
.color_6 td {
  background: #FFDACC;
}
.color_7 td {
  background: #F2FFCC;
}
.color_8 td {
  background: #DAFFCC;
}
.color_9 td {
  background: #CCFFD9;
}
.color_10 td {
  background: #CCFFF5;
}
.color_11 td {
  background: #CCEFFF;
}
.color_12 td {
  background: #D9CCFF;
}
.color_13 td {
  background: #F5CCFF;
}
.color_14 td {
  background: #FFCCF2;
}
.color_15 td {
  background: #FFE5CC;
}
.color_16 td {
  background: #F9FFCC;
}
.color_17 td {
  background: #E0FFCC;
}
.color_18 td {
  background: #CCFFE0;
}
.color_19 td {
  background: #CCF9FF;
}
.color_20 td {
  background: #CCD9FF;
}
.color_21 td {
  background: #ECCCFF;
}
.color_22 td {
  background: #FFCCEB;
}
.color_23 td {
  background: #FFEACC;
}
.color_24 td {
  background: #F0FFCC;
}
.color_25 td {
  background: #D0FFCC;
}
.color_26 td {
  background: #CCFFED;
}
.color_27 td {
  background: #CCE5FF;
}
.color_28 td {
  background: #D5CCFF;
}
.color_29 td {
  background: #FACDFF;
}
.color_30 td {
  background: #FFCCE0;
}
.color_31 td {
  background: #FFFACC;
}
.color_32 td {
  background: #DBFFCC;
}
.color_33 td {
  background: #CCFFF0;
}
.color_34 td {
  background: #CCE0FF;
}
.color_35 td {
  background: #E1CCFF;
}
.color_36 td {
  background: #FFCCFA;
}
.color_37 td {
  background: #FFD9CC;
}
.color_38 td {
  background: #F5FFCC;
}
.color_39 td {
  background: #CCFFE5;
}
.color_40 td {
  background: #CCEFFF;
}
.color_41 td {
  background: #D0CCFF;
}
.color_42 td {
  background: #FFCCF5;
}
.color_43 td {
  background: #FFCCCC;
}
.color_44 td {
  background: #FFEBCC;
}
.color_45 td {
  background: #FFFFCC;
}
.color_46 td {
  background: #E6FFCC;
}
.color_47 td {
  background: #CCFFCC;
}
.color_48 td {
  background: #CCFFE6;
}
.color_49 td {
  background: #CCFFFF;
}
.color_50 td {
  background: #905030;
}
/* 
* #B70000 #B30000 #AF0000 #AB0000 #A80000 #A40000 #A00000 #9C0000 #980000 #940000
* #905030 #8C4A26 #884321 #843C1C #803617 #7C3013 #782B10 #74260D #70210A #6C1C07
*/
.search-main-div {
  position: relative;
}
.search-div {
  position: absolute;
  background: #feffd7;
  width: 100%;
  z-index: 100;
  border: 1px solid #DDD;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #979797;
  margin-top: 5px;
  padding: 10px;
  max-height: 400px;
  overflow: auto;
}
.search-div a {
  text-decoration: none;
  color: #262626;
  margin-bottom: 15px;
  display: block;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}
.search-div-region {
  font-size: 12px;
}