/*   CSS For forms and inputs AR language */
@font-face {
	font-family: digi;
	src: url('../../../lib/fonts/DS-DIGI.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}

a {
	color: #266CC6;
	outline: 0 !important;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	/*color: #266CC6;*/
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
	outline: 0 !important;
}

.info_en {
	padding: 7px 12px;
	border-radius: 8px;
	color: #1F29D7 !important;
	background-color: #F0EFF5;
	text-align: left !important;
	font-weight: normal !important;
	font-size: 100%;
	min-width: 160px !important;
	width: 80px;
}

.th_data {
	padding: 10px 18px !important;
	border-bottom: 1px solid #111 !important;
	/* background-color: #E3E0DC !important; */
	text-align: center !important;
	font-weight: normal !important;
	font-size: 100%;
}

.animation {
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	/*display: inline;*/
	zoom: 1;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	line-height: 1.231;
}

button,
input,
select,
textarea {
	color: #333333;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/* Dreamweaver: uncomment these if you do want to customize the selection highlight
 *::-moz-selection { background-color: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background-color: #fe57a1; color: #fff; text-shadow: none; }
 */
/* =============================================================================
   Links
   ========================================================================== */

button,
button:focus {
	outline: 0 !important;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
	font-size: 90%;
	text-align: right;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
	border: 0;
	margin-left: -7px;
	padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,
input {
	line-height: normal;
	overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button,
table input {
	overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	--webkit-appearance: button;
	font-family: menu;
	font-size: inherit;
	line-height: inherit;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	margin-right: 0px;
	margin-top: 2px;
	width: 20px;
	height: 20px;
}

input[type="search"] {
	--webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/*-----My Styles @osama_desoukey-----*/
/*@charset "utf-8";
 You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Interactive Saudi Arabia LTD (KSA).  and may not be reproduced. 
by : Interactive Saudi Arabia LTD.
url:www.interactive.sa

/*------Reset Css---------*/
address {
	margin: 0;
	padding: 0;
}

dl {
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
	/* Since CSS 2.1 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
}


/*-----------Basic css------------*/




.fleft {
	float: left;
	text-align: left;
}

.fright {
	float: right;
	text-align: right;
}

.Aright {
	text-align: right !important;
}

.Aleft {
	text-align: left !important;
}

.Acenter {
	text-align: center !important;
}

.clear {
	clear: both;
}

span.clear {
	display: block;
}

.center {
	text-align: center;
}

::selection {
	background-color: #266CC6;
	color: #ffffff;
}

a,
a:visited,
a:active,
a:focus {
	text-decoration: none !important;
	/*color: #266CC6;*/
}

a:hover {
	text-decoration: underline;
}

p {
	font-size: 120%;
	line-height: 150%;
	text-align: inherit;
	color: #666666;
	padding-top: 6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: inherit;
}

h1 {
	font-size: 120%;
	font-family: title;
	color: #000;
}

h2,
.pagetitle {
	font-size: 130%;
	font-family: title;
	line-height: 28px;
}

h3 {
	font-size: 118%;
	font-family: title;
}

h4 {
	font-size: 130%;
	font-family: title;
	margin-bottom: 7px;
	padding: 25px;
	font-weight: normal;
	color: #1036ca !important;
	direction: rtl;
	text-align: right !important;
}

h5 {
	font-size: 94%;
	font-family: title;
}

h6 {
	font-size: 118%;
	font-family: title;
}

.col-9,
.col-8,
.col-6,
.col-4,
col-3 {
	float: right;
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
	float: right;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

input,
select,
textarea {
	font-family: title;
	font-size: inherit;
	line-height: inherit;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: title !important;
	font-size: 1em;
}

.visible-in-mobile {
	display: none;
}

/*-------Css Start--------*/
.container {
	float: right;
}

.logincontainer {
	width: 50%;
	margin: 0 auto;
	position: relative;
}


.innercontainer {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.topbar {
	background-color: #efefef;
	height: 38px;
}

.topbar * {
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.lang {
	padding: 10px;
	position: relative;
}

.lang .langinner a {
	font-size: 14px;
	font-family: inherit;
	color: #666666;
}

.lang .langinner a:hover {
	text-decoration: none;
}

.lang .langinner .current {
	display: inline-block;
	background: transparent url('../../../lib/images/langarr.png') no-repeat right 5px;
	padding-right: 15px;
}

.lang .langinner .langlist {
	display: none;
	background-color: #266CC6;
	min-width: 100px;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
}

.lang .langinner .langlist a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	border-radius: 4px;
}

.lang .langinner .langlist a:hover {
	text-decoration: none;
	background-color: #15a97f;
}

.lang .langinner .langlist a:active {
	text-decoration: none;
	background-color: #266CC6;
}

.lang .langinner:hover .langlist {
	display: block;
}

.topcontrols {
	padding: 10px;
	position: relative;
}

.topcontrols span {
	display: inline-block;
	padding: 0 28px 0 20px;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	margin-right: 15px;
}


.topcontrols a {
	display: inline-block;
	padding: 0 28px 0 20px;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	margin-right: 15px;
}

.topcontrols a:first-child {
	margin-right: 0px;
}

.topcontrols a:hover {
	/*color: #ee3333;*/
	font-weight: bold;
	text-decoration: none;
}

.topcontrols .login {
	background: url('../../../lib/images/login.png');
}

.copy_down {
	background: url('../../../lib/images/copy_down.png') no-repeat scroll center;
}

.copy_paste {
	background: url('../../../lib/images/paste.png') no-repeat scroll center;
	width: 100%;
	display: block;
}


.topactions .search {
	height: 38px;
}

.topactions .search .searchtxt {
	border: 0px;
	background-color: #e4e4e4;
	height: 100%;
	line-height: 25px;
	padding: 0px 15px;
	width: 180px;
}

.topactions .search .searchbtn {
	border: 0px;
	height: 100%;
	width: 38px;
	background-color: #266CC6 url("../../../lib/images/searchico.png") no-repeat scroll center bottom;
}

.topactions .search .searchbtn:hover {
	background-position: center top;
	background-color: #525252;
}

.topactions .search .searchbtn:active {
	background-color: #266CC6;
}

.topactions .social {
	height: 38px;
}

.topactions .social a {
	display: inline-block;
	width: 38px;
	height: 100%;
	background-color: #266CC6 url("../../../lib/images/social.png") no-repeat scroll left top;
}

.topactions .social .facebook {
	background-position: left bottom;
}

.topactions .social .facebook:hover {
	background-position: left top;
	background-color: #525252;
}

.topactions .social .facebook:active {
	background-color: #266CC6;
}

.topactions .social .twitter {
	background-position: right bottom;
}

.topactions .social .twitter:hover {
	background-position: right top;
	background-color: #525252;
}

.topactions .social .twitter:active {
	background-color: #266CC6;
}

.topactions .phonenumber {
	direction: ltr;
	height: 30px;
	line-height: 38px;
	background: url("../../../lib/images/phoneico.png") no-repeat 15px center;
	padding-left: 38px;
	font-size: 12px;
}

.topactions .infotit {
	direction: ltr;
	font-size: 12px;
	color: #000;
}

.topactions .smalltit {
	direction: ltr;
	font-size: 12px;
	color: #65A208;
}

.endinfo {
	border-bottom: 1px solid #57a !important;
}

.topactions .phonenumber span {
	display: inline-block;
	margin: 0 5px;
	color: #666666;
}

.topactions .phonenumber a {
	display: inline-block;
	margin: 0 5px;
}

.topactions .phonenumber a:hover {
	color: #333333;
	text-decoration: none;
}

#mob-menu {
	display: none;
}

.topnav {
	background-color: #fafafa;
	min-height: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

.topnav .logo {
	padding-top: 0px;
}

.topnav .uniregisteration {
	background-color: #FFFFFF;
	border-bottom: 2px #266CC6 solid;
	padding: 10px 34px 10px;
	position: relative;
	top: -10px;
}

.topnav .uniregisteration .txticon {
	display: inline-block;
}

.topnav .uniregisteration .txticon i {
	display: none;
	height: 29px;
}

.topnav .uniregisteration .txticon b {
	display: block;
	text-align: center;
	padding-top: 3px;
	font: 32px gess;
	color: #1C45A7;
}

.topnav .uniregisteration .txticon b a {
	color: #266CC6;
	text-decoration: none;
	font-size: 22px;
}

.topnav .uniregisteration .txticon b a:hover {
	color: #666666;
}

.topnav .uniregisteration .version-date {
	font-size: 11px;
	color: #999;
}

.topnav .uniregisteration .version-date span {
	display: inline-block;
	margin: 0 6px;
}

.topnav .topmenu {
	padding-top: 5px;
}

.topnav .topmenu ul li {
	float: right;
	position: relative;
}

.topnav .topmenu ul li:hover {
	background-color: #15a97f;
}

.topnav .topmenu ul li:hover a {
	color: #ffffff;
}

.topnav .topmenu ul li a {
	padding: 12px 22px;
	display: inline-block;
	font-size: 16px;
	color: #666666;
}

.topnav .topmenu ul li a:hover {
	text-decoration: none;
}

.topnav .topmenu ul li.active,
.topnav .topmenu ul li.active:hover {
	background-color: #266CC6;
}

.topnav .topmenu ul li.active a,
.topnav .topmenu ul li.active:hover a {
	color: #ffffff;
}

.topnav .topmenu ul li.has-sub:after,
.topnav .topmenu ul li.has-sub:hover:after {
	content: '';
	display: block;
	width: 11px;
	height: 12px;
	position: absolute;
	left: 5px;
	top: 15px;
	background: transparent url('../../../lib/images/topnav-arr.png') no-repeat;
}

.topnav .topmenu ul li ul {
	display: none;
	background-color: #15a97f;
}

.topnav .topmenu ul li.has-sub:hover ul {
	display: block;
	position: absolute;
	right: 0;
	z-index: 9;
	min-width: 200px;
}

.topnav .topmenu ul li.has-sub:hover ul li {
	float: none;
}

.topnav .topmenu ul li.has-sub:hover ul li:hover {
	background-color: #266CC6;
}

/*--Home Slider--*/
.slider-wrapper {
	height: 347px;
}

.nivo-caption {
	background: none !important;
	width: auto !important;
	left: 25% !important;
	bottom: 30% !important;
	opacity: 1 !important;
}

.nivo-caption h3 {
	background: url('../../../lib/images/descbg1.png');
	font-size: 17px;
	font-weight: normal;
	color: #333333;
	float: right;
	padding: 10px 12px 10px 30px;
}

.nivo-caption span {
	display: inline-block;
	background: url('../../../lib/images/descbg2.png');
	padding: 10px 12px 10px 22px;
	margin-top: 8px;
	font-size: 16px;
	color: #ffffff;
}

/*--Apply Div--*/
.applydiv {
	background-color: #e8e8e8;
	width: 84%;
	margin: 0 auto;
	min-height: 75px;
	position: relative;
	top: -30px;
	z-index: 999;
}

.applydiv .applyinner {
	margin: 15px 14px 15px 28px;
}

.applydiv .newsticker,
.applydiv .newsticker li {
	height: 45px !important;
}

.applydiv .newsticker li {
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}

.applydiv .tickerbtns {
	width: 18px;
	margin-left: 15px;
}

.applydiv .tickerbtns a {
	display: block;
	width: 18px;
	height: 18px;
	background-color: #15a97f url('../../../lib/images/tickerctrl.png') no-repeat;
	margin-bottom: 5px;
}

.applydiv .tickerbtns a:hover {
	background-color: #18bf90;
}

.applydiv .tickerbtns a:active {
	background-color: #118967;
}

.applydiv .tickerbtns a#prev-button {
	background-position: center 5px;
}

.applydiv .tickerbtns a#next-button {
	background-position: center -32px;
}

.applybtndiv {
	margin: 41px 0px;
	width: 24%;
}

.applybtndiv .applybtn {
	background-color: #266CC6 url('../../../lib/images/applybtn-arr.png') no-repeat 90% center;
	padding: 12px 50px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border: 0px;
	border-bottom: 2px #0c654c solid;
	border-radius: 4px;
}

.applybtndiv .applybtn:hover {
	background-color: #18bf90;
}

.applybtndiv .applybtn:active {
	background-color: #118967;
}

.applybtn {
	background-color: #266CC6 url('../../../lib/images/applybtn-arr.png') no-repeat 90% center;
	padding: 12px 50px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border: 0px;
	border-bottom: 2px #0c654c solid;
	border-radius: 4px;
}

.applybtn:hover {
	background-color: #18bf90;
}

.applybtn:active {
	background-color: #118967;
}

.greentitle {
	text-align: right;
}


.greentitle i {
	right: 5px;
}

.centertitle {
	width: 60%;
	min-width: 680px;
	margin-right: 20% !important;
	margin-left: 20% !important;
	float: right !important;
	text-align: center !important;
	font-size: 24px !important;
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}


.bluetitle {
	font-size: 118%;
	color: #2d48ba;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 19px;
	padding-bottom: 10px;
}


.bluetitle i {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #589ddd;
	margin-left: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #314cc0;
	position: relative;
	top: -3px;
}

.progtitle {
	border-radius: 4px;
	background-color: #eee;
	border-right: 3px #266CC6 solid;
	height: 32px;
	line-height: 32px;
	margin-bottom: 8px;
	padding-top: 10px;
}

.progtitle span.male,
.progtitle span.female {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding-right: 28px;
	font-size: 94% !important;
	font-weight: normal;
	margin-right: 8px;
}

.progtitle .male {
	background: transparent url('../../../lib/images/male.png') no-repeat right center;
}

.progtitle .female {
	background: transparent url('../../../lib/images/female.png') no-repeat right center;
}

.flipcards {
	margin-right: 30px;
	height: 152px;
	position: relative;
	perspective: 800px;
}

.flipcards .card {
	width: 214px;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	transition: transform .6s;
}

.flipcards .card div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.flipcards .card div.front {
	background-color: #266CC6;
}

.flipcards .card div.front span {
	display: block;
	text-align: center;
	background: url('../../../lib/images/flipcard-icons.png') no-repeat;
	padding-top: 105px;
}

.flipcards .card div.front span.useguide {
	background-position: center 24px;
}

.flipcards .card div.front span.complaints {
	background-position: center -318px;
}

.flipcards .card div.front span.faq {
	background: url('../../../lib/images/faq.png') no-repeat center 24px;
}

.flipcards .card div.front span a {
	font-size: 94%;
	color: #fff;
}

.flipcards .card div.front span a:hover {
	text-decoration: none;
}









.flipcards .card div.back {
	background-color: #333;
	transform: rotateY(180deg);
}

.flipcards .card div.back span.desc {
	display: block;
	padding: 15px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.flipcards .card div.back span.desc a {
	color: #fff;
	text-decoration: none;
}

.flipcards .card div.back span.desc a:visited {
	text-decoration: none;
	color: #ffffff;
}

.flipcards .card:hover {
	transform: rotateY(180deg);
	cursor: pointer;
}

.flipcards .card2 {
	right: 246px;
}






.breadcrumb .breadinner a:first-child {
	padding: 0 25px 0 0;
	background: transparent url('../../../lib/images/breadcrumbhome.png') no-repeat right center;
}

.breadcrumb .breadinner span {
	color: #999;
	font-size: 13px;
}

.breadcrumb .breadinner span.breadsep {
	display: inline-block;
	padding: 0 5px;
}

.pagetitle {
	font-size: 118%;
	font-weight: normal;
	margin-top: 25px;
	text-align: right;
}

.pagetitle i {
	display: inline-block;
	width: 12px;
	height: 11px;
	border: 3px #B06A07 solid;
	margin-left: 12px;
}

/*--- Accordion --*/
#accordion {
	padding-top: 5px;
	min-height: 150px;
	padding-bottom: 10px;
}

#accordion .ui-accordion-header {
	background-color: #eee !important;
	height: 24px !important;
	font-size: 94% !important;
	font-weight: bold !important;
	color: #2A80C8 !important;
	margin-bottom: 0px !important;
	margin-top: 8px !important;
	padding: 10px 10px !important;
	outline: 0px !important;
	text-align: right !important;
	position: relative !important;
	cursor: pointer !important;
}

#accordion .ui-accordion-header span {
	display: inline-block !important;
	line-height: 1.8 !important;
}

#accordion .ui-accordion-header .acc-border {
	display: inline-block !important;
	width: 5px !important;
	height: 26px !important;
	background-color: #18bf90 !important;
}

#accordion .ui-accordion-header span.male,
#accordion .ui-accordion-header span.female,
#accordion .ui-accordion-header span.maincompany {
	display: inline-block !important;
	height: 26px !important;
	line-height: 26px !important;
	padding-right: 28px !important;
}

#accordion .ui-accordion-header .male {
	background: transparent url('../../../lib/images/male.png') no-repeat right center !important;
}

#accordion .ui-accordion-header .female {
	background: transparent url('../../../lib/images/female.png') no-repeat right center !important;
}

#accordion .ui-accordion-header .maincompany {
	background: transparent url('../../../lib/images/maincompanyico.png') no-repeat right center !important;
}

#accordion .ui-accordion-header .ui-accordion-header-icon {
	background-color: #18bf90 url('../../../lib/images/plus.png') no-repeat center center !important;
	display: inline-block !important;
	width: 26px !important;
	height: 26px !important;
	/*margin-left: 15px !important;*/
}

