@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500&display=swap'); /*english font - new one*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic);

@font-face { font-family: 'Droid Kufi'; src: url('../assets/fonts/Kufi/DroidKufiRegular.eot?v=4.4.0'); src: url('../assets/fonts/Kufi/DroidKufiRegular.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../assets/fonts/Kufi/DroidKufiRegular.woff2?v=4.4.0') format('woff2'), url('../assets/fonts/Kufi/DroidKufiRegular.woff?v=4.4.0') format('woff'), url('../assets/fonts/Kufi/DroidKufiRegular.ttf?v=4.4.0') format('truetype'), url('../assets/fonts/Kufi/DroidKufiRegular.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Droid Kufi'; src: url('../assets/fonts/Kufi/DroidKufiBold.eot?v=4.4.0'); src: url('../assets/fonts/Kufi/DroidKufiBold.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../assets/fonts/Kufi/DroidKufiBold.woff2?v=4.4.0') format('woff2'), url('../assets/fonts/Kufi/DroidKufiBold.woff?v=4.4.0') format('woff'), url('../assets/fonts/Kufi/DroidKufiBold.ttf?v=4.4.0') format('truetype'), url('../assets/fonts/Kufi/DroidKufiBold.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: bold; font-style: normal; }

/*********************/
/*bootstrap overrides*/
.form-control { font-size: unset; }
/*.btn-primary { background-color: #2f62a2 !important; border-color: #2f62a2 !important; }*/
.text-primary { color: #2f62a2 !important; }
.bg-primary { background-color: #2f62a2 !important; color: #fff !important; }
/*.btn-success { background-color: #9ba315 !important; border-color: #9ba315 !important; }
.text-success { color: #9ba315 !important; }
a.text-success:focus, a.text-success:hover { color: #9ba315 !important; }*/

.fa-ul { margin-left: 0; }
.fa-li { right: -2em; }
/*********************/
body { font-family: "Droid Kufi", Source Sans Pro,sans-serif; color: #000; /*#656565;*/ /*font-family: 'Alegreya Sans';*/ font-size: 15px; direction: rtl; text-align: right; }
body a { transition: all 0.4s ease 0s !important; }
body a:hover { text-decoration: none; }

hr { margin: 5px 0 !important; }

.header { padding: 7px 0; background-color: #23b7e5; background-image: linear-gradient(90deg, #2f62a2 0, #015da8); background-repeat: repeat-x; color: #fff; border-bottom: 2px solid #cfdbe2; }

.logo { width: 63px; border-radius: 50%; background-color: #fff; /*padding-top:7px; width:70px; border-radius:7px;*/ }
.site-title { font-weight: bold; font-size: 21px; margin-top: 4px; /*text-shadow:3px 2px 7px #333;*/ /*color: #002356;*/ }
.subsite-title { font-weight: bold; font-size: 19px; color: #fff; margin-top: -5px; /*#002356*/ /*#9ca50d*/ }



.header .global-actions { padding-top: 35px; }
.header .global-actions ul { margin-bottom: 0; margin-right: 0; }
.header .global-actions ul li { display: inline-block; }
.header .global-actions ul li:not(:last-child) { margin-left: 15px; }
.header .global-actions ul li .fa-li { position: static; }
.header .global-actions ul li a { color: #fff !important; }
.header .global-actions ul li a:hover { color: #e1e1e1 !important; text-decoration: none; }

.header .app-name { padding-top: 20px; font-size: 25px; }


@media (max-width: 1200px) {
    .logo { width: 50px; }
    .site-title { font-size: 20px; margin-top: 0px; }
    .subsite-title { font-size: 17px; }

    .header .global-actions { padding-top: 15px; }
}



.main { /*padding: 15px 0;*/ }
.main .container-fluid { padding: 0; }
/*.page-title { font-size: 21px; margin-bottom: 20px; }*/
/*.page-content { min-height: 500px; padding: 0; }*/
.page-content.public { padding: 30px 0; min-height: 500px; }

.page-container { }
.page-container .page-title { font-size: 16px; /*color: #012758;*/ background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; /*color: #717171;*/ margin: -15px -20px; padding: 8px 20px; }
.page-container .page-title span { padding-top: 3px; }
.page-container .page-content { /*text-align: justify;*/ margin: 15px 20px; padding: 30px 0; font-size: 14px; }
.page-container .page-content a { /*color: #9ca50d;*/ }
.page-container .page-content a:hover { text-decoration: none; /*color: #0053ac;*/ transition: all 0.4s ease 0s; }

#sidebar .emp-card { border-bottom: 1px solid #cfdbe2; padding: 5px 0; background-color: #fafbfc; }
#sidebar .emp-pic img { border-radius: 50%; width: 60px; height: 60px; padding: .125rem; background-color: #f5f7fa; border: 1px solid #dee2e6; }
#sidebar .emp-title { /*color: #002356;*/ /*font-size: 17px;*/ margin-top: 0px; }
#sidebar .emp-title span { /*font-size: 25px;*/ }
#sidebar .emp-position { color: #909090; /*#002857;*/ }
/*****************************************************************************************************************************/
/************************************** SIDE BAR NAV *************************************************************************/
/*****************************************************************************************************************************/
#sidebarCollapse { min-width: unset; color: #717171; border: 1px solid #717171 /*#012758*/; margin-left: 7px; padding: 5px 10px; }
#sidebar .navbar { padding: 15px 10px; background: #fff; border: none; border-radius: 0; margin-bottom: 40px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
#sidebar .navbar-btn { box-shadow: none; outline: none !important; border: none; }
#sidebar .line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; }
.main .container-fluid { display: flex; width: 100%; align-items: stretch; overflow: hidden; }
#sidebar { min-width: 315px; max-width: 315px; /*background: #f1f2ec;*/ /*color: #fff;*/ transition: all 0.3s; /*box-shadow: 2px 2px 7px #c1c1c1;*/ /*padding-top: 15px;*/ font-size: 14px; border-left: 1px solid #d9d9d9; }
#sidebar.active { margin-right: -315px; }
#sidebar .site-title { color: #9ca50d; font-size: 28px; padding: 10px 5px 0px 20px; }
#sidebar .site-title a { color: #9ca50d; }
#sidebar .site-title a:hover { text-decoration: none; }
#sidebar ul.components { padding: /*10px*/ 0; }
#sidebar ul li a { /*padding: 10px 20px; display: block; color: #555; border-bottom: 1px solid #568bbc;*/ position: relative; display: block; padding: 10px 10px; color: #515253; letter-spacing: .025em; font-weight: 400; cursor: pointer; border-right: 3px solid transparent; }
#sidebar ul li a i { color: #2f62a2; }
#sidebar ul li a:hover { background: #f8f8f8; text-decoration: none; transition: all 0.4s ease 0s; background-color: #fcfcfc; color: #2f62a2; border-right-color: #2f62a2; }
.sidebar-li-active { background: #f8f8f8; text-decoration: none; transition: all 0.4s ease 0s; background-color: #fcfcfc; color: #2f62a2 !important; border-right-color: #2f62a2 !important; }
#sidebar ul li.active > a, #sidebar a[aria-expanded="true"] { background: #f9f9f9; /*color: #012758 !important;*/ }
#sidebar a[data-toggle="collapse"] { position: relative; }
#sidebar .dropdown-toggle::after { display: block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
#sidebar ul ul a { padding: 0px 5px 10px 40px !important; background: #f9f9f9; }
#content, .page-container { width: 100%; padding: 15px 20px; min-height: 100vh; transition: all 0.3s; /*background:#f5f7fa;*/ }

@media (max-width: 1200px) {
    #sidebar { margin-right: -315px; }
    #sidebar.active { margin-right: 0; }
    #sidebarCollapse span { display: none; }
}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/


.footer { }

.copyright { font-size: 12px; padding: 3px; background-color: #1460ac; /*background-image: linear-gradient(90deg, #2f62a2 0, #015da8); background-repeat: repeat-x;*/ color: #fff; border-top: 1px solid #cfdbe2; }

.rbl { margin-top: 7px; }
.rbl input[type='radio'] { margin-left: 5px; }
.rbl label { margin-left: 15px; }

.service-cat-item { margin-bottom: 15px; }
.service-cat-img { }
.service-cat-img img { width: 100%; }
.service-cat-name { font-size: 21px; font-weight: bold; }

.service-item { margin-bottom: 15px; }
.service-img { }
.service-img img { width: 100%; }
.service-name { font-size: 21px; font-weight: bold; }


.main-services { }
.main-services .bg-primary { background-color: #2f62a2 !important; color: #fff !important; border: 1px solid #2f62a2; }
.main-services .bg-primary-dark { background-color: #2f62a2; color: #fff !important; }
.main-services .bg-primary-dark i { font-size: 30px; }
.main-services a { }
.main-services a:hover .bg-primary /*, .main-services a:hover .bg-primary-dark*/ { background-color: #fff !important; color: #2f62a2 !important; transition: all 0.4s ease 0s !important; }

.gv-header { background-color: #2f62a2 !important; color: #fff; }
.gv-header th { padding: 7px; }
.gv-row { }
.gv-row td { padding: 5px; vertical-align: initial; }
.gv-pagination { text-align: -moz-center; }
.gv-pagination td { padding: 2px 5px; font-size: 16px; background-color: #fff; border: 0px; }
.gv-img-thumb { width: 50px; border-radius: 3px; }

.chbl { }
.chbl tr td { }
.chbl tr td input, .chbl input { margin: 0 5px; }
.chbl tr td label, .chbl label { display: inline; }

.chb { }
.chb input { margin: 0 5px; }
.chb label { display: contents !important; }

.nav-tabs .nav-link.active { background-color: #2f62a2; color: #fff; }

.clear { clear: both; }

.txt-ar { direction: rtl; text-align: right; }
.txt-en { direction: ltr; text-align: left; }

.avg-seperator { border-bottom: 7px solid #000; }

.bg-color-red { background-color: #ffb8b6; }
.bg-color-green { background-color: #7bffb7; }

/**** for spinner modal ****/
.modal-spinner .modal-dialog .modal-content { background-color: transparent; border: none; }



.RemoveButtonClass { margin-right: 10px; }