:root {
  /* --main-green-color: #53c2b9;
  --main-menu-color: #f5f5f5;
  --main-menu-font-color: #76838f;
  --main-menu-hover: #62a8ea;
  --main-menu-background-hover: rgba(83, 194, 185, 0.3);
  --main-menu-header-backgeound-color: #1b365d;
  --main-ribbon: #407ec9;
  --main-txt-color: #419eb7; */

  --main-green-color: #00531f;
  --main-menu-color: #f5f5f5;
  --main-menu-font-color: #76838f;
  --main-menu-hover: #287d5a;
  --main-menu-background-hover: rgba(83, 194, 185, 0.3);
  --main-menu-header-backgeound-color: #006626;
  --main-ribbon: #006626;
  --main-txt-color: #0e0e0e;
  --box-title-color:#9ea924;
  --table-back-color:#f4f4f5;
  --main-yellow-color: #c7d42d;
  --main-lightGreen-color: #b5f3d9;
}
@font-face {
  font-family: "Bahij";
  src: url("../../HorizonUI/new_theme/new_fonts/ArbFONTS-Bahij_TheSansArabic-Plain.ttf");
}

@font-face {
  font-family: "BahijBold";
  src: url("../../HorizonUI/new_theme/new_fonts/Bahij_TheSansArabic-Bold.ttf");
}
@font-face {
  font-family: "Bahij";
  src: url("../../HorizonUI/new_theme/new_fonts/ArbFONTS-Bahij_TheSansArabic-Plain.ttf");
}
.btn {
   border-radius: 15px;
}
/*Login******************************************************/

