/************** RIDE *********************/

.ride-events-list-title, .ride-groups-list-title {
	text-align: center;
	font-size: 18px;
	/* font-weight: bold; */
	margin-bottom: 10px;
}
.ride-events-list{
	height: 100px;
	line-height: 1rem !important;
	width: 100%;
	font-size: 1rem;
}
.ride-events-list.no-height{
	height: auto;
}
.ride-events-list td{
	padding: 12px 5px;
}

.ride-events-list td.icon{
	width: 70px;
	text-align: center;
}

.ride-events-list td.speed{
	width: 80px;
}

.ride-events-list td.datetime{
	width: 150px;
	text-align: center;
}

.ride-events-list td.action{
	width: 80px;
	text-align: center;
}
.ride-events-list td.action i{
	width: auto;
	font-size: 1.4rem;
	margin: 0 5px;
}
.ride-events-list td.action i.validated{
	color: #28a745;
}
.ride-events-list .reverse-icon{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	unicode-bidi:bidi-override;
	direction:rtl;
}

.ride-events-list .flash-on{
	cursor: pointer;
	font-size: 1rem;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	color: #303235;
	background-color: #ffc107;
	z-index: 1;
	display: inline-block;;
}

table.ride-events-list.pae-show-radar > tr:not(.show-details){
	border-top: 1px solid #ccc;
}

table.ride-events-list.pae-show-radar > tr:not(.show-details):first-child{
	border:none;
}

table.ride-events-list.pae-show-radar > tr:last-child{
	border-bottom: 1px solid #ccc;
}

.ride-device-info{
	border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom: 1rem;
}

.ride-device-info .card-body{
	padding: 0 1.25rem;
}

.ride-device-info .title{
	font-size: 1rem;
	line-height: 1rem;
	height: 2rem;
	display: block;
	/* font-weight: bold; */
	margin-bottom: 0.5rem;
}

.ride-device-info .title i.fa-times {
	cursor: pointer;
	font-size: 0.9rem;
	float: right;
}

.ride-device-info .title i.fa-cog {
	cursor: pointer;
	margin-left: 0.5rem;
}

.ride-device-info .card-device-title{
	font-size: 0.8rem;
	display: block;
	text-align: center;
}

.ride-device-info .card-device-desc{
	font-size: 0.9rem;
	display: block;
	/* font-weight: bold; */
	text-align: center;
}

.ride-device-info .details-device-desc{
	font-size: 0.9rem;
	display: block;
	/* font-weight: bold; */
	text-align: center;
	margin: 0.5rem;
}

.ride-device-info .details-device-desc i{
	margin-right: 0.3rem;
}

.ride-device-info > .row{
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.pae-show-radar tr, .event-show-radar tr{
	cursor: pointer;
}

.pae-show-radar tr:hover, .event-show-radar tr:hover{
	background-color: #e7f2ff;
}

.ride-input-filter{
	margin-bottom: 1rem;
	width: 100%;
	border: none;
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border-radius: .25rem;
	padding: 1.25rem;
}

.install-device-focus{
	cursor: pointer;
}

.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#ride-group-form textarea {
	resize: none;
}

#ride-group-list .card {
	border: none;
	box-shadow: none;
	margin-bottom: 0;
}

#ride-group-list .card-body {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	border: none;
}

#ride-group-list .card-header {
	border: none;
	border-radius: 0.5rem;
	padding-bottom: 0;
}

#ride-group-list .card-header:hover {
	background-color: #D2D2D2;
}

.group-list-selected {
	animation: selectedGroupBackground 600ms ease-in-out infinite alternate;
}

.group-list-selected .group-name {
	animation: selectedGroupColor 600ms ease-in-out infinite alternate;
}

.ride-group-information .title {
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #255999;
	/* font-weight: bold; */
}

.ride-group-information .edit-group {
	cursor: pointer;
	padding: 0.25rem;
	border-radius: 5px;
	color: #255999;
	margin-left: 0.25rem;
}

.ride-group-information .edit-group:hover {
	filter: brightness(1.5);
}

.ride-group-information .close-info {
	padding: 0.25rem;
	cursor: pointer;
	font-size: 0.9rem;
	color: black;
}

.ride-group-information .edit-linked, .ride-group-information .add-group-rule {
	cursor: pointer;
	color: green;
}

.ride-group-information .details {
	font-size: 1rem;
}

.ride-group-rules, .ride-group-device-config, .ride-linked-groups-list {
	background-color: #ededed;
	border-radius: 5px;
	height: calc(100% - 1.2rem);
}

