@CHARSET "ISO-8859-1";
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

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

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

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. 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%;
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
	color: #222;
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * 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)
 */

::-moz-selection {
	background: #555;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #555;
	color: #fff;
	text-shadow: none;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
	color: #00e;
}

a:visited {
	color: #551a8b;
}

a:hover {
	color: #06e;
}

a:focus {
	outline: thin dotted;
}

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

img {
	border: 0 none;
}

/* ================================[ AUTHENTICATION CONTAINER & FORM ]================================ */
div#authentDiv {
	border: 1px solid black;
	background-color: white;
	position: absolute;
	top: 75px;
	right: 25px;
	padding: 5px;
	z-index: 1000001;
}

div#login_form {
	text-align: center;
	vertical-align: middle;
	margin: 100px auto auto;
	padding: 20px;
	width: 450px;
	line-height: 2.0;
	border: 1px solid black;
	background-color: #EFEFEF;
}

dt {
	width: 245px;
	float: left;
}

label:after {
	content: " : ";
}

/* ========================================================================================== */




/* ================================[ MAIN CCARE MENU ]================================ */
div#mainMenu {
	background-image: url(/ccare/img/menubg.png);
	background-repeat: repeat-x;
	height: 30px;
	z-index: 1000001;
}

/* ================================================================================= */




/* ================================[ MISCELLANEOUS ]================================ */
.orange {
	color: #FF6600;
}

.risky {
	background-color: #FCCE9D;
}

.red {
	color: red;
}

.grey {
	color: grey;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.vertical {
	vertical-align: middle;
}

.vertical_top {
	vertical-align: top;
}

.vertical_middle {
	vertical-align: middle;
}

.padding_left {
	padding-left: 5px;
}

.padding_right {
	padding-right: 5px;
}

.padding_top {
	padding-top: 10px;
}

.padding_bot {
	padding-bottom: 10px;
}

.italic {
	font-style: italic;
}

.size11 {
	font-size: 11px;
}

.size25 {
	font-size: 25px;
}

.size35 {
	font-size: 35px;
}

.padding-top150 {
	padding-top: 150px;
}

.padding-top25 {
	padding-top: 25px;
}

.pointer {
	cursor: pointer;
}

.bg_grey {
	background-color: #EFEFEF;
}

.hidden {
	display: none;
}

.simpleborder {
	top: 150px;
	border: 1px solid black;
	padding-bottom: 100px;
}

.border {
	border: 1px solid black;
}

.noborder {
	border: none;
}

.odd {
	background-color: white;
}

.even {
	background-color: #DCDCDC;
}

.title {
	font-weight: bold;
	font-size: medium;
}

.white,
.white:hover,
.white:active,
.white:focus,
.white:visited {
	outline: 0;
	text-decoration: none;
	color: white;
}

.orange,
.orange:hover,
.orange:active,
.orange:focus,
.orange:visited {
	outline: 0;
	text-decoration: none;
	color: #FF6600;
}

.clean_link,
.clean_link:hover,
.clean_link:active,
.clean_link:focus,
.clean_link:visited {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* 	behaviour:url(../ccare/public/css/PIE.htc); */
}

#spacer {
	padding-top: 100px;
}

.ccareLink {
	cursor: pointer;
}

.unvalid {
	border: 1px solid red;
}

.valid {
	border: 1px solid black;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

fieldset {
	padding-bottom: 0px;
}

fieldset legend {
	text-align: left;
	font-weight: bold;
}

fieldset legend>* {
	padding-left: 10px;
}


.custom_btn {
	-webkit-box-shadow: rgba(0, 0, 0, 0.98) 0 1px 0 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.98) 0 1px 0 0;
	box-shadow: rgba(0, 0, 0, 0.98) 0 1px 0 0;
	background-color: #EEE;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #999;
	color: #666;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px;
	height: 28px
}

input[type=button] {
	cursor: pointer;
}

input[type=submit] {
	cursor: pointer;
}

.ccare_select {
	padding: 3px;
	margin: 0;
	width: 60%;
	height: 125px;
}

.underline {
	text-decoration: underline;
}

/* =============================================================================== */



/* ================================[ HEADER ]================================ */
#header_div {
	background-color: #4D4D4D;
	height: 66px;
}

