html, body {
	height: 100%;
	min-height: 500px;
	min-width: 150px;
}
		
body {
	font-size: 13px;
	word-wrap: break-word;
	font-family:'Helvetica Neue';
	color: var(--primary-color);
	background-color: var(--background-color);
}

:root {
	--background-color: #EDF0F4;
	--background-color-dark: #dce2e9;
	--background-color-darker: #636d8a;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/Helvetica-Neue-Regular.woff2') format('woff2'), url('../fonts/Helvetica-Neue-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue Bold';
	src: url('../fonts/Helvetica-Neue-Bold.woff2') format('woff2'), url('../fonts/Helvetica-Neue-Bold.ttf') format('truetype');
}

@font-face{
	font-family:'text-security-disc';
	src: url('../fonts/text-security-disc-compat.woff2') format('woff2'), url('../fonts/text-security-disc-compat.ttf') format('truetype');
}

.bold  {
	font-family:'Helvetica Neue Bold';
}

label, .strong  {
	font-family:'Helvetica Neue Bold';
	font-weight: normal;
	font-size: 17px;
}

.large_label {
	width: 100%;
}

.main_content {
	padding-top: 60px;
	max-width: 1400px;
	margin: auto;
	min-width: 280px;
}

.tooltip-inner {
    white-space: pre-wrap;
    min-width: 80px;
}

a, a:hover, a:focus, a:focus:hover {
	cursor: pointer;
	color: var(--accent-color);
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align : left;
}

.hidden_element {
	display: none;	
}

.opacity_40 {
	opacity: 0.4;
}

.margin_left_10 {
	margin-left: 10px;
}

.margin_side_5 {
	margin-left: 5px;
	margin-right: 5px;
}


.font_size_12 {
	font-size: 12px;
}
.font_size_14 {
	font-size: 14px;
}
.font_size_16 {
	font-size: 16px;
}
.font_size_18 {
	font-size: 20px;
}
.font_size_20 {
	font-size: 20px;
}
.font_size_22 {
	font-size: 22px;
}
.font_size_24 {
	font-size: 24px;
}
.font_size_36 {
	font-size: 36px;
}

.bg_white {
	background-color: white !important;
}

ul.accent_color {
	  list-style: none;
}

ul.accent_color li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: var(--accent-color); /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	font-size: 160%;
	vertical-align: sub;
}

ul.accent_color li {
  padding-left: 1em; 
  line-height: 1;
  margin-bottom: 5px;
}

.no_transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/* Title */

h1 {
	font-size: 36px;
	font-family: "Helvetica Neue Bold" !important;
	color: var(--primary-color);
}

h2 {
	font-size: 16px;
	font-family: "Helvetica Neue Bold" !important;
	color: var(--primary-color);
}

.page_title {
	margin-top: 40px;
	margin-bottom: 30px;
}

.theme_header_color {
	height: 57px;
	width: 12px;
	border-radius: 5px;
	margin: 10px;
	float: left;
	
}

/* icons */

.icon_square {
	width : 43px;
	height: 43px;
	border-radius: 10px;
	background-color: var(--primary-color);
	color: white;
	display: inline-block;
	margin-right: 15px;
}

.icon_square .fas {
	margin-top: 13px;
	margin-left: 13px;
}

.sticker {
	border-radius: 100%; 
	width: 10px; 
	height: 10px; 
	display: inline-block; 
	padding-bottom: 5px;
}

.highlight .sticker_text {
	margin-left: 9px;
}

.app_icon {
	height: 15px;
	width: 11px;
	display: inline-block;
    background-color: var(--primary-color-light);
}

.fa-plunger {
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 18.406'%3E%3Cg transform='translate(-446.774 -552.253)'%3E%3Cpath fill='currentColor' transform='translate(0 -13.311)' d='M458.961,581.8a6.724,6.724,0,0,0-4.067-6.491h-3.24a6.724,6.724,0,0,0-4.067,6.491.813.813,0,0,0-.813.813v.542a.812.812,0,0,0,.813.813h11.375a.812.812,0,0,0,.813-.812v-.542A.812.812,0,0,0,458.961,581.8Z'/%3E%3Cpath fill='currentColor' d='M1.11,0H8.721a0,0,0,0,1,0,0V2.22a0,0,0,0,1,0,0H1.11A1.11,1.11,0,0,1,0,1.11v0A1.11,1.11,0,0,1,1.11,0Z' transform='translate(454.384 552.253) rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
}

.fa-pipe {
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='220 284 155 206'%3E%3Cpath fill='currentColor' d='M338.44,448.41h-81.6c-6.38,0-11.56,5.17-11.56,11.56v18.4h0c0,1.6.32,3.12.91,4.5.15.35.31.68.49,1.01.53.98,1.21,1.88,1.99,2.66.52.52,1.1,1,1.71,1.41,1.84,1.25,4.07,1.97,6.46,1.97h81.6c3.19,0,6.08-1.29,8.17-3.38.78-.78,1.46-1.68,1.99-2.66.18-.33.34-.66.49-1.01.58-1.38.91-2.9.91-4.5h0v-18.4c0-6.38-5.17-11.56-11.56-11.56Z'/%3E%3Cpath fill='currentColor' d='M348.31,315.35c.11-.23.21-.46.31-.7.47-1.19.73-2.47.73-3.83v-12.35s0,0,0,0v-3.86c0-5.8-4.7-10.49-10.49-10.49h-82.43c-5.8,0-10.49,4.7-10.49,10.49v3.86s0,0,0,0v12.35c0,3.23,1.46,6.11,3.75,8.04.54.45,1.12.85,1.74,1.19.3.16.6.31.92.44.63.27,1.29.47,1.97.61.68.14,1.39.21,2.11.21h82.43c.72,0,1.43-.07,2.11-.21.68-.14,1.34-.35,1.97-.61.31-.13.62-.28.92-.44.75-.41,1.44-.91,2.06-1.48.25-.23.48-.46.71-.71.47-.52.89-1.08,1.25-1.69.16-.26.3-.54.44-.81Z'/%3E%3Cpolygon points='263.36 330.95 263.36 426.09 263.36 432.87 263.36 438.97 331.92 438.97 331.92 419.27 331.92 413.61 331.92 330.95 263.36 330.95'/%3E%3C/svg%3E");
}

.fa-pole {
	width: 20px;
	height: 20px;
	background-color: var(--primary-color) !important;
	border-radius: 3px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E %3Cg%3E %3Cpath fill='%23ffffff' d='M47.4 18.21h25.32v23.12H47.4z'/%3E %3Cpath fill='%23fff' d='M20.66 18.21h25.32v78.92H20.66z'/%3E %3Cpath fill='%23fff' d='M74.02 18.21h25.32v78.92H74.02z'/%3E %3Cpolygon fill='%23ffbd00' points='42.3 105.79 54.1 51 45.28 51 47.36 41.33 72.76 41.33 70.67 51 61.85 51 50.03 105.79 42.3 105.79'/%3E %3Cpolygon fill='%23ffbd00' points='72.26 41.82 47.85 41.82 45.77 50.51 54.87 50.51 43.05 105.3 49.54 105.3 61.36 50.51 70.18 50.51 72.26 41.82'/%3E %3C/g%3E %3C/svg%3E");    	  
}

