@font-face { font-family: 'Tajawal'; src: url('fonts/Tajawal-Regular.eot'); src: url('fonts/Tajawal-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Tajawal-Regular.woff') format('woff'), url('fonts/Tajawal-Regular.ttf') format('truetype'); }
html, body { height: 100%; overflow-x:hidden }
form { padding: 0 !important }
.column { height: 100% }
.container-fluid-100 { margin: 0 auto; height: 99%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.top-linear { height: 7px; background: linear-gradient(90deg, rgba(17,194,161,1) 0%, rgba(1,67,58,1) 81%, rgba(1,67,58,1) 100%) }
.navbar-brand img { max-height: 85px }
a.navbar-brand { white-space: normal; text-align: right; word-break: break-all; }

/* Provide sufficient contrast against white background */
a { color: #0366d6; }
    a:hover { color: #015b4f }
  main {    padding: 10px;
    box-shadow: 0 0 5px #929191;
    margin: 0 10px;
    height: 88%;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    background: #fff;  }

/* Sticky footer styles
-------------------------------------------------- */
html { font-size: 14px; text-align: right !important; height: 100%; background: #fafafa; }

@media (min-width: 768px) {
    html { font-size: 16px; font-family: Tajawal !important }
}


/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body { direction: rtl; text-align: right; font-family: Tajawal !important; font-size: 14px; background: linear-gradient(0deg, rgba(250,250,250,1) 25%, rgba(247,247,249,1) 75%, rgba(226,226,227,1) 90%) }

    body.login { top: 177px; left: 0px; height: 100%; }
.top-header { background: transparent linear-gradient(180deg, #CBCBCB 0%, #E6E6E600 100%) 0% 0% no-repeat padding-box }
body:lang(en) { direction: ltr; text-align: left }

.footer { position: absolute; bottom: 0; background: #015b4f; width: 100%; white-space: nowrap; color: #fff !important; height: 35px; line-height: 30px; }

.light-text { font-size: 14px; color: #5a5a5a }

.hidden { display: none }
/* login styles
-------------------------------------------------- */
.form-title { color: #09846e }
.default-img { max-height: 500px; position: relative; right: 25%; opacity: 0.45; }
.default-text { top: 22%; left: 27%; font-weight: 600; font-weight: 600; }
.home-page { color: #333; text-decoration: none; font-weight: bold; margin: 0 5PX; }

@media screen and (max-width: 640px) {
    .main-content { width: 90%; }
    .company__info { display: none; }
    .login_form { border-top-left-radius: 0; border-bottom-left-radius: 0; }
}
.login .main-content { padding:30px}

.login .main-content { padding: 30px }

.main-content { width: auto; display: table !important; border-radius: 0; margin: 0 auto; display: flex; border: 1px solid #f7f7f9; background: #fff; box-shadow: 0px 7px 17px #9d9d9d29; padding: 30px 0; z-index: 100 }

.page-title { font-weight: 600; font-size: 18px; color: #202c45 }

.page-title-wizard { font-weight: 600; font-size: 20px; color: #333; padding: 0 0 10px 0; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px }

.page-sub-title-wizard { color: #027959; font-weight: 600; font-size: 16px }

    .page-sub-title-wizard .form-text, .tab .form-text { margin: 0; background: #e9ecef; min-width: 5%; text-align: center; color: #c72929 !important; border: 1px solid #ced4da; font-weight: 600; padding-top: .5rem; }

.company__info { background-color: #148265; border-top-left-radius: 0; border-bottom-left-radius: 0; display: flex; flex-direction: column; justify-content: center; color: #fff; }

.fa-android { font-size: 3em; }

.vision-logo { max-height: 75px }
.login-footer { background: url(../img/footerbg.png) no-repeat bottom, transparent linear-gradient( 180deg, #015B4F 0%, #015A4F 21%, #01594E 76%, #01433A 100%) 0% 0% no-repeat padding-box; height: 45%; position: absolute; bottom: 0; z-index: 0; width: 100%; background-size: 100% 100% }
.login-title { color: #01594E; font-weight: 600; font-size: 14px }

@media screen and (max-width: 640px) {
    .main-content { width: 90%; }

    .company__info { display: none; }

    .login_form { border-top-left-radius: 0; border-bottom-left-radius: 0; }
}

.logo { max-height: 110px }

@media screen and (min-width: 642px) and (max-width:800px) {
    .main-content { width: 70%; }
}

.form-check-input:checked { background-color: #027959 !important; border-color: #027959 !important; }

.row > h2 { color: #008080; }
.login input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px #F7F7F7 !important; color: #c8d0da !important; background: red }
    .login input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px #F7F7F7 inset !important; color: #c8d0da !important; background: red }
.login_form { background-color: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 400px; padding: 0 50px }
.login-btn { margin: 15px 0 0 0 }
.login_form input { border: 0; border-right: 3px solid #055D4F; border-radius: 0; background: #f7f7f7 }

form { padding: 0 2em; }

.form__input { width: 100%; border: 0px solid transparent; border-radius: 0; border-bottom: 1px solid #aaa; padding: 1em .5em .5em; padding-left: 2em; outline: none; margin: 1.5em auto; transition: all .5s ease; }

    .form__input:focus { border-bottom-color: #008080; box-shadow: 0 0 5px rgba(0,80,80,.4); border-radius: 0; }

.btn-success:hover, .btn-success:focus { background-color: #015b4f; color: #fff; box-shadow: none }

.btn-success { background: transparent linear-gradient(180deg, #11C2A1 0%, #11C2A1 0%, #01433A 100%) 0% 0% no-repeat padding-box; border-color: #ccc; font-size:12px }

.menu-icon { font-size: 22px; vertical-align: middle; color: #048a78; }

/************** side bar menu*/
input:active, btn:active, btn:focus, input:focus { outline: none !important; box-shadow: none !important }

.font-12 { font-size: 12px }

.col-form-label { padding: 5px 0; color: #5a5a5a }

/********************** slide menu */ 
.root-item{color:#fff}
.root-item {list-style-type:none; font-weight:600}
 

   #mainMenu { padding: 0; margin: 15px 0 0 0 }
.admin-menu { padding: 0 15px }
#mainMenu ul { margin: 0; padding: 0 }
    #mainMenu ul li { line-height: 45px; padding: 0 10px 0 0; margin: 0 15px 0 0 }
	#mainMenu ul li a{color:#fff}
	#mainMenu ul li a i{color:#1ca28b}

#mainMenu li.open .sub-menu { display: block; }
#mainMenu li.open { background: #036153 }
#mainMenu li.closed .sub-menu { transition: visibility 5s, opacity 0.5s linear; display: none; }
.sub-menu { background: #026255; padding: 0 15px 0 0 !important }
    .sub-menu li { list-style-type: none; }
        .sub-menu li a { font-weight: normal; font-size: 12px; display: inline-block; vertical-align: text-bottom; line-height: 22px; margin: 0 5px 0 0 }
    .sub-menu .menu-icon i { font-size: 16px; }
.right-menu { background: url(../GCA_Images/menubg.png), linear-gradient(0deg, rgba(1,89,78,1) 0%, rgba(1,79,69,1) 44%, rgba(1,67,58,1) 100%); height: 100%; background-position: bottom; background-repeat: no-repeat }



/****************************** Main Menu***************/
.menu-list { padding: 15px 0 }
    .menu-list a { text-decoration: none }
    .menu-list h1 { margin: 10px 0 }
.read-more { color: #027959; font-weight: 600 }

/*************************** User Menu*/
.avatar-sm { width: 2.5rem; height: 2.5rem; display: inline-block; }
.topbar-nav { padding: 5px 0 0 0 }
.dropdown-toggle { white-space: nowrap; }
.navbar-expand-lg li { width: initial !important; }
.menu-item { cursor: pointer; list-style-type: none; padding: 0; margin: 0 }
    .menu-item a { color: #fff; text-decoration: none; font-weight: bold; margin: 0 1em; }
    .menu-item i { color: #1ca28b; font-size: 20px; vertical-align: sub; }
.read-more { color: #027959; font-weight: 600 }

/*************************** User Menu*/
.avatar-sm { width: 2.5rem; height: 2.5rem; display: inline-block; }

.dropdown-toggle { white-space: nowrap; }

.navbar-expand-lg li { width: initial !important; }

.navbar-expand-lg .navbar-nav .dropdown-menu { left: auto; right: 0; z-index: 1001; }

.dropdown-user-scroll { max-height: inherit !important; }

.user-drop-down { box-shadow: 1px 5px 5px 0px #a6a9ad; background: #f8f9fa; border-top: 0 }

.navbar-expand-lg li { width: initial !important; }

.user-box { display: flex; padding: .25rem 1rem; }

.dropdown-user-scroll .dropdown-item { display: inline-block; width: 85%; font-weight: 600 }

.dropdown-user-scroll { height: auto; margin-bottom: 0px; margin-right: 0px; max-height: 272.55px; position: relative; font-size: 13px; font-weight: 600 }

.navbar-header .dropdown-menu:after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; right: 10px; top: -8px; position: absolute; z-index: 1001; }

.profile-pic { text-decoration: none; font-weight: 600; color: #333; padding: 0 }

.dropdown-item:focus, .dropdown-item:hover { background: none }

.dropdown-user-scroll li:lang(en) { text-align: left }

.dropdown-user-scroll li:hover { background: #29a679 !important; color: #fff }

    .dropdown-user-scroll li:hover .dropdown-item { color: #fff }

.dropdown-user-scroll li { line-height: 25px }

.dropdown-user-scroll .dropdown-divider { margin: 0 }

.topbar-nav .dropdown-menu { padding-bottom: 0; padding-top: 0 }

.entity i, .profile-pic i { color: #333; font-size: 22px; vertical-align: middle; }
/********************** Audit Trail****/

/****** breadcrumb*/
#breadcrumb { padding: 5px }

.root-crumb { text-decoration: none; color: #027959; font-weight: 600; cursor: pointer }

.nav-show { background: #f5f7f9 }

/****************************** custom scrollbar*/
::-webkit-scrollbar { width: 5px; height: 7px }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ccc; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 0px; }
    ::-webkit-scrollbar-thumb:hover { background: #777; }
/***************************** */