.backgroundimg {
  /* background: url("../../images/business-6-10.jpg") no-repeat fixed right; */
  background: url("images/kwat_bg.png") no-repeat fixed right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.login-title {
  margin: 20px 0 20px 0;
}
.login-title h4 {
  text-align: right;
  font-size: 23px;
  /* color: #4ec1e5; */
  color: var(--main-green-color);
  font-family: "BahijBold";
  font-weight: bold;
}

.login-title hr {
  height: 7px;
  /* background: #407ec9; */
  background: var(--main-green-color);
  width: 17%;
  border-radius: 30px;
  /*margin: 12px 0 0 212px;*/
}



.usericon,
.passwordicon {
  position: relative;
}

.username {
  
  
  margin-top:50px;
  /* color: #9ad6e8; */
  color: var(--main-green-color);
  font-size: 16px;
}
.ButtonFirstLogin{
    /*margin-top:10px;*/
    width:100% !important;
    border-radius:5px !important;
    background-color:var(--main-green-color);
}
.password {
  
  margin-top:15px;
  font-size: 16px;
  right: 14px;
  /* color: #9ad6e8; */
  color: var(--main-green-color);
}

/*End Login *************************************************/

.login-title h4 {
  text-align: right;
  font-size: 23px;
  /* color: #4ec1e5; */
  color: var(--main-green-color);
  font-family: "BahijBold";
  font-weight: bold;
}

.rtsTxt {
     color: var(--main-green-color) !important;
}

.top-panel .p1-profile .name-title h4 {
    color: var(--main-green-color) !important;
}
.top-panel .p2-profile .cont ul li {
    color: var(--main-green-color) !important;
}

.top-panel .p2-profile .ico {
    background-color: var(--main-green-color) !important;
}
.top-panel .p1-profile .name-title h5 {
    color: var(--main-green-color) !important;
}

* body {
  background-color: white !important;
  font-family: "Bahij" !important;
  color: var(--main-green-color) !important;
  font-weight: normal !important;
  font-size: 14px !important;
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: "Bahij" !important;
}

.white-box {
  box-shadow: 3px 3px 4px -3px rgb(191 191 191);
  border: 1px solid #53c2b94a;
  border-radius: 9px;
  margin: 20px 3px;
  transition: all 0.99s ease-in-out;
  cursor: pointer;
  color: var(--main-green-color) !important;
}

.white-box:hover {
  box-shadow: 3px 3px 8px -3px rgb(83 194 185);
}

.white-box .box-title {
  font-size: 20px;
  font-weight: bold;
  /* color: var(--main-menu-hover); */
  color: var(--box-title-color);
}

.two-part li i {
  font-size: 34px;
  color: var(--main-green-color) !important;
}

input[type="submit"],
button,
.abtn {
  /* width: auto !important; */
  padding: 5px 5px 5px 5px !important;
  /* border: 1px solid #407ec9 !important; */
  border: 1px solid var(--main-green-color) !important;
  border-radius: 15px;
  background-color: transparent !important;
  /* color: #407ec9; */
  color: var(--main-green-color);
  margin: 1px !important;
  font-family: "Bahij" !important;
  transition: all 0.5s linear !important;
  font-weight: normal;
  /* height: 30px; */
  /* margin-right: 29px; */
}
.btn-danger{
    border: 1px solid Red !important;
    color: red !important;
      padding: 5px 5px 5px 5px !important;
        border-radius: 15px;
  background-color: transparent !important;
   margin: 1px !important;
  font-family: "Bahij" !important;
  transition: all 0.5s linear !important;
  font-weight: normal;
  font-size:14px;
}
input[type="submit"]:hover {
  /* background-color: #407ec9 !important; */
  background-color: var(--main-green-color) !important;
  color: white !important;
}

input[type="submit"]:focus {
  background-color: transparent !important;
  /* color: #407ec9 !important; */
  color:  var(--main-green-color) !important;
}

.white-box .box-title1 {
  font-weight: normal;
  background: var(--main-menu-header-backgeound-color);
}

/* -------------- subpages    ---------------------- */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

.panel {
  border: 1px solid #e3e3e3 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  padding: 19px !important;
}

.ribbon-right {
  position: absolute;
  color: white;
  background-color: var(--main-ribbon);
  padding: 5px 10px 5px 10px;
  border-radius: 10px 10px 0 10px;
  font-weight: normal !important;
  width: 29%;
  margin-bottom: 30px;
  /* top: -43px;
  right: -44px; */
  top: -25px;
    right: 14px;
}
td,
.label {
  color: var(--main-txt-color) !important;
  font-weight: normal;
}

input[type="text"],
input[type="password"] {
  background-color: #fafcfe !important;
  /* width: auto !important; */
  height: 37px !important;
  padding: 0 5px !important;
  border-radius: 10px;
  /* margin: 0px 10px 0 10px !important; */
  /* border: 1px solid #c0e7f5 !important; */
  border: 1px solid  var(--main-green-color) !important;
  font-weight: normal !important;
  font-family: inherit !important;
  color: gray !important;
  font-size: 15px;
}

textarea {
  background-color: #fafcfe !important;
  padding: 0 5px !important;
  border-radius: 10px !important;
  border: 1px solid #c0e7f5 !important;
  font-weight: normal !important;
  font-family: inherit !important;
  color: gray !important;
  font-size: 15px;
}

h2,
.h2 {
  font-size: 2rem !important;
}

th,
th a {
  background: rgb(240, 240, 240);
  color: var(--main-txt-color) !important;
  font-weight: bold !important;
  vertical-align: middle;
  font-size: 15px;
}

label {
  color: var(--main-txt-color) !important;
  font-weight: normal;
  padding: 0;
}

legend {
  color: var(--main-txt-color);
  font-size: 17px;
}

select {
  font-weight: normal;
  border: 1px solid #419eb74f;
  height: 36px;
  border-radius: 5px;
  color: var(--main-txt-color);
}

RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
  background-image: none !important;
}
.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
  background-image: none !important;
}
/* .RadComboBox .rcbArrowCellLeft {
  background-position: 0 -103px;
} */
/* ------------------Sidemenu------------------------ */
#side-menu > li > a.active i {
  color: var(--main-green-color);
  font-size: 20px;
}
#side-menu > li > a i {
  color: var(--main-green-color);
  font-size: 20px;
}