.fa-curved-line {
	height: 12px;
	width: 14px;
	display: inline-block;
	margin-right: 2px;
    background-color: var(--accent-color);
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 300'%3E%3Cpath fill='currentColor' d='M 129.9,189.5 C 103.9,189.5 88.7,205.42 63.5,238.06 L 33.1,217.1 C 47.9,195.5 57.9,182.62 75.5,169.18 C 91.427778,157.15296 111.9,145.02 135.101,145.02 C 172.276,145.02 192.278,161.973 223.101,185.82 C 253.501,209.34 274.702,219.421 293.901,219.421 C 302.301,219.421 317.28256,215.01581 327.102,207.101 C 340.22141,197.96521 349.502,185.981 363.502,163.42 L 394.302,187.26 C 377.902,212.22 367.102,224.3 353.902,235.82 C 333.502,254.06 314.702,264.381 288.702,264.381 C 218.652,264.38 187.714,189.5 129.9,189.5 z '/%3E%3C/svg%3E");
}

.form_password .fa-eye {
	position: relative;
	top: -27px;
	left: calc(100% - 34px);
	cursor: pointer;
	margin: 0px
}

.form_search button {
	position: relative;
	top: -27px;
	left: calc(100% - 34px);
	cursor: pointer;
	margin: 0px;
	background-color: var(--accent-color);
	border-radius: 50%;
	color: white;
}

.active .app_icon { 
    background-color: var(--accent-color);
}

.icon-fa-ad::before {
	content: "\f641";
}
/* Btn */
button, button:focus, button:hover {
	outline: none !important;
}

.btn-default, .btn-primary, .btn_dropdown, .ui-datepicker-close {
	color: #fff;
	border-radius: 25px;
	padding: 10px 18px 9px 18px;
	font-family: "Helvetica Neue Bold" !important;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.3s;
}

.btn-default, .btn-primary {
	border: 2px solid var(--accent-color);
}

.btn-primary {
	background-color: var(--accent-color);
}

.btn-default {
	background-color: transparent;
}

.btn-primary:focus, .btn-primary:active, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:disabled, .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn-primary:active:focus {
	color: #ffffff;
	background-color: var(--accent-color-dark);
	border-color: var(--accent-color-dark);
}

.btn-default:focus, .btn-default:active, .btn-default:hover, .btn-default:active:hover, .btn-default:disabled, .btn-default:disabled:focus, .btn-default:disabled:hover, .btn-default:active:focus {
	color: #ffffff;
	background-color: var(--accent-color-light);
	border-color: var(--accent-color-light);
}

.background_white .btn-default:focus, .background_white .btn-default:active, .background_white .btn-default:hover, .background_white .btn-default:active:hover, .background_white .btn-default:disabled, .background_white .btn-default:disabled:focus, .background_white .btn-default:disabled:hover, .background_white .btn-default:active:focus {
	color: #fff;
}

.background_white .btn-default {
	color: var(--accent-color);
}

.icon_btn .btn {
	border: none;
	color: var(--accent-color);
	font-size: 16px;
	border-radius: 50px;
	padding: 10px;
	height: 42px;
	width: 42px;
}

.action_btn .btn {
	padding: 6px 16px 6px 16px !important;
}

.inline_btn {
	display: inline;
	position: relative;
}

.btn-xs {
	padding: 1px 8px 2px 8px;
	text-transform: unset;
}

.btn-xs .fas {
	margin-right: 5px;
	font-size: 10px;
}

.btn_dropdown {
	background-color: #fff;
	color: var(--primary-color);
	font-family: "Helvetica Neue" !important;
	text-transform: unset;
	white-space: normal;
}

.btn_dropdown .fas {
	margin-left: 30px;
	color: var(--accent-color);
}

.form_footer {
	text-align: right;
	padding: 30px 40px 30px;
	margin-top: -50px;
	background-color: var(--primary-color);
}

/* Modals */
.modal {
	background-color: rgba(38, 53, 91,0.5);
}
.modal-dialog, .modal-content, .modal-header, .modal-footer {
	border: 0;
	box-shadow: none;
}

.modal-dialog, .modal-content {
	border-radius: 15px;
}

.modal-header {
	border-radius: 10px 10px 0px 0px;
}

.modal-body {
    padding: 25px 15px 15px 15px;
}