.ride-group-rules ul, .ride-group-device-config ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ride-group-rules ul li, .ride-group-device-config ul li {
	position: relative;
	border-radius: 0.5rem;
}

.ride-group-rules ul li:hover, .ride-group-device-config ul li:hover {
	background-color: #d2d2d2;
}

.ride-group-rules ul li:hover > a > span, .ride-group-device-config ul li:hover > a > span {
	color: #255999;
}

.ride-group-rules .ride-rule-details, .ride-group-device-config .ride-config-details  {
	display: inline-block;
	margin-left: 2.5rem;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
	/* user-select: none; */
	width: calc(100% - 2.5rem);
	color: #212529
}

.ride-group-rules .ride-rule-details i {
	cursor: pointer;
	float: right;
	margin-right: 0.75rem;
	color: #255999;
}

.ride-group-rules .ride-rule-details i:hover {
	filter: brightness(1.5);
}

/*
--border: #999;
--border-hover: #777;
--border-active: #1E2235;
*/
.ride-group-rules .cbx, .ride-group-device-config .radio {
	--background: #fff;
	--border: #ffd044;
	--border-hover: #ffc107;
  --border-active: #c49300;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0.75rem;
}

.ride-group-rules .cbx {
  --tick: #fff;
}

.ride-group-rules .cbx input, .ride-group-rules .cbx svg {
  width: 16px;
  height: 16px;
  display: block;
}

.ride-group-rules .cbx input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

.ride-group-device-config .radio input {
	width: 1rem;
  height: 1rem;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: box-shadow 0.3s;
	box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

.ride-group-rules .cbx input:hover, .ride-group-device-config .radio input:hover {
  --s: 2px;
  --b: var(--border-hover);
}

.ride-group-rules .cbx svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(var(--scale, 1)) translateZ(0);
}

.ride-group-rules .cbx {
  --stroke: var(--tick);
}

.ride-group-rules .cbx input:checked {
	--b: var(--border-active);
  --s: 11px;
}

.ride-group-device-config .radio input:checked {
	--b: var(--border-active);
	--s: 0.3em;
}

.ride-group-rules .cbx input:checked + svg {
	animation: bounce 0.4s linear forwards 0.2s;
}

.ride-group-rules .cbx svg {
  --scale: 0;
}

@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

/* .ride-rule-details-table th, .ride-rule-details-table td {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	height: 3rem;
}

.ride-rule-details-table th {
	border-bottom: none !important;
	vertical-align: middle !important;
} */

.ride-rule-details-table .header {
	background-color: #212529;
	color: #fff;
	/* font-weight: bold; */
}

.ride-rule-details-table .row {
	margin-left: 0;
	margin-right: 0;
}

.ride-rule-details-table .col-auto {
	padding-left: 0;
	padding-right: 0;
}

.ride-rule-details-table .cell:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.07);
}

.ride-rule-details-table .cell {
	border-top: 1px solid #c9d3d7;
}

.ride-rule-details-table .cell:last-of-type {
	border-bottom: 1px solid #c9d3d7;
}

.ride-rule-details-table .col-auto:first-of-type .cell {
	border-left: 1px solid #c9d3d7;
}

.ride-rule-details-table .col-auto:last-of-type .cell {
	border-right: 1px solid #c9d3d7;
}

.ride-rule-details-table .header, .ride-rule-details-table .cell {
	height: 3rem;
	padding: 0.75rem;
}

.ride-config-details-table th, .ride-rule-alerts-table th, .rule-time-restrictions-table th {
	border-bottom: none !important;
	padding: 0.75rem;
}

.ride-config-details-table td, .ride-rule-alerts-table td, .rule-time-restrictions-table td {
	padding: 0.75rem;
}


.ride-group-rule-save, .ride-group-rule-cancel, .ride-group-device-config-save, .ride-group-device-config-cancel {
	border-radius: 5px;
	/* font-weight: bold; */
	display: inline-block;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.ride-linked-groups-list .linked-groups-list-item {
	border-radius: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.ride-linked-groups-list .linked-groups-list-item:hover {
	background-color: #D2D2D2;
}

.ride-linked-groups-list .linked-groups-list-item:hover > span {
	color: #255999;
}

.ride-linked-groups-list .linked-groups-list-item i {
	cursor: pointer;
	float: right;
	color: var(--red);
}

.ride-linked-groups-list .linked-groups-list-item i:hover {
	color: #ae1e2c
}

.ride-config-details-table th {
	padding: 0.5rem;
}

.ride-config-details-table td {
	padding: 0.5rem;
}

#ride-linked-group-list {
	overflow: scroll;
	height: auto;
	max-height: 300px;
}

#ride-linked-group-list .card {
	border: none;
	box-shadow: none;
	margin-bottom: 0;
}