#accordion .ui-accordion-header-active .ui-accordion-header-icon {
	background-color: #18bf90 url('../../../lib/images/minus.png') no-repeat center center !important;
	display: inline-block !important;
	width: 26px !important;
	height: 26px !important;
	/*margin-left: 15px !important;*/
}

#accordion .accordionBox {
	background-color: #fff !important;
	padding: 35px 0 30px 0 !important;
}

#accordion .accordionBox .details {
	width: 70% !important;
}

#accordion .accordionBox .collegebox {
	width: 25% !important;
	padding: 10px !important;
	border: 1px #ddd solid !important;
}

#accordion .accordionBox .collegebox img {
	width: 80% !important;
	display: block !important;
	margin: 0 auto 5px !important;
}



#map-canvas {
	height: 380px;
	position: relative;
	direction: ltr;
}

#map-canvas img {
	max-width: inherit;
}

.back-top {
	width: 35px;
	height: 35px;
	text-indent: -1000px;
	background-color: #333333 url('../../../lib/images/tickerctrl.png') no-repeat center 12px;
	border-radius: 4px;
	opacity: .8;
	display: inline-block;
	position: fixed;
	z-index: 999;
	bottom: 10px;
	right: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.smallform {
	background-color: #eee;
	padding: 3%;
	width: 50%;
	height: 300px;
}

.darkbg {
	background-color: #eee;
	padding: 4%;
	width: 92%;
}

.darkbg.linesep {
	border-top: 1px #fff solid;
}

.quote .quoteinn {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: inherit;
	line-height: 1.714;
	color: #666666;
}

.quote .quoteinn span.before {
	display: inline-block;
	width: 25px;
	height: 20px;
	margin: 0 12px;
	background: transparent url('../../../lib/images/quote.png') no-repeat right top;
}

.quote .quoteinn span.after {
	display: inline-block;
	width: 25px;
	height: 20px;
	margin: 0 12px;
	background: transparent url('../../../lib/images/quote.png') no-repeat left top;
}

.form .col-12 {
	clear: both;
}

.form .col-4,
.form .col-8,
.form .col-6,
.form .col-9,
.form .col-12,
.form .col-3 {
	padding: 0 1.5%;
	margin-bottom: 22px;
	position: relative;
}

.form .formlabel {
	font-size: 16px;
	color: #666666;
	display: block;
	margin: 9px;
}

.freebtn {
	padding: 12px 20px;
	text-decoration: none;
	font-size: 90%;
	font-weight: normal;
	border: 0px;
	border-radius: 4px;
	text-align: center;
	width: 70%;
	min-width: 120px;
	max-width: 250px;
}

.form .formlabel i {
	color: #266CC6;
	font-style: normal;
	margin: 0 5px;
}

.form label {
	font-size: 94%;
}

.form input[type='text'],
.form input[type='password'],
.form input[type='number'],
.form input[type='email'],
.form textarea {
	width: 96%;
	padding: 0 2%;
	border: 0px;
	height: 40px;
	font-size: 80%;
	line-height: normal;
	color: #666666;
}

.form textarea {
	padding-top: 5px;
	height: 125px;
}

.form input[type='number'],
.form input[type='email'] {
	text-align: left;
}

.form select {
	width: 100%;
	padding: 0 2%;
	border: 0px;
	height: 40px;
	font-size: 80%;

	line-height: normal;
	color: #666666;
}

.form input[type='checkbox'] {
	width: 16px;
	height: 16px;
	margin: 0 0 0 12px;
	position: relative;
	top: 4px;
}

.form i.showpass {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../../../lib/images/showpass.png') no-repeat center;
	position: absolute;
	left: 15px;
	top: 33px;
	cursor: pointer;
}

.btndiv {
	padding: 15px 0;
	text-align: center;
	border-radius: 4px;
}

.btndiv .btn {
	margin: 0 10px;
}

.btn {
	padding: 4px 4px;
	text-decoration: none;
	font-size: 107%;
	font-weight: normal;
	border: 0px;
	border-radius: 4px;
	min-width: 300px;
	/*width: 300px;
    max-width: 300px;*/
	text-align: center;
	line-height: 2;
}


.smallbtn {
	padding: 0px 18px;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	border: 0px;
	border-radius: 0px;
	width: auto;
	min-width: 100px;
	max-width: 180px;
	text-align: center;
	line-height: 2;
	font-family: title;
}

.loginform {
	margin: 0 auto;
	float: none;
}

.loginform .quote,
.loginform .darkbg {
	width: 100%;
}

.loginform .quote .quoteinn,
.loginform .darkbg .quoteinn {
	width: 100%;
}

.loginform .col-9 {
	margin: 0 auto 22px;
	float: none;
	position: relative;
}

.loginform .btn {
	width: 100%;
}

.loginform .loginoptions a {
	font-size: 100%;
}

.colsub.quote .quoteinn {
	width: 90%;
}

.colsub.quote .applybtndiv {
	width: 100%;
	margin: 15px 0 0;
}

.collegelogo {
	text-align: center;
	border: 1px #eee solid;
}

.collegemap {
	padding-top: 10px;
	padding-bottom: 10px;
}

.collegemap #map-canvas {
	height: 200px;
	position: relative;
}

.collegemap #map-canvas img {
	max-width: inherit;
}

h3 {
	margin: 5px 0;
	font-size: 94%;
}

.green {
	color: #4062CB;
}

.red {
	color: rgb(125, 80, 82);
}

.black {
	background-color: #F9F6F3 !important;
	font: 18px verdana !important;
	color: #333333 !important;
	padding: 2px 5px !important;
	border-top: 2px solid #333;
	border-bottom: 2px solid #999;
	border-left: 2px solid #333;
	border-right: 2px solid #999;
	text-align: center !important;
	font-family: rgt, Arial, tahoma, sans-serif !important;

}

.white {
	color: #ffffff;
}

hr.white {
	border-top: 1px solid #FFF !important;
	visibility: visible !important;
}

hr.black {
	border-top: 1px solid #333333 !important;
	visibility: visible !important;
}

hr.green {
	border-top: 1px solid #266CC6 !important;
	visibility: visible !important;
}