.modal-footer {
	border-radius: 0px 0px 10px 10px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.modal-footer.mini {
	padding-top: 15px;
	padding-bottom: 15px;
}

.modal-footer.background_white {
	background-color: #fff;
}

.modal-header, .modal-footer {
	color: #fff;
	background-color: var(--primary-color);
}

.modal-header .fas {
    margin-right: 10px;
}

.close, .close:focus, .close:active, .close:hover {
    color: #ffffff !important;
}

.close {
    opacity: 1;
}

.close:focus, .close:active, .close:hover {
    opacity: 0.8;
}

.modal-xl {
	width: 100%;
}




/** SPINNER LOADER **/
/** LOADER **/
.loader {
  width: 100%;
  left: 0;
  min-height: 150px;
  text-align: center;
}
.loader svg {
	width: 300px;
	max-width: 100%;
	fill: none;
	z-index: 0;
	position: relative;
}

.loader .point {
  animation: bounce 1s infinite ease-in-out;
  fill: var(--accent-color);
}
.loader .point.one {
    animation-delay: 0s;
}
.loader .point.two {
    animation-delay: 0.1s;
}
.loader .point.three {
    animation-delay: 0.2s;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.panel-body .loader_container {
	height: 300px;
}

/** END OF SPINNER **/




.table_hide_if_empty {
	display: none;
}


.table_hide_if_empty:has(td) {
	display: table;
}

.list_header_rank::after {
   content: "";
   display: block;
   clear: both;
   margin-bottom: 20px;
}

.content_table {
	position: relative;
	width: 100%;
	border-collapse: separate;
	border-radius: 10px 10px 0px 0px;
	font-family: 'Helvetica Neue';
	text-align: left;
	margin-bottom: 10px;
}

.content_table thead {
	font-family: 'Helvetica Neue Bold';
	font-size: 16px;
}

.content_table tr::before, .content_table tr::after {
	content: "";
	width:10px;
	display: table-cell;
	background-color: white;
	min-width: 10px;
}

.content_table thead tr::before {
	content: "";
	width:10px;
	display: table-cell;
	border-top-left-radius: 10px;
	min-width: 10px;
}

.content_table thead tr::after {
	content: "";
	width:10px;
	display: table-cell;
	border-top-right-radius: 10px;
	min-width: 10px;
}

.content_table tbody tr:last-child td {

}

.content_table tbody tr:last-child td, .content_table tbody tr:last-child th {
	height: 60px;
	border-bottom: 10px solid white;
}

.content_table tbody tr:last-child::before {
	border-bottom-left-radius: 10px;
	border-bottom: 10px solid white;
}

.content_table tbody tr:last-child::after {
	border-bottom-right-radius: 10px;
	border-bottom: 10px solid white;
}

.content_table thead, .content_table thead a, .content_table thead a:hover {
	color: white;	
}		

.content_table thead td, .content_table thead th, .content_table thead tr::before, .content_table thead tr::after {
	background-color: var(--primary-color);
}



.content_table:not(.minimalist) tbody tr:nth-child(even) td, .content_table:not(.minimalist) tbody tr:nth-child(even) th {
	background-color: #f2f4f7;
}

.content_table tbody tr:nth-child(odd) td, .content_table tbody tr:nth-child(odd) th {
	background-color: #fff;
}

.content_table td, .content_table th {
	padding-left: 5px;
	padding-right: 5px;
	min-width: 20px;
	font-size: 14px;
	height: 50px;
}

.content_table_sm td, .content_table_sm th {
	font-size: 13px;
} 

.content_table.minimalist td, .content_table.minimalist th {
	height: 35px;
}

.content_table_sm tr::before {
  margin-left: 5px;
}

.content_table_sm tr::after {
  margin-right: 5px;
}

.content_table tbody th, .primary_div {
	color: var(--primary-color);
	font-family: 'Helvetica Neue Bold';
	font-weight: 500;
}

.content_table:not(.display_max) td div, .content_table:not(.display_max) th div {
    max-height: 50px;
	line-height: 1.5;
}
.content_table:not(.display_max) td div:not(.action_btn):not(.icon_btn):not(.btn), .content_table:not(.display_max) th div:not(.action_btn):not(.icon_btn):not(.btn), .ellipsis_two_lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis_three_lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	word-wrap: anywhere;
}

.ellipsis_one_line {
	text-overflow: ellipsis;
    overflow: hidden;
    
}

.content_table .one_options {
	min-width: 95px;
	width: 95px;
}

.content_table .two_options {
	min-width: 95px;
	width: 95px;
}

.content_table .three_options {
	min-width: 136px;
	width: 136px;
}

.content_table .rank_body{
	font-size: 16px;
}


.highlight_row, .highlight_row .rank_body {
	color: white !important;
}

.content_table tr.highlight_row td:first-child, .content_table tr.highlight_row th:first-child { 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.content_table tr.highlight_row td:last-child, .content_table tr.highlight_row th:last-child { 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
}

.highlight_row td, .highlight_row th {
	background-color: #4A68FC !important;
}

.content_table .sort .sort_text_container {
	width: fit-content; 
	max-width: calc(100% - 28px); 
	float: left; 
	height: 100%;
	
}

.content_table .sort .sort_text_container div {
	
	line-height: 1; 
	top: 50%; 
	-ms-transform: translateY(-50%); 
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%); 
	position: relative;
	
}

.content_table .sort {
	cursor: pointer;
}

.content_table .sort:hover .sort_text_container {
	text-decoration: underline;
}

.content_table .sort .sort_icon_container {
    background-color: #515d79;
    border-radius: 10px;
    width: 18px;
    text-align: center;
    height: 27px;
    padding-top: 2.5px;
    padding-left: 1px;
    float: left;
    margin-top:10px; 
    margin-left: 5px; 
    font-size: 15px
}

.content_table .sort .sort_icon_container .fas {
	margin-left: -0.8px;
}

.content_table a, .content_table a:focus {
	color: var(--accent-color);
}

.content_table .highlight {
	background-color: var(--background-color-dark);
	border-radius: 13px;
	height: 30px;
	padding: 6px 16px 6px 16px;
	white-space: nowrap;
	cursor: pointer;
}

.content_table .highlight_dropdown {
	padding-right: 33px;
	background: var(--background-color-dark) var(--chevron-down-icon) no-repeat right 1.5rem center;
	background-size: 8px 9px;
}

.content_table .select_search_result {
	margin-right: 0px;
}

.content_table .checkbox_only {
	width: 35px;
}

.content_table .no_result {
	text-align: center;
	height: 100px;
	background-color: white;
	z-index: 1;
	position: relative;
	padding-top: 30px;
}

.content_table .dropdown_col .dropdown-menu {
	top: unset;
	border-radius: 0px 0px 13px 13px;
	box-shadow: 0px 0px 30px #00000026;
	border-top: 4px solid var(--accent-color);
}

.content_table caption {
	caption-side: bottom;
}

.content_table .end_of_table {
	padding-bottom: 50px;
}


/*** PANEL ***/
.panel {
	border-radius: 10px;
	box-shadow: none;
	min-width: 300px;
}


.panel-primary .panel-heading, .panel-primary .panel-title-text, .panel-primary .panel-title-text a {
	background-color: var(--primary-color);
	color: white;	
}		

.panel-heading, .panel-heading-inverse {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px 15px 10px 15px;
}

.panel, .panel-heading, .panel-heading-inverse {
	border: none !important;
}

.panel-heading-inverse {
	background-color: white !important;
	border-bottom: 1px solid #eee !important;
	color: var(--primary-color);
}

.panel-heading, .panel-heading-inverse  {
	font-size: 16px;
	font-family: 'Helvetica Neue Bold';
}

.panel:not(.ranking_panel) .panel-heading {
	min-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}

.panel .no_result_panel {
	height: 50px;
	padding-top: 15px;
}

.border_radius {
	border-radius: 10px !important;
}

.bottom_radius {
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.ranking_panel  {
	max-width: 430px;
	width: 430px;
}


.ranking_message {
	background-color: #4A68FC;
	color: #fff;
	max-width: 150px;
	padding: 11px 15px 11px 15px;
	text-align: left;
	font-size: 14px;
	font-family: 'Helvetica Neue Bold';
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 10px;
}

.panel-footer {
	border: none;
	background: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.white_container {
	background-color: white; 
	padding:10px; 
	border-radius: 13px; 
	margin-bottom: 20px;
	padding: 15px 30px 15px 30px;
}



/****** CARD *****/
.card_panel {
	font-family: 'Helvetica Neue Bold';
}
.card_panel .card_title {
	font-size: 12px;
}
.card_panel .card_color {
	height: 57px;
	width: 12px;
	border-radius: 5px;
	margin: 10px;
	float: left;
}
.card_panel .card_value {
	font-size: 24px;
}
.card_panel .card_icon {
	font-size: 16px;
	float: right;
}
.card_panel .app_icon {
	background-color : var(--primary-color);
	margin-right:3px;
}

#wrapper.with_cards .search_cards_container {
	height: 90px;
	overflow: hidden;
}

.search_card {
	height: 90px;
	width: 240px;
	display: inline-block;
	cursor: pointer;
}
.search_card .card_color {
	height: 78px;
	margin-left: -22px;
	margin-top: -8px;
	width: 8px;
	border-radius: 5px;
}

.search_card .card_value {
	margin-top: 5px;
}

.search_cards_container .search_card:not(:last-child) {
	margin-right:15px;
}

#wrapper.hide_values .search_cards_container, #wrapper.hide_values .search_card {
	height: 45px;
}

#wrapper.hide_values .card_value {
	display: none;
}