#ride-linked-group-list .card-body {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	border: none;
}

#ride-linked-group-list .card-header {
	border: none;
	border-radius: 0.5rem;
	padding-bottom: 0;
}

#ride-linked-group-list .card-header:hover {
	background-color: #D2D2D2;
}

#ride-linked-group-list .linked-group-cbx {
	--background: #fff;
	--border: #ffd044;
	--border-hover: #ffc107;
  --border-active: #c49300;
	--tick: #fff;
	--stroke: #fff;
	position: relative;
}

#ride-linked-group-list .linked-group-cbx input, #ride-linked-group-list .linked-group-cbx svg {
	width: 16px;
  height: 16px;
  display: block;
}

#ride-linked-group-list .linked-group-cbx input {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	outline: none;
	background: var(--background);
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 4px;
	transition: box-shadow 0.3s;
	box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

#ride-linked-group-list .linked-group-cbx input:hover {
	--s: 2px;
	--b: var(--border-hover);
}

#ride-linked-group-list .linked-group-cbx input:checked {
  --b: var(--border-active);
	--s: 11px;
}

#ride-linked-group-list .linked-group-cbx input:checked + svg {
	animation: bounce 0.4s linear forwards 0.2s;
}

#ride-linked-group-list .linked-group-cbx svg {
	pointer-events: none;
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--stroke, var(--border-active));
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(var(--scale, 1)) translateZ(0);
	--scale: 0;
}