.filtre_not_filled_th {
	background-color: #EFEFEF !important;
	font: 15px verdana !important;
	color: #333333 !important;
	padding: 2px 5px !important;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center !important;
	font-family: rgt, Arial, tahoma, sans-serif !important;
}

.filtre_not_filled_td {
	background-color: rgba(255, 255, 255, 0.9) !important;
	border-bottom: 1px solid #C3DBF0;
	border-left: 1px solid #C3DBF0;
	border-right: 1px solid #C3DBF0;
}

.filtre_filled_th {
	background-color: #201292 !important;
	font: 19px verdana !important;
	color: #fff !important;
	border: 1px #fff solid !important;
	padding: 2px 5px !important;
	text-align: center !important;
}

.filtre_filled_td {
	background-color: rgb(201, 224, 247) !important;
	border-bottom: 1px solid #B0C5D8;
	border-left: 1px solid #88AED2;
	border-right: 1px solid #88AED2;
}


/*#Pager#*/
.pager {
	padding: 3px 0;
}

.pager table,
.pager .ms-srch-Paging {
	margin: 5px auto;
}

.pager td,
.pager .ms-srch-Paging li {
	background: none !important;
	border: 0px;
	padding: 0px !important;
	font: bold 12px tahoma;
}

.pager td>a,
.pager .ms-srch-Paging li a {
	display: inline-block;
	margin: 0 3px;
	padding: 5px 8px;
	font: 13px arial;
	background-color: #266CC6;
	color: #fff !important;
}

.pager td>a:hover,
.pager .ms-srch-Paging li a:hover {
	text-decoration: none;
}

.pager td>span,
.pager .ms-srch-Paging #PagingSelf a,
.pager td a.prev,
.pager td a.next {
	display: inline-block;
	padding: 5px 8px;
	color: #266CC6 !important;
	text-decoration: none;
}

.pager td a.prev,
.pager td a.next {
	display: inline-block;
	padding: 5px 8px;
	background-color: #266CC6;
	color: #fff !important;
	text-decoration: none;
}

.pager td a.prev:hover,
.pager td a.next:hover,
.pager td>a:hover,
.pager .ms-srch-Paging li a:hover {
	background-color: #15a97f;
}

.pager td a.prev:active,
.pager td a.next:active,
.pager td>a:active,
.pager .ms-srch-Paging li a:active {
	background-color: #0c654c;
}

/*---*/
.sidenav {
	background-color: #266CC6;
	border-radius: 8px;
	padding: 12px 15px;
	margin: 0 0 20px;
}

.sidenav h3 {
	border-bottom: 1px #eee dashed;
	padding-bottom: 8px;
	margin-bottom: 14px;
	padding-right: 10px;
	color: #ffffff;
}

.sidenav .sideActions {
	padding-bottom: 8px;
	margin-bottom: 14px;
	padding-right: 10px;
	border-bottom: 1px #eeeeee dashed;
}

.sidenav .sideActions a {
	display: inline-block;
	text-decoration: none;
	height: 18px;
	font-size: 14px;
	color: #fff;
	outline: 0;
}

.sidenav .sideActions a:hover {
	color: #ddd;
	background-position: right bottom !important;
}

.sidenav .sideActions a.email {
	background: transparent url('../../../lib/images/emailIcon.png') no-repeat right top;
	padding-right: 25px;
	margin-left: 15px;
}

.sidenav .sideActions a.print {
	background: transparent url('../../../lib/images/printIcon.png') no-repeat right top;
	padding-right: 25px;
	margin-left: 15px;
}

.sidenav .sideActions a.share {
	background: transparent url('../../../lib/images/shareIcon.png') no-repeat right top;
	padding-right: 22px;
}

.sidenav .sideActions a.addfav {
	background: transparent url('../../../lib/images/addtofav.png') no-repeat right top;
	padding-right: 22px;
}

.sidenav ul li {
	color: #fff;
}

.sidenav ul li a {
	color: #fff;
	padding: 7px;
	display: block;
	outline: 0;
	border-bottom: 1px #266CC6 solid;
}

.sidenav ul li a i {
	display: inline-block;
	background-color: #ebebeb;
	width: 8px;
	height: 8px;
	margin-left: 12px;
}

.sidenav ul li a:hover,
.sidenav ul li a.current {
	text-decoration: none;
	background-color: #38ae8d;
}

.contact>span {
	display: block;
	padding: 0 0 0 36px;
	margin-bottom: 10px;
	background: url('../../../lib/images/contact.png') no-repeat;
	min-height: 24px;
	text-align: left;
	direction: ltr;
	line-height: 25px;
	color: #fff;
}

.contact>span a {
	color: #fff;
}

.contact>span a:visited,
.contact span a:hover {
	color: #ffffff;
}

.contact .phone {
	background-position: left top;
}

.contact .email {
	background-position: left bottom;
}

.contactform {
	margin: 0 auto;
	float: none;
}

.contactform .quote,
.contactform .darkbg {
	width: 92%;
}

.contactform .quote .quoteinn,
.contactform .darkbg .quoteinn {
	width: 100%;
}

.contactform .col-9 {
	margin: 0 auto 22px;
	float: none;
	position: relative;
}

.contactform .btn {
	width: 100%;
}

.contactform .loginoptions a {
	font-size: 16px;
}

/*--Alerts--*/
.validation {
	color: #e50000;
}



div[class^='aler'] {
	padding: 8px 15px;
	color: #333333;
	border-radius: 0px !important;
	margin-bottom: 15px;
	line-height: 1.6;
}


.alert {
	font-size: 100%;
}

/*----Wizard Steps---*/
.wizsteps {
	background: transparent url('../../../lib/images/wez_line.png') repeat-x left top;
	margin-bottom: 15px;
}

.wizsteps .wizardUl li {
	float: right;
	background: transparent url('../../../lib/images/wez_steps.png') no-repeat right top;
	min-height: 82px;
	width: 20%;
}

.wizsteps .wizardUl li:first-child {
	margin-right: 0px;
}

.wizsteps .wizardUl li.step1 {
	background-position: 100% top;
}

.wizsteps .wizardUl li.step1.current {
	background-position: 100% -111px;
}

.wizsteps .wizardUl li.step1.done {
	background-position: 100% -206px;
}

.wizsteps .wizardUl li.step2 {
	background-position: -628px top;
	text-align: center;
}

.wizsteps .wizardUl li.step2.current {
	background-position: -628px -111px;
}

.wizsteps .wizardUl li.step2.done {
	background-position: -628px -206px;
}

.wizsteps .wizardUl li.step3 {
	background-position: -408px top;
	text-align: center;
}

.wizsteps .wizardUl li.step3.current {
	background-position: -408px -111px;
}

.wizsteps .wizardUl li.step3.done {
	background-position: -408px -206px;
}

.wizsteps .wizardUl li.step4 {
	background-position: -182px top;
	text-align: center;
}

.wizsteps .wizardUl li.step4.current {
	background-position: -182px -111px;
}

.wizsteps .wizardUl li.step4.done {
	background-position: -182px -206px;
}

.wizsteps .wizardUl li.step5 {
	background-position: 0 top;
	float: left !important;
	text-align: left;
}

.wizsteps .wizardUl li.step5.current {
	background-position: 0 -111px;
}

.wizsteps .wizardUl li.step5.done {
	background-position: 0 -206px;
}

.wizsteps .wizardUl li span.steplabel {
	margin-top: 66px;
	display: inline-block;
	font-size: 107%;
	color: #808080;
}

.wizsteps .wizardUl li.current span.steplabel {
	color: #333333;
}

.wizsteps .wizardUl li.done span.steplabel {
	color: #266CC6;
}

.prog-ul {
	margin-bottom: 5px;
}

.prog-ul:after {
	display: block;
	content: '';
	clear: both;
}


.prog-ul li {
	float: right;
	width: 24.4%;
	margin: .3%;
	height: 138px;
	overflow: hidden;
	position: relative;
	min-width: 320px;
	padding: 0px;
}

@media print,
screen and (max-width: 700px) {
	.prog-ul li {
		float: right;
		width: 48.8%;
	}
}

@media print,
screen and (max-width: 660px) {
	.prog-ul li {
		float: right;
		width: 97.6%;
	}
}


.prog-ul li .progcard {
	width: 98%;
	height: 98%;
	position: absolute;
	transform-style: preserve-3d;
	transition: transform .6s;
}

.prog-ul li .progcard * {
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}

.prog-ul li .progcard div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.prog-ul li .progcard div.front {
	background-color: #fff;
	cursor: pointer;
}

.prog-ul li .progcard div.front.closed {
	background-color: #e9e9e9;
}

.prog-ul li .progcard div.front.disabled {
	background-color: #c1c1c1;
}

.prog-ul li .progcard div.front.disabled .prog-name {
	color: #666666;
}

.prog-ul li .progcard div.front.disabled:hover .prog-name {
	margin-top: 50px;
}

.prog-ul li .progcard div.front.disabled:hover .prog-name.longtxt {
	margin-top: 35px;
}

.prog-ul li .progcard div.front.opened {
	background-color: #B06A07;
}

.prog-ul li .progcard div.front.opened span {
	color: #fff;
}

.prog-ul li .progcard div.front2.opened span {
	color: #fff;
}

.prog-ul li .progcard div.front3.opened span {
	color: #fff;
}

.prog-ul li .progcard div.front4.opened span {
	color: #fff;
}

.prog-ul li .progcard div.front.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.prog-ul li .progcard div.front2.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.prog-ul li .progcard div.front3.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.prog-ul li .progcard div.front4.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}


.prog-ul li .progcard div.front.applied .more a {
	/*background-image: none;*/
	/*background-color: #4d4d4d;*/
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	background-color: #15a97f url('../../../lib/images/morearr.png') no-repeat 15px center;
	border-radius: 8px;
	font-size: 15px;
	text-decoration: none;
	outline: 0;
}

.prog-ul li .progcard div.front.applied .more a:hover {
	/*background-image: none;*/
	/*background-color: #4d4d4d;*/
	background-color: #16b689;
}

.prog-ul li .progcard div.front .prog-name {
	margin-top: 50px;
}

.prog-ul li .progcard div.front .prog-name.longtxt {
	margin-top: 35px;
}

.prog-ul li .progcard div.front .more {
	display: block;
	text-align: center;
	margin-top: 0;
	opacity: 0;
}

.prog-ul li .progcard div.front .more a {
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	background-color: #15a97f url('../../../lib/images/morearr.png') no-repeat 15px center;
	border-radius: 8px;
	font-size: 15px;
	text-decoration: none;
	outline: 0;
}

.prog-ul li .progcard div.front .more a:hover {
	background-color: #b61689;
}

.prog-ul li .progcard div.front:hover .more {
	margin-top: 5px;
	opacity: 1;
}

.prog-ul li .progcard div.front:hover .prog-name {
	margin-top: 40px;
}

.prog-ul li .progcard div.front:hover .prog-name.longtxt {
	margin-top: 18px;
}

.prog-ul li .progcard span {
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
}

.prog-ul li .progcard div.front.accepted {
	background-color: #326CD5 !important;
}

.prog-ul li .progcard div.front.finalAccepted {
	background-color: #B09C16 !important;
}


.settingsul li .progcard div.front a {
	text-decoration: none;
}

.settingsul li .progcard div.front .prog-name {
	margin-top: 15px;
}

.settingsul li .progcard div.front .txticon {
	margin-top: 20px;
}

.settingsul li .progcard div.front2 .prog-name {
	margin-top: 15px;
}

.settingsul li .progcard div.front2 .txticon {
	margin-top: 20px;
}

.settingsul li .progcard div.front3 .prog-name {
	margin-top: 15px;
}

.settingsul li .progcard div.front3 .txticon {
	margin-top: 20px;
}