#wrapper.hide_values .search_card .card_color  {
	height: 33px;
}

/****** TABS *****/

.nav-tabs {
	border: none;
}

.arrow_up {
	border-color: transparent transparent var(--primary-color);
    border-style: solid;
    border-width: 7px;
    height: 0px;
    width: 0px;
    margin: auto;
}

.nav-tabs > li:not(.active) .arrow_up {
	display: none;
}

.nav-tabs > li > a {
	border-radius: 50px;
	border: none !important;
	margin-bottom: -5px;
	font-size: 12px;
	font-family: 'Helvetica Neue Bold';
	white-space: nowrap;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: var(--primary-color-light);	
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: var(--accent-color);
}

.nav-tabs .badge_number {
	font-size: 12px;
	font-family: 'Helvetica Neue Bold';
	color: var(--primary-color);	
	background-color: var(--background-color-dark);
	border-radius: 100%;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	padding: 7px 0 7px 0;
	width: 35px;
}

.nav-tabs .active .badge_number {
	background-color: var(--background-color);
}

.nav-tabs .fas {
	font-size: 16px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 7px 0px;
}

.nav-tabs .app_icon:not(.hidden-xs) {
	margin: 6px 5px 5px 6px;
}

/***** SELECT *****/

select, .custom-select__option--value {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	border: none;
	padding: 0px 30px 0px 15px;
	border-radius: 20px;
	height: 40px;
	min-width: 75px;
	background: transparent var(--chevron-down-icon) no-repeat right 1.5rem center;
	background-size: 10px 12px;
	text-overflow: ellipsis;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-align: left;
}

select:focus, .custom-select--active .custom-select__option--value {
	box-shadow: 0px 0px 0px 2px var(--primary-color);
}

select.bg_white:hover, .custom-select__option--value.bg_white:hover {
	background-color: #f4f6f8;
	color: #68728d;
}

.custom-select__dropdown {
	position: absolute;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 75px;
	padding: 5px 5px 5px 6px;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-top: 4px solid var(--accent-color);
	box-shadow: 0px 0px 30px #00000026;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	max-height: 300px;
	overflow-y: auto;
}

.custom-select__dropdown .custom-select__option {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	border: none;
	width: calc(100% - 10px);
	text-align: left;
	background-color: white;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 8px;
	margin-bottom: 2px;	
}

.custom-select__dropdown .custom-select__option:disabled {
	display: none;
}

.custom-select__dropdown .custom-select__option:hover {
	background-color: var(--background-color) !important;
}

input:not([type='checkbox']):not([type='radio']) {
	border: 0px solid;
	border-radius: 20px;
	height: 40px;
	font-size: 13px;
	padding: 6px 20px;
}

input.form_input {
	background-color: var(--background-color);
	color: var(--primary-color);
}

input.form_input:focus {
	box-shadow: 0px 0px 0px 2px var(--primary-color);
}

input::placeholder, .form-control::placeholder {
	color: rgba(38, 53, 91,0.3);
}

input[type="text"][disabled], textarea[disabled] {
    -webkit-text-fill-color: var(--background-color-darker);
   
}

.modal input:not([type='checkbox']):not([type='radio']):not(.with_icon):not(.with_right_icon):not(.autocomplete_input) {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

input.with_icon {
	padding-left: 45px !important;
}

input.with_right_icon {
	padding-right: 45px !important;
}

input[type=checkbox], input[type=radio] {
	accent-color: var(--primary-color);
	min-width: 24px;
	min-height: 24px;
}

form input[type=checkbox], form input[type=radio] {
	margin-right: 15px;
}

.form-group input:not([type='checkbox']):not([type='radio']), .form-group select,  .form-group .custom-select__option--value {
	margin-top: 3px;
	width: 100%;
}

.form-group textarea {
	margin-top: 3px;
}

.form-group {
	position: relative;
}


.form-group .dense_input input, .form-group .dense_input textarea {
	padding-top: 16px;
}

.form-group .dense_input .custom-select__option--value {
	background-position-y: 18px;
	padding-top: 5px;
	white-space: nowrap;
 	overflow: hidden;
}

.form-group .dense_input_label {
	position: absolute;
	padding-left: 15px;
	padding-top: 2px;
	opacity: 0.4;
	font-size: 11px;
}


.sales_document_lines_container div[class^="col-"] {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.form_control_lines {
	margin-bottom: 10px;
	margin-left: 0px; 
	margin-right: 0px;
}

.form_control_lines .row {
	margin-left: 0px; 
	margin-right: 0px;
}

@media (max-width: 768px) {
	.sales_document_lines_container div[class^="col-"] {
	    padding-right: 0px !important;
	    padding-left: 1px !important;
	}
	
	.form-group .dense_input textarea {
		min-height: 126px;
	}
}



.form-group .custom-select__dropdown {
	width: 100%;
}

input:focus:not([type='checkbox']):not([type='radio']):not([type='submit']), textarea.form-control:focus {
	outline: none !important;
	box-shadow: 0px 0px 0px 2px var(--primary-color);
}

input.autocomplete_input {
	background: transparent var(--chevron-down-icon) no-repeat right 1.5rem center;
	background-size: 10px 12px;
	padding-right: 30px !important;
	padding-left: 20px;
}

input.hasDatepicker {
	background: transparent var(--calendar-icon) no-repeat right 1.5rem center;
	background-size: 13px 19px;
	padding-right: 30px;
}

.icon_circle_bg {
	border-radius : 30px;
	color: #fff;
	background-color: var(--primary-color);
	height: 34px;
	left:3px;
	padding:12px 9px;
	position:relative;
	top:-37px;
	margin-bottom:-37px;
	width : 34px;
	pointer-events: none;
}

.form_icon {
	color: var(--primary-color);
}

.icon_circle_bg .fas {
	position: relative;
	top: -6px;
	left: 2px;
}

textarea.form-control {
	border-radius: 20px;
	border: none;
	padding: 12px 20px;
}

form input[type=text], form input[type=number], form input[type=password], form select, form .custom-select__option--value, form textarea.form-control, #accountingPeriodStartDate {
	background-color: var(--background-color);
	color: var(--background-color-darker);
}

input.input_password {
  font-family: "text-security-disc";
}

.form .custom-select__option--value {
	background-color: white;
}

label {
	margin-bottom: 0px;
}

form label {
	color: var(--primary-color);
	display: inline-flex;
	margin-bottom: 5px;
}

form label .input_text {
	font-family: 'Helvetica Neue';
	color: var(--background-color-darker);
	margin-top: 7px;
}

form-group label {
	color: var(--primary-color);
}

.has-error {
	box-shadow: 0px 0px 0px 2px red;
}

.form_control_required_checkbox, .form_control_required_radio {
	border-radius: 10px; 
}

/** AUTOCOMPLETE **/


.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 5px;
	margin: 0;
	display: block;
	outline: 0;
	background-color: white;
	z-index: 99999;
	border-radius: 0px 0px 13px 13px;
	box-shadow: 0px 0px 30px #00000026;
	border-top: 4px solid var(--accent-color);
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item:hover {
	background-color: #ddd;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}




.ui-autocomplete .ui-menu-item {
	font-size: 14px; 
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 8px;
	margin-bottom: 2px;
}

.ui-autocomplete .ui-menu-item-wrapper {
	padding-left: 13px !important;	
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: var(--background-color) !important;
	border: 1px solid var(--background-color) !important;
	border-radius: 8px;
}

.ui-autocomplete {
	max-height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-helper-hidden-accessible {
            display: none;
        }

/**********************************/


/****** community / library ********/
.container_header {
	min-height: 200px;
	background-size: cover;
}



/***** SEARCH ****/
.search_header, #form_content {
	width: calc(60% - 284px);
}

.search_header {
	position: fixed;
	z-index: 20;
	margin-left: -15px;
	margin-right: -15px;
	min-width: 150px;
}

#wrapper.nav_toggled .search_header {
	width: calc(60% - 34px);
}


#wrapper.map_toggled .search_header {
	width: calc(100% - 250px);
}