.navbar-header {
  background: var(--main-menu-header-backgeound-color);
  /* height: 126px; */
}

.btn-primary,
.btn-primary.disabled {
  background: var(--main-menu-header-backgeound-color);
  border: none;
}

/* ------------------------------------- */


/* white color menu */
.site-menu-item {
  /*margin: 0;
  border: 1px solid #e4e4e4;
  background: rgb(249, 249, 249);
  background: linear-gradient(
    0deg,
    rgba(249, 249, 249, 1) 15%,
    rgba(242, 242, 242, 1) 50%,
    rgba(249, 249, 249, 1) 85%
  );*/
}

.site-menu-item:hover {
  background: rgb(1, 187, 70);
  background: linear-gradient(
    0deg,
    rgba(1, 187, 70, 1) 0%,
    rgba(1, 135, 51, 1) 62%,
    rgba(0, 83, 31, 1) 100%
  );
}

.panel .panel-body
{
    padding:0 0 0 0;
}
.top-panel {
  display: flex;
  max-height: 170px;
  background-color: white;
}

.top-panel .p1-profile {
  width: 426px;
  /* border: 1px solid red; */
  height: 250px;
  position: relative;
  padding: 10px;
}

.top-panel .p1-profile .p-photo {
  width: 100px;
  height: 100px;
  border: 1px solid  var(--main-green-color);
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}

.top-panel .p1-profile .name-title {
  margin: 10px 17px 0 0;
  width: 284px;
  height: 108px;
  /* border: 1px solid gray; */
  display: inline-block;
  overflow: hidden;
  padding: 20px 0 0 0;
}

.top-panel .p1-profile .name-title h4 {
  color:  var(--main-green-color);
  font-size: 20px;
  font-weight: bold;
}

.top-panel .p1-profile .name-title h5 {
  color:  var(--main-green-color);
  font-size: 16px;
}

.top-panel .p2-profile {
  width: 237px;
  /* border: 1px solid red; */
  height: 250px;
  position: relative;
  padding: 10px;
}

.top-panel .p2-profile .ico {
  display: flex;
  padding-top: 6px;
  justify-content: center;
  right: 0;
  width: 58px;
  height: 28px;
  background-color:  var(--main-green-color);
  border-radius: 10px 0 0 10px;
  position: absolute;
  top: 52px;
  right: 0;
}

.top-panel .p2-profile .ico::before {
  content: "|";
  position: absolute;
  color: transparent;
  background-color: #e0e0e0;
  height: 80px;
  width: 1px;
  right: -2px;
}

.top-panel .p2-profile .cont {
  /* border: 1px solid red; */
  width: 200px;
  height: 81%;
  display: flex;
  /* flex-direction: column; */
  margin-top: 44px;
  margin-right: 12px;
  overflow: hidden;
  /* padding: 5px; */
}

.top-panel .p2-profile .cont ul li {
  color: #33b17d;
  font-size: 13px;
  height: 40px;
  list-style: none;
}

.top-panel .p2-profile .cont ul li span {
  color: gray;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  display: inline-block;
  /* border: 1px solid green; */
}

/*****Tab*****/
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid #f0ad4e !important;
    color: #464a4c;
    border:transparent transparent transparent 
    /* background-color: #fff; */
    /* border-color: #ddd #ddd #FFE #b5b5b5; */
}

/**---------------------------------------/*/
.RadTabStrip_Silk .rtsLevel1 .rtsLink {
     border:none !important;
     color: #5f5f5f;
     background-color: transparent!important; 
     background-image:none !important;
     /*border-bottom:1px solid red !important;*/ 
}
.rtsLI .rtsSelected .rtsClicked {
    border-bottom:10px solid red !important;
}
.RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
     border-color: var(--main-green-color) !important;
}