.settingsul li .progcard div.front4 .prog-name {
	margin-top: 15px;
}

.settingsul li .progcard div.front4 .txticon {
	margin-top: 20px;
}



.settingsul li .progcard div.front:hover {
	background: rgb(80, 47, 3);
}

.settingsul li .progcard div.front:hover .prog-name {
	margin-top: 20px;
}

.settingsul li .progcard div.front:hover .txticon {
	margin-top: 15px;
}

.settingsul li .progcard div.front2:hover {
	background: rgb(1, 94, 163);
}

.settingsul li .progcard div.front2:hover .prog-name {
	margin-top: 20px;
}

.settingsul li .progcard div.front2:hover .txticon {
	margin-top: 15px;
}

ul.prog-ul.settingsul {
	padding: 0;
}


.refesh a {
	display: inline-block;
	padding-left: 24px;
	margin-left: 16px;
	background: url('../../../lib/images/Refresh.png') no-repeat left center;
	min-height: 18px;
	outline: 0;
}

.refesh a:hover {
	text-decoration: none;
	color: #333333;
}

.btndiv .btn {
	width: auto;
}

ul.ulsquare li {
	list-style-image: url(../../../lib/images/squrbolet8.png);
	list-style-position: inside;
	margin-bottom: 8px;
	margin-right: 15px;
	line-height: 1.5;
}

ul.ulcircle li {
	list-style-image: url(../../../lib/images/circlebolet8.png);
	list-style-position: inside;
	margin-bottom: 8px;
	margin-right: 15px;
	line-height: 1.5;
}

.useractions {
	margin: 10px 0;
}

.useractions .loginlink {
	display: inline-block;
	padding: 0 0 0 10px;
}

.useractions .username {
	color: #666;
	padding: 0 10px;
}

.useractions .username .uname {
	color: #266CC6;
	text-transform: capitalize;
}

.dataScId {
	cursor: auto !important;
	font: 11px tahoma !important;
	color: #666 !important;
	display: inline-block;
	padding: 2px 5px 5px;
	background-color: #ede9c7;
	border-radius: 4px;
}

/*
not logic to put specific css into common css file
.gender,.radiogroup {
	padding: 5px !important;
	display: block;
}

.gender label,.radiogroup label {
	margin: 0 4px 0 12px;
	font-size: 16px;
}

.gender input,.radiogroup input {
	min-width: 14px;
	min-height: 14px;
}
*/

.ltr {
	direction: ltr;
}

.ltr * {
	direction: ltr;
}

.tabs ul li {
	float: right;
	margin-bottom: 0px !important;
	margin-left: 3px;
}

.tabs ul li a {
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	line-height: 35px;
	color: #fff;
	background-color: #666;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.tabs ul li.ui-tabs-active a {
	background-color: #266CC6;
}

.ui-widget button {
	margin-bottom: 8px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #E7E7E7 !important;
	background-color: transparent !important;
	text-align: center;
	color: #666 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background-color: #266CC6 !important;
	color: #ffffff !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 48% !important;
	margin: 1% !important;
	font: 13px rgt, tahoma, sans-serif !important;
	color: #333333 !important;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	background-image: url('../../../lib/images/cal-next-prev.png') !important;
	background-repeat: no-repeat !important;
	background-position: center -30px !important;
	cursor: pointer;
}

.ui-datepicker-rtl .ui-datepicker-next {
	background-image: url('../../../lib/images/cal-next-prev.png') !important;
	background-repeat: no-repeat !important;
	background-position: center 9px !important;
	cursor: pointer;
}

.datepicker input[type='text'] {
	background-color: #fff;
	border: 0px;
	padding: 3px 5px 7px;
	width: 108px;
	font: 12px rgt, tahoma, sans-serif;
	height: 20px;
}

a.ui-state-hijri-link {
	float: left;
	margin-left: 5px;
	/*position: relative;top:30px;*/
	font-weight: bold;
}

/****Datepickrt colors***/


.ui-widget-header {
	border: 0px !important;
	background-color: #eee !important;
	border-bottom: 0;
	padding: 5px !important;
	border-radius: 8px;
}

.ui-datepicker td,
.ui-state-default,
.ui-state-hover {
	border: 0px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
	padding: 0px !important;
	border: 0px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color: #555 !important;
	line-height: 100%;
}

.ui-state-hijri {
	color: #A3A3A3;
	display: none;
}

.ui-datepicker-calendar {
	width: 100%;
}

.ui-datepicker-calendar td {
	padding: 5px !important;
	text-align: center;
	vertical-align: middle;
}

.ui-datepicker-calendar th {
	padding-top: 10px;
}

.ui-datepicker-current-day .ui-state-active,
.ui-datepicker-current-day .ui-widget-content .ui-state-active {
	color: #fff !important;
	background: none !important;
}

.ui-datepicker-current-day {
	background-color: #266CC6 !important;
	/* border-radius: 4px; */
	opacity: 0.8 !important;
}

.ui-datepicker-current-day>span.ui-state-default {
	color: #cac5c5 !important;
}


.ui-widget-header {
	background-color: #f1f8fc !important
}

.form-group.col-sm-5 {
	margin: 0px;
	width: 50%;
	float: right;
}

.form-group.col-sm-6 {
	margin: 0px;
	width: 50%;
	float: right;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	background-color: #fff !important;
	border: 0px;
	color: #333 !important;
	border-radius: 4px;
}

.ui-widget-header div.ui-state-hijri {
	color: #888888;
}

