@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : April 25, 2021
    Author     : Banan Alasmari 
*/

/** Color Palette 
#102A39
#114D78
#5DA7BE
#ACBECD
#EDEDED
**/


@font-face {
    font-family: "mysecfont";
    src: url("../fonts/DINNextLTArabic-Regular.eot");
    src: url("/fonts/DINNextLTArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/DINNextLTArabic-Regular.svg#DIN Next LT Arabic") format("svg"), url("/fonts/DINNextLTArabic-Regular.woff") format("woff"), url("/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "mysecfont";
    src: url("../fonts/DINNextLTArabic-Bold.eot.eot");
    src: url("/fonts/DINNextLTArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/DINNextLTArabic-Bold.svg#DIN Next Arabic Heavy") format("svg"), url("/fonts/DINNextLTArabic-Bold.woff") format("woff"), url("/fonts/DINNextLTArabic-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: "Droid Arabic Kufi";
    src: url("../fonts/DesignVersion3/DINNextLTArabic-Regular.woff");
    src: url("../fonts/DINNextLTArabic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTArabic-Regular.ttf") format("woff"), url("../fonts/DINNextLTArabic-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {font-family: "Droid Arabic Kufi"; 
    src: url("../fonts/DesignVersion3/DINNextLTArabic-Regular.woff");
    src: url("../fonts/DINNextLTArabic-Regular.ttf") format("embedded-opentype"), format("truetype");
    font-weight: 400;
    font-style: normal;
     }

@font-face {
    font-family: 'mymainfont';
    src: url("../fonts/GEFlow-regular.otf") format("opentype"), url("/fonts/GEFlow-regular.ttf") format("truetype"), url("/fonts/GEFlow-regular.woff") format("woff"), url("/fonts/GEFlow-regular.svg#GEFlow-Bold") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'mymainfont';
    src: url("../fonts/GEFlow-Bold.otf") format("opentype"), url("/fonts/GEFlow-Bold.ttf") format("truetype"), url("/fonts/GEFlow-Bold.woff") format("woff"), url("/fonts/GEFlow-Bold.svg#GEFlow-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}



@font-face {
    font-family: 'fontello';
    src: url("../fonts/fontello.eot?53989230");
    src: url("../fonts/fontello.eot?53989230#iefix") format("embedded-opentype"), url("/fonts/fontello.woff2?53989230") format("woff2"), url("/fonts/fontello.woff?53989230") format("woff"), url("/fonts/fontello.ttf?53989230") format("truetype"), url("/fonts/fontello.svg?53989230#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}


/**/
html, body {
    overflow-y: scroll; /* has to be scroll, not auto */
    /*overflow-x: hidden;*/
    scroll-behavior: smooth;
    /* height: 100% !important;
    width: 100% !important; */
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}




* {
    font-family: 'Droid Arabic Kufi';
}
body {
    background-color: #f9f9f9;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    font-family: 'Droid Arabic Kufi';
    overflow-y: auto !important;
}

*::selection {
    background-color: #114D78;
    color: #fff;
  }


header
{
	min-height:64px;
}


a {
    color: #114D78;
    text-decoration: none;
}


#suiteBarLeft {
    background-color: #159ea2 !important;
    }
    
    #suiteLinksBox    {
	
	display:none;
}
    

.rightborder a
{
	color:white !important;
}

.ms-cui-TabRowRight {
    display: none;
}

p {
    color: #fff;
    font-family: 'Droid Arabic Kufi';
}

h1,h2,h3.h4,h5.h6 {
    font-family: 'Droid Arabic Kufi';
}

h1 {
    color: #fff;
    font-size: 3rem;
}

h2 {
    color: #009C9A;
    font-size: 22px;
    font-weight: 700;
    width: 100%;
    /* padding: 10px 0; */
    /* border-bottom: 1px solid #e6e6e6; */
}

h4 {
    color: #114d78;
    font-family: 'Droid Arabic Kufi';
}


.card h2 {
     
    font-size: 32px;
}

.app-title {
    color: #fff;
    font-size: 2rem;
    padding-top: 12px;
}


.m9 {
    margin: 9px;
}

.m15 {
    margin: 15px;
}

.headline {
    line-height: 3.2rem;
    color: #114d78;
    position: relative;
    padding-bottom: 2px;
    font-family: 'Droid Arabic Kufi';
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
  
}


span {
    color: #114D78;
}

.l_body_title {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}

.l_body_title h1 {
    color: #009C9A;
    font-size: 26px;
    font-weight: bold;
    margin: 0 -4px 0 0;
    font-family: "DIN Next LT Arabic";
    width: 100%;
    overflow: hidden;
}
  
.inner_headline {
    line-height: 5.2rem;
    color: #fff;
    position: relative;
    padding-bottom: 7px;
    font-family: 'Droid Arabic Kufi';
}

.inner_headline:after {
    content:' ';
    position: absolute;
    display:block;
    width: 67px;
    border:2px solid #009C9A;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
     
}


h3:after {
    content:' ';
    position: absolute;
    display:block;
    width: 67px;
    border:1px solid #009c9a;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
     
}



.headline-banner {
    line-height: 3.2rem;
    font-size: 3.13rem;
    color: #fff;
    position: relative;
    padding-bottom: 7px;
    font-family: 'Droid Arabic Kufi';
  
}



.headline-main {
    font-size: 2em;
    line-height: 3.2rem;
    color: #114569;
    position: relative;
    padding-bottom: 7px;
    font-family: 'Droid Arabic Kufi';
  
}

.nav-link {
    padding-right: 12px;
    padding-left: 12px;
}

.nav-link:hover {
    color: #fff !important;
}

/* main {
     font-family: 'Droid Arabic Kufi';
     min-height: 107%;
     margin-bottom: 54px;
} */

/* visited link */
a:visited {
    text-decoration: none;
    color: #114569;
  }
  
  /* mouse over link */
  a:hover {
    text-decoration: none;
    color: #114D78;
  }

  
  
  /* selected link */
  a:active {
    text-decoration: none;
  }



.navbar {
    top: 66px;
    left: 0px;
    height: auto;
    z-index: 108;
}

.fixed-top {
    position: sticky !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 70 !important;
}

.ms-core-overlay {
    background-color: transparent;
}

.chamber-bg {
    background:linear-gradient(-90deg,#114d78 0%,rgb(10, 157, 158) 75%,#114d78 100%);
    width: 100%;
    color: #fff;
}



.rightborder {
    color: #fff;
    border-right-width: 1px;
    display: inline;
    padding-left: 20px;
    padding-right: 12px;
    font-weight: 200;
    border-bottom: none;
}

header h2 {
    font-size: 26px !important;
    margin-top: 15px;
    font-family: mymainfont;
    padding-right: 8px;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: "Droid Arabic Kufi";
    font-size: 18px;
}

.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}

.m-lef {
    margin-left: -485px;
}

.me-auto-right {
    margin-right: auto!important;
}

.fas {
   padding: 2px;
}



.fa-facebook-f:before, .fa-facebook:before {
    color: #3b5998;
}

.fa-twitter:before {
    color: #00acee;
}

.fa-linkedin-in:before {
    color: #0077b5;
}

.pb-10 {
    padding-bottom: 10%;
}


.p-7 {
    padding: 7px;
}

.pt-7 {
    padding-top: 7px;
}


.pt-20 {
    padding-top: 20px;
}


.ml-17 {
    margin-left: 17px;
}

.height-500 {
    height: 500px;
}

.fixed-HWv01 {
    height: 578px;
    width: 38.33%;
}

.btn {
    font-family: 'Droid Arabic Kufi';
    font-size: 1rem;
}

.btn-primary {
    color: #fff !important;
    background-color: #114d78 !important;
    border-color: #114d78 !important;
    font-size: 'Droid Arabic Kufi' !important;
}

/* input[type=button], input[type=reset], input[type=submit], button {
    color: #fff !important;
    background-color: #114d78 !important;
    border-color: #114d78 !important;
    font-size: 'Droid Arabic Kufi' !important;
} */



.btn-primary:hover ,.btn-primary:focus {
    color: #114d78;
    background-color: #fff;
    border-color: #114d78;

}

.btn-secondary {
    color: #fff !important;
    background-color: #009C9A !important;
    border-color: #009C9A !important;
}

.btn-secondary:hover ,.btn-secondary:focus {
    color: #009C9A;
    background-color: #fff;
    border-color: #009C9A;

}


.btn-outline-secondary {
    color: #009C9A !important;
    background-color: #fff!important;
    border-color: #009C9A !important;
}

.btn-forms {
    width: 84%;
    align-items: center;
}

.btn-browse {
    color: #fff;
    background-color: #114d78;
    border-color: #114d78;
    font-size: 'Droid Arabic Kufi' !important;
}


.btn-browse:hover ,.btn-browse:focus {
    color: #fff;
    background-color: #114d78;
    border-color: #114d78;

}

.panel-primary {
    background-color: #fff;
    padding: 12px;
    line-height: 2.2rem;
    padding-bottom: 49px;
    font-size: 18px;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
}



.options input {
    margin: 4px !important;
}



.ques {
    color: #009C9A;
    font-size: 19px;
}

.btn-pool {
    color: #fff;
    background-color: #114d78;
    border-color: #114d78;

}


.btn-pool:hover ,.btn-pool:focus {
    color: #114d78;
    background-color: #fff;
    border-color: #114d78 2px solid;

}


.btn-results {
    color: #fff;
    background-color: #009C9A;
    border-color: #009C9A;
}


.btn-results:hover ,.btn-results:focus {
    color: #009C9A;
    background-color: #fff;
    border-color: #009C9A 2px solid;

}



.carousel {
    font-family: 'Droid Arabic Kufi';
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    background-color: transparent;
    color: fff;
}



.bg-overlay {
    background: url(http://portal.rdcci.org.sa/New/SliderImages/home-banner-bg.png) center center no-repeat !important;
    background-color: rgb(16 65 95 / 38%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}



.fa-instagram:before {
    background: radial-gradient(circle at 30% 107%, rgba(253,244,151,1) 0%, rgba(253,244,151,1) 5%, rgba(253,89,73,1) 45%, rgba(214,36,159,1) 60%, rgba(40,90,235,1) 90%);
    -webkit-background-clip: text;
            /* Also define standard property for compatibility */
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.row {
    --bs-gutter-x: unset; /*1.5rem*/
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-left: calc(var(--bs-gutter-x)/ -2);
    margin-right: calc(var(--bs-gutter-x)/ -2);
}




.user-dash {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
} 

.user-services {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 25px;
    
}


.float-left {
    float: left!important;
}

.p-r-16 {
    padding-right: 24px;
}

.col-sm-6, .col-xl-3, .col-lg-12 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 12px;
}



.border-bottom {
    border-bottom: #0c9e9f solid 3px !important;
}


.card-content{
    background-color: #fff;
    color: #075e9c;
    border-radius: 8px;
}

.card-content-footer {
    border-bottom: #0c9e9f solid 3px !important;
    background: #fff;
    border-radius: 10px;
}

.card-content i {
    font-size: 2.70em;
    opacity: 0.7;
    position: absolute;
    top: 10px;
}

.userDash-title {
    font-size: 22px;
    color: #114d78;
}


.userServ-title {
    font-size: 22px;
    color: #114569;
    font-family: "Droid Arabic Kufi";
}


.userSer-title {
    font-size: 25px;
    color: #ffffff;
    transition:0.2s all linear;
}



.ser1-bg {
    background-color: #114D78;
    border-radius: 10px;
}

.ser2-bg {
    background-color: #87b8c7;
    border-radius: 10px;
}

.ser3-bg {
    background-color: #5DA7BE;
    border-radius: 10px;
}

.ser4-bg {
    background-color: #009C9A;
    border-radius: 10px;
}

.dashone {
    color: #009C9A;
}

.dashtwo {
    color: #2377b3;
}

.dashthree {
    color: #5DA7BE;
}

.dashfour {
    color: #60a5cc;
}

.dashfive {
    color: #0c9fc3;
}

.gallry-12 {
    padding: 12px;
}

.col-half-offset{
    margin-left:4.166666667%
}

.card {
  
    background-color: #ffffff;
    border-radius: 10px !important;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
}

.img-fluid {
    border-right: 9px;
}


.card-title {
    color: #114D78;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi';
}

.card-text {
    color: #464646 !important;
}


/* Carsouls */
.carousel-item > img {
    position: absolute !important;
    top: -58px !important;
    right: 0;
    min-width: 100% !important;
    height: 100% !important;
}



/* Tabs Card */

.nav-tabs .nav-link  {
    color: #114569;
    font-size: 20px;
}

.nav-tabs .nav-link:hover  {
    color: #009c9a !important;
    font-size: 20px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #009c9a;
    border-top: 3px solid #0b949a;

}

.fa-caret-left {
    color: #009C9A;
}

.tab-card-header > .nav-tabs > li > a {
    color: #7b7b7b;
    font-size: 24px;
}

.tab-card-header > .nav-tabs > li > a:hover, .tab-card-header > .nav-tabs > li > a:active {
    color: #114D78 !important;
}

.tab-card {
  border:1px solid #eee;
}

.tab-card-header {
  background:none;
}
/* Default mode */
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}
.tab-card-header > .nav-tabs > li {
  margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom:2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 2px 15px;
}

.tab-card-header > .nav-tabs > li > a.show {
    border-bottom:2px solid #007bff;
    color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
    color: #007bff;
}

.tab-card-header > .tab-content {
  padding-bottom: 0;
}



footer a {
    color: #ffffff;
    text-decoration: none;
}


footer h5 {
    font-size: 20px;
    color: #114d78;
    /* font-weight: 700; */
    font-family: "Droid Arabic Kufi";
}

footer h6 {
    font-size: 16px;
    color: #114569;
    font-family: "Droid Arabic Kufi";
    padding-bottom: 24px;
}

hr.sep-2 {
    border: 0; 
    border-radius: 5px;
    height: 20px; 
    background: linear-gradient(90deg, rgba(17,158,161,1) 0%, rgba(0,156,154,1) 27%, rgba(93,167,190,1) 56%, rgba(17,77,120,1) 87%, rgba(16,42,57,1) 100%);
  }

  
  hr.lables {
    height: 3px;
    color: #009c9a;
  }


.footer-section {
    background-color: #fff;
    padding-top: 30px;
}

.footer {
    /*position: absolute;*/
    /* bottom: -240rem; */
    width: 100%;
    
    line-height: 44px;
    text-align: center;
    background-color: #ffffff;
    border-top: .05rem solid #e5e5e5;
    font-family: "Droid Arabic Kufi";
}

div #sometimesfixed.fixed
{
    position:fixed;
    bottom: 0px;
}


.panel-body:not(.two-col) {
     padding:0px 
    }

.glyphicon {
     margin-right:5px; 
    }

.glyphicon-new-window {
     margin-left:5px;
     }

.panel-body .radio,.panel-body .checkbox {
    margin-top: 0px;margin-bottom: 0px;
}

.panel-body .list-group {
    margin-bottom: 0;}

.margin-bottom-none { margin-bottom: 0;
 }

.panel-body .radio label,.panel-body .checkbox label {
     display:block; 
    }

.pool-body {
    background-color: #fff;
    padding: 17px;
}

.pool-title {
    font-size: 1.45rem;
    color: #009C9A;
    line-height: 2.2;
}

.list-group-item {
    font-family: 'Droid Arabic Kufi';
    position: relative;
    font-size: 1.40rem;
    display: block;
    padding: 1.90rem 1rem;
    color: #114d78;
    text-decoration: none;
    border: unset;

}



/*Search-bar*/

form.search-bar input[type=text] {
    padding: 10px;
    width: 80%;
    margin: auto 0;
    float: none;
  }

  
.serach-bar {
    padding: 8px;
    border-radius: 9px;
    border: #114569 1px solid;
    font-size: 18px;
    letter-spacing: 1px;
}

.serach-bar:focus, .serach-bar:hover{
    padding: 8px;
    border-radius: 9px;
    border: #114569 1px solid;
    font-size: 18px;
    letter-spacing: 1px;
}

textarea:focus, input:focus{
    outline: none;
}

.input-group-text {
    color: #ffffff;
    position: absolute;
    left: 1px;
    height: 97%;
    top: 0px;
    background-color: #114569;
    border: transparent;
    
}


.badge-tag {
    display: inline-block;
    margin-top: 1rem !important;
    margin-left: 21px;
    padding: .55em .65em;
    font-size: 18px;
    background-color: #fff;
    border: #114569 1px solid;
    border-radius: 9px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: #114569 !important;
}

.badge-tag:hover {
    color: #fff !important;
    background-color: #114569;
    transition: all 0.5s ease;
}


/* Services */

.mt-50 {
    margin-top: 50px;
}

.Services-headline {
    line-height: 3.2rem;
    color: #114569;
    position: relative;
    padding-bottom: 2px;
    font-size: 25px;
    font-family: 'Droid Arabic Kufi';
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}


.Services-headline::after {
    content: ' ';
    position: absolute;
    display: block;
    width: 67px;
    border: 1px solid #009C9A;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.Services-card {
    background-color: #ffffff;
    border: 1px solid rgba(0, 34, 51, 0.1);
    border-radius: 0.15rem;
    width: 100%;
    max-width: 100%;
    height: 200px;
    max-height: 200px;
    margin-bottom: 0.5rem;
    transition: all .5s ease;
    border-bottom: 3px #114d78 solid;
    border-radius: 9px;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
    
}


.Services-card-body {
    flex: 1 1 auto;
    padding: 2.2rem 1.2rem;
}

.Services-card-body:hover {
    flex: 1 1 auto;
    padding: 1.2rem 1.2rem;
}

.Services-card:hover {
    padding: 0.9rem 0rem;
    color: #fff !important;
    background-color: #114569;
    border-radius: 0.15rem !important;
}

.Services-card:hover p {
    display: block;
}



.Services-card:hover h5 {
    color: #fff;
}


.Services-card-title {
    text-align: center;
    flex: 1 1 auto;
    padding: 0.9rem 0rem;
    color: #052235;
    font-size: 22px;
    font-family: 'Droid Arabic Kufi';
    margin-bottom: .5rem;
    line-height: 1;
 }

.Services-card-title:hover {
   color: #fff !important;
}



.services-icon {
    width: 64px;
    max-width: 64px;
    margin: auto;
    display: block;
}




.Services-card:hover img {
    display: none;
}


.btn-service {
    color: #009c9a !important;
    background-color: #ffffff;
    font-size: 'Droid Arabic Kufi' !important;
    width: 50%;
    margin: auto;
    display: block;
    font-weight: 600;
}


.Services-card-body .btn  {
    display: none;
}

.Services-card-body p  {
    display: none;
}

.Services-card-body:hover p  {
    display: block;
}

.Services-card-body:hover .btn  {
    display: block;
}

.Services-card:hover .btn {
    display: inline-block;
    color: #009c9a !important;
    background-color: #ffffff;
    font-size: 'Droid Arabic Kufi' !important;
    width: 50%;
    margin: auto;
    display: block;
}


.Services-card p {
    color: #fff;
    line-height: 1.3rem;
    text-align: center;
    padding: 1px;

    
}

.text-muted {
    color: #464646!important;
}

.Services-card:hover h5 {
    padding: 0px;
}

.Services-card-title span {
    font-size: 16px;
    display: inline-block;
    padding: 16px;
    
}

/* End Services */


.serviceswrapper {
    height: 460px;
    padding: 35px 0;
    background: #e7f2f8;
}

.main-divider {
    margin-top: 40px;
}

.featurette-divider {
    margin: 1.5rem 0 !important;
}


/*User-Profile*/

.bg-white {
    background-color: #fff;
    border-radius: 5px;
}

.form-bg {
    background-color: #fff;
    padding: 12px;
    border-radius: 5px;
}

.user-profile img {
    width: 255px;
}


.username-profile {
    color: #114d78;
    font-weight: 600;
    font-size: 30px;
}

.location-profile {
    font-size: 16px;
    color: #666;
    font-weight: 100;
    padding-right: 13px
}

.btn-profile {
    color: #16537d !important;
    background-color: #ffffff;
    border: #114d78 1px solid;
    width: 17%;
    font-size: 16px;
    margin: auto;
    display: block;
    font-weight: 600;
    float: right;
    margin-top: 30px;
    padding-right: 2px;
    transition: all .5s ease;
}


.btn-profile:hover {
    color: #fff !important;
    background-color: #16537d;
    border: #114d78 1px solid;
}


.emp-postion {
    display: block;
}

.fa-user {
    padding-left: 3px;
}

/* span {
    color: #666;
} */

.profile-icon  {
    width: 100%;
    border-radius: 50%;
}

.profile-titles {
    text-align: right;
    flex: 1 1 auto;
    padding: 0.9rem 0rem;
    color: #114D78;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi';
    margin-bottom: .5rem;
    line-height: 1;
    font-weight: 700;
    padding-left: 1px;
}

.profile-detials {
    padding-bottom: 30px;
}

.dashiconsv01 {
    color: #114d78;
    padding: 3px;
    transition: all .5s ease;
}

.dashiconsv01:hover {
    color: #009C9A;
    padding: 3px;
}


.card h2 {
    line-height: 0.8;
}

.py-5 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}

.news-bg {
    margin-top: 2rem;
    background: url("/Style%20Library/assats/bg/new-bg.png") no-repeat scroll center center/cover;
    margin-bottom: 2rem;
    padding: 8px 0 35px 0;
    position: relative;
    
}

.cyber-img {
    height: 427px;
    margin: 12px;
    background-repeat: no-repeat;
    background-image: url(/Style%20Library/assats/bg/Cyber-icon.png);
}



.news-img {
    height: 250px;
    max-width: 422px;
    max-height: 300px;
    border-bottom: 1px solid #eee;
}

/*Inner_pages*/
.inner_pages_top_header {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background-size: cover;

}

.inner_pages_top_header > img {
    position: absolute;
    top: 0;
    z-index: 1;
    max-width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
}

.inner_pages_top_header .wrap_content {
    position: relative;
    z-index: 3;
}

.wrap_content {
    max-width: 1210px;
    margin: auto;
}

.inner_pages_top_header:after {
    content: '';
    display: block;
    background: -moz-linear-gradient(left,rgba(17,158,161,1) 0%,rgba(17,77,120,0.5) 50%,rgba(6,45,63,1) 100%);
    background: -webkit-linear-gradient(left,rgba(17,158,161,1) 0%,rgba(17,77,120,0.5) 50%,rgba(6,45,63,1) 100%);
    background: linear-gradient(to right,rgba(17,158,161,0.8) 0%,rgba(17,77,120,0.8) 50%,rgba(7,45,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#114D78',endColorstr='#114D78',GradientType=1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}

/* side_menu */

.r_body {
    float: right;
    width: 25%;
    padding: 0 0 20px 25px;
}

.side_menu {
    width: 100%;
    background: #fff;
    border-bottom: #0c9e9f solid 3px !important;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);
    padding: 15px;
    margin: 0;
    float: none;
}


.side_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.side_menu ul li a {
    color: #009C9A!important;
    font-size: 20px!important;
    padding: 11px 0!important;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    transition: all .2s ease;
}

.side_menu ul li a:before {
    content: '\f104';
    display: inline-block;
    margin-left: 5px;
    font-family: fontawesome;
}

.side_menu ul li:hover, .side_menu ul li a:hover, .side_menu ul li span:hover, .static .menu-item .menu-item-text:hover{
    color: #114d78!important;
    padding-right: 5px!important;
    transition: all 0.5s ease;
}

li > a.ms-core-listMenu-item:hover {
    color: #114569 !important;
}



.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
    background: #114d78;
    color: #fff!important;
    padding-right: 5px!important;
    transition: all 0.5s ease;
}


/*Forms*/

.form_title {
    line-height: 2.5rem;
    color: #114d78;
    font-weight: bold;
    font-size: 16px !important;
}

.form_sub_title {
    line-height: 2.5rem;
    color: #0b8f97;
    font-weight: bold;
    font-size: 21px !important;
    border-bottom: 1px solid #e6e6e6;
}


.emp-deatils-bg {
    background-color: #fff;
    padding: 0px 17px 21px 0px;
    border-radius: 5px;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
   
}

.emp-services-icon {
    width: 38px;
    margin: auto;
    display: inline-block;
}

.emp-deatils{
    display: block;
    font-size: 18.5px;
    line-height: 2.5rem;
    color: #114d78;
    font-weight: 600;
}

.emp-deatils-info {
    color: #666;
    font-weight: 400;
}


.form-check-input:checked {
    background-color: #114d78;
    border-color: #114d78;
}

.form-check{
    display: table-cell !important;
    padding: 12px;
}

.form-check-label {
    padding-right: 4px;
}

.form-check .form-check-input {
    margin-right: 0;  
}

.alert-info {
    color: #055160;
    background-color: #169fa324;
    border-color: #d8ebec;
}

.graybg {
    background-color: #fff;
    padding: 0px 17px 21px 0px;
    border-radius: 5px;
    box-shadow: 4px 5px 6px 0px rgb(228 228 228 / 50%);
}




/* countdown */
.countdown {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
    margin-top: -5px;
}
.countdown li {
	text-align: center;
    list-style: none;
    color: #114d78;
}
.countdown li + li:before {
	content: ":";
	display: block;
	font-size: 22px;
	position: absolute;
	top: 51%;
	left: 219px;
}
.countdown .num {
	margin-bottom: -31px;
	font-size: 48px;
	font-weight: bold;
}
.countdown .txt {
	font-size: 22px;
	text-transform: uppercase;
    color: #062841;
}


.edit-profile {
    color: #fff;
    background-color: rgb(17 77 120 / 84%);
    padding: 7px 20px 10px 0px;
    position: absolute;
    margin-bottom: 18px;
    right: 69px;
    bottom: -21px;
    width: 180px;
    text-decoration: none;
    z-index: 1;
}


.border-primary-chamber {
    border-color: #c9d1d8!important;
    text-align: center;
}

.table>thead {
    background-color: #114D78;
    color: #fff;
}

.btn {
    font-family: 'Droid Arabic Kufi' !important;
    font-size: 1rem !important;
}


.btn-success {
    color: #fff !important;
    background-color: #009c9a !important;
    border-color: #009c9a !important;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #067c7a !important;
    border-color: #067c7a !important;
}


.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}



.alert-success {
    color: #0e354a;
    background-color: #c0e7e6;
    border-color: #95d2d0;
}

.alert {
    font-size: 19px;
}


.e-servives-search {
    width: 84%;
    margin: 0 auto;
}

.e-services-more {
    text-align: left;
    padding-left: 16px;
    font-size: 18px;
    transition: all .2s ease;
}

.e-services-more:hover {
    padding-right: 5px!important;
}

.hidden-xs {
    text-align: center;
}

.hidden-xs span {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
}

.outer-line {
    width: 25%;
    border-bottom: 2px solid #0a9d9e;
    display: inline-block;
    vertical-align: middle;
}

.icon-setting {
    font-size: 2.1rem;
    margin: 0 20px;
    color: #0a9d9e;
}


a,
a:active,
a:focus {
    color: #114569;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.fancy-title-view1 {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.fancy-title-view1 h2 {
    margin-bottom: 8px;
    font-size: 40px;
    font-weight: 700;
    display: block;
}

.fancy-title-view1 p {
    margin-bottom: 0px;
    display: inline-block;
    width: 65%;
    font-size: 18px;
}

.fancy-title-view1 i {
    font-size: 22px;
}

.fancy-title-view1-color h2,
.fancy-title-view1-color p {
    color: #ffffff;
}


.categories-view1-full {
    padding: 46px 0px 80px 0px;
    margin-top: 0;
    margin-bottom: 0;
    background: url("/Style%20Library/assats/bg/job-img-2.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
}


.dashbored-cols {
    padding-right: 0 !important;
    padding-left: 0 !important;
    
}

.categories,
.categories-view1-wrap-dashbored {
    width: 100%;
}

.categories ul li {
    list-style: none;
}

.categories>ul>li {
    float: none;
    display: inline-block;
    margin: 0px 0px 30px 0px;
    vertical-align: top;
}

.categories-view1-wrap-dashbored {
    width: 97%;
    max-width: 100%;
    height: 114px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 8%);
    padding: 20px 19px 13px 72px;
    border-radius: 10px;
    position: relative;
    background-color: #ffffff;
}

.categories-view1-wrap-dashbored h2 {
    font-size: 2rem;
}

.categories-view1-wrap-dashbored h4 {
    font-family: 'Droid Arabic Kufi';
    white-space:nowrap;
    color: #434343;
    font-size: 1.4rem;
}

.categories-view1 i {
    position: absolute;
    left: 0px;
    top: 30%;
    font-size: 30px;
    color: #0a9d9e;
    width: 70px;
    height: 70px;
    border-radius: 0 100% 100% 0;
    text-align: center;
    padding-top: 18px;
    margin-top: -36px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-left: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.categories-view1 li:hover i {
    color: #ffffff;
    background-color: #274160;
}

.categories-view1 a {
    color: #114569;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
}



.categories-view1 small {
    font-size: 13px;
    color: #666;
}

.categories-view1 span {
    font-size: 20px;
    font-weight: 500;
    padding-right: 4px;
    color: #114d78;
    line-height: 1;
}

.main-load-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}

.main-load-btn a {
    display: inline-block;
    line-height: 1;
    padding: 18px 45px;
    color: #ffffff;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #114D78;
}

.main-load-btn a:hover {
    background-color: #274160;
}

.more-spacer {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
  }

/*SP*/

.ms-rtestate-field h4, h4.ms-rteElement-H4 {
    line-height: 1.6 !important;
    color: #114d78 !important;
}

.ms-cui-tabContainer {
    width: 100%;
    height: 91px;
    overflow: hidden;
    z-index: 100;
    position: relative;
}

.carousel-indicators [data-bs-target] {
    display: none;
}

#s4-bodyContainer {
    padding-bottom: 0;
}



a .static:hover {
    color: #114569 !important;
}

/* FOLDER */

.folder {
    background: #ffffff;
    border-radius: 10px;
    border-right: #114569 4px solid;
    overflow: hidden;
    width: 300px;
    box-shadow: 0 8px 1px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
    margin: 12px;
  }
  
  .folder-summary {
    padding: 27px 21px 23px 15px;
    cursor: pointer;
    display: flex;
    line-height: 1;
    height: 80px;
    position: relative;
  }

  .folder-summary__start {
    position: relative;
  }


  .folder-summary__file-count {
    position: absolute;
    top: 23px;
  }
  .folder-summary__file-count__amount {
    color: #ffffff;
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .folder-summary__file-count img {
    color: #5166fa;
    height: 30px;
    width: auto;
  }
  .folder-summary__details {
    padding: 2px 0 0 13px;
  }
  .folder-summary__details__name {
    color: #393738;
    font-size: 20px;
    font-weight: 500;
    padding-right: 40px;
  }

  .folder-summary__details__name_file {
    color: #0c8e97;
    font-size: 20px;
    font-weight: 500;
    padding-right: 40px;
}

.folder-item__details__date {
    color: #b5b4b5;
    font-size: 15px;
    margin-top: 8px;
  }
  


/* SP */
::-webkit-scrollbar-thumb {
    background: transparent !important;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item,
.ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item:hover {
   color: #114569 !important;
}

/* ============ MEDIA_QOUIRES ============ */

/* ============ Desktop view ============ */
@media (min-width: 1200px) {

    .p-r-56 {
        padding-right: 56px;
    }

    .mt-60 {
        margin-top: -60px;
    }

    .username-profile {
        margin-top: 34px;
    }
}


/* ============ mobile view ============ */
@media all and (max-width: 991px) {

    .navbar-collapse.collapsing .navbar-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all 0.2s ease;
    }

    .navbar-collapse.show .navbar-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 55%;
        transition: left 0.35s ease;
        padding-right: 16px;
        padding-top: 47px;
        line-height: 3.2;
        background: #095178;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }


	
	
    .chamber-bg {
        background: linear-gradient(  131deg , rgb(17 158 161) 0%, #009c9a 23%, #019c9a 34%, #114d78 20%, #102a39 100%);
                width: 100%;
                color: #fff;
    }
     

    

    .pb-35 {
        padding-bottom: 35px; 
    }

    .badge-tag {
        display: inline-block;
        margin-top: 2.9em;
        margin-left: 4px;
        padding: .55em .65em;
        font-size: 18px;
        background-color: #fff;
        border: #114569 1px solid;
        border-radius: 9px;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        color: #114569 !important;
    }


    .headline-main {
        font-size: 1.9em;
        line-height: 3.2rem;
        color: #114569;
        position: relative;
        padding-bottom: 7px;
        font-family: 'Droid Arabic Kufi';
    }
   

    .btn-profile {
        width: 100%;
    }


    .location-profile {
        font-size: 14px;
        color: #7b7b7b;
        font-weight: 100;
        display: block;
        padding-top: 22px;
        padding-right: 0;
    }

    .card {
        margin-top: 15px;
    }

    .pt-23{
        padding-top: 23px;
    }


    /* Activiates */
.activites-image {
    height: 300px;
    width:  100%;
    max-width: 100%;
    max-height: 300px;
}

.fixed-HWv01 {
    height: 500px;
    width: 500px;
}
   

.r_body {
    float: revert;
    width: 100%;
    margin: auto auto;
    padding-top: 12px;
}


.graybg {
    padding: 15px 6px;
    border-radius: 6px;
    background: #fff;
    height: 304px;
    max-height: 300px;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
}

.countdown {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 23px;
    margin-left: 41px;
}

.countdown li + li:before {
    content: ":";
    display: block;
    font-size: 22px;
    position: absolute;
    top: 43%;
    left: 177px;
}

.r_body {
    padding: 0;
}

.countdown .num {
	margin-bottom: -31px;
	font-size: 48px;
	font-weight: bold;
}
.countdown .txt {
	font-size: 22px;
	text-transform: uppercase;
    color: #062841;
}

.clock-title {
    font-size: 22px;
    color: #0c9e9f;
    padding: 2px;
}


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 4px 5px 6px 0px rgba(228,228,228,0.5);
  }
  
  .tab button {
    background-color: inherit;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: #11577f;
    font-weight: 700;
  }

  .tablinks {
    border: 1px solid #fff;
    background-color: #fff;
  }
  
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    border-bottom: #075e9c 2px solid;
    color: #0c9e9f;
    
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
  }
  
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  .form-control {
    text-align: right;
}

.m9 {
    margin: 0px;
}

html, body {
    overflow-x: hidden;
  }

.prayer-times {
    display: none;
}

.categories-view1-wrap {
    width: 100% !important;
    height: 100% !important;

}

.services-icon {
    width: 50px;

}

.rightborder {
    color: #fff;
    border-right-width: 1px;
    display: inline;
    padding-left: 20px;
    font-weight: 200;
    border-bottom: none;
}

.user-dash {
    margin-right: 0;
    margin-left: 0;
}



.carousel-item > img {
    position: absolute;
    /* top: -280px; */
    right: 0;
    min-width: 100%;
    height: 100%;
}

.news-img {
    height: 100px;
    max-width: 422px;
    max-height: 200px;
    border-bottom: 1px solid #eee;
}
 

}	
/* ============ mobile view .end// ============ */

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .m-lef {
        margin-left: 0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .m-lef {
        margin-left: 0;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .m-lef {
        margin-left: 0;
    }
} 
/* ============ Medium devices (tablets, 768px and up) ============ */

@media (min-width: 768px) {

    .btn-profile {
        width: 43%;
    }

    /* .card {
        margin-top: 15px;
    } */

    .username-profile {
        margin-top: 34px;
    }

    

     
.activites-image {
    height: 100% !important;
    max-height: 100%  !important;
    width: 100% !important;
    max-width: 100%  !important;
}

.fixed-top
	{
		position:fixed !important;
		top:0 !important;
	}

 }


 /* ============ Internet Explorer 10 & 11 ============ */
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


    .chamber-bg {
        background: linear-gradient( 45deg,  rgb(0, 156, 154) 14.7%, rgb(17, 69, 105) 73% );
       
    }

    

    .list-group-item {
        border: #fff 1px solid;
    }

    .rightborder {
        display: block;
    }

    .carousel-item {
        height: 34rem;
    }

    .fa-instagram:before {
        background: transparent;
        color: #d6249f;
    }

    #s4-workspace {
        position: static;
        height: auto !important;
    }

    .navbar-brand {
        padding: 8px;
    }

    .countdown {
        display: inline-flex;

    }

    .countdown .txt, .countdown .num{
        padding-right: 88px
    }


    .countdown li + li::before {
      display: none;
    }

    .inner_pages_container {
        margin-top: -10px
      }

      .rightborder a {
          color: #fff !important;
      }
    
    
}


.user-services a:hover .userSer-title {
    color: #dbe7ea;
}

#s4-workspace
{
	height:auto !important;
}

#ctl00_SPSecurityTrimmedControl3
	{
		display:none;
	}

	
		
	
 .boldCell {
            font-weight: bold;
        }
		

@supports (-ms-ime-align:auto) {
    .rightborder a {
        color: #fff !important;
    }
}