@keyframes selectedGroupBackground {
	from {background-color: transparent;}
	to {background-color: #ffd045;}
}

@keyframes selectedGroupColor {
	from {color: #007bff;}
	to {color: #1f2d3d;}
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.ride-speed-limit-sign {
	width: 2.25rem;
	height: 2.25rem;
	background-color: white;
	border: 0.3rem solid #e41408;
	border-radius: 1.5rem;
	text-align: center;
  	color: #000000;
	/* font-weight: bold; */
	font-size: 1.1rem;
	padding-top: 0.2rem;
	user-select: none;
}

/* .ride-speed-limit-sign .number {
	text-align: center;
  margin: auto;
  color: #000000;
	font-weight: bold;
	font-size: 1.1rem;
	padding-top: 0.2rem;
	user-select: none;
} */

.ride-rule-details-list .row {
	margin-left: 0;
	margin-right: 0;
}

.ride-rule-details-list .detail-connector-list,  .ride-rule-details-list .rule-details-list, .ride-rule-info .detail-connector-list  {
	padding-left: 0;
	padding-right: 0;
}

.ride-rule-details-list .list-group-item {
	height: 3rem;
}

.ride-rule-details-list .list-group-item.or:not(:last-child) {
	margin-bottom: 1rem;
}

.ride-rule-details-list .list-group-item.or + .list-group-item {
	border-top-width: 1px;
}

.detail-active .col, .detail-active .col-auto {
	background-color: #007bff;
}

.detail-active .col span {
	color: #fff;
}

.ride-rule-details-list .detail-type-icon {
	background-color: #e8e8e8;
	width: 3rem;
	height: 3rem;
	display: grid;
}

.ride-rule-details-list .detail-type-icon span {
	margin: auto;
}

.ride-rule-details-list .detail-connector-list, .ride-rule-info .detail-connector-list {
	width: 50px;
}

.ride-rule-info .detail-connector-list {
	transform: translateY(3rem);
}

.ride-rule-details-list .detail-connector-item, .ride-rule-info .detail-connector-item {
	display: grid;
	height: 3rem;
	transform: translateY(1.5rem);
}

.ride-rule-details-list .detail-connector-item svg, .ride-rule-info .detail-connector-item svg {
	fill:white;
	stroke:#007bff;
	stroke-width:2;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	z-index: 1;
}

.ride-rule-details-list .detail-connector, .ride-rule-info .detail-connector {
	background-color: white;
	color: #007bff;
	/* font-weight: bold; */
	border: 1px solid #007bff;
	text-align: center;
	height: 1.5rem;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	z-index: 2;
	transform: translateY(-3rem);
	line-height: 1.5rem;
}

.ride-rule-info .detail-connector {
	font-size: 0.875em;
}

.ride-rule-details-list .detail-connector-item.or, .ride-rule-info .detail-connector-item.or {
	height: 4rem;
}

.ride-rule-details-list .detail-connector-item.or .detail-connector, .ride-rule-info .detail-connector-item.or .detail-connector {
	transform: translateY(-3.5rem);
}

.confirm-modal {
	width: 500px;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	position: absolute;
  top: 50%;
	left: 50%;
  transform: translate(-50%, -50%);
	z-index: 999;
	background-color: white;
	box-shadow: 0 10px 20px rgba(black, 0.2);
}

.confirm-modal-backdrop {
	background: rgba(15, 23, 42, 0.8);
  position: fixed;
  opacity: 0.5;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
	z-index: 3;
}

.rule-time-restrictions-table i {
	cursor: pointer;
}

.ride-rule-info .add-rule-time-restriction {
	cursor: pointer;
	color: green;
	margin-left: 0.25rem;
}

.edit-rule-time-restriction {
	max-width: 500px;
	margin: auto;
	text-align: left;
}

.edit-rule-time-restriction .errors {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.edit-rule-time-restriction .errors p:last-child {
	margin-bottom: 0;
}

.edit-rule-time-restriction input[readonly] {
	background-color: white;
}

.edit-rule-time-restriction input[readonly]:disabled {
	background-color: #e9ecef;
}

.edit-rule-time-restriction ul.weekdayCheckbox {
	list-style: none;
	user-select: none;
}

.edit-rule-time-restriction ul.weekdayCheckbox li {
	display: inline;
}

.edit-rule-time-restriction ul.weekdayCheckbox li label {
	display: inline-block;
  background-color: rgba(255, 255, 255, .9);
  border: 2px solid rgba(139, 139, 139, .3);
  color: #818181;
  border-radius: 0.75rem;
  white-space: nowrap;
  margin: 3px 0px;
  user-select: none;
	padding: 0.5rem 0.75rem;
  cursor: pointer;
}

.edit-rule-time-restriction ul.weekdayCheckbox li label::before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
  padding: 2px 6px 2px 2px;
	width: 20px;
	height: 17px;
  content: "\f067";
}

.edit-rule-time-restriction ul.weekdayCheckbox li input[type="checkbox"]:checked + label::before {
	content: "\f00c";
	width: 20px;
	height: 17px;
}

.edit-rule-time-restriction ul.weekdayCheckbox li input[type="checkbox"]:checked + label {
    border: 2px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
}

.edit-rule-time-restriction ul.weekdayCheckbox li input[type="checkbox"] {
	display: block;
	position: absolute;
  opacity: 0;
}

.edit-rule-time-restriction ul.weekdayCheckbox li input[type="checkbox"]:hover:not([disabled]) + label {
	border: 2px solid rgba(69, 69, 69, .3);
  color: #565656;
}

.edit-rule-time-restriction ul.weekdayCheckbox li input[type="checkbox"]:checked:hover:not([disabled]) + label {
  color: #fff;
}
/************** END RIDE *****************/

/************** S2N *********************/

.card-map-s2n {
	bottom: auto;
	height: 750px;
	max-height: 750px;
	overflow: auto;
	width: 440px;
	background: rgba(255,255,255,0.9);
}

.s2n-device-info{
	margin-bottom: 1rem;
}

.s2n-device-info .title{
	font-size: 1rem;
	line-height: 1rem;
	height: 2rem;
	display: block;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.s2n-device-info .title i{
	cursor: pointer;
	font-size: 0.9rem;
	float: right;
}

.s2n-device-info .card-device-title{
	font-size: 0.7rem;
	display: block;
	text-align: center;
}

.s2n-device-info .card-device-desc{
	font-size: 0.8rem;
	display: block;
	font-weight: bold;
	text-align: center;
}

[s2n-button] {
	width: 64px;
	height: 80px;
	border: 1px solid #ddd;
	border-radius:5px;
	margin:auto;
	background-color: #f3f3f3;
}


[s2n-button]:hover {
	background-color: #dedede;
}

#s2n-time-selector {
	position: absolute;
	left: 16px;
	top: 64px;
	width: 320px;
	height: 48px;
	background-color: white;
	border-radius:24px;
	line-height:32px;
	border: 1px solid #666;
	z-index:3;
}

[s2n-blue] {
	color: #429ef5;
}

.controls i {
  font-size: 2rem;
  margin-right: 10px;
  cursor: pointer;
}

.elements-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  cursor: pointer;
}

.elements-card img {
  margin: 5px auto;
  width: 1.5rem;
}

.elements-card span {
  font-size: 1rem;
  text-align: center;
}

.tooltip-draw2d {
	position: absolute;
	background: #0b66bf;
	color: #FFF;
	border: 2px solid #c4e0fb;
	padding:2px 10px;
}

.tooltip-draw2d:after,.tooltip-draw2d:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-draw2d:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #0b66bf;
	border-width: 7px;
	left: 50%;
	margin-left: -8px;
}

.tooltip-draw2d:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c4e0fb;
	border-width: 10px;
	left: 50%;
	margin-left: -11px;
}

/************** END S2N *****************/

/************** IP CAMERA *********************/
.card-map-camera{
	bottom: auto;
	width: 680px;
	min-height: 550px;
	max-height: 900px;
	overflow: auto;
}

.card-map-camera .card-body{
	text-align: center;
}

.card-map-camera iframe{
	height: 480px;
	width: 640px;
}

.card-map-camera iframe img{
	width: 100%;
}

.ipcamera-device-info{
	margin-bottom: 1rem;
}

.ipcamera-device-info .card-device-title{
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

.ipcamera-device-info .card-device-desc{
	font-size: 1.1rem;
	display: block;
	font-weight: bold;
	text-align: center;
}
/************* END IP CAMERA *****************/

/************** ZCDS *********************/

.zcds-device-info{
	margin-bottom: 1rem;
}

.zcds-device-info .card-device-title{
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

.zcds-device-info .card-device-desc{
	font-size: 1rem;
	display: block;
	font-weight: bold;
	text-align: center;
}

.zcds-btcard-info{
	margin-bottom: 1rem;
	padding: 1rem;
	border-radius: 5px;
}

.zcds-btcard-info.zcds-btcard-available{
	font-size: 2rem;
	text-align: center;
}

.zcds-btcard-info .card-device-title{
	font-size: 0.8rem;
	display: block;
}

.zcds-btcard-info .card-device-desc{
	font-size: 1rem;
	display: block;
	font-weight: bold;
}

.zcds-btcard-info .big .card-device-title,.zcds-btcard-info .big .card-device-desc{
	font-size: 1.5rem;
}

.zcds-address{
	font-size: 1rem;
	line-height: 1.4rem;
	padding: 0.5rem;
}

.zcds-address i{
	font-size: 1.4rem;
	color: #246ab3;
	margin-right: 1rem;
}

.rb-container ul.rb {
	padding: 0;
	display: inline-block;
}

.rb-container ul.rb li {
	list-style: none;
	margin: auto;
	margin-left: 10px;
	min-height: 50px;
	border-left: 1px dashed #303235;
	padding: 0 0 10px 20px;
	position: relative;
}

.rb-container ul.rb li:last-child {
	border-left: 0;
}

.rb-container ul.rb li::before {
	position: absolute;
	left: -10px;
	top: 0px;
	content: " ";
	border: 5px solid #27ae60;
	border-radius: 500%;
	background: #50d890;
	height: 20px;
	width: 20px;
	transition: all 500ms ease-in-out;
}

ul.rb li .timestamp {
	color: #27ae60;
	position: relative;
	font-size: 1rem;
}

ul.rb li .item-title {
	color: #303235;
	font-size: 1.2rem;
}

/************* END ZCDS *****************/

/***************** ACCORDIONS  ********************/
#accordion {
	max-height: 280px !important;
}
#accordion *  {
	font-family: 'Rotis', sans-serif !important;
}
#accordion .ui-accordion-content {
  width: 100%;
  background-color: #ffffff;
  color: #777;
}
#accordion .ui-accordion-content > * {
  margin: 0;
  padding: 0;
}
#accordion .ui-accordion-content a {
  color: #777;
}
#accordion .ui-accordion-header,
#accordion .ui-state-default,
#accordion .ui-accordion-header-collapsed {
  background-color: #ccc !important;
  margin: 0px;
	border-bottom: 1px solid #bbb;
}

#accordion .ui-accordion-header a {
  color: #fff;
  line-height: 32px;
  display: block;
  font-size: 12pt;
  width: 100%;
  text-indent: 10px;
}
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	/*padding: 1em 2.2em;*/
	border-top: 0;
	overflow: auto;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'Rotis', sans-serif !important;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Rotis', sans-serif !important;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
	padding: 0 !important;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}
ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
	border-radius: 0 !important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.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 {
	border: 1px solid #ccc;
	background: #ccc;
	font-weight: normal;
	color: #000;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #ccc;
	background-color: #000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}