#wrapper.nav_toggled.map_toggled .search_header {
	width: calc(100% - 55px);
}

#wrapper.nav_toggled.map_toggled #search_toggle, #wrapper.nav_toggled.map_toggled #map_toggle {
	margin-left: -53px;
}

.search_header {
	min-width: 305px;
	height: 100px;
	background-color: var(--background-color);
}

.search_header table {
	width: calc(100% - 35px);
	margin-left: 15px;
	height: 100%;
}
.search_header td {
	vertical-align: middle;
}

.search_header_actions {
	height: 34px;
	margin-top: 90px;
}

#form_content {
	width: 100%;
	padding-top: 90px;
	background-color: var(--background-color);
}
#form_content > div {
	margin-left: -15px;
	background-color: var(--background-color);
}


#form_content .header_row {
	position: sticky;
	z-index: 1;
	min-width: 280px;
	top: 160px;
	background-color: var(--background-color);
}

#list_content {
	color: #68728d;
}

#list_content > .company_row {
	padding-top: 45px;
}

#list_content > .company_row ~ .company_row {
	padding-top: 0px;
}


.search_row {
	height: 95px;
}


/** end of fixed header **/

/** SEARCH SIDE BAR **/
.slidebar-nav {
	left: 250px;
	width: 250px;
	background-color: white;
	overflow-wrap: anywhere;
	padding-right: 0px;
	padding-top: 15px !important;
} 

.slidebar-nav .navbar {
	height: 100%;
	max-height: 100%;
	overflow: auto;
	margin-bottom: 0px;
}

.slidebar-map {
	left: 500px;
	width: calc(40% + 23px);
	background-color: #ddd;
}

.slidebar-map .map_displayer {
	height: 100%;
}

.slidebar-border {
  width: 36px;
  z-index:3;
  margin-left: -36px;
  border-top-left-radius: 10px;
  position: fixed;
  height: calc(100vh - 60px);
	background-color: var(--background-color);
}

.slidebar-nav, .slidebar-map {
	
	list-style: none;
	height: calc(100% - 60px);
	margin: 0;
	margin-left: -250px;
	padding: 0;
	position: fixed; 
	z-index: 2;
	
	overflow-y: auto;
	
	transition: margin-left 0.5s linear, left 0.5s linear, width 0.5s linear;
}

#wrapper:not(.nav_toggled) .slidebar-nav nav {
	opacity: 1;
	transition: opacity 0.5s linear 0.5s;	
}

#wrapper.nav_toggled .slidebar-map {
	left: 250px;
	margin-left: -250px;
} 

#wrapper.map_toggled .slidebar-map {
	width:0;
} 

#wrapper.map_toggled .slidebar-map .map_displayer {
	transition: width 0.5s linear 0.5s;
} 





#wrapper {
	background-color: white;
    padding-left: calc(290px + 40%);
}

#wrapper, #wrapper #list_content, #form_content, .search_header, .slidebar-border, .search_cards_container, .search_card, .card_icon {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


#wrapper.nav_toggled {
	padding-left: calc(40px + 40%);
}

#wrapper.map_toggled {
	padding-left: 250px;
}

#wrapper.nav_toggled.map_toggled {
	padding-left: 55px;
}

#wrapper #list_content {
    width: calc(100% - 35px);
    max-width: calc(100% - 35px);
    margin-left: 15px;
	top: 10px;
	position: relative;
	min-width: 280px;
	margin-right: 20px;
}

#wrapper.nav_toggled .slidebar-nav {
	width:0;
}

#wrapper.nav_toggled .slidebar-nav nav {
	opacity: 0;
	transition: opacity 0s;	
}

#wrapper.map_toggled .slidebar-nav {
	padding-right: 40px !important;
}


/** search toggle **/

#wrapper:not(.map_toggled) .hidden_map_untoggled, #wrapper:not(.map_toggled) .search_left_right {
	display: none;
}

.main_full_content {
	padding-top: 60px;
	padding-left: 0;
	padding-right: 0;
	min-height: 100%;
}


.main_list_content {
	padding-top: 60px;
	padding-left: 15px;
	padding-right: 0;
	min-height: 100%;
}

.main_list_content::before {
	height: 100%;
	width: 35px;
	position: fixed;
	margin-left: -15px;
	background-color: white;
	z-index: 2;
}

.list_table {
	width:100%; 
	height: 100%;
}



.slidebar_map {
	width: 40%;
	min-width: 40%;
	height: 100%;
	background-color: white;
}

.slidebar_nav > div, .slidebar_nav > form, .slidebar_map > div, .slidebar_mini > div {
	height: 100%;
	display: inline-block;
}

.map_displayer, .search_form {
	width: 100%;
}

.list_header, .list_container {
	padding-left: 25px;
	padding-right: 25px;
}

.slidebar_mini {
	height: 100%;
	min-width: 45px;
	width: 45px;
	background-color: white;
}

.slidebar_mini > div:first-child {
	width: 100%;
}

#search_toggle, #map_toggle {
	margin-left: -53px;
	color: white;
	background-color: var(--accent-color);
	z-index: 1001;
	position: fixed;
	border-radius: 100%;
	font-size: 16px;
	
}

#search_toggle {
	top: 100px;
}
#map_toggle {
	display: none;
	top: 150px;
}

#search_form li, #search_form div.dropdown {
	width: 100%;
	padding-left: 25px;
	padding-bottom: 10px;
	list-style: none;
}

#search_form div.dropdown {
	display: inline-block;	
}

#search_form .input_selection li, #search_form li.input_selection  {
	width: 100%;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style: none;
}

#search_form .input_selection li input {
	background-color: var(--background-color);
	color: var(--background-color-darker);
}

#wrapper_ul {
	margin: 0;
}