div#langage-flags {
	position: absolute;
	top: 45px;
	right: 15px;
	padding-right: 10px;
	font-size: 14px;
}

div#langage-flags ul {
	list-style: none outside none;
	margin-top: 0px !important;
}

div#langage-flags ul li {
	float: left;
	margin-left: 5px;
}

img#header-logo {
	position: absolute;
	top: 14px;
	left: 36px;
}

div#header-title {
	left: 50%;
	margin: auto auto auto -10%;
	position: absolute;
	padding-top: 20px;
	color: white;
	font-weight: bold;
	font-size: 21px;
}

/* ======================================================================== */



/* ================================[ ERROR DIV (WITH IE HOTFIX) ]================================ */
div#error {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	/*background-color: #EFEFEF;*/
	color: red;
	font-weight: bold;
	font-size: 27px;

	height: 5px;
	min-height: 5px;
	height: auto !important;
	max-height: 50px;
}

.prop {
	height: 5px;
	float: right;
	width: 1px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#formErrors {
	border: 1px solid red;
	color: red;
	display: none;
	padding-left: 10px;
	font-weight: bold;
	font-size: medium;
}

.marginDiv {
	margin-left: 245px;
}

.btnDiv {
	width: 100%;
	text-align: center;
}

#error-form {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	color: red;
	font-weight: bold;
	font-size: 27px;
	height: 5px;
	height: auto !important;
	max-height: 50px;
}

#formErrorsAddon {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid red;
	width: 59%;
	color: red;
	display: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	font-weight: bold;
	font-size: medium;
}

.message {
	border: 1px solid #f00;
	position: absolute;
	background-color: white;
	margin: 0;
	padding: 0;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

/* ============================================================================================ */



/**
 * DYNAMIC ERROR DIV (for login page errors)
 */
div#dyn-error {
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 15px;
	/*background-color: #EFEFEF;*/
	color: red;
	font-weight: bold;
	font-size: 27px;
}

/* ================================[ MAIN PAGE CONTENT ]================================ */
div#content {
	/*width: 970px;*/
	position: relative;
	width: 95%;
	margin: 0 auto;
	min-height: 500px;
	/*padding: 5px;*/
	z-index: 100000;
	overflow: hidden;
}

/* ============================================================================================== */


/* ================================[ LOADING SCREEN (MODAL POPUP) ]================================ */
div#loading-screen {
	display: none;
	text-align: center;
	overflow: hidden;
}

div#loading-screen.ui-dialog-titlebar-close {
	display: none;
}

#loading-text {
	margin: 0;
	line-height: 135px;
}

/* ============================================================================================== */


/* ================================[ CONFIRM SCREEN (MODAL POPUP) ]================================ */
div#confirm-screen {
	display: none;
	text-align: center;
}

/* ============================================================================================== */



/* ================================[ FORGOT PASSWORD POPUP ]================================ */
#forgotPassPopup * {
	font-size: 0.9em;
}

/* ======================================================================================= */


/* ================================[CHANGE PASSWORD ]================================ */
#changePassCond {
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1em;
	border: 1px solid red;
	font-weight: bold;
	padding: 5px;
}

/* ================================================================================== */



/* ================================[ LEGAL NOTICE (HOME SCREEN) ]================================ */
div#legalNotice {
	width: 90%;
	position: absolute;
	height: auto;
	border: 1px solid #FF6600;
	text-align: center;
	background-color: #FFF;
	bottom: 5px;
	font-size: 11px;
	left: 50%;
	margin-left: -45%;
	padding: 0;
}

/* ============================================================================================ */



/* ================================[ ADDON PAGE STYLES ]================================ */
#addon-page {
	border: 1px solid #000000;
	padding: 1em 1em 1em;
	line-height: 1.3em;
}

.addon-page-span {
	font-weight: bold;
	color: black;
	font-size: 1.5em;
}

.addon-page-p {
	text-align: center;
	line-height: 1.3em;
}