.ui-widget-content a {
	color: #266CC6 !important;
	font-family: menu, rgt, tahoma, arial, sans-serif;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev,
ui-datepicker .ui-datepicker-next,
.ui-datepicker-next.ui-corner-all {
	display: none !important;
}

.ui-icon {
	background: none !important;
}

.ui-datepicker .btn-primary {
	display: none !important;
}

.date-time-picker .icon-only.btn-icon.btn .sr-only {
	display: none !important;
}

.CalendarTextBox {
	width: 80% !important;
}

.date-time-picker .datepickerval {
	background-color: #ffffff url('../../../lib/images/date-icon.png') no-repeat 5px center !important;
}

.ui-datepicker-today {
	background-color: #ffffff00;
	border-radius: 0;
}



.degree {
	padding-top: 10px;
}

.degree .width-50 {
	width: 50px !important;
	margin: 0 5px;
	text-align: center;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	color: #047a7e;
	border: 1px solid #047a7e;
	background-color: #ebfcfd;
	font-size: 100%;
	line-height: 26px;
}

.ui-tooltip-error,
.highlight-error {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background-color: #cf4708;
	color: #fff;
	border: 1px solid rgb(139, 36, 10);
	font-size: 100%;
	line-height: 26px;
}

/*-----*/
.tickethistory {
	clear: both;
	background-color: #E5E5E5;
	padding: 20px;
	border-radius: 8px;
}

.tickethistory .ticketmessages {
	direction: rtl;
}

.tickethistory .ticketmessages .col-12 {
	width: auto;
}

.tickethistory .ticketmessages span {
	display: inline-block;
	padding: 0 5px;
}

.tickethistory .ticketmessages .messagedate {
	display: block !important;
	color: #C6C6C6;
	margin-bottom: 5px;
	font-size: 13px;
}

.tickethistory .col-12 {
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 4px;
}

.tickethistory .userreply {
	background-color: #fff;
	border-bottom: 1px #D8D8D8 solid;
}

.tickethistory .userreply span {
	color: #666666;
}

.tickethistory .adminreply {
	background-color: #e2f5bf;
	border-bottom: 1px #BCD6D3 solid;
}

.tickethistory .adminreply span {
	color: #266CC6;
}

.tickethistory .messagesender {
	font-weight: bold;
}

.ticketreply {
	padding: 2%;
	border: 2px #266CC6 solid;
	margin: 2% 0;
	border-radius: 8px;
}

.ticketreply textarea {
	width: 92%;
}

/*---*/

.filebox h3 {
	text-align: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.filebox h1:hover {
	font-size: 130%;
	font-family: gess, rgt;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-shadow: 0px 1px #D3EFFF;
	color: #447FDD;
}

.filebox h1 {
	font-size: 130%;
	font-family: gess, rgt;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-shadow: 0px 1px #D3EFFF;
	color: #000;
}


.filebox .DocumentDate {
	display: inline-block;
	margin: 05px;
	font-size: 14px;
	color: #666666;
}

.filebox .DocumentDescription {
	display: inline-block;
	margin: 05px;
	font-size: 14px;
	color: #666666;
	color: #266CC6;
}

.filebox .DocumentsUtility {
	background-color: #eee;
	border-radius: 4px;
	padding: 5px;
	margin: 5px 0;
}

.filebox .DocumentsUtility a {
	display: inline-block;
	margin: 0 5px;
	font-family: rgt, Arial, tahoma, sans-serif;
}

.filebox .DocumentsUtility a img {
	max-width: 24px;
}

input[type="file"] {
	padding-top: 8px !important;
}

/*--Dialog--*/
.ui-dialog {
	background-color: #FFFFFF;
	border: 2px #eea900 solid;
	box-shadow: 0 4px 6px rgba(66, 66, 66, 0.23);
	padding: 5px;
	border-radius: 0;
}

.ui-dialog .ui-widget-header {
	background-color: #eea900 !important;
	color: #fff;
	cursor: pointer;
}

.ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
	color: #fff !important;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../../../lib/images/close.png') no-repeat;
	text-indent: -1000px;
}

.ui-dialog .ui-dialog-content {
	padding: 10px;
}

.ui-dialog .ui-dialog-buttonset {
	text-align: center;
}

.ui-dialog .ui-button {
	background-color: #dbdbdb !important;
	padding: 5px 10px;
	margin: 0 10px;
	border-radius: 4px;
}

.ui-dialog .ui-button:hover {
	background-color: #c9c9c9 !important;
}

/* no sens to put admission desire css here
.desire {
	display: inline-block;
	padding: 0 5px;
	margin: 0 10px;
	background-color: #266CC6;
	border-radius: 4px;
	font: 14px rgt;
	color: #ffffff;
}*/

.printreport {
	font: 14px rgt;
	color: #fff !important;
	background-color: #266CC6;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
	border-bottom: 2px #0c654c solid;
}

.printreport:hover {
	text-decoration: none;
	background-color: #18bf90;
}

.printreport:active {
	background-color: #0f7b5d;
}

.printreport img {
	max-width: 16px;
	margin: 0 5px;
}

/*--Steps---*/
.Steps {
	width: 100%;
	height: 49px;
	margin: 0 auto 20px;
}

.Steps ul {
	width: 100%;
}

.Steps ul li {
	margin-top: 20px;
	margin-top: 20px !important;
	position: relative;
	float: right;
	list-style: none;
	background-image: url('../../../lib/images/Step.png');
	display: block;
	height: 39px;
}

.Steps ul li a {
	display: block;
	font-family: 'rgt';
	min-width: 100px;
	padding-top: 8px;
	padding-right: 22px;
	padding-left: 22px;
	margin-top: 1px;
	text-align: center;
	height: 36px;
	float: right;
	font-size: 15px;
}

.Steps ul li:after {
	content: "";
	float: right;
	width: 36px;
	height: 36px;
	background-image: url('../../../lib/images/NormalAfter.png');
	margin-top: 1px;
	left: -31px;
	position: absolute;
	z-index: 999;
}

.Steps ul li.AlreadyStep:after {
	background-image: url('../../../lib/images/BlueAfter.png');
}

.Steps ul li.PlanStep:after {
	background-image: url('../../../lib/images/YellowAfter.png');
}

.Steps ul li.CurrentStep:after {
	background-image: url('../../../lib/images/GreenAfter.png');
}

.Steps ul li.NotYetStep:after {
	background-image: url('../../../lib/images/CurrentAfter.png');
}

.Steps ul li.AlreadyStep a {
	background-image: url('../../../lib/images/StepBlue.png');
	color: #fff !important;
}

.Steps ul li.PlanStep a {
	background-image: url('../../../lib/images/StepYellow.png');
	color: #fff !important;
}

.Steps ul li.CurrentStep a {
	background-image: url('../../../lib/images/StepGreen.png');
	color: #fff !important;
}

.Steps ul li.ErronedStep a {
	background-image: url('../../../lib/images/StepRed.png');
	color: #fff !important;
}

.Steps ul li.ErronedStep:after {
	background-image: url('../../../lib/images/RedAfter.png');
}

.Steps ul li.NotYetStep a {
	background-image: url('../../../lib/images/StepCurrent.png');
}

/*---*/
.datagrid2 {
	padding: 10px;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #8C8C8C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.initAcceptance {
	background-color: #4279d1;
	color: #fff;
	padding: 15px;
	border-radius: 30px;
	font: 18px rgtbold;
}

.finalAcceptance {
	background-color: #15a97f;
	color: #fff;
	padding: 15px;
	border-radius: 30px;
	font: 18px rgtbold;
}

.finalAcceptance .yellow {
	color: #ffdc88 !important;
}

.reserve {
	padding: 2px 8px;
	color: #fff;
	border: 0px;
	background-color: #266CC6;
	border-bottom: 2px #0c654c solid;
	border-radius: 4px;
	font-size: 12px;
	font-family: rgt;
}

.reserve:hover {
	background-color: #18bf90;
}

.reserve:active {
	background-color: #118967;
}

.gmapicon img {
	max-width: 22px !important;
	display: inline-block !important;
	width: auto !important;
	margin: 0 5px !important;
}

.degree2 input[type='text'] {
	height: 24px;
	background-color: #eee !important;
	width: 50px;
	margin: 0 5px;
	border-radius: 4px;
	box-shadow: inset 0 0px 4px rgba(51, 51, 51, 0.34);
	border: 1px #fff solid;
	text-align: center;
}

.examlogotxt {
	position: absolute;
	background-color: #18bf90;
	border-top: 1px #fafafa solid;
	padding: 19px 30px 20px;
	text-align: center;
	font: 24px rgt;
	color: #FFFFFF;
	top: -10px;
	left: 405px;
}

.Examresult span {
	display: block;
	font: 40px rgtbold;
	padding: 5px;
	margin: 0 30px;
}

.Examresult .top {
	border-bottom: 3px #666666 solid;
}

.Examresult .bottom {
	color: #266CC6;
}

.questions {
	float: right;
	width: 65%;
}

.answers {
	margin: 10px 20px 10px 0;
}

.answers .green {
	color: #266CC6 !important;
}

.answers .answerDiv {
	margin: 20px 0;
}

.degree .width-50 input {
	width: inherit !important;
	background-color: #FFF !important;
}

.alert textarea {
	background-color: #FFD56E;
	border: none;
	height: 100px;
}

.username .sep {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 20px;
	background-color: #C3C3C3;
}

.divBranches {
	margin-top: 30px;
	margin-left: 25px;
	position: relative;
	float: left;
}

.divBranches div {
	display: block;
	float: center;
	/*margin-right: 50px;
	margin-left: 50px;*/
	align-items: center;
	margin-bottom: 14px;
}

.divBranches div div.ui-state-default {
	background-image: url(../../resources/images/btnNormal.png) !important;
	display: block;
	text-align: center;
	padding-top: 2px;
	width: 198px !important;
	height: 70px;
	color: #000;
	font-family: 'GESSText-Medium';
	font-size: 120%;
	margin-right: 14px;
	margin-bottom: 28px;
	border: none;
	background-color: transparent !important;
}

.divBranches div div.ui-state-hover {
	background-image: url(../../resources/images/btnHover.png) !important;
}

.divBranches div div.ui-state-active {
	background-image: url(../../resources/images/btnSelected.png) !important;
	color: #fff !important;
	font-family: 'GESSText-Medium';
	text-shadow: 1px 1px 1px #141414;
}

.divBranches div div span {
	padding-top: 13px !important;
	font-family: 'GESSText-Medium';
	font-weight: normal;
}

.divBranches button.ui-state-default {
	display: block;
	text-align: center !important;
	padding-top: 2px;
	width: 198px !important;
	height: 70px;
	color: #266CC6 !important;
	font-family: 'GESSText-Medium';
	font-weight: normal;
	font-size: 100%;
	margin-right: 14px;
	margin-bottom: 28px;
	border: none;
	background-color: transparent !important;
}

.divBranches button.ui-state-hover {
	background-image: url(../../resources/images/btnHover.png) !important;
}


.boxed {
	background-color: #F5F5F5;
	border: 1px solid #DBDBDB;
	padding: 5px;
	vertical-align: top;
}

.gridColumnTop {
	vertical-align: top;
}

/*TableGrid*/
.datagrid table {
	border-collapse: collapse !important;
	text-align: right !important;
	width: 100% !important;
}

.datagrid {
	/*font: normal 12px/150% 'GESSText-Light';*/
	background-color: #fff !important;
	overflow: hidden !important;
	border: 1px solid #8C8C8C !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.datagrid table td,
.datagrid table th {
	padding: 5px !important;
}

.datagrid table th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #266CC6),
			color-stop(1, #266CC6)) !important;
	background: -moz-linear-gradient(center top, #266CC6 5%, #266CC6 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74bde4',
			endColorstr='#2d7ea3') !important;
	background-color: #266CC6 !important;
	color: #FFFFFF !important;
	font-size: 94% !important;
	font-weight: normal !important;
	border-left: 1px solid #A3A3A3 !important;
	text-shadow: 1px 1px 2px #303030 !important;
	padding: 5px !important;
	font-family: rgt, Arial, tahoma, sans-serif !important;
}

.datagrid table th:last-child {
	border: none !important;
}

.datagrid table td {
	color: #454545 !important;
	border-left: 1px solid #DBDBDB !important;
	font-size: 12px !important;
	line-height: 1.7 !important;
	font-weight: normal !important;
	font-family: rgt, Arial, tahoma, sans-serif !important;
}

.datagrid table .alt td {
	background-color: #EBEBEB !important;
	color: #454545 !important;
}

.datagrid table .blue1 td {
	background: rgb(245, 251, 254) !important;
	color: #000 !important;
	font-weight: normal !important;
}

.datagrid table .blue2 td {
	background: rgb(224, 243, 253) !important;
	color: #000 !important;
	font-weight: normal !important;
}

.datagrid table .orange1 td {
	background: rgb(245, 251, 254) !important;
	color: rgb(63, 72, 204) !important;
	font-weight: bold !important;
}

.datagrid table .orange2 td {
	background: rgb(224, 243, 253) !important;
	color: rgb(63, 72, 204) !important;
	font-weight: bold !important;
}

.datagrid table td:first-child {
	border-right: none !important;
}

.datagrid table tr:last-child td {
	border-bottom: none !important;
}

.datagrid table td div {
	border-top: 1px solid #8C8C8C !important;
	background-color: #fff !important;
}

.datagrid table td {
	padding: 7px !important;
	/* text-shadow: 0px 1px 1px #6B6868 !important; */
}

.datagrid table td div {
	padding: 2px !important;
	text-shadow: 0px 1px 0px #454545 !important;
}

.datagrid table td img {
	width: 24px !important;
	height: 24px !important;
}

.datagrid table td ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: right !important;
}

.datagrid table li {
	display: inline !important;
	float: left !important;
}

.datagrid table li a {
	text-decoration: none !important;
	display: inline-block !important;
	padding: 2px 8px !important;
	margin: 1px !important;
	color: #fff !important;
	border: 1px solid #8C8C8C !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74bde4),
			color-stop(1, #2d7ea3)) !important;
	background: -moz-linear-gradient(center top, #74bde4 5%, #2d7ea3 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74bde4',
			endColorstr='#2d7ea3') !important;
	background-color: #2d7ea3 !important;
}

.datagrid table ul.active,
.datagrid table tfoot ul a:hover {
	text-decoration: none !important;
	border-color: #7D7D7D !important;
	color: #F5F5F5 !important;
	background: none !important;
	background-color: #8C8C8C !important;
}

.mails td {
	cursor: pointer !important;
}

.mails td img {
	width: auto !important;
	max-width: 30px !important;
	height: auto !important;
	max-height: 30px !important;
}

.mails .selected {
	background-color: #333333 !important;
	color: #fff !important;
}

.mails .selected td {
	background-color: #333333 !important;
	color: #fff !important;
}

.messagebody {
	padding: 15px !important;
	margin-top: 20px !important;
	border: 1px #ddd solid !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	min-height: 100px !important;
}

.messagebody .msgtitle {
	color: #266CC6 !important;
	margin-bottom: 10px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px #266CC6 solid !important;
}

/*#Grid Style#*/
.grid {
	color: #333333 !important;
	border-collapse: collapse !important;
	min-width: 99% !important;
}

.grid td {
	/*background-color: #F9F9F9 !important;*/
	padding: 4px !important;
	/*border: 1px #DDDEEA solid !important;*/
	font-size: 100% !important;
	line-height: 22px !important;
	color: #333 !important;
	border-collapse: collapse !important;
	vertical-align: middle;
	text-align: right !important;
}

.grid td a {
	white-space: nowrap !important;
	display: inline-block !important;
	margin: 0 5px !important;
	text-decoration: none !important;
	color: #266CC6 !important;
}


.grid td a:visited {
	color: #266CC6 !important;
}

.grid td a a img {
	border: 0px !important;
}

.grid td table td {
	border: 0px !important;
}

.grid th {
	color: #050505;
	background-color: white !important;
	border: 3px white;
	font-size: 100% !important;
	padding: 6px;
	text-align: right !important;
	vertical-align: middle;
	font-weight: bold !important;
}

.grid th a {
	color: #fff !important;
}


.grid th a:active {
	color: #ffffff !important;
}


.fixmgrid th {
	background-color: #d4e2f130;
	font-size: 17px !important;
	color: #363b45;
	padding: 6px;
	text-align: right !important;
	vertical-align: middle;
	border: 3px #ffffff solid !important;
}

.fixmgrid td {
	background-color: #ededec2b;
	padding: 4px !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #333 !important;
	border-collapse: collapse !important;
	vertical-align: middle;
	text-align: right !important;
	border: 3px #ffffff solid !important;
}


.inputEnglishLevel {
	color: rgb(63, 72, 204) !important;
	font-weight: bold !important;
}

.textBoxForm {
	height: 25px;
	color: rgb(87, 82, 82);
	font-size: 15px;
	font-weight: normal !important;
	padding-right: 5px;
	text-align: right;
	/*letter-spacing: 0.07em;*/
	width: 290px;
}

/*some custom styles*/
@media screen and (min-width: 600px) {
	.thirty-percent-width {
		width: 30% !important;
	}
}

@media screen and (max-width: 600px) {
	.thirty-percent-width {
		width: 100% !important;
	}
}

span.ui-message-error-detail,
span.collegename,
span.desc,
.alert.Acenter,
label,
input#mobilePhoneNumberId,
input#reMobilePhoneNumberId {
	font-size: 100%;
	font-weight: normal;
	font-family: menu;
}

a.login {
	padding-left: 5px !important;
}

a.copy_down {
	padding-left: 0px !important;
}

.topcontrols.fright {
	padding-left: 5px;
}

#accordion .ui-accordion-header span {
	margin-right: 15px;
}


.error {
	color: rgb(255, 255, 255);
	background-color: rgb(246, 0, 0);
	font-size: 100%;
	font-family: title;
	font-weight: normal !important;
	padding: 9px;
	text-align: right;
	vertical-align: middle;
	/* box-shadow: 8px 8px 7px rgb(192 51 47 / 39%); */
	border-radius: 9px 9px 0 0;
	line-height: 27px;
}