#search_form .dropdown-toggle:not(.collapsed):not(.options_trigger):not(.dropdown-submenu):not(.dropdown-submenu)::before {
	content: "";
	border: 3px solid var(--accent-color);
	margin-left: -25px;
	border-radius: 4px;
	min-height: calc(100% - 5px);
	position: absolute;
}

#search_form .dropdown-toggle.with_left_icon:not(.collapsed):not(.options_trigger):not(.dropdown-submenu):not(.dropdown-submenu)::before {
	margin-left: -61px;
	min-height: calc(100% - 20px);
}

#search_form .dropdown-toggle {
	cursor: pointer;
}

#search_form .dropdown-toggle.with_left_icon {
	margin-top: 13px;
	margin-left: 36px;
	margin-bottom: 7px;
}
#search_form .collapse label {
	cursor: pointer;
}
#search_form .collapse label input {
	cursor: pointer;
}

#search_form .dropdown {
	font-family: 'Helvetica Neue Bold';
	font-size: 16px;
	color: var(--primary-color);
}

#search_form .checkbox_icon i {
	font-size: 28px;
	float: left;
	margin-top: 11px;
	cursor: pointer;
}

#search_form ul {
	padding-left: 0;	
}

#search_form ul label {
	width: 100%;
}




@media (min-width: 992px) {
	#wrapper.with_cards .search_header {
		height: 190px;
	}
	#wrapper.hide_values .search_header {
		height: 145px;
	}
	#wrapper.with_cards h1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	#wrapper.with_cards .search_header td {
		vertical-align: bottom;	
	}
	#wrapper.with_cards .search_header .white_container {
		margin-bottom: 0px;	
	}
	#wrapper.with_cards .search_header table {
		height: calc(100% - 20px);
	}
	
	#wrapper.with_cards #form_content {
		padding-top: 180px;
	}
	#wrapper.hide_values #form_content {
		padding-top: 135px;
	}

}

@media (max-width: 500px) {
	.hidden-xxs {
		display: none;
	}
}



/***** PAGINATION *****/
.end_of_table .current_page {
	width: calc(100% - 90px); 
	display: inline-block; 
	text-align: right; 
	margin-top: 25px; 
	margin-right: 15px; 
	color: var(--primary-color); 
	opacity: 0.7;
}

.end_of_table .btn.disabled {
	opacity: 0.5;
}

















/**** date picker **/
.ui-datepicker {
    width: 260px;
    border-radius: 10px;
    background-color: white;
    padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px;
	display: none;
}

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


.ui-datepicker-title {
    text-align: center;
    font-size: 13px;
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 10px;
}

.ui-datepicker-title select, .ui-timepicker-div select, .ui-datepicker-title .custom-select__option--value, .ui-timepicker-div .custom-select__option--value {
	height: unset;
	min-width: 70px;
	padding: 0px 15px 0px 8px;
	background-color: transparent;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 15px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
    left: 17px;
}
.ui-datepicker .ui-datepicker-next {
    right: 17px;
}

.ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-prev-hover:hover, 
.ui-datepicker .ui-datepicker-next span:hover, .ui-datepicker .ui-datepicker-next-hover:hover {
	background-color: white !important;
	border-color: white !important;
	opacity: 0.7;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	color: white;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    transition: opacity 0.15s ease-in-out;
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-datepicker-prev span {
	background-image: var(--chevron-left-icon) !important;
}

.ui-datepicker-next span {
	background-image: var(--chevron-right-icon) !important;
}

.ui-datepicker th , .ui-datepicker tr {
	height: 25px;
}

.ui-datepicker th {
    text-transform: lowercase;
      font-size: 11px;
    color: #999;
    text-align: center;
}

.ui-datepicker th:nth-child(6) span, .ui-datepicker th:nth-child(7) {
	color: var(--accent-color-dark);
}

.ui-datepicker tr td:nth-child(6) a, .ui-datepicker tr td:nth-child(7) a {
	color: var(--accent-color);
}

.ui-datepicker tbody td {
    padding: 0;
    text-align: center;
    position: relative;
}



.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width:100%;
    height: 20px;
     color: #000;
     font-size: 11px;
      border: 1px solid transparent;
    line-height: 1.8;  
    border-radius: 3px;
    height: 100%;
    /*text-shadow: 1px 1px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}

.ui-datepicker-calendar .ui-state-hover {
    background: #d4d4d4;
    border: 1px solid black;
    
}

.ui-datepicker-calendar .ui-state-active {
    background: #d4d4d4;
	font-family: 'Helvetica Neue Bold';
}

.ui-datepicker-unselectable .ui-state-default {
    color: #ddd;
    cursor: not-allowed;
}

.ui_tpicker_hour, .ui_tpicker_minute {
	margin: 0 !important;
	display: inline-block;
}

.ui_tpicker_hour_slider::after {
	content: "h";
	margin-left: 10px;
	margin-right: 10px;
}

.ui_tpicker_minute_slider::after {
	content: "min";	
	margin-left: 10px;
}

.ui_tpicker_hour_slider::after, .ui_tpicker_minute_slider::after {
	color: var(--primary-color);
	font-family: Helvetica Neue Bold;
}

.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_unit_hide  {
	display: none;
}

.ui_tpicker_hour {
	margin-top: 10px !important;
}
.ui_tpicker_hour::before {
	content: "Heure";
	color: var(--primary-color);
	font-family: Helvetica Neue Bold;
}

.ui_tpicker_hour_slider {
	margin-top: 10px;
}

.ui-datepicker .eventDay {
	background-color: var(--accent-color);
	opacity: 0.5;
	border-radius: 20px;
	width: 100%;
	height: calc(100% - 3px);
	position: absolute;
	left: 0;
}

.ui-datepicker .firstDay, .ui-datepicker .middleDay {
	border-right: none !important;
	border-end-end-radius: 0px;
	border-start-end-radius: 0px;
}

.ui-datepicker .lastDay, .ui-datepicker .middleDay {
	border-left: none !important;
	border-start-start-radius: 0px;
	border-end-start-radius: 0px;
}

.datepickers .ui-state-active {
	background: none !important;
	border: 1px solid transparent !important;
	font-family: 'Helvetica Neue';
}

/**** //TODO ***/
.dropdown_modal {
	border-radius: 0;
	margin-top: 14px;
}


/** TODO **/





/* NAVBAR */
#nav {
	padding-top: 10px;
	height: 60px;
	border-radius: 0px;
	background-position: center center;
	margin-bottom: 0px;
	background-color: white;
	color: var(--primary-color);
	font-family: 'Helvetica Neue Bold';
}

#nav a {
	color: var(--primary-color);	
}

#nav .fas {
	margin-right: 8px;
}

#nav .fa-chevron-down {
	font-size: 10px;
	margin-left: 5px;
	margin-right: 0px;
}

.navbar, #scroll_top_button, .nav_toggled.map_toggled #search_toggle, .nav_toggled.map_toggled #map_toggle {
	
	
}