.addon-page-numrows {
	width: 95%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: auto;
	font-style: italic;
	color: #D4D4D4;
	color: #666666;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}
/* =================================================================================== */




/* ================================[ ADDON FILTER BOX ]================================ */
.filterBox {
	display: none;
	position: absolute;
	border: 1px solid black;
	background-color: #555;
	z-index: 100006;
}

.filterTrigger {
	margin-left: 5px;
	margin-right: 5px;
	z-index: 100005;
}

.filterClearer {
	z-index: 100005;
}

/* ==================================================================================== */





/* ================================[ ADDON FORMS STYLES ]================================ */
.addon-form-fieldset {
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	text-align: center;
}

.addon-form-fieldset>table {
	width: 100%;
	margin: auto;
}

.addon-form-textarea {
	width: 50%;
	height: 150px;
}


/* ==================================================================================== */


/* ================================[ ADDON TABLE STYLES ]================================ */
.addon-page-div {
	overflow-x : auto;
	max-width: 100%;
}

.addon-table-tbody {
	border-right: 1px solid black;
}

.addon-page-table {
	table-layout: auto;
	width: 95%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto;
	margin-top: 20px;
	border-right-color: black;
}

.addon-page-table tbody tr td {
	/*padding-left : 5px;*/
}

.addon-page-table tbody td {
	border: 1px solid black;
	font-weight: normal;
	font-size: 10px;
	text-indent: 5px;
	margin: auto;
}

.addon-table-thead {
	background-image: url(/ccare/img/menubg2.png);
	background-repeat: repeat-x;
	height: auto !important;
	height: 48px;
	color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-size: 11px;
}


thead.addon-table-thead tr.addon-table-thead-tr th.addon-table-th form.addon-table-th-form input {
	width: 60px;
	margin: auto;
	/*width:40px;*/
}

.addon-table-th div {
	min-height: 20px;
	max-height: 40px;
	margin: auto;
}

.grip {
	width: 10px;
	height: 15px;
	background-image: url('/ccare/img/grip.png');
	margin-left: -1px;
	position: relative;
	z-index: 9999999;
	cursor: e-resize;
}

.grip:hover {
	background-position-x: -20px;
}

.dragging .grip {
	background-position-x: -40px;
}


.grip_addon {
	width: 10px;
	height: 15px;
	margin-top: 4px;
	*margin-top: 20px;
	/* IE7 hack */
	background-image: url('/ccare/img/grip.png');
	margin-left: -1px;
	position: relative;
	z-index: 9999999;
	cursor: e-resize;
}

.grip_addon:hover {
	background-position-x: -20px;
}

.dragging .grip_addon {
	background-position-x: -40px;
}

/* ==================================================================================== */



/* ================================[ ADDON PAGINATION STYLES ]================================ */
.tfoot-num-a-current {
	color: #FF6600 !important;
}

.tfoot-num-a,
.tfoot-num-a:focus,
.tfoot-num-a:visited,
.tfoot-num-a:hover,
.tfoot-num-a:active {
	padding-left: 5px;
	padding-right: 5px;
	outline: 0;
	text-decoration: none;
	color: black;
}

.tfoot-lt-a,
.tfoot-lt-a:focus,
.tfoot-lt-a:visited,
.tfoot-lt-a:hover,
.tfoot-lt-a:active,
.tfoot-gt-a,
.tfoot-gt-a:focus,
.tfoot-gt-a:visited,
.tfoot-gt-a:hover,
.tfoot-gt-a:active {
	padding-left: 5px;
	padding-right: 5px;
	outline: 0;
	text-decoration: none;
	color: black;
}

.addon-table-tfoot>* {
	border: none;
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
}

.addon-table-tfoot-tr {
	height: 30px;
}


/* ================================================================================================ */


/* ================================[ ADDON PARAMETERS BOX ]================================ */
#paramsBox {
	position: absolute;
	top: 42px;
	left: 1%;
	z-index: 100005;
	border: 1px solid black;
	background-color: grey;
	display: none;
}

.paramsBox {
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

#paramsBoxHead th {
	background-color: #555;
}

.paramKey {
	color: white;
	background-color: #4E4848;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

.paramValue {
	color: white;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #555;
}

/* ====================================================================================== */


/* ================================[ ADMIN MENU STYLES ]================================ */
#admin_menu {
	width: 190px;
	height: 99.5%;
	display: block;
	overflow: hidden;
	position: absolute;
	/* 	margin:-5px; */
	line-height: 1.0;
	border: 1px solid black;
}