.information {
	color: rgb(255, 255, 255);
	background-color: rgb(32, 167, 12);
	font-size: 100%;
	font-weight: normal !important;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	box-shadow: 8px 8px 7px rgba(51, 192, 47, 0.39);
	border-radius: 20px;
	width: 850px;
}

.fright_top {
	float: right;
	vertical-align: top;
}

.login2 {
	background: rgb(215, 205, 196);
	color: #000000;
	border: 1px #000;
}


.divlong {
	width: 90%;
}

.divtreslong {
	width: 98%;
}

.inputultralong {
	width: 900px;
	padding: 2px;
	font-size: 13px;
}


.inputtreslong {
	width: 360px;
	padding: 2px;
	font-size: 13px;
}


.inputlong {
	width: 320px !important;
	padding: 2px;
	font-size: 13px;
}


.inputlongmoyen {
	width: 265px;
	padding: 2px;
	font-size: 13px;
}



.inputmoyen {
	width: 200px;
	padding: 2px;
	font-size: 13px;
}

.inputmoyenmoyen {
	width: 190px;
	padding: 2px;
	font-size: 13px;
}

.inputcourtmoyen {
	width: 160px;
	padding: 2px;
	font-size: 13px;
}

.labelcourt {
	width: 140px;
	padding: 2px;
	font-size: 13px;
}

.inputcourt {
	width: 100px;
	padding: 2px;
	font-size: 13px;
}

.inputtrescourt {
	width: 48px;
	padding: 2px;
	font-size: 11px;
}

.cl_id {
	background: rgb(233, 233, 255) !important;
	border: 1px #69B7E9 !important;
	border-style: solid !important;
	padding: 3px;
}

.cl_new_id {
	background: rgba(255, 255, 255, 0) url('../../../lib/images/newRecord.png') center center no-repeat;
	border: none !important;
	padding: 3px;
}

.cl_notfound_id {
	background: rgba(255, 255, 255, 0) url('../../../lib/images/recordNotFound.png') center center no-repeat;
	border: none !important;
	padding: 3px;
}


.mail_body {
	background: rgb(253, 234, 215);
	border: 1px #000;
	border-style: solid;
	padding: 3px;
}

.highlight_tr {
	background-color: #29054F !important;
	font: 15px verdana !important;
	color: #fff !important;
	border: 1px #fff solid !important;
	padding: 10px 5px !important;
	text-align: center !important;
}


.page_header {
	font-size: 90%;
	width: 100%;
	border: none;
	background-color: rgb(209, 219, 206);
	color: #266CC6;
	border-bottom: solid 1mm rgb(228, 228, 228);
	padding: 2mm
}

.page_footer {
	font-size: 90%;
	width: 100%;
	border: none;
	background-color: rgb(209, 219, 206);
	color: #266CC6;
	border-top: solid 1mm rgb(228, 228, 228);
	padding: 2mm
}

.page_garde {
	font-size: 300%;
	width: 100%;
	border: none
}

.page_section {
	font-size: 40px;
	width: 100%;
	border: none
}

.page_normal {
	font-size: 100%;
	border: none
}

.page_paragraph {
	font-size: 100%;
	font-weight: normal;
	border: none;
	text-align: right;
	float: right;
}

.page_paragraph_title {
	font-size: 100%;
	color: #7201B6;
	font-weight: normal;
	border: none;
	text-align: right;
	float: right;
}

.highlight_it {
	font-size: 100%;
	color: #920126;
	font-weight: normal;
	border: none
}

.page_title {
	font-size: 130%;
	color: #0172B6;
	border: none;
	text-align: right;
	float: right;
}