.nav > li > a:focus, .nav > li > a:hover {
	color: var(--accent-color) !important;
}

.nav > li > a:focus, .nav > li > a:hover, .nav .open a, .nav .open a:focus, .nav .open a:hover {
	background-color: transparent;
}

#nav .active > a, #nav a.navbar-brand {
	color: var(--accent-color);
}

ul.nav > li.active {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color: var(--background-color);	
}

ul.nav .before_active, ul.nav .after_active {
	width: 15px;
	height: 50px;
	background-color: var(--background-color);
}

ul.nav .before_active div, ul.nav .after_active div {
	background-color: white;
	height: 100%;
}

ul.nav .before_active {
	margin-left: -15px;
}

ul.nav .after_active {
	margin-right: -15px;
}

ul.nav .before_active div {
	border-bottom-right-radius: 20px;
}

ul.nav .after_active div {
	border-bottom-left-radius: 20px;	
}

.navbar-nav > li > a {
	outline: 0;
	padding: 12px 14px 18px 14px;
}


.navbar-toggle {
    border-color: var(--primary-color);
    border-radius: 0;
}

.navbar-brand {
	padding: 0;
	padding-left: 5px;
}

.navbar-brand img {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
	
	ul.nav .before_active {
		margin-left: -10px;
	}
	
	ul.nav .after_active {
		margin-right: -10px;
	}
}

@media (max-width: 992px) {
	.nav .dropdown-menu {
		right: 0 !important;
		left: auto !important;	
	}
	
	h1 {
		font-size: 20px;
	}
}

.navbar-toggle .icon-bar {
	background-color: transparent;
	border: 1px solid var(--primary-color);
}

.dropdown-menu > li, .dropdown_submenu > li {
	margin-left: 5px;
	margin-right: 5px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown_submenu > li > a:focus, .dropdown_submenu > li > a:hover {
	background-color: var(--background-color) !important;
	border-radius: 5px;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.navbar-brand {
		max-width: 80%;
		overflow: hidden;
	}
	
	#nav .before_active, #nav .after_active {
		display: none;
	}
	
	#nav li {
		margin-left: 15px;
		margin-right: 15px;
		border-radius: 13px !important;
	}
	
	#nav .navbar-collapse {
		background-color: white;
	}
	
	#nav .dropdown-menu {
		background-color: white;
		margin-left: 0px !important;
	}
	
	h1 {
		font-size: 16px;
	}
}


@media only screen and (min-width: 768px) {
  #nav .dropdown:hover .dropdown-menu {
    display: block;
  }
  .modal-dialog {
  	width: auto;
  }
}

@media (min-width: 992px) {
  .modal-dialog {
  	width: 900px;
  }
}

.dropdown-menu {
	border-radius: 0;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	border: none;
	border-top: 4px solid var(--accent-color);
	box-shadow: 0px 0px 30px #00000026;
}

#nav .dropdown-menu {
	margin-top: 0;
	margin-left: 15px;
}

.dropdown-menu a:not(:hover):not(:focus) {
	color: var(--primary-color) !important;
}


#nav .app_icon {
	background-color: var(--primary-color);
}

.nav > li > a:hover .app_icon,.nav > li > a:focus .app_icon, #nav .active .app_icon {
	background-color: var(--accent-color) !important;
}

#search_text_nav {
	color: var(--background-color-darker);
	width: 190px;
	font-family: 'Helvetica Neue';
	background: white var(--search-icon) no-repeat left 1.5rem center;
	background-size: 15px 15px;
	padding-left: 40px;
}









.dropdown_param {
	right: 0;
	left: auto;
	margin-top: 0px;
	
	border-radius: 0;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	border: none;
	border-top: 4px solid var(--accent-color);
	box-shadow: 0px 0px 30px #00000026;
}

.dropdown_param .fas {
	margin-right: 8px;
}

#search_form .dropdown_param a {
	color: var(--primary-color);
}

#search_form .dropdown_param li {
	padding-bottom: 5px;
	padding-left: 0px;
	width: unset;
	font-family: 'Helvetica Neue Bold';
}


.main_content h2 {
	font-size: 18px;
	font-family: 'Helvetica Neue Bold';
}

.center_text {
	text-align:center;
}


.header_row {
	line-height: 32px;
	min-height: 32px;
	z-index: 1;
	position: relative;
	max-height: 50px;
}

.row_container .row:hover:not(.header_row):not(.title_obvious_row):not(.title_obvious_row_late):not(.total_row) {
	background-color : #e5e5e5 !important;
	cursor: pointer;
}

.row_container .row:nth-child(even){
	background-color: #eee;
}
.row_container .row:nth-child(odd){
	background-color: #fff;
}

.row_container .row {
	min-height: 36px;
	padding-top: 3px;
}

.row_container .row div, .row_container .row div p  {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.row_container .wrapped {
	white-space: normal !important;
}

.row_container .row .input-group-btn  {
	overflow: visible;
}

/*
.input-group-addon {
	border-radius : 50% !important;
	
}

.form-control {
	border-radius: 20px !important;
}
*/


.nav_2 {
	display:block;
	float:right;
}


.color_div {
	min-height: 25px;
	min-width:40px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
}


@media screen and (max-width: 768px) {
	
	.navbar-nav:not(#wrapper_ul) li, nav_2 li {
		text-align:center;
	}
	
	.nav_2 { 
		float:none;
	}	
	
}

/* Modal add_client */ 

textarea {
	resize: vertical;
}

label {
	font-size: 13px;
}
	

.modal-body, .modal-header, .modal-footer {
	padding-left: 30px;
	padding-right: 30px;
}

.has-error {
	border-color:#ff0000 !important;
}
.error_form {
	color:#ff0000;
	display:none;
	margin: 3px 0 3px;
}

.btn-color {
	width : 50px;
	height: 34px;
	background-color: #000;
}


.color-col {
	display: inline-block;
}

.color-option {
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	cursor: pointer;
}

.color-option:hover{
	border: 1px solid #000;
}

.color_picker, .icon_picker {
	z-index: 2;
	display: inline;
	position: fixed;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	line-height: 0;
}



.subtype_container label{
	width: 100%;
}
.subtype_container {
	margin-left: 20px;
	color: #607D8B;
}

.spec_container {
	margin-left: 20px;
	color: #7f8c8d;
}

.panel-body .caret, .modal-body .caret {
	margin-bottom: 3px;
	margin-right: 5px;
}

.panel-body .collapsed .caret, .modal-body .collapsed .caret {
  border-left: 4px solid;
  border-right: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  margin-right: 9px;
}





input.form-control[type=date] {
	line-height: unset;
}

.large_textarea {
	min-height: 100px;
}

.modal .input_selection {
	cursor: pointer;
	margin-right: 10px;
}

.modal .input_selection input {
	cursor: pointer;
	vertical-align: bottom;
	height: 17px;
}

.modal .act_type_btn {
	margin-bottom: 5px;
}

.modal .act_type_btn input {
	position: relative;
	margin-left: 3px;
}

.modal .map_displayer {
	width: 100%;
	display: block;
	height: 200px;
	max-width: 538px;
	margin: auto;
}

.modal .modal_more {
	display: none;
}

/* End Modal add_client */ 

/* Bouton Scroll to top */
#scroll_top_button {
	position:fixed;
	right: 12px;
	bottom:10px;
	display:none;
	opacity:.7;
	z-index:50;
	font-size:25px;
	padding: 4px 8px 2px 6px;
	border-radius:4px;
}
#scroll_top_button span {
	top:1px;
}
#scroll_top_button:hover {
   opacity: .8;
   cursor:pointer;
}