#admin_content {
	padding-left: 195px;
	margin: 0;
	height: 97%;
}

.section {
	margin: 0;
}

.section ul {
	margin-left: 0;
	display: none;
	margin: 0;
	padding: 0;
}

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

.menu_title {
	color: white;
	font-weight: bold;
	width: 195px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	min-height: 40px;
	height: 40px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	cursor: pointer;
	background-image: url(/ccare/img/adminmenubgorange.png);
	background-repeat: repeat-x;
}


.adminStyle,
.adminStyle:focus,
.adminStyle:visited,
.adminStyle:active {
	color: black;
	text-decoration: none;
	outline: 0;
	padding: 5px;
	margin: 0;
	display: block;
	cursor: pointer;
}

.adminStyle:hover {
	text-decoration: underline;
	color: black;
	cursor: pointer;
}

/* ========================================================================================= */


/* ================================[ ADMIN TABLES STYLES ]================================ */
.admin_table {
	border-collapse: collapse;
	border: 1px solid black;
	font-size: 10px;
	width: 100%;
	height: 100%;
}

.admin_table_header {
	background-image: url(/ccare/img/menubg.png);
	background-repeat: repeat-x;
	height: 30px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

.admin_table tr th {
	border: 1px solid black;
}


.admin_table tr td {
	border: 1px solid black;
	height: 30px;
	width: auto;
	margin: 5px;
}

.admin_table tfoot tr td {
	padding: 10px;
}

.nodata {
	font-size: 20px;
	color: red;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

.nodata_addon {
	font-size: 20px;
	text-align: center;
	color: red;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

.cell_wrapper {
	width: 100%;
	/*height:100%;*/
	/*overflow-x:auto;*/
	vertical-align: middle;
	padding-left: 5px;
	display: block;
}

.min_width {
	min-width: 250px;
}

.return_code {
	cursor: default;
}

/* ======================================================================================= */



/* ================================[ ADMIN MISC ]================================ */



/* ============================================================================== */




/* ================================[ FOOTER ]================================ */
hr {
	height: 1px;
	color: #FF6600;
	background-color: #FF6600;
	border: 0;
}

/* ========================================================================== */



/* ================================[ JQUERY HOTFIXES ]================================ */
.LoadingScreen .ui-dialog-titlebar-close {
	display: none;
}

.LoadingScreen .ui-dialog-titlebar {
	display: none !important;
}

.ui-widget-overlay {
	background-color: #000000;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
}


.ui-front {
	z-index: 1000000 !important;
	/* The default is 100. !important overrides the default. */
}

/* =================================================================================== */

.tool {
	display: none;
	position: absolute;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 10px;
	color: black;
	font-size: 12px Arial;
	z-index: 1000009;
}


.scr_track {
	background: #EEE;
	border-radius: 5px;
	margin: 2px;
}

.scr_trackH {
	height: 5px;
}

.scr_trackV {
	width: 5px;
}

.scr_drag {
	background: #888;
	border-radius: 5px;
}

.scr_trackH .scr_drag {
	height: 5px;
}

.scr_trackV .scr_drag {
	width: 5px;
}

.scr_hover {
	background: #444;
}

.scr_moving {
	background: #03B2F3;
}
#login_form > div > label {
    display: inline-block;
    width: 11em;
}
span.invalid-feedback {
    color: red;
    width: 100%;
    margin-left: -2em;
    font-size: 15px;
    display: flex;
    justify-content: flex-end;
}
#fieldset-changecountry{
	padding:20px;
}
#update_country_form .country_code{
	padding:5px;
}
#update_country_submit{
  padding:5px 5px 4px 5px;	
}
.pagination {
    display: flex;
    list-style: none;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    text-decoration: none;
    padding: 8px 12px;
    border: 1px solid #ddd;
    color: #007bff;
    border-radius: 5px;
    transition: 0.3s;
}

.pagination li a:hover, .pagination li.active a{
    background-color: #007bff;
    color: white;
}
#nav li.homeLink > span > a {
    text-decoration: none;
	color:#fff;
}
#nav li.homeLink:hover  > span > a{
    color: #000;
}