.sub_theme_front {
	border-radius: 4px;

	background-color: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(20%, #ffffff), color-stop(45%, #d9d9d9), color-stop(100%, #d9d9d9));
	background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -o-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: linear-gradient(to right, #e9f1f5 0%, #f3fafd 50%, #e9f1f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1);*/

	border-top: 1px solid rgb(142, 157, 161);
	border-bottom: 1px solid rgb(142, 157, 161);
	border-right: 3px solid rgb(170, 189, 170);
	border-left: 3px solid rgb(170, 189, 170);

	height: 70px;
	line-height: 32px;
	/*margin-right: 60px;*/
	padding-right: 40px;
	padding-top: 23px;

	font-weight: normal;
	font-size: 200%;
	color: #000;
}

.theme_front {
	border-radius: 4px;

	background-color: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(20%, #ffffff), color-stop(45%, #d9d9d9), color-stop(100%, #d9d9d9));
	background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -o-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 0%, #ffffff 20%, #ffffff 20%, #d9d9d9 45%, #d9d9d9 100%);
	background: linear-gradient(to right, #b3d8ea 0%, #f3fafd 50%, #b3d8ea 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1);*/

	border-top: 1px solid rgb(142, 157, 161);
	border-bottom: 1px solid rgb(142, 157, 161);
	border-right: 3px solid rgb(105, 145, 208);
	border-left: 3px solid rgb(105, 145, 208);
	height: 80px;
	line-height: 32px;
	/*margin-right: 60px;*/
	padding-right: 40px;
	padding-top: 28px;
	padding-bottom: 28px;

	font-weight: normal;
	font-size: 200%;
	color: #005;
}

.database {
	background: transparent url('../../../lib/images/database.png') no-repeat right center;
}

.gear {
	background: transparent url('../../../lib/images/gear.png') no-repeat right center;
}

span.database,
span.gear {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding-right: 28px;
	font-size: 100% !important;
	font-weight: normal;
	margin-right: 8px;
}


.xqe_comm_select:active,
.xqe_comm_select:focus {
	border: 1px !important;
	border-color: #3156b2 !important;
	background-color: #fff !important;
	border-style: solid !important;
}

.search_comm_select {
	padding: 2px 2px 2px 2px;
	border-width: 1px;
	border-color: #bbb;
	border-style: dashed;
	height: 36px !important;
	overflow: hidden;
}

.xqe_comm_select {
	padding: 2px 2px 2px 2px;
	border-width: 0px;
	border-style: none !important;
	background-color: #fffcfc91 !important;
	height: 38px !important;
	overflow: hidden;
	border: 1px solid #c8c6c6 !important;
	/* padding: 10px 10px !important; */
}

.comm_select {
	padding: 2px 2px 2px 2px;
	border-width: 1px;
	border-color: #bbb;
	height: 36px !important;
	overflow: hidden;
}

.inputselecttreslong {
	width: 450px !important;
	min-width: 450px !important;
}


.inputselectlong {
	width: 330px !important;
	min-width: 330px !important;
}


.inputselect {
	width: 200px;
}

.inputselectmoyen {
	padding: 0px !important;
	width: 100px;
	font-size: 12px !important;
}

.inputselectcourt {
	padding: 0px !important;
	width: 50px;
	font-size: 93% !important;
}


.search_inputtext {
	padding: 5px;
	font-size: 93%;
	text-align: right;
}

.inputtext {
	padding: 5px;
	font-size: 93%;
	text-align: right;
}

.inputtext_disabled {
	padding: 4.5px;
	border: none !important;
	border-style: none;
	background-color: rgb(245, 245, 250) !important;
	font-size: 90%;
}



.rf_error {
	background: url('../../../lib/images/red-alert-small.png');
	color: #f00;
	font-size: 90%;
}

.rf_warning {
	background: url('../../../lib/images/yellow-alert-small.png');
	color: rgb(205, 156, 16);
	font-size: 90%;
}


.rf_ok {
	background: url('../../../lib/images/green-alert-small.png');
	color: rgb(0, 112, 70);
	font-size: 90%;
}

.afw_toolbar {
	/* background-color: #EAEDEE; */
	padding-top: 9px;
	width: 95%;
	/* border-bottom: solid 4px #99A5CF; */
	/* border-top: solid 4px #7486C1; */
	height: 81px;
	padding-bottom: 7px;
}

.afw_warning {
	background: url('../../../lib/images/warning.png') no-repeat;
	background-position: 750px;
	color: rgb(20, 86, 216);
	float: right;
	font-size: 95%;
	padding-right: 30px;
	padding-top: 10px;
	width: 750px;
}


.smallgrid {
	color: #333333;
	border-collapse: collapse;
	/*width: 100%;*/
}

.smallgrid td a {
	white-space: nowrap;
	display: inline-block;
	margin: 0 0px;
	text-decoration: none !important;
	color: #266CC6 !important;
}

.smallgrid td a:hover {
	text-decoration: underline !important;
}

.smallgrid td a:visited {
	color: #266CC6 !important;
}

.smallgrid td a a img {
	border: 0px;
}

.smallgrid td table td {
	border: 0px;
}

.smallgrid td img {
	width: 24px;
	height: 24px;
}



.smallgrid th a {
	color: #fff;
}

.smallgrid th a:hover {
	color: #a9ffa9;
}

.smallgrid th a:active {
	color: #ffffff;
}

.smallgrid td {
	/*background-color: #F9F9F9 !important;*/
	padding: 0px !important;
	margin: 0px !important;
	border: none;
	font-size: 12px !important;
}

.smallgrid td a {
	white-space: nowrap !important;
	display: inline-block !important;
	text-decoration: none !important;
	color: #266CC6 !important;
}

.verysmallcode {
	font-size: 9px !important;
	font-family: Arial !important;
	color: #eeeeee !important;
}

.myfileslink {
	background-color: #57BD26;
	color: #fff;
	border-bottom: 2px #0c654c solid;
	padding: 4px 10px 2px 30px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border-radius: 4px;
	background-image: url('../../../lib/images/attachements.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 4px 4px;

}

.urgency {
	background-color: rgba(248, 247, 239, 0.26) !important;
	color: #EA0808 !important;
	background: url(../../../lib/images/mobile20.png) no-repeat 10px;
	font-size: 16px !important;
}

.mobile {
	direction: rtl;
	text-align: right;
	vertical-align: middle;
	/* height: 30px; Rafik 7/4/2026 : will cause problem in front-end
	    applications like crm becuase other similar divs will not be 
	    same height and the floating will not work correctly */
	background: url("../../../lib/images/mobileb.png") no-repeat 10px;
	font-size: 16px !important;
	color: #184CB6 !important;
	background-color: #FFF !important;
	border: 1px #DDDEEA solid !important;

}



.empty_header {
	background-color: #fff !important;
	color: #000 !important;
	direction: rtl;
	text-align: center !important;
	vertical-align: middle;
	height: 0px;
	padding: 0px !important;
	font-size: 8px !important;
}

.fgroup_header {
	/* background-color: rgba(59, 158, 113, 0.86) !important; */
	background: linear-gradient(to top, rgba(10, 195, 126, 0.82) 0%, rgba(10, 192, 123, 0.84) 8%, rgba(44, 183, 131, 0.84) 15%, rgba(8, 177, 113, 0.8) 25%, rgba(4, 154, 98, 0.88) 45%, rgba(1, 125, 79, 0.89) 100%) !important;
	color: #FFFFFF !important;
	direction: rtl;
	text-align: center !important;
	vertical-align: middle;
	height: 65px;
	font-size: 24px !important;
	font-weight: normal !important;
	border: 1px #1a6134 solid !important;
	padding: 25px !important;
}


.phone_call {
	direction: rtl;
	text-align: right;
	vertical-align: middle;
	height: 30px;
	background: url("../../../lib/images/phoneico.png") no-repeat 10px;
	font-size: 16px !important;
	color: #184CB6 !important;
	background-color: #FFF !important;
	border: 1px #DDDEEA solid !important;
}

.titre_0 {
	font-weight: bold;
	color: #333333 !important;
	font-size: 14px;
	padding-right: 8px;
}


.simple_grid {
	color: #333333 !important;
	border-collapse: collapse;

}

.simple_grid td {
	padding: 4px !important;
	border: 1px #DDDEEA solid !important;
	font: 13px verdana !important;
	line-height: 22px !important;
	color: #333 !important;
	border-collapse: collapse !important;
	vertical-align: middle;
	min-width: 100px;
}

.simple_grid td:hover {
	padding: 4px !important;
	border: 1px #DDDEEA solid !important;
	font: 13px verdana !important;
	line-height: 22px !important;
	color: #333 !important;
	border-collapse: collapse !important;
	vertical-align: middle;
}


.simple_grid td a {
	white-space: nowrap;
	display: inline-block;
	margin: 0 5px;
	text-decoration: none !important;
	color: #333333 !important;
}

.simple_grid td a:hover {
	text-decoration: underline !important;
}

.simple_grid td a:visited {
	color: #333333 !important;
}

.simple_grid td a a img {
	border: 0px;
}

.simple_grid td table td {
	border: 0px;
}

.simple_grid th {
	background-color: #F3F3F3 !important;
	font-size: 100%;
	color: #333333 !important;
	border: 1px #fff solid !important;
	padding: 6px !important;
	text-align: right !important;
	vertical-align: middle !important;
	border: 1px #DDDEEA solid !important;
	min-width: 100px;
}

.hint_0 {
	font-size: 100%;
	margin-top: 8px;
	margin-bottom: 4px;
	border-style: dashed;
	padding: 8px;
	font-weight: normal;
	background-color: rgb(254, 254, 232) !important;
	color: #A4351B !important;
	direction: rtl;
	text-align: right !important;
	border: 1px #7F0D1A solid !important;
	width: 88%;
}

.data_error {
	font-size: 100%;
	margin-bottom: 4px;
	/* border-style: dashed !important; */
	padding: 8px;
	/* padding-left: 35px; */
	font-weight: normal;
	background-color: rgba(210, 26, 7, 0.94) !important;
	color: #fff !important;
	direction: rtl;
	text-align: right !important;
	/* border: 1px rgba(255, 0, 0, 0.66); */
	min-width: 40%;
	/* border-radius: 8px; */
	/* max-height: 40px; */
	overflow: hidden;
	/* background-image: url(../../../lib/images/error.png); */
	/* background-position: 10px 7px; */
	/* background-repeat: no-repeat; */
	line-height: 26px;
}


.ehelp {
	font-size: 100%;
	margin-top: 8px;
	margin-bottom: 4px;
	border-style: solid;
	padding: 10px;
	font-weight: normal;
	background-color: rgb(49, 140, 232) !important;
	color: #fbfbfb !important;
	direction: rtl;
	text-align: right !important;
	border: none;
	border-radius: 6px;
	/* width: 63%; */
}



.etitle_after {
	font-size: 100%;
	margin-top: 8px;
	margin-bottom: 4px;
	border-style: solid;
	padding: 8px;
	font-weight: normal;
	color: #5F687F !important;
	direction: rtl;
	text-align: right !important;
	border: none;
}

.popupbox {
	margin: 20px 20px;
	/*
    -webkit-transition: all ease-in-out 2.5s;
    transition: all ease-in-out 2.5s;
    padding: 30px 10px;
    background-color: #D4E5EF;
    border: 5px #2081C0 solid;
    border-radius: 18px;
    width: 95%;*/
}

.filtreH {
	margin: 4px;
	padding: 8px;
	background-color: #D4E5EF;
	border: 1px #3A33DE solid;
	border-radius: 6px;
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	border-collapse: initial !important;
	width: 100%;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	z-index: 1000;
	right: 0px;
	display: none;
	float: right;
	min-width: 450px;
	padding: 0px 0;
	margin: 2px 0 0;
	font-size: 100%;
	text-align: right;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/*
.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-style: none;
    width :90%;
} */

/* has been modified for the caret (?�…??A�?��???A�) on internal submenu drop down list = other links in display mode */
.btn-group>.btn+.dropdown-toggle {
	padding-right: 6px;
	padding-left: 6px;

	padding-top: 6px;
	/* rafik : some time need 10px but some time 6px see work\hzm\bugs\css-0011.png to understand why 2 cases
 	padding-top: 10px;
    padding-bottom: 10px; */
	padding-bottom: 6px;


	border: 1px white solid !important;
	border-style: solid;
	margin-top: -1px;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: rgba(13, 60, 145, 0.99) !important;
	border-color: #3e4875 !important;
}

.dropdown-menu>li>a {
	padding: 6px 20px;
	text-align: right;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #337ab7;
	outline: 0 !important;
	width: 97%;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
	float: right;
	font-size: 16px !important;
	font-weight: normal;
	/* border: 1px #b1bbcd; */
	border-collapse: initial;
	border-style: solid;
	padding: 1.5px 0px;
	border-radius: 0px !important;
}


.multiselect_wide {
	width: 900px;
	max-width: 900px;
}

.paddedtable {
	color: #333333;
	border-collapse: collapse;
}

.paddedtable td a {
	white-space: nowrap;
	display: inline-block;
	margin: 0 0px;
	text-decoration: none !important;
	color: #266CC6 !important;
}

.paddedtable td a:hover {
	text-decoration: underline !important;
}

.paddedtable td a:visited {
	color: #266CC6 !important;
}

.paddedtable td a a img {
	border: 0px;
}

.paddedtable td table td {
	border: 0px;
}

.paddedtable td img {
	width: 24px;
	height: 24px;
}



.paddedtable th a {
	color: #fff;
}

.paddedtable th a:hover {
	color: #a9ffa9;
}

.paddedtable th a:active {
	color: #ffffff;
}

.paddedtable td {
	/*background-color: #F9F9F9 !important;*/
	padding: 5px !important;
	margin: 2px !important;
	border: none;
	font-size: 12px !important;
}

.paddedtable td a {
	white-space: nowrap !important;
	display: inline-block !important;
	text-decoration: none !important;
	color: #266CC6 !important;
}


.qedit_highlight {
	font-weight: bold !important;
	color: red;
}

.footer_sum {
	padding: 10px 4px 6px 18px;
	border-top: 1px solid #427419;
	background-color: #e3eee8 !important;
	font-size: 13px !important;
	text-align: right;
	color: #427419;
}

.footer_sum_input {
	background: rgb(255, 255, 255) !important;
	color: #3156b2;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: #3156b2 !important;
}

.xqe_js_computed {
	background: transparent !important;
	color: #151fbc;
	font-weight: bold;
}


.xqe_inputtext:active,
.xqe_inputtext:focus {
	border: 1px !important;
	border-color: #3156b2 !important;
	background-color: #fff !important;
	border-style: solid !important;
}

.xqe_inputtext {
	padding: 4.5px !important;
	font-size: 93% !important;
	background-color: #fffcfcd1 !important;
	border: 1px solid #c8c6c6 !important;
	padding: 10px 10px !important;
	/* color: black; */
}

.xqe_data_loaded {
	border: 1px solid #b9dfe2 !important;
	background-color: transparent !important;
	color: #000 !important;
}

.xqe_footer_sum_input {
	background: transparent !important;
	color: #151fbc;
	border-width: 0px !important;
}

.xqe_odd_x {
	background: rgb(231 246 251) !important;
	/*rgb(236,246,251) !important;*/
}

.xqe_odd_y {
	background: rgb(221, 239, 242) !important;
}

.xqe_odd_z {
	background: rgb(255, 255, 255) !important;
	/* rgb(226,238,248) !important;*/
}

.xqe_even_x {
	background: rgb(255, 255, 255) !important;
}

.xqe_even_y {
	background: rgb(238, 247, 246) !important;
}

.xqe_even_z {
	background: rgb(243, 246, 252) !important;
}

.xqe_new_x {
	background: rgb(255, 255, 244) !important;
}

.xqe_new_y {
	background: rgb(238, 247, 236) !important;
}

.xqe_new_z {
	background: rgb(243, 246, 242) !important;
}

.xqe_sum_footer_x {
	padding: 10px 4px 6px 18px;
	border-top: 1px solid #151fbc;
	background: rgb(229, 235, 239) !important;
	font-size: 15px !important;
	color: #192774;
	text-align: right !important;
}

.xqe_sum_footer_y {
	padding: 10px 4px 6px 18px;
	border-top: 1px solid #151fbc;
	background: rgb(215, 229, 232) !important;
	font-size: 15px !important;
	color: #192774;
	text-align: right !important;
}

.xqe_sum_footer_z {
	padding: 10px 4px 6px 18px;
	border-top: 1px solid #151fbc;
	background: rgb(220, 228, 238) !important;
	font-size: 15px !important;
	color: #192774;
	text-align: right !important;
}


.big_menu_btns {
	margin-bottom: 5px;
}

.big_menu_btns:after {
	display: block;
	content: '';
	clear: both;
}

.big_menu_btns li {
	float: right;
	width: 30%;
	margin: .3%;
	height: 280px;
	overflow: hidden;
	position: relative;
}

.big_menu_btns li .progcard {
	width: 98%;
	height: 98%;
	position: absolute;
	transform-style: preserve-3d;
	transition: transform .6s;
}

.big_menu_btns li .progcard * {
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}

.big_menu_btns li .progcard div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.big_menu_btns li .progcard div.front {
	background-color: #fff;
	cursor: pointer;
}

.big_menu_btns li .progcard div.front.closed {
	background-color: #e9e9e9;
}

.big_menu_btns li .progcard div.front.disabled {
	background-color: #c1c1c1;
}

.big_menu_btns li .progcard div.front.disabled .prog-name {
	color: #666666;
}

.big_menu_btns li .progcard div.front.disabled:hover .prog-name {
	margin-top: 50px;
}

.big_menu_btns li .progcard div.front.disabled:hover .prog-name.longtxt {
	margin-top: 35px;
}

.big_menu_btns li .progcard div.front.opened {
	background-color: #B06A07;
}

.big_menu_btns li .progcard div.front.opened span {
	color: #fff;
}

.big_menu_btns li .progcard div.front2.opened span {
	color: #fff;
}

.big_menu_btns li .progcard div.front3.opened span {
	color: #fff;
}

.big_menu_btns li .progcard div.front4.opened span {
	color: #fff;
}

.big_menu_btns li .progcard div.front.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.big_menu_btns li .progcard div.front2.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.big_menu_btns li .progcard div.front3.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.big_menu_btns li .progcard div.front4.applied {
	background-image: url('../../../lib/images/done.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}


.big_menu_btns li .progcard div.front.applied .more a {
	/*background-image: none;*/
	/*background-color: #4d4d4d;*/
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	background-color: #15a97f url('../../../lib/images/morearr.png') no-repeat 15px center;
	border-radius: 8px;
	font-size: 15px;
	text-decoration: none;
	outline: 0;
}

.big_menu_btns li .progcard div.front.applied .more a:hover {
	/*background-image: none;*/
	/*background-color: #4d4d4d;*/
	background-color: #16b689;
}

.big_menu_btns li .progcard div.front .prog-name {
	margin-top: 50px;
}

.big_menu_btns li .progcard div.front .prog-name.longtxt {
	margin-top: 35px;
}

.big_menu_btns li .progcard div.front .more {
	display: block;
	text-align: center;
	margin-top: 0;
	opacity: 0;
}

.big_menu_btns li .progcard div.front .more a {
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	background-color: #15a97f url('../../../lib/images/morearr.png') no-repeat 15px center;
	border-radius: 8px;
	font-size: 15px;
	text-decoration: none;
	outline: 0;
}

.big_menu_btns li .progcard div.front .more a:hover {
	background-color: #b61689;
}

.big_menu_btns li .progcard div.front:hover .more {
	margin-top: 5px;
	opacity: 1;
}

.big_menu_btns li .progcard div.front:hover .prog-name {
	margin-top: 40px;
}

.big_menu_btns li .progcard div.front:hover .prog-name.longtxt {
	margin-top: 18px;
}

.big_menu_btns li .progcard span {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-family: maghreb, rgt, gess !important;
}

/*
.input_changed {
    border: 1px !important;
    border-color: #1f7c23 !important;
    background-color: #dff8a3 !important;
    border-style: solid !important;
    color: #1f7c23 !important;
    padding-right: 5px !important;
    text-align: right !important;
}

.input_edited {
    border: 1px !important;
    border-color: #063054 !important;
    background-color: #d6e8fe3d !important;
    border-style: solid !important;
    color: #063054 !important;
    font-weight: normal !important;
    padding-right: 5px !important;
    text-align: right !important;
}*/

select.input_edited {
	padding-right: 15px !important;
}

.value_not_found {
	border: 1px !important;
	border-color: #7c1f23 !important;
	background-color: #f8dfa3 !important;
	border-style: solid !important;
	color: #7c1f23 !important;
	font-weight: bold !important;
	font-style: italic !important;
	padding-right: 5px !important;
	text-align: left !important;
}

.inputdate {
	border: 1px !important;
	border-color: #1f7c23 !important;
	background-color: #fff !important;
	border-style: dotted !important;
}

.empty_message {
	text-align: right !important;
}

.navbar-header,
.navbar-brand {
	font-size: 15px;
	font-weight: normal;
}


.dropdown-menu>li>a {
	font-size: 18px;
	font-weight: normal;
	display: block;
	padding: 10px 25px !important;
	margin-right: 4px !important;
	clear: both;
	line-height: 1.3;
	color: #286090;
	white-space: nowrap;
}

.topcontrols a {
	display: inline-block;
	padding: 0 28px 0 20px !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	margin-right: 15px;
}

.table_obj th {
	text-align: right !important;
}

table.dataTable {
	float: right;
}


.help_info {
	color: rgb(21, 20, 20);
	font-size: 16px;
	font-weight: normal !important;
	padding: 15px;
	text-align: right;
	vertical-align: middle;
	border-radius: 0px;
	width: 1450px;
	line-height: 30px;
}


.hzmSteps ul li {
	float: right;
}

.submit-btn {
	font-size: 18px;
	font-weight: normal;
	padding: 8px 8px 8px 8px;
}

.mr-0 {
	margin-right: 0 !important;
}

.btnbtsp {
	font-size: 18px;
	margin-top: 9px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	float: right;
}

.table_minibox tbody>tr>th,
.table_minibox tfoot>tr>th,
.table_minibox thead>tr>th {
	text-align: right;
}


.messages {
	margin: 9px 10px 10px 10px !important;
	background: no-repeat 80px 8px;
	border-style: solid;
	border-width: 2px 0 2px 2px;
	border-radius: 2px;
	padding: 15px 20px 15px 35px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	/* max-width: 1576px; */
	float: right;
	/* height: 100%; not ok genere bug C:\work\new\momken-fw\bugs\bug_20211102_001.png*/
	width: 99%;
	position: relative;
	z-index: 99999;
}


.close {
	float: left;
}

.alert.alert-danger>a.close {
	float: right;
	top: 0px !important;
	color: #fffbfb !important;
	opacity: 1;
	border: none;
	margin-left: 10px;
}

.alert.messages--error>a.close {
	float: right;
	top: 5px !important;
	color: #fffbfb !important;
	opacity: 1;
	border: 1px #ffffff9c solid;
	margin-left: 10px;
}


.alert.messages--status>a.close {
	float: right;
	top: 5px !important;
	color: #3b9910 !important;
	opacity: 1;
	border: 1px #3b9910 solid;
	margin-left: 10px;
}

.alert.messages--warning>a.close {
	float: right;
	top: 5px !important;
	color: #cea211 !important;
	opacity: 1;
	border: 1px #cea211 solid;
	margin-left: 10px;
}


.alert.messages--success>a.close {
	float: right;
	top: 5px !important;
	color: #68a5e8 !important;
	opacity: 1;
	border: 1px #68a5e8 solid;
	margin-left: 10px;
}

.messages--status {
	color: #325e1c !important;
	/*font-size: 140%; should be same for success and info and warn and error to be homogene*/
	background-color: #f3faef !important;
	border-color: #77b259 transparent #77b259 #77b259;
	/*background-image: url(../../../lib/images/green-check.png);*/
	box-shadow: 8px 0 0 #77b259;
	padding-left: 10px !important;
	background-position-x: 15px;
	background-position-y: 30%;
	width: 95% !important;
	margin-right: 3.5% !important;
}

.messages--error {
	background-color: red !important;
	/* background-image: url(../../../lib/images/yellow-warning.png);*/
	border-color: red transparent red red;
	font-size: 100%;
	font-weight: normal;
	color: white !important;
	box-shadow: 8px 0 0 #942106;
	padding-left: 10px !important;
	background-position-x: 15px;
	background-position-y: 30%;
	width: 95% !important;
	margin-right: 3.5% !important;
}

.messages--warning {
	background-color: #fdf8ed !important;
	/*background-image: url(../../../lib/images/yellow-warning.png);*/
	border-color: #e09600 transparent #e09600 #e09600;
	font-size: 100%;
	font-weight: normal;
	color: #b06c07 !important;
	box-shadow: 8px 0 0 #e09600;
	padding-left: 10px !important;
	background-position-x: 15px;
	background-position-y: 30%;
	width: 95% !important;
	margin-right: 3.5% !important;
}

.messages--success {
	color: #321c5e;
	background-color: #e3f4fd !important;
	border-color: #68a5e8 transparent #68a5e8 #68a5e8;
	/* background-image: url(../../../lib/images/blue-check.png);*/
	box-shadow: 8px 0 0 #68a5e8;
	padding-left: 10px !important;
	background-position-x: 15px;
	background-position-y: 30%;
	width: 95% !important;
	margin-right: 3.5% !important;
}

.search_result_table {
	margin-right: 20px;
}

.nav-pills>li>a {
	border-radius: 15px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	font-size: 20px;
	font-weight: normal;
}

.minibox_hzm_panel {
	font-family: maghreb, rgt, tahoma, sans-serif !important;
}

.panel-heading {
	margin-right: 0px;
}

.activeTab {
	border-left: 2px solid #fff !important;
}

.div_help {
	padding-right: 45px;
	padding-left: 15px;
	background-image: url(../../../lib/images/help.png) !important;
	background-size: 16px 16px !important;
	background-repeat: no-repeat !important;
	background-position: 99% 10px !important;

	font-family: maghreb;
	font-size: 13px;
}

.hzm_attribute {
	float: right;
	padding-left: 20px;
	margin-bottom: 20px;
}

.hzm_grid {
	float: right;
}

.bloc_hzm_ar {
	text-align: right;
	height: 100%;
	line-height: 22px;
	float: right;
}

.panel-heading>h3>span {
	white-space: nowrap;
	overflow: hidden;
}

.navbar-nav>li>a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.navbar-header {
	float: right;
	padding-left: 15px;
	text-align: right;
	padding-top: 0px;
}

.navbar-nav {
	float: right !important;
}

/*
.activeTabLabel {
	font-family: saharat;
}
*/

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a {
	font-family: menu;
	font-size: 100%;
}

a.hzm3-button.hzm3-light-grey.hzm3-block {
	font-size: 140%;
	font-family: menu;
	font-weight: normal;
}

h2.title_login {
	font-size: 120%;
	font-family: menu;
	font-weight: normal;
}

.display>thead>tr>th {
	text-align: right;
	padding: 6px 2px;
}

.back_tr.tech,
p.tech {
	font-family: menu !important;
	direction: rtl;
	text-align: right;
}

.swal2-hzm.swal2-icon {
	float: left !important;
}

#upload ul li.uperror i {
	direction: rtl;
}

label.error {
	width: fit-content;
	padding: 0px 10px !important;
	border-radius: 0px;
	float: left;
	margin-top: 0px;
	/* -38px; */
}

span.cms-title {
	font-size: 36px;
	font-family: 'menu', serif;
}

.width_pct_10,
.width_pct_12,
.width_pct_25,
.width_pct_33,
.width_pct_50,
.width_pct_66,
.width_pct_75,
.width_pct_100 {
	float: right;
}

.fix_pct_10 {
	width: 9% !important;
	float: right;
	margin-right: 0.5%;
	margin-left: 0.5%;
	min-width: 20px;
	overflow: hidden;
}

.fix_pct_12 {
	width: 11% !important;
	float: right;
	margin-right: 0.5%;
	margin-left: 0.5%;
	min-width: 27px;
	overflow: hidden;
}

.fix_pct_25 {
	width: 24% !important;
	float: right;
	margin-right: 0.5%;
	margin-left: 0.5%;
	min-width: 50px;
	/* do not change anymore and make more than 160px */
	overflow: hidden;
}


.fix_pct_33 {
	width: 32.5% !important;
	float: right;
	margin-right: 0.5%;
	min-width: 60px;
	/* do not change anymore and make more than 180px */
	overflow: hidden;
}

.fix_pct_50 {
	width: 49% !important;
	float: right;
	margin-right: 0.5%;
	min-width: 80px;
	overflow: hidden;
}


.fix_pct_66 {
	width: 65% !important;
	float: right;
	margin-right: 0.5%;
	min-width: 190px;
	overflow: hidden;
}

.fix_pct_75 {
	width: 74% !important;
	float: right;
	margin-right: 0.5%;
	min-width: 210px;
	overflow: hidden;
}


.minibox_pct_50 {
	border: 1px silver solid;
	padding: 5px;
	margin: 5px 0.5%;
	width: 49%;
	float: right;
	min-height: 520px;
	min-width: 220px;
}


.height_auto {
	border: 1px silver solid;
	padding: 15px;
	width: 97%;
	float: right;
	min-height: auto !important;
	min-width: 220px;
}

.cssgroup_pct_100 {
	border: 1px silver solid;
	padding: 15px;
	margin: 0.5%;
	width: 99%;
	float: right;
	/* min-height: 520px; this is because otherwise accordion is still empty when collapse */
	min-width: 220px;
}

.cssgroup_pct_75 {
	width: 74%;
	border: 1px solid #bec8d2;
	padding-left: 14px;
	padding-right: 14px;
	float: right;
	margin: 0.5%;
	/* margin-right: 4px; */
	min-height: 470px;
}

.cssgroup_pct_66 {
	width: 65%;
	border: 1px solid #bec8d2;
	padding-left: 14px;
	padding-right: 14px;
	float: right;
	margin: 0.5%;
	/* margin-right: 4px; */
	min-height: 470px;
}



.cssgroup_pct_50 {
	border: 1px silver solid;
	padding: 15px;
	margin: 0.5%;
	width: 49%;
	float: right;
	min-height: 520px;
	min-width: 220px;
}

.cssgroup_pct_33 {
	border: 1px silver solid;
	padding: 15px;
	margin: 0.5%;
	width: 32%;
	float: right;
	min-height: 520px;
	min-width: 220px;
}

.cssgroup_pct_25 {
	width: 24%;
	border: 1px solid #bec8d2;
	padding-left: 14px;
	padding-right: 14px;
	float: right;
	margin: 0.5%;
	/* margin-right: 4px; */
	min-height: 470px;
}


.minibox_pct_33 {
	border: 1px silver solid;
	padding: 5px;
	margin: 5px 0.5%;
	width: 32%;
	float: right;
	min-height: 520px;
	min-width: 220px;
}

.label_required {
	padding-right: 18px !important;
	background: url(../../../lib/images/star-12.png) 100% 80% no-repeat;
}

.label_mandatory {
	padding-right: 18px !important;
	background: url(../../../lib/images/star-12.png) 100% 80% no-repeat;
}

div.body_nav_hzm>p {
	float: right;
}