/* print */
@media print {
	a[href]:after {
		content: none !important;
	}
  
	.modal {
		display : none;
	}
	
	.nav{
		display : none;
	}
	
	.btn {
		display : none;
	}
	
	.end_of_table {
		display: none;
	}
	
	body{
		font-size : 9px;
		font-family : sans-serif;
	}
	
	h2 {
		font-size : 16px;
		font-family: 'Helvetica Neue Bold';
	}
  
}








/*** SELECT Corporate Entity page *****/

.section_title {
	padding-bottom: 20px;
	border-bottom: 1.5px solid #CCCED5;	
}

.img_block {
	width: 77px;
	height: 77px;
	margin: 70px auto 30px auto;
}

.img_block img {
	width: 77px;
	height: 77px;
	border-radius: 100%;
	margin: auto;
}

.line {
	width: 1000px;
	max-width: 100%;
	text-align: center;
	margin: auto;
	cursor: pointer;
	position: relative;
}

.small .line_block {
	width: 220px;
	padding-left: 15px;
	padding-right: 15px;
}

.line_block {
	width: 330px; 
	background-color: white; 
	box-shadow: 0px 10px 15px #0000000D; 
	border-radius: 10px;
	display: inline-block;
	margin: 10px 15px 10px 15px;
	font-size: 16px;
	font-family: 'Helvetica Neue Bold';
	color: var(--primary-color);
	text-align: left;
	padding-left: 35px;
	height: 94px;
	max-width: calc(100% - 70px);
	padding-right: 35px;
	transition: 0.3s;
}

.line_block:hover {
	background-color: var(--accent-color);
	color: white;
	
}
.line_block:hover .btn-primary {
	background-color: white;
	color: var(--accent-color);
	border-color: white;
}
.line_block:hover .app_icon {
	background-color: var(--accent-color);
}
.line_block .app_icon {
	transition: background-color 0.3s ease;
}
	
.line_block table {
	height: 100%;
}
.line_block td {
	vertical-align: middle;
}

.line_block.big {
	height: 188px;	
}

.line_block .btn {
	padding: 10px 13px 9px 13px;
	margin-right: 20px;
}

.line_block .app_icon {
	background-color: white;
	margin-right: 1px;
	margin-left: 2px;
}

/*** END SELECT Corporate Entity page *****/









/* margin of the print page */
@page {
       size:  landscape;   /* auto is the initial value */
       margin: 15mm 5mm 15mm 5mm;  /* this affects the margin in the printer settings */
}




/** CHARTS **/

#chart_content .panel {
	min-width: 450px;
	margin: 20px auto;
}
.chart_parent {
	max-height: 600px;
	height: 600px;
	position: relative;
}

.tooltip-chart {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	max-width: 100%;
	white-space: normal !important;
	word-wrap: normal !important;
	overflow: initial !important;
	
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.chart_legend li span.legend{
    display: inline-block;
    width: 18px;
    height: 8px;
    margin-right: 5px;
    margin-left: 5px;
	border-radius: 6px;
}

.chart_legend {
	text-align: center;
	max-height:250px;
	overflow:auto;
	padding-top: 10px;
}

.chart_legend li{
  cursor:pointer;
  display: inline-block;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.strike{
     text-decoration: line-through !important;
}


/** dropdown SUBMENU **/

.dropdown_submenu li {
	list-style: none;
}

.dropdown_submenu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
 }

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-menu-small {
	max-width: 250px;
}

.dropdown-menu-small > li > a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dropdown-submenu>a:after, .with_chevron:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}


.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* DROPZONE */

.dz-preview {
	margin: 0 !important;
	font-size: 13px;
}

.dz-thumbnail {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #bdc3c7;
}

.dz-progress {
	width: 100% !important;
	color: blue !important;
	position: static !important;
	margin: 0 !important;
	opacity: 1 !important;
}
  
.dz-drag-hover {
	background-color: #ecf0f1;
}

.dz-error-message {
	position: unset !important;
	opacity: 1 !important;
	width: unset !important;
		
}

.dropzone .dz-preview .dz-error-message::after {
	display: none !important;
}

.dz-image, .dz-details, .dz-progress {
	display: inline-block !important;
}

.dz-details {
	opacity: 1 !important;
	position: unset !important;
	max-width: unset !important;
	min-width: unset !important;
}

.dropzone {
  border: 3px dashed var(--accent-color);
  border-radius: 13px;
  height : 300px;
  font-size: 20px;
  overflow-y: auto;
  width: 100%;
}


.dz_image {
	 padding-top: 10%;
}

.dz_image img {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.dz-message {
	margin-top: 80px;
}

.dropzone.unique {
	height: 150px;
}

.dropzone .fallback {
	margin-top: -15px;
	text-align: left;
}

.dropzone .fallback .form-group {
	margin-bottom: 0px;
}

.dropzone.unique .dz-message {
	margin-top: 20px !important;
	margin-bottom: 0px;
}

.dropzone .progress-bar {
	line-height: 1.3;
}

.dropzone .progress-bar-success {
	background-color: var(--accent-color);
}

.cropper-modal, .editor_cropper_body, .cropper-wrap-box {
	border-radius: 13px;
}



/******** SCE EDITOR *********/
.sceditor-container {
	background-color: var(--background-color) !important;
	border-radius: 13px;
	border: none;
}
.sceditor-container iframe{
	background-color: var(--background-color) !important;
}




/************ QUILL *****************/
.quill_content_container img, .quill_content_container video, .quill_content_container audio {
	border-radius: 10px;
	max-width: 100%;
}

.ql-align-center {
	text-align: center;
}

.ql-align-right {
	text-align: right;
}

.ql-align-justify {
	text-align: justify;
}

.ql-container {
	border-radius: 10px;
	height: 150px !important;
}

.ql-toolbar.ql-snow {
	border: none !important;
	text-align: center;
}

.ql-container.ql-snow {
	border: none !important;	
}

.ql-editor.ql-blank::before {
	font-style: normal !important;
	color: rgba(38, 53, 91,0.3) !important;
}

.modal .ql-container.ql-snow {
	background-color: var(--background-color);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.modal .ql-toolbar.ql-snow { 
	background-color: var(--background-color);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ql-toolbar .ql-localVideo:after {
	content: "+";
}



/********** TOGGLE CHOICE *****************/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}


input:checked + .slider {
  background-color: var(--accent-color);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--accent-color);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}