@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  font: 100% Roboto;
  font-family: Roboto;
  overflow-x: hidden;
}

ul {
  list-style: none;
  margin: 0;
}

h1 {
  font-weight: 100;
  font-size: 2.3em;
}

p {
  font-weight: 100;
  font-size: 1.1em;
}

i.fa.toolbar-icon {
  color: #0089CF;
}

input {
  border: 0;
  padding: 11px 8px;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
}
input:focus, input:hover, input:active {
  outline: 0;
}
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  padding: 0;
  transition: all 0.5s;
  box-shadow: none;
}
input[type=checkbox] {
  background: url("../img/unchecked_checkbox.png") no-repeat;
  width: 18px;
  height: 18px;
  /*background-position:;*/
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=checkbox].active {
  background: url("../img/checked_checkbox.png") no-repeat;
}
input[type=range] {
  -webkit-appearance: none;
  background-color: transparent;
}

span.error {
  color: red;
  font-size: 12px;
}

select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 0;
}
select:focus, select:hover, select:active {
  outline: 0;
}
select option {
  padding: 0.5em;
  font-size: 14px;
}
select option:hover, select option:focus, select option:active, select option:checked {
  background-color: #0089CF;
  color: #fff;
}

textarea {
  min-height: 150px;
  padding: 5px;
  font-size: 14px;
  width: 100%;
  border: 0;
  margin-bottom: 1em;
  font-family: "Roboto";
}
textarea:focus, textarea:hover, textarea:active {
  outline: 0;
}

a.btn {
  text-decoration: none;
  text-align: center;
  font-size: 16px;
}

button, a.btn {
  border: 0;
  width: 100%;
  padding: 15px 2px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s all;
}
button.click, a.btn.click {
  padding: 6px;
  font-size: 12px;
}
button:focus, button:hover, button:active, a.btn:focus, a.btn:hover, a.btn:active {
  outline: 0;
}
button.dark, a.btn.dark {
  background-color: #0089CF;
  color: #fff;
}
button.dark:hover, a.btn.dark:hover {
  background-color: #FFD41D;
  color: #0089CF;
}
button.dull, a.btn.dull {
  background-color: #FFD41D;
  color: #0089CF;
}
button.dull:hover, a.btn.dull:hover {
  background-color: #0089CF;
  color: #fff;
}
button.theme, a.btn.theme {
  background-color: #FFD41D;
  color: #0089CF;
}
button.theme:hover, a.btn.theme:hover {
  background-color: #0089CF;
  color: #FFD41D;
}
button.light, a.btn.light {
  background-color: #fff;
  color: #0089CF;
}
button.light:hover, a.btn.light:hover {
  background-color: #0078b6;
  color: #fff;
}
button.primary, a.btn.primary {
  background-color: #0089CF;
  color: #fff;
}
button.primary:hover, a.btn.primary:hover {
  background-color: #FFD41D;
  color: #0089CF;
}

.container {
  display: flex;
  min-height: 100%;
  flex: 1;
}

.alert {
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  opacity: 1;
  display: block;
  transition: all 0.8s;
  font-size: 14px;
  display: flex;
  align-items: center;
  /*justify-content:center;*/
}
.alert.fade {
  opacity: 0;
  display: none;
}
.alert.alert-default {
  color: #282828;
  background-color: #fff;
  border-color: #ddd;
}
.alert.alert-default .error {
  color: red;
}
.alert.alert-default .error i {
  margin-right: 10px;
}
.alert.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert.alert-success {
  color: #fff;
  background-color: #03aaff;
  border-color: #03aaff;
}
.alert.alert-success svg {
  fill: #fff;
}
.alert.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert.alert-info svg {
  fill: #31708f;
}
.alert.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert.alert-danger svg {
  fill: #a94442;
}
.alert svg.close {
  position: absolute;
  right: 10px;
  top: 4px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

body.register {
  background-color: #0089CF;
}

.two-cols {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 3em);
  height: 80vh;
}
.two-cols > div {
  background-color: #fff;
  border: 1px solid #ddd;
}
.two-cols > div:not(:last-child) {
  margin-right: 10px;
}
.two-cols > div.black {
  background-color: #000;
  border: 0;
}
.two-cols .col-one.small, .two-cols .col-two.small {
  width: 30%;
  height: 100%;
  overflow: auto;
  padding: 10px;
}
.two-cols .col-one.full, .two-cols .col-two.full {
  flex: 1;
  padding: 20px;
  height: 100%;
  position: relative;
}
.two-cols .col-one.full button, .two-cols .col-two.full button {
  position: absolute;
  top: 8%;
  right: 4%;
  width: 8%;
  padding: 5px;
  border-radius: 4px;
  background-color: #fff;
}

.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  transition: all 0.2s;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

table th a {
  text-decoration: none;
  color: #fff;
}

.pagination-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.show_no_of_rows {
  display: flex;
  align-items: center;
}

.show_no_of_rows label {
  text-transform: capitalize;
}

.show_no_of_rows .select {
  width: 65%;
  margin-right: auto;
  margin-left: 10px;
}

.datatables-page-info {
  display: flex;
  align-items: center;
}

.datetables-page-info > form {
  width: 150px;
  margin: 0;
}

.excel-export {
  display: flex;
  align-items: center;
}

.excel-export button {
  padding: 6px;
  margin-top: -13px;
  margin-left: 10px;
}

nav {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: auto;
  width: 100%;
  align-items: center;
  /*.logout
  {
  	margin-right:1em;
  	margin-left:auto;
  	a {
  		color:$primary-color;
  		text-decoration:none;
  		font-size:14px;
  		span
  		{
  			color:$primary-color;
  			margin:0 0.2em;
  		}
  		&:hover
  		{
  			color:$dark-color;
  			//text-decoration:underline;
  		}
  	}
  }*/
}
nav div.drop-menu {
  width: 50%;
  display: flex;
  flex-direction: column;
  height: 50px;
  position: relative;
}
nav div.drop-menu .logo-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
nav div.drop-menu .logo-bar .logo-icon {
  margin-right: auto;
  margin-left: 10px;
}
nav div.drop-menu .logo-bar .logo-icon img {
  width: 60px;
}
nav div.drop-menu .logo-bar .logo-block {
  background-color: #0089CF;
  height: 100%;
  width: 7.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
nav div.drop-menu .logo-bar .logo-block i {
  color: #fff;
  font-size: 1.5em;
}
nav div.drop-menu .icon-tiles {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  display: none;
  transition: all 0.2s;
  overflow-y: auto;
  /*.row1
  {
  	display:flex;

  	.tile
  	{
  		flex:1;
  		height:100px;
  		display:flex;
  		align-items:center;
  		justify-content:center;

  		&:not(:last-child)
  		{
  			margin-right:0.2em;
  		}

  		&.tile1
  		{
  			background-color:#0078d7;
  		}
  		&.tile2
  		{
  			background-color:#f16363;
  		}
  		&.tile3
  		{
  			background-color:#fcd039;
  		}
  		&.tile4
  		{
  			background-color:#8e4f89;
  		}
  	}
  }

  .row2
  {
  	display:flex;
  	margin-top:0.2em;
  	.tile
  	{
  		flex:1;
  		display:flex;
  		align-items:center;
  		justify-content:center;
  		height:100px;

  		&:not(:last-child)
  		{
  			margin-right:0.2em;
  		}

  		&.tile1
  		{
  			background-color:#0c8484;
  		}
  		&.tile2
  		{
  			background-color:#2ecc71;
  		}
  		&.tile3
  		{
  			background-color:#4269a5;
  		}
  		&.tile4
  		{
  			background-color:#dc6141;
  		}
  	}
  }*/
}
nav div.drop-menu .icon-tiles.active {
  z-index: 1;
  display: block;
  opacity: 1;
}
nav div.drop-menu .icon-tiles .tiles-menu {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 2px;
}
nav div.drop-menu .icon-tiles .tiles-menu li {
  margin-right: 3px;
  height: 154px;
  min-width: 150px;
  background-color: #0089CF;
  margin-bottom: 3px;
  transition: all 0.2s;
}
nav div.drop-menu .icon-tiles .tiles-menu li:hover {
  background-color: #282828;
}
nav div.drop-menu .icon-tiles .tiles-menu li:hover a {
  color: #fff;
}
nav div.drop-menu .icon-tiles .tiles-menu li a {
  display: flex;
  color: #fff;
  align-items: center;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
}
nav div.drop-menu .icon-tiles .tiles-menu li a span {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}
nav div.drop-menu .icon-tiles .tiles-menu li a .fa {
  font-size: 1.8em;
}
nav .logo img {
  margin-left: 1em;
  width: 130px;
}
nav .nav-right-side {
  display: flex;
  align-items: center;
  height: 50px;
  /* Tiles */
}
nav .nav-right-side .dashboard-link {
  margin-right: 2em;
}
nav .nav-right-side .dashboard-link a {
  font-size: 14px;
  text-decoration: none;
  color: #0089CF;
  font-weight: 400;
}
nav .nav-right-side .account-settings {
  /*flex:1;*/
  margin-right: 1em;
}
nav .nav-right-side .account-settings .user-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1em;
}
nav .nav-right-side .account-settings .user-icon span.username {
  margin-right: 10px;
  font-size: 14px;
}
nav .nav-right-side .account-settings .user-icon .caret-down {
  display: flex;
  align-items: center;
  justify-content: center;
}
nav .nav-right-side .account-settings .user-icon .caret-down svg {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
nav .nav-right-side .account-settings .tabs {
  background-color: #fff;
  transition: 0.2s all;
  box-shadow: 0 0 2px #ddd;
  width: 15%;
  z-index: 99999;
  right: 0;
  margin-top: 0.7em;
  overflow: hidden;
  height: 0;
  position: fixed;
  margin-top: 1.1%;
}
nav .nav-right-side .account-settings .tabs.active {
  height: auto;
}
nav .nav-right-side .account-settings .tabs .nav-list li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
nav .nav-right-side .account-settings .tabs .nav-list li a {
  flex: 1;
  text-decoration: none;
  color: #666;
  font-size: 12px;
  padding: 10px;
  font-weight: 400;
}
nav .nav-right-side .account-settings .tabs .nav-list li:hover {
  background-color: whitesmoke;
}
nav .nav-right-side .notifications {
  /*margin-left:auto;*/
  margin-right: 2em;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 9999;
}
nav .nav-right-side .notifications svg {
  width: 22px;
  height: 22px;
}
nav .nav-right-side .notifications span.countOfNotifications {
  position: absolute;
  top: -5px;
  right: -8px;
  background-color: #353535;
  /* padding: 5px; */
  color: #fff;
  font-size: 8px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dropdown {
  position: absolute;
  display: none;
  width: 350px;
  height: 0;
  bottom: 0;
  right: -7px;
  top: 100%;
  margin-top: 10px;
  transition: 0.3s all;
}
.dropdown.active {
  display: block;
  flex-direction: column;
  justify-content: space-between;
  height: 400px;
  z-index: 99999;
}
.dropdown .caret-up {
  clip: rect(-3px 17px 7px -3px);
  top: -7px;
  position: absolute;
  right: 10px;
}
.dropdown .caret-up:before {
  box-sizing: border-box;
  content: "";
  display: block;
  height: 14px;
  transform: rotate(45deg);
  width: 14px;
  background-color: #0089CF;
  border: 1px solid #0089CF;
}
.dropdown .drop-content {
  /*display: flex;*/
  /*flex: 1;*/
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 15px #ddd;
  flex-direction: column;
  justify-content: space-between;
}
.dropdown .drop-content .drop-title {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #009ae9;
}
.dropdown .drop-content .drop-title h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.dropdown .drop-content .drop-title a {
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
.dropdown .drop-content .drop-title a:hover {
  color: #000203;
  text-decoration: underline;
}
.dropdown .drop-content .widgets-list {
  flex: 1;
  height: 400px;
  background-color: #fff;
  overflow-y: auto;
}
.dropdown .drop-content .notifications-list {
  flex: 1;
  height: 400px;
  background-color: #fff;
  overflow-y: auto;
}
.dropdown .drop-content .notifications-list ul li {
  background-color: #fff;
  color: #282828;
}
.dropdown .drop-content .notifications-list ul li a {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding: 10px;
  text-decoration: none;
  color: #282828;
}
.dropdown .drop-content .notifications-list ul li a:hover, .dropdown .drop-content .notifications-list ul li a:active, .dropdown .drop-content .notifications-list ul li a:visited {
  color: #282828;
}
.dropdown .drop-content .notifications-list ul li a .notification-content {
  margin-right: auto;
  margin-left: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.dropdown .drop-content .notifications-list ul li a .notification-content p {
  font-weight: 400;
  font-size: 12px;
}
.dropdown .drop-content .notifications-list ul li a .notification-content span {
  font-weight: 500;
  font-size: 10px;
}
.dropdown .drop-content .notifications-list ul li:not(:first-child) {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
}
.dropdown .drop-content .notifications-list ul li:first-child {
  border-bottom: 1px solid #ddd;
}
.dropdown .drop-content .notifications-list ul li.read {
  background-color: #eee;
}
.dropdown .drop-content .notifications-list ul li.read .notification-content p, .dropdown .drop-content .notifications-list ul li.read .notification-content span {
  color: black;
}
.dropdown .drop-footer {
  padding: 10px;
  color: #fff;
  display: flex;
  background-color: #424242;
  align-items: center;
  justify-content: center;
}
.dropdown .drop-footer a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

/* Notifications Box */
.notifyBox {
  background: #fff;
  box-shadow: 0px 0px 15px #ddd;
  position: absolute;
  right: -300px;
  top: 20px;
  width: 250px;
  z-index: 99999;
  height: 70px;
  border-radius: 4px;
  transition: 0.2s all;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.notifyBox.active {
  right: 30px;
}
.notifyBox .notifyClose {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.notifyBox .notifyClose svg {
  width: 12px;
  height: 12px;
  fill: #0089CF;
}
.notifyBox .notify-content {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.notifyBox .notify-content p {
  font-size: 12px;
  font-weight: 400;
}
.notifyBox .notify-content span {
  font-size: 10px;
  align-self: flex-end;
}

.avatar {
  background-color: #fca0c9;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.avatar.pic {
  align-items: stretch;
  justify-content: stretch;
}
.avatar span {
  color: #fff;
  font-size: 14px;
  cursor: default;
}
.avatar img {
  max-width: 100%;
  border-radius: 50%;
}
.avatar svg {
  width: 15px;
  height: 15px;
  fill: #fff;
}

.sidebar {
  display: flex;
  position: fixed;
  width: 3.75%;
  margin-left: 0;
  z-index: 99999;
  min-height: 100%;
  height: 100%;
  background-color: #282828;
  transition: all 0.2s;
}
.sidebar.active {
  width: 20%;
  z-index: 1;
}
.sidebar.active ul.side-menu li {
  padding: 0.2em 1em;
}
.sidebar.active ul.side-menu li a {
  justify-content: space-between;
}
.sidebar.active ul.side-menu li a span {
  display: block;
}
.sidebar.active ul.side-menu li.toggle-slide .slideMenu.active .slide-right {
  width: 300px;
  opacity: 1;
  z-index: 9999;
}
.sidebar.active ul.side-menu li.toggle-slide .slideMenu.active .arrow-left {
  top: 13px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
}
.sidebar ul.side-menu {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.sidebar ul.side-menu li {
  display: flex;
  position: relative;
  padding: 1em 0;
  transition: all 0.2s;
  /*span{
  	height:100%;
  	width:8%;
  	background-color:$base-color;
  	position:absolute;
  	top:0;
  	left:-20px;
  	//display:none;
  	&.active
  	{
  		display:block;
  	}
  }*/
}
.sidebar ul.side-menu li.active {
  background-color: #0089CF;
}
.sidebar ul.side-menu li.active a {
  opacity: 1;
}
.sidebar ul.side-menu li:hover {
  background-color: #0089CF;
}
.sidebar ul.side-menu li:hover a {
  color: #fff;
  /*font-weight: bold;*/
}
.sidebar ul.side-menu li a {
  color: #fff;
  display: flex;
  text-decoration: none;
  flex: 1;
  /*opacity:0.5;*/
  font-weight: 100;
  transition: all 0.4s;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 2.8em;
  /*line-height:4.5em;
  margin-left:0.5em;
  */
}
.sidebar ul.side-menu li a span {
  margin-right: auto;
  margin-left: 1.2em;
  display: none;
}
.sidebar ul.side-menu li a:hover, .sidebar ul.side-menu li a:active {
  opacity: 1;
}
.sidebar ul.side-menu li.toggle-slide {
  position: relative;
}
.sidebar ul.side-menu li.toggle-slide .arrow-left {
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right {
  position: absolute;
  margin-left: 8%;
  margin-top: -5px;
  width: 0px;
  opacity: 0;
  z-index: -1;
  height: auto;
  background-color: #fff;
  transition: all 0.4s ease-out;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .drop-title {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #009ae9;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .drop-title h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown {
  margin-top: 0;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown li {
  padding: 15px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown li:nth-child(even) {
  background-color: #f4f4f4;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown li:hover {
  background-color: transparent;
}
.sidebar ul.side-menu li.toggle-slide .slideMenu .slide-right .widgets-list ul.widgetsDropdown li > div {
  width: 60px;
}
.sidebar span.close {
  position: absolute;
  right: -1.8em;
  background-color: #333;
  padding: 0.5em 0.6em;
  top: 40%;
  color: #fff;
  border-radius: 0 4px 4px 0;
  z-index: 1;
  cursor: pointer;
  font-weight: 100;
  font-size: 1em;
}

/* Table Elements */
.table-header, table.striped th, table.condensed th, table.bordered th, table.default th {
  background-color: #0089CF;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 2em;
}
table caption {
  margin-bottom: 10px;
}
table td {
  /*text-align:center;*/
  padding: 6px 8px;
}
table td small {
  padding: 3px;
  border-radius: 4px;
  color: #fff;
}
table th {
  padding: 10px;
}
table th.no-sort {
  text-align: center;
}
table th, table td {
  text-align: left;
  font-size: 14px;
  /*text-align: center;*/
}
table.bordered th, table.bordered td {
  border: 1px solid #ddd;
}
table.condensed th, table.condensed td {
  border-top: 1px solid #ddd;
}
table.striped {
  background-color: #fff;
}
table.striped tbody tr td {
  border-bottom: 1px solid #ddd;
}
table.striped tbody tr:nth-of-type(odd) td {
  color: #282828;
}
table.striped tbody tr:nth-of-type(even) td {
  color: #282828;
}
table.striped tbody tr td.actions {
  /*display:flex;
  align-items:center;
  justify-content:center;*/
  text-align: center;
}
table.striped tbody tr td.actions.icons {
  width: 10%;
}
table.striped tbody tr td.actions a {
  position: relative;
}
table.striped tbody tr td.actions a:not(:last-child) {
  margin-right: 10px;
  color: transparent;
}
table.striped tbody tr td.actions a button {
  width: auto;
  padding: 6px;
  border-radius: 2px;
  font-size: 12px;
}
table.striped tbody tr td.actions a button i {
  font-size: 12px;
}
table.striped tbody tr td.actions a button[disabled=disabled] {
  cursor: not-allowed;
}
table.striped tbody tr td ul.table-list {
  display: flex;
  flex-direction: column;
}
table.striped tbody tr td ul.table-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
table.striped tbody tr td ul.table-list li:not(:last-child) {
  margin-bottom: 0.5em;
}
table.striped tbody tr td ul.table-list li div {
  position: relative;
}
table.striped tbody tr td ul.table-list li div input.active ~ i {
  opacity: 1;
}
table.striped tbody tr td ul.table-list li div i {
  color: #0089CF;
  opacity: 0;
}
table.striped.two-col td:first-child {
  color: #0089CF;
  font-weight: 400;
}
table.matrix {
  width: auto;
  margin-left: 1em;
}
table.matrix th {
  background-color: transparent;
  padding: 20px;
  position: relative;
}
table.matrix th input {
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  color: #0089CF;
  text-align: center;
  background-color: transparent;
}
table.matrix th img {
  position: absolute;
  right: 10px;
  bottom: 2px;
}
table.matrix th.transparent {
  border: 0;
}
table.matrix tr.headers td.transparent {
  border: 0;
}
table.matrix tr.headers td.header {
  color: #0089CF;
}
table.matrix td {
  position: relative;
  transition: all 0.4s;
  text-align: center;
  padding: 15px;
}
table.matrix td.rating-item {
  padding: 0;
}
table.matrix td.rating-item .rating-cell {
  padding: 15px;
}
table.matrix td.rating-item input {
  padding: 6px;
  text-align: left;
}
table.matrix td input {
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  background-color: transparent;
  margin-bottom: 0;
}
table.matrix td img {
  position: absolute;
  right: 10px;
  bottom: 2px;
}
table.matrix td.v-header input {
  color: #0089CF;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
table.matrix td.active {
  background-color: #000203;
  color: #fff;
}

.page-content {
  padding: 1em;
  flex: 1;
  overflow-x: hidden;
  margin-left: 3.75%;
  flex-direction: column;
  background-color: #f3f3f3;
  transition: all 0.5s;
  /* Incident Styles */
  /* Incident Files*/
  /* Multi Rows */
  /* Terms & Conditions */
}
.page-content.active {
  width: 100%;
}
.page-content .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
  border-bottom: 1px solid #282828;
}
.page-content .content-header .title h1 {
  color: #282828;
  font-size: 2em;
}
.page-content .content-header .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-content .content-header .actions a:not(:last-child) {
  margin-right: 1em;
}
.page-content .content-header a {
  padding: 8px 2px;
}
.page-content .content-header a button {
  padding: 10px 12px;
}
.page-content .incident {
  width: 80%;
  margin: 0 auto;
}
.page-content .incident .incident-comments h2.title {
  color: #0089CF;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.page-content .incident .incident-comments form {
  margin-top: 10px;
  width: 100%;
}
.page-content .incident .incident-comments ul {
  margin-top: 1em;
  background-color: #fff;
  padding: 10px;
}
.page-content .incident .incident-comments ul li {
  display: flex;
  align-items: center;
  margin-top: 1em;
}
.page-content .incident .incident-comments ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.page-content .incident .incident-comments ul li .comment-content {
  flex: 1;
  margin-right: auto;
  margin-left: 10px;
}
.page-content .incident .incident-comments ul li .comment-content .comment-title {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-content .incident .incident-comments ul li .comment-content .comment-title .comment-createdby {
  margin-right: auto;
  margin-left: 5px;
  text-transform: capitalize;
}
.page-content .incident .incident-comments ul li .comment-content .comment-title .comment-time {
  color: #009ae9;
  font-size: 12px;
  font-weight: normal;
}
.page-content .incident .incident-comments ul li .comment-content .comment-desc {
  font-size: 12px;
  font-weight: normal;
  margin-top: 1em;
}
.page-content .incident .incident-comments ul li .avatar {
  background-color: #f65e5e;
  border-radius: 50%;
  padding: 6px;
}
.page-content .incident .incident-comments ul li .avatar svg {
  fill: #fff;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
}
.page-content .incident-files {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 1em;
}
.page-content .incident-files ul {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 10px;
}
.page-content .incident-files ul li {
  transition: all 0.4s;
  flex: 1;
}
.page-content .incident-files ul li:not(:last-child) {
  margin-bottom: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.page-content .incident-files ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-size: 12px;
}
.page-content .incident-files ul li a.img img {
  max-width: 100%;
  width: 80px;
}
.page-content .incident-files ul li a.img span.file-name {
  margin-right: auto;
  margin-left: 10px;
}
.page-content .incident-files ul li a.img svg {
  margin-right: 1em;
  width: 14px;
  height: 14px;
  cursor: pointer;
  fill: #0089CF;
}
.page-content .incident-files ul li a span.file-name {
  color: #424242;
}
.page-content .incident-files ul li a span.file-name i {
  color: #0089CF;
}
.page-content .incident-files ul li a i.fa-download {
  color: #ddd;
  margin-right: 1em;
}
.page-content .incident-files ul li a i.fa-download:hover {
  color: #0089CF;
}
.page-content .multi-rows {
  display: flex;
  flex-direction: column;
}
.page-content .multi-rows .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 300px;
}
.page-content .multi-rows .content .paras {
  display: flex;
  margin-bottom: 1em;
}
.page-content .multi-rows .content .paras p {
  margin-right: 1em;
  font-weight: 300;
  font-size: 16px;
}
.page-content .multi-rows .content button {
  width: 200px;
  margin-bottom: 10px;
}
.page-content .multi-rows .content-img {
  background: url("../img/first-time-login.jpg") no-repeat;
  background-size: cover;
  height: 1000px;
}
.page-content .tc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-content .tc .info {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 0.8em;
  background-color: #fff;
  padding: 20px;
  color: #6b6a6a;
  height: 500px;
  overflow: auto;
}
.page-content .tc .info strong {
  font-weight: 500;
  line-height: 2em;
}
.page-content .tc .info h4 {
  font-size: 1.5em;
  text-align: center;
  font-weight: 300;
  margin-bottom: 1em;
  color: #0089CF;
}
.page-content .tc .info h5 {
  margin-bottom: 10px;
  color: #0089CF;
}
.page-content .tc .info p {
  font-weight: normal;
  font-size: 14px;
}
.page-content .tc .info p:not(:last-child) {
  margin-bottom: 1em;
}
.page-content .tc .info ul {
  margin-left: 1em;
  margin-top: 1em;
}
.page-content .tc .info ul[type=circle] {
  list-style-type: disc;
}
.page-content .tc .info ul li {
  font-size: 14px;
  line-height: 1.5em;
}
.page-content .tc .info a {
  text-decoration: none;
  color: #0089CF;
  font-weight: bold;
}
.page-content .tc .info a:hover {
  text-decoration: underline;
}
.page-content .tc button {
  width: 200px;
}

.cform {
  display: flex;
  width: 100%;
  height: 100%;
}
.cform div.form-elems {
  padding: 0.5em;
  border-right: 1px solid #ddd;
  width: 65%;
}
.cform div.form-elems div:not(:last-child) {
  margin-bottom: 1em;
}
.cform div.form-elems div .drop-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 400px;
  min-height: 400px;
  padding: 0.5em;
  overflow: auto;
  background-color: #e6e6e6;
}
.cform div.form-elems div .drop-area div {
  display: flex;
  /*align-items:center;*/
}
.cform div.form-elems div .drop-area div .select, .cform div.form-elems div .drop-area div textarea, .cform div.form-elems div .drop-area div label, .cform div.form-elems div .drop-area div input[type=text] {
  flex: 1;
  margin-right: 0.3em;
}
.cform div.form-elems div .drop-area div textarea {
  margin-top: 0;
}
.cform div.form-elems div .drop-area div .field-name {
  margin-right: 0.2em;
}
.cform div.form-elems div .drop-area div .field-name, .cform div.form-elems div .drop-area div .field-label, .cform div.form-elems div .drop-area div input[type=text] {
  width: 30%;
  height: 41px;
}
.cform div.form-elems div .drop-area div svg.remove-field {
  /*color:$dark-color;*/
  cursor: pointer;
  width: 16px;
  height: 16px;
  fill: #0078b6;
  align-self: baseline;
  margin-top: 1em;
}
.cform div.form-elems form {
  width: 100%;
}
.cform div.form-elems form div {
  flex: none;
}
.cform div.draggable-form-elems {
  padding: 0.5em;
  width: 35%;
}
.cform div.draggable-form-elems div:not(:last-child) {
  margin-bottom: 1em;
}
.cform div.draggable-form-elems div input, .cform div.draggable-form-elems div textarea, .cform div.draggable-form-elems div select {
  cursor: move;
}

.edit-checklist-ans {
  width: 90%;
  margin: 0 auto;
}
.edit-checklist-ans .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edit-checklist-ans .title div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #0089CF;
}
.edit-checklist-ans .title div span {
  color: #fff;
}
.edit-checklist-ans form {
  margin: 1em auto;
}
.edit-checklist-ans form ul {
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
}
.edit-checklist-ans form ul li {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.edit-checklist-ans form ul li:not(:last-child) {
  margin-bottom: 1em;
}
.edit-checklist-ans form ul li div {
  position: relative;
}
.edit-checklist-ans form ul li div input.active ~ i {
  opacity: 1;
}
.edit-checklist-ans form ul li div i {
  opacity: 0;
  color: #0089CF;
}

.email {
  display: flex;
}
.email form {
  width: 80%;
  padding-right: 10px;
}
.email .vars {
  width: 20%;
  flex: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.email .vars h2 {
  font-weight: 100;
  text-align: center;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
}
.email .vars ul {
  margin-top: 1em;
  width: auto;
}
.email .vars ul li {
  background-color: #0089CF;
  color: #fff;
  padding: 8px 6px;
  border-radius: 4px;
  cursor: default;
}
.email .vars ul li:not(:last-child) {
  margin-bottom: 1em;
}

.toggles {
  margin-top: 1em;
  margin-bottom: 1em;
}
.toggles.assessment {
  display: flex;
  flex-direction: column;
}
.toggles.assessment .item label {
  margin-bottom: 0;
}
.toggles.assessment .item label input {
  font-size: 14px;
  padding: 0;
  margin-bottom: 0;
}
.toggles.assessment .item .toggle-bar {
  margin-right: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background-color: #ddd;
  cursor: pointer;
}
.toggles.assessment .item:not(:last-child) {
  margin-bottom: 0.5em;
}
.toggles.assessment .item svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.toggles.assessment .item svg:hover {
  fill: #0089CF;
}
.toggles.assessment button.addmore {
  width: auto;
  align-self: flex-end;
  padding: 6px;
  font-size: 14px;
  margin-top: 0.5em;
}
.toggles .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.toggles .item:nth-child(even) {
  background-color: #fff;
  margin-bottom: 0;
}
.toggles .item:nth-child(odd) {
  background-color: #fff;
  margin-bottom: 0;
}
.toggles .item label {
  width: 92%;
}
.toggles .item div {
  width: 6%;
}
.toggles tr td:first-child {
  flex: 1;
}
.toggles tr td:last-child {
  width: 3%;
}
.toggles .toggle-bar {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background-color: #ddd;
  cursor: pointer;
}
.toggles .toggle-bar.active {
  background-color: #0089CF;
}
.toggles .toggle-bar.active input[type=checkbox] {
  right: -5px;
}
.toggles .toggle-bar input[type=checkbox] {
  border-radius: 50%;
  box-shadow: 0px 1px 0px #ddd;
  padding: 0;
  position: absolute;
  top: 0px;
  -moz-appearance: none;
  background: #fff;
  border: 1px solid #ddd;
}
.toggles .toggle-bar span {
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px;
}
.toggles .toggle-bar span.on {
  color: #fff;
}
.toggles .toggle-bar span.off {
  color: #eee;
  margin-left: auto;
}

.titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2em;
}
.titles h3 {
  background-color: #0089CF;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  padding: 10px;
}
.group-titles .title {
  background-color: #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.group-titles .title i.fa {
  color: #0089CF;
  margin-right: 10px;
}
.group-titles .title span {
  flex: 1;
  color: #0089CF;
}
.group-titles .title span.off {
  margin-left: 20px;
  color: #0089CF;
}
.group-titles .title .fixed-btn {
  width: 100px;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 0;
}
.group-titles .title .toggle-bar {
  width: 6%;
  background-color: #fff;
}
.group-titles .title .toggle-bar.active {
  background-color: #0089CF;
}

.tile {
  margin: 0 auto;
  border: 1px solid #ddd;
}
.tile .tile-content {
  padding: 10px;
}
.tile .tile-content ul {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
}
.tile .tile-content ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-right: auto;
}
.tile .tile-content ul li span {
  color: #0089CF;
  text-transform: capitalize;
}

h3.title {
  background-color: #0089CF;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: 300;
}

form {
  display: flex;
  margin: 0 auto;
  width: 80%;
  flex-direction: column;
}
form button[type=submit] {
  margin-top: 1em;
}
form .one-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
form .one-row .select {
  flex: 1;
  margin-right: 1em;
}
form .one-row button[type=submit] {
  width: 150px;
  padding: 12px 8px;
  margin-top: 10px;
}
form.json_form div {
  margin-bottom: 1em;
}
form.json_form input[type=text], form.json_form select, form.json_form textarea {
  margin-bottom: 0;
}
form.reset-form div {
  margin-bottom: 0;
}
form.reset-form div span.error {
  color: #fff;
  font-size: 12px;
}
form.reset-form button[type=submit] {
  margin-top: 0;
}
form:not(.reset-form) div {
  /*&:not(:last-child)
  {
  	margin-bottom:1em;
  }*/
}
form:not(.reset-form) div input, form:not(.reset-form) div select, form:not(.reset-form) div textarea {
  margin-bottom: 1em;
}
form:not(.reset-form) div textarea {
  margin-top: 1em;
}
form:not(.reset-form) div span.error {
  color: red;
  font-size: 12px;
}
form.checklist {
  width: 50%;
}
form.checklist div {
  display: flex;
  /*width: 100%;*/
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  /*margin: 10px auto;*/
}
form.checklist div.checklist-item {
  width: 100%;
}
form.checklist div.checklist-item label span {
  word-break: break-all;
  width: 60%;
}
form.checklist div label {
  justify-content: space-between;
  flex: 1;
  display: flex;
  align-items: center;
}
form.checklist div label input {
  z-index: 1;
}
form.checklist div label input.active ~ i {
  opacity: 1;
  z-index: 1;
}
form.checklist div label i {
  flex: none;
  position: absolute;
  top: 3px;
  z-index: -1;
}
form .dates {
  display: flex;
}
form .dates input {
  width: 50%;
}
form .dates input:last-child {
  margin-left: 1%;
}
form .sub-title {
  display: flex;
  background-color: #0089CF;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-top: 1em;
  color: #fff;
}
form .sub-title h3 {
  font-weight: 400;
}
form .single-row {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: space-between;
}
form .single-row button {
  padding: 11px 8px;
  margin-top: -15px;
  margin-left: 1em;
  width: 200px;
}

.select {
  /*position:relative;
  z-index:1;
  .cstm-select
  {
  	padding:12px 8px;
  	font-size:14px;
  	background-color:#fff;
  	width:100%;
  }
  i
  {
  	position: absolute;
      top: 45%;
      right: 2%;
      z-index: 2;
  }*/
  /*height: 40px;*/
  overflow: hidden;
  width: 100%;
}
.select i {
  opacity: 0;
  -webkit-filter: grayscale(0%);
}
.select select {
  background: transparent;
  background: #fff url("../img/chevron-down.png") no-repeat 98% center;
  border: none;
  font-size: 14px;
  height: 100%;
  padding: 5px;
  width: 100%;
}
.select select::ms-expand {
  opacity: 0;
}
.select select.cstm-select {
  /*border: 1px solid #ccc;*/
  /*font-size: 14px;*/
  height: 40px;
  /*height: 100%;*/
  width: 100%;
}

label {
  display: flex;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}
label input {
  border: 0;
}
label input.active ~ i {
  opacity: 1;
}
label i {
  margin-left: -1.45em;
  font-size: 14px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
  color: #0089CF;
}
label span {
  margin-left: 0.5em;
}

.dataTables_filter {
  margin-bottom: 0.5em;
}
.dataTables_filter label {
  color: transparent;
}

.table.dataTable.no-footer {
  border: 0;
}

table.dataTable thead th, table.dataTable thead td {
  border: 0;
}

.top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.top-row .buttons {
  margin-right: auto;
  margin-left: 1em;
}
.top-row .buttons .dt-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -10px;
}
.top-row .buttons .dt-buttons a {
  text-decoration: none;
  color: #fff;
  background-color: #0089CF;
  padding: 6px 14px;
  font-size: 14px;
}
.top-row .buttons .dt-buttons a:not(:last-child) {
  margin-right: 10px;
}
.top-row .icon {
  margin-left: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0089CF;
  padding: 9px;
  width: 80px;
  cursor: pointer;
}
.top-row .icon img {
  height: 16px;
}

.bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-row .info {
  font-size: 14px;
  /*flex:1;*/
}
.bottom-row .pagination {
  font-size: 14px;
  /*flex:1;*/
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.bottom-row .pagination div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-row .pagination div span a {
  border-right: 1px solid #ddd;
}
.bottom-row .pagination div span a:first-child {
  border-left: 1px solid #ddd;
}
.bottom-row .pagination div span a:last-child {
  border-right: 1px solid #ddd;
}
.bottom-row .pagination div a {
  padding: 10px;
}
.bottom-row .pagination div a.paginate_button {
  cursor: pointer;
}
.bottom-row .pagination div a.paginate_button.previous, .bottom-row .pagination div a.paginate_button.next {
  width: 100px;
  text-align: center;
}
.bottom-row .pagination div a.paginate_button.disabled {
  cursor: not-allowed;
}
.bottom-row .pagination div a.paginate_button.current {
  background-color: #0089CF;
  color: #fff;
  border: 0;
}

.dataTables_length {
  display: flex;
  width: auto;
}
.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  display: inline-block;
  text-transform: initial;
}
.dataTables_length label select {
  width: 55px;
  display: inline-block;
  -webkit-appearance: normal;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #fff url("../img/chevron-down.png") no-repeat 98% center;
}

.dataTables_wrapper .dataTables_filter input {
  /*margin-left:-3.3em;*/
  width: auto;
  margin-left: auto;
  font-size: 14px;
  font-weight: 300;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
  border-right: 1px solid #fff;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
  content: "";
  font-size: 0.8em;
  padding-top: 0.12em;
}

table.dataTable thead th.sorting_asc:after {
  content: "";
}

table.dataTable thead th.sorting_desc:after {
  content: "";
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #0089CF;
}

.dataTables_wrapper {
  padding: 1rem 0;
}

.dataTables_wrapper .dataTables_info {
  margin-left: 0;
}

table.dataTable,
table.dataTable.no-footer {
  margin: 1rem 0;
  width: 100% !important;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

.dataTables_length {
  margin: 0.2rem 0 0.8rem 1rem;
}

.dataTables_length select {
  border: 0;
}

.dataTables_length select:focus {
  outline: 0;
}

.dataTables_filter {
  margin-right: 1rem;
}

.dataTables_filter input[type=search] {
  border: 1px solid #E4E4E4;
  border-radius: 3px;
}

table.dataTable thead td,
table.dataTable thead th {
  border-bottom: 1px solid #DDD;
}

table.dataTable tbody td,
table.dataTable tbody th {
  padding: 10px 18px;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
  color: #585858;
}

.dataTables_wrapper .dataTables_info {
  margin-left: 1rem;
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 0;
  padding: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 8px 20px;
  font-size: 14px;
}

.dataTables_paginate {
  display: flex;
  border: 1px solid #ddd;
  background-color: #fff;
  align-items: center;
  float: right;
  border-radius: 4px;
  margin-top: -10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #0089CF;
  color: #fff;
}

.black {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  transition: all 0.4s;
}
.black.active {
  z-index: 9;
  opacity: 0.6;
}

.modal {
  position: fixed;
  z-index: -1;
  background-color: #fff;
  width: 60%;
  overflow: auto;
  opacity: 0;
  left: 20%;
  top: -100%;
  display: flex;
  flex-direction: column;
  transition: all 0.6s;
  border-radius: 4px;
}
.modal.large {
  width: 90%;
  left: 5%;
}
.modal.active {
  opacity: 1;
  top: 10%;
  bottom: 10%;
  z-index: 99;
}
.modal.active.users-popup {
  min-height: 300px;
}
.modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
}
.modal .modal-header.success {
  background-color: #47b272;
  color: #fff;
}
.modal .modal-header.error {
  background-color: #f15050;
  color: #fff;
}
.modal .modal-header button {
  width: 100px;
  margin-right: auto;
  margin-left: 1em;
  padding: 10px 0;
  font-size: 12px;
}
.modal .modal-header .assign-users {
  display: flex;
  align-items: center;
  /*flex:1;*/
  width: 40%;
  margin-right: auto;
  margin-left: 1em;
}
.modal .modal-header .assign-users input {
  border: 1px dashed #ddd;
  border-radius: 30px;
  font-size: 12px;
}
.modal .modal-header .assign-users .twitter-typeahead {
  width: 200px;
}
.modal .modal-header .assign-users .tt-menu .tt-suggestion {
  font-size: 12px;
}
.modal .modal-header .modal-title {
  font-weight: 400;
  font-size: 1.4em;
  text-transform: uppercase;
}
.modal .modal-header svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.modal .modal-header svg:hover {
  fill: #0089CF;
}
.modal .modal-body {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
.modal .modal-body .alert {
  margin-bottom: 1em;
  border-radius: 4px;
  padding: 0px;
  opacity: 0;
  transition: all 0.4s;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-body .alert.successMsg {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.modal .modal-body .alert.errorMsg {
  color: #fff;
  background-color: #0089CF;
  border-color: #00679c;
}
.modal .modal-body .alert.errorMsg svg {
  fill: #fff;
}
.modal .modal-body .alert.active {
  opacity: 1;
  display: flex;
  padding: 10px;
}
.modal .modal-body .alert h4 {
  font-size: 14px;
}
.modal .modal-body .alert svg {
  width: 14px;
  height: 14px;
  cursor: pointer;
  fill: #3c763d;
}
.modal .modal-body form.select-options .opts {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.modal .modal-body form.select-options .opts input {
  margin-right: 1em;
}
.modal .modal-body form.select-options .opts span.error {
  position: absolute;
  right: 40px;
  bottom: 30px;
}
.modal .modal-body form.select-options .opts svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-top: 12px;
}
.modal .modal-body form.select-options .opts svg:hover {
  fill: #0089CF;
}
.modal .modal-body form label {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
}
.modal .modal-body form input, .modal .modal-body form select, .modal .modal-body form textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.modal .modal-body form .select i {
  top: 40%;
}
.modal .modal-body form textarea {
  margin-top: 0;
}
.modal .modal-body form .pick-dates {
  display: flex;
}
.modal .modal-body form .pick-dates div {
  flex: 1;
}
.modal .modal-body form .pick-dates div input {
  width: 100%;
}
.modal .modal-body form .pick-dates div:not(:last-child) {
  margin-right: 10px;
}
.modal .modal-body input, .modal .modal-body select, .modal .modal-body textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.modal .modal-body .select:not(:last-child) {
  margin-bottom: 1em;
}
.modal .modal-body .select i {
  top: 55%;
}
.modal .modal-body .btns {
  width: 100%;
}
.modal .modal-body .btns button {
  width: 100%;
}
.modal .modal-body .users-list {
  display: flex;
  flex-wrap: wrap;
}
.modal .modal-body .users-list li {
  display: flex;
  color: #282828;
  position: relative;
  padding: 10px;
  border: 1px dashed #0089CF;
  border-radius: 30px;
  margin-bottom: 1em;
  margin-right: 1em;
}
.modal .modal-body .users-list li.fallback-msg {
  border: 0;
}
.modal .modal-body .users-list li.fallback-msg h2 {
  color: #0089CF;
  font-size: 1.5em;
  font-weight: 400;
}
.modal .modal-body .users-list li .avatar {
  width: 20px;
  height: 20px;
  background: #f65e5e;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  top: -8px;
  cursor: pointer;
}
.modal .modal-body .users-list li .avatar svg {
  width: 14px;
  height: 14px;
  fill: #fff;
  position: absolute;
  left: 3px;
  top: 3px;
}
.modal .modal-body .users-list li .user {
  font-size: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-body .users-list li .user i {
  color: #4e4e4e;
  margin-right: 5px;
}
.modal .modal-body .buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}
.modal .modal-body .buttons button {
  width: 100px;
}
.modal .modal-footer {
  display: flex;
  height: 10%;
  align-items: flex-end;
  justify-content: flex-end;
  border-top: 1px solid #ddd;
  padding: 1em;
}
.modal .modal-footer button {
  margin-top: 1em;
  width: 20%;
}
.modal .modal-footer button:not(:last-child) {
  margin-right: 1em;
}
.modal .modal-footer a {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  text-decoration: none;
}
.modal .modal-footer a button {
  margin-top: 0;
  width: auto;
  align-self: flex-end;
  padding: 6px 20px;
}
.modal.course-summary {
  overflow: auto;
  justify-content: flex-start;
}
.modal.course-summary.active {
  z-index: 9999999;
}
.modal.course-summary .modal-header {
  border: 0;
}
.modal.course-summary .modal-header .modal-title {
  font-weight: 300;
  color: #fff;
  font-size: 1.4em;
  background-color: #37474f;
  padding: 10px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.modal.course-summary .modal-header .modal-title.success {
  background-color: #47b272;
  color: #fff;
}
.modal.course-summary .modal-header .modal-title.error {
  background-color: #f15050;
  color: #fff;
}
.modal.course-summary .modal-header .modal-title.provisional-title {
  background-color: #10a0d2;
}
.modal.course-summary .modal-header .modal-title.confirmed-title {
  background-color: #47b272;
}
.modal.course-summary .modal-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.modal.course-summary .modal-body > div {
  flex: 1;
}
.modal.course-summary .modal-body > div:not(:last-child) {
  margin-bottom: 1em;
}
.modal.course-summary .modal-body > div.course-full-details {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.modal.course-summary .modal-body > div.course-full-details > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}
.modal.course-summary .modal-body > div.course-full-details > div > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  color: #6b6a6a;
  flex: 1;
}
.modal.course-summary .modal-body > div.course-full-details > div > div label {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 500;
  color: #515151;
  margin-bottom: 2px;
}
.modal.course-summary .modal-body > div.course-full-details > div > div ul li {
  font-size: 14px;
}
.modal.course-summary .modal-body > div.course-full-details > div:not(:last-child) {
  margin-bottom: 1em;
}
.modal.course-summary .modal-body > div.event-description {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  overflow: auto;
}
.modal.course-summary .modal-body > div.event-description > div {
  color: #6b6a6a;
}
.modal.course-summary .modal-body > div.event-description > div h4 {
  text-transform: uppercase;
  color: #515151;
}
.modal.course-summary .modal-body > div.event-description > div p {
  font-size: 12px;
  font-weight: normal;
}
.modal.course-summary .modal-body > div.buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.modal.course-summary .modal-body > div.buttons button {
  padding: 14px;
  color: #fff;
  width: 15%;
  font-weight: 100;
}
.modal.course-summary .modal-body > div.buttons button.email-icon {
  background-color: #10a0d2;
}
.modal.course-summary .modal-body > div.buttons button.email-icon:hover {
  background-color: #095873;
}
.modal.course-summary .modal-body > div.buttons button.print {
  background-color: #47b272;
  color: #fff;
}
.modal.course-summary .modal-body > div.buttons button.print:hover {
  background-color: #2a6943;
}
.modal.course-summary .modal-body > div.buttons button.close {
  background-color: #004569;
}
.modal.course-summary .modal-body > div.buttons button.close:hover {
  background-color: #00131d;
}
.modal.course-summary .modal-body > div.buttons button:not(:last-child) {
  margin-right: 1em;
}
.modal.course-summary .modal-body p {
  font-weight: normal;
  text-align: center;
}
.modal.course-summary .modal-body h5 {
  text-align: center;
  font-weight: normal;
}
.modal.course-summary .modal-body .modal-btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}
.modal.course-summary .modal-body .modal-btns button {
  width: 20%;
  text-transform: uppercase;
  color: #fff;
  align-self: center;
}
.modal.course-summary .modal-body .modal-btns button.enroll {
  background-color: #37474f;
}
.modal.course-summary .modal-body .modal-btns button.print {
  background-color: #47b272;
}
.modal.course-summary .modal-body .modal-btns button:not(:last-child) {
  margin-right: 1em;
}
.modal.paymentModal {
  background-color: #f7f7f7;
  box-shadow: 0px 0px 0px 5px #617d8b;
}
.modal.paymentModal .modal-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.modal.paymentModal .modal-body > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.modal.paymentModal .modal-body > div > div {
  margin-right: 1em;
}
.modal.paymentModal .modal-body > div > div.poNumber {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal.paymentModal .modal-body > div > div.poNumber input {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
}
.modal.paymentModal .modal-body > div > div.separator {
  width: 2px;
  background-color: #37474f;
}
.modal.paymentModal .modal-body > div > div.credit-payment {
  flex: 1;
}
.modal.paymentModal .modal-body > div > div.credit-payment > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.modal.paymentModal .modal-body > div > div.credit-payment > div:not(:last-child) {
  margin-bottom: 1em;
}
.modal.paymentModal .modal-body > div > div.credit-payment > div.multi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}
.modal.paymentModal .modal-body > div > div.credit-payment > div.multi input:not(:last-child) {
  margin-right: 1em;
}
.modal.paymentModal .modal-body > div > div.credit-payment > div button {
  color: #fff;
  background-color: #47b272;
}
.modal.paymentModal .modal-body > div > div input {
  font-size: 14px;
}
.modal.paymentModal .modal-body > div .payment-title {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.modal.paymentModal .modal-body > div .payment-title h4 {
  text-transform: uppercase;
  font-weight: 100;
  color: #47b272;
}
.modal.paymentModal .modal-body > div.navigation-btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2em;
}
.modal.paymentModal .modal-body > div.navigation-btns button {
  color: #fff;
  width: 48%;
}
.modal.paymentModal .modal-body > div.navigation-btns button.print {
  background-color: #47b272;
}

input[type=range] {
  -webkit-appearance: none;
  background: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-ms-track {
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-moz-range-track {
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative;
}

input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative;
}

input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-thumb:after {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: #eee;
  border-radius: 5px;
  color: #555;
  padding: 5px 10px;
  border: 2px solid #555;
}
input[type=range]:focus::-ms-thumb:after {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: #eee;
  border-radius: 5px;
  color: #555;
  padding: 5px 10px;
  border: 2px solid #555;
}
input[type=range]:focus::-moz-range-thumb:after {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: #eee;
  border-radius: 5px;
  color: #555;
  padding: 5px 10px;
  border: 2px solid #555;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range]:focus::-ms-track {
  background: #ccc;
}

input[type=range]:focus::-moz-range-track {
  background: #ccc;
}

#chart-container {
  position: relative;
  display: inline-block;
  top: 10px;
  left: 12px;
  height: 420px;
  width: calc(100% - 24px);
  border: 2px dashed #ddd;
  border-radius: 1px;
  overflow: auto;
  text-align: center;
}
#chart-container .oc-export-btn {
  width: auto;
  background-color: #0089CF;
  border-color: #0089CF;
}
#chart-container .orgchart {
  display: block;
  border: 0;
  background: transparent;
}
#chart-container .orgchart table {
  margin-bottom: 0;
  width: auto;
}
#chart-container .orgchart.view-state .edge {
  display: none;
}
#chart-container .orgchart .node {
  width: 130px;
}
#chart-container .orgchart .node .content {
  border: 1px solid #ddd;
  border-top: 0;
}
#chart-container .orgchart .node .title {
  background-color: #0089CF;
  border: 2px solid #0089CF;
  color: #fff;
  height: 25px;
  line-height: 25px;
  font-weight: 400;
}
#chart-container .orgchart .node .title .symbol {
  margin-top: 6px;
  margin-left: 4px;
}
#chart-container .orgchart tr.lines td.rightLine {
  border-right: 1px solid #282828;
}
#chart-container .orgchart tr.lines td.leftLine {
  border-left: 1px solid #282828;
}
#chart-container .orgchart tr.lines td.topLine {
  border-top: 2px solid #282828;
}
#chart-container .orgchart tr.lines .downLine {
  background-color: #282828;
}

#edit-panel {
  position: relative;
  width: calc(100% - 24px);
  margin-left: 1%;
  border-radius: 2px;
  margin-top: 10px;
  padding: 10px;
  color: #fff;
  background-color: #ddd;
  font-size: 12px;
  display: flex;
}
#edit-panel label {
  font-weight: 300;
  display: inline-block;
  margin-bottom: 0;
  text-transform: capitalize;
  display: flex;
}
#edit-panel label:first-child {
  margin-right: 1em;
}
#edit-panel label i {
  margin-top: 2.98%;
}
#edit-panel input {
  font-size: 12px;
  flex: 1;
}
#edit-panel .btns {
  display: flex;
  align-items: center;
  margin-right: 2%;
  margin-left: 1%;
}
#edit-panel .btns button {
  border: 1px solid transparent;
  width: 80px;
  min-height: auto;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}
#edit-panel .btns button:not(:last-child) {
  margin-right: 10px;
}
#edit-panel .btns button:hover, #edit-panel .btns button:focus, #edit-panel .btns button:active {
  border-color: transparent;
  box-shadow: none;
}
#edit-panel .nodes-cstm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
#edit-panel .nodes-cstm .new-node {
  display: flex;
}
#edit-panel .nodes-cstm .new-node .icons {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  justify-content: center;
}
#edit-panel .nodes-cstm .new-node .icons i {
  font-size: 1.4em;
}
#edit-panel .nodes-cstm .new-node .icons i:not(:last-child) {
  margin-bottom: 5px;
}
#edit-panel #chart-state-panel {
  display: flex;
  align-items: center;
}
#edit-panel #chart-state-panel span {
  display: flex;
  align-items: center;
}
#edit-panel #chart-state-panel span:first-child {
  margin-right: 10px;
}
#edit-panel #chart-state-panel span label {
  display: inline-block;
}
#edit-panel input[type=radio] {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
#edit-panel .radio-btns {
  display: flex;
  justify-content: center;
}
#edit-panel .radio-btns #node-type-panel {
  display: flex;
}
#edit-panel .radio-btns #node-type-panel span {
  display: flex;
  align-items: center;
}
#edit-panel .radio-btns #node-type-panel span:not(:last-child) {
  margin-right: 10px;
}

#edit-panel.view-state > :not(#chart-state-panel) {
  display: none;
}

#edit-panel.edit-parent-node .selected-node-group {
  display: none;
}

#chart-state-panel, #selected-node, #btn-remove-input {
  margin-right: 20px;
}

#edit-panel.edit-parent-node button:not(#btn-add-nodes) {
  display: none;
}

#edit-panel button:hover, .edit-panel button:focus, .edit-panel button:active {
  border-color: #eea236;
  box-shadow: 0 0 10px #eea236;
}

#new-nodelist {
  display: inline-block;
  list-style: none;
  padding: 0;
  vertical-align: text-top;
}

.btn-inputs {
  vertical-align: sub;
}

#edit-panel.edit-parent-node .btn-inputs {
  display: none;
}

.btn-inputs:hover {
  text-shadow: 0 0 4px #fff;
}

#edit-panel.view-state .radio-panel input[type=radio] + label {
  vertical-align: -webkit-baseline-middle;
}

#btn-add-nodes {
  margin-left: 20px;
}

a.canvasjs-chart-credit {
  display: none;
}

.widgets {
  margin-bottom: 1em;
  display: flex;
  justify-content: initial;
  flex-wrap: wrap;
  width: 98%;
}
.widgets a {
  text-decoration: none;
  flex: none;
  margin-right: 1%;
  background-color: #fff;
  margin-bottom: 1em;
}
.widgets .widget-item {
  cursor: move;
  flex: 1;
  margin-bottom: 1em;
  margin-right: 0.66796%;
  text-decoration: none;
}
.widgets .widget-item .wg {
  border-radius: 4px;
  border: 1px solid #ddd;
  border-top: 1px solid transparent;
}
.widgets .widget-item .wg:not(:last-child) {
  margin-right: 1em;
}
.widgets .widget-item .wg .wg-title.dashboard {
  background-color: #282828;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.widgets .widget-item .wg .wg-title.dashboard h3.title a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  margin-right: 0;
  background: transparent;
}
.widgets .widget-item .wg .wg-title.dashboard svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  cursor: pointer;
  margin-right: 10px;
}
.widgets .widget-item .wg .wg-title h3 {
  /*background-color:lighten($base-color,4%);*/
  background-color: #282828;
}
.widgets .widget-item .wg .wg-desc {
  padding: 10px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.widgets .widget-item .wg .wg-desc p {
  font-size: 12px;
  font-weight: normal;
}
.widgets .widget-item .wg .wg-desc canvas {
  flex: 1 1 50%;
}

/*PoP Overs*/
.popover {
  position: absolute;
  display: none;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 15px #ddd;
  padding: 38px 10px 10px 10px;
  align-items: center;
  border-radius: 4px;
}
.popover .caret-up {
  clip: rect(-3px 17px 7px -3px);
  top: -7px;
  position: absolute;
  right: 2em;
}
.popover .caret-up:before {
  box-sizing: border-box;
  content: "";
  display: block;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 14px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.popover .close {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 4px;
}
.popover .close svg {
  width: 14px;
  height: 14px;
}
.popover.active {
  display: flex;
}
.popover input {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 12px;
}
.popover span {
  margin-right: 10px;
  font-size: 14px;
}
.popover button {
  width: auto;
  padding: 8px;
  font-size: 12px;
}

/*Widgets Icon Top Bar*/
.widgets-icon {
  margin-right: 2em;
  position: relative;
}
.widgets-icon i {
  font-size: 1.5em;
  cursor: pointer;
  color: #282828;
}
.widgets-icon i:hover {
  color: #0089CF;
}
.widgets-icon .widgets-list ul.widgetsDropdown {
  margin-top: 0;
}
.widgets-icon .widgets-list ul.widgetsDropdown li {
  padding: 15px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widgets-icon .widgets-list ul.widgetsDropdown li:nth-child(even) {
  background-color: #f4f4f4;
}
.widgets-icon .widgets-list ul.widgetsDropdown li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.widgets-icon .widgets-list ul.widgetsDropdown li > div {
  width: 60px;
}

/* Dashboard Widgets */
.widgetsList {
  padding: 10px 0 0 15px;
  margin-top: 1%;
}
.widgetsList.small ul li {
  height: 100px;
}
.widgetsList.small ul li.auto {
  flex: 0.1 1 15%;
}
.widgetsList.small ul li .widgetDesc {
  align-items: inherit;
}
.widgetsList.small ul li .widgetDesc .icon-with-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.widgetsList.small ul li .widgetDesc .icon-with-info .fa {
  font-size: 2.5em;
  color: #eaeaea;
}
.widgetsList.small ul li .widgetDesc .icon-with-info span {
  font-size: 3em;
  font-weight: 200;
  color: #6b6a6a;
  margin-left: 10px;
}
.widgetsList.small ul li .widgetDesc .progress-bar {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.widgetsList.small ul li .widgetDesc .progress-bar .size {
  display: flex;
  margin-top: auto;
  margin-bottom: 10px;
}
.widgetsList.small ul li .widgetDesc .progress-bar .size span {
  font-size: 2.2em;
  font-weight: 200;
  color: #6b6a6a;
}
.widgetsList.small ul li .widgetDesc .progress-bar .size span:last-child {
  margin-left: auto;
}
.widgetsList.small ul li .widgetDesc .progress-bar .bar {
  width: 100%;
  height: 8px;
  background-color: #282828;
}
.widgetsList.small ul li .widgetDesc .progress-bar .bar .percent {
  height: 8px;
  background: #0089CF;
  position: absolute;
  display: block;
}
.widgetsList ul {
  display: flex;
  flex-wrap: wrap;
}
.widgetsList ul li {
  flex: 1 1 32.99%;
  transition: all 0.2s ease-out;
  margin-right: 1em;
  margin-bottom: 3.5em;
  height: 300px;
}
.widgetsList ul li .title {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  color: #6b6a6a;
}
.widgetsList ul li .title h3 {
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
}
.widgetsList ul li .title svg {
  width: 18px;
  height: 18px;
  fill: #6b6a6a;
  cursor: pointer;
}
.widgetsList ul li .widgetDesc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 10px;
  background-color: #fff;
  flex-direction: column;
}
.widgetsList ul li .widgetDesc .spinner {
  margin-top: 1em;
}
.widgetsList ul li .widgetDesc svg {
  width: 100%;
}

/* Chart CSS*/
path.slice {
  stroke-width: 3px;
}

.strike {
  transition: all 0.4s ease-in;
  text-decoration: line-through;
}

.chartTooltip {
  position: absolute;
  display: none;
  background-color: #282828;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  align-items: center;
  justify-content: space-between;
}
.chartTooltip .label-color {
  padding: 5px;
}
.chartTooltip .label, .chartTooltip .value {
  font-size: 9px;
  font-weight: 300;
}
.chartTooltip .value {
  margin-left: 5px;
}
.chartTooltip .value, .chartTooltip .label-color {
  margin-right: 5px;
}

.ng-scope .page-content {
  padding: 0;
}

.project-list {
  width: 15%;
}
.project-list .my-tasks {
  padding: 10px;
}
.project-list .my-tasks button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  padding: 10px;
}
.project-list .project-caption {
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin-top: 1em;
}
.project-list .project-caption span {
  text-transform: uppercase;
  color: #fff;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 100;
}
.project-list .project-caption svg {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 2px;
  cursor: pointer;
  fill: #fff;
  opacity: 0.7;
}
.project-list .project-caption svg:hover {
  border: 2px solid #fff;
}
.project-list .side-menu li {
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 100;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-list .side-menu li span {
  margin-left: 10px;
  flex: 1;
}
.project-list .side-menu li:not(:last-child) {
  margin-bottom: 0.1em;
}
.project-list .side-menu li.active {
  opacity: 1;
  background-color: #0089CF;
}
.project-list .side-menu li:hover {
  background-color: #0f0f0f;
  color: #fff;
}

.project-bar {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.project-bar .project-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
.project-bar .project-title h4 {
  color: #0089CF;
  font-size: 1.3em;
  font-weight: 400;
}
.project-bar ul.tabs {
  display: flex;
  -ms-flex-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.project-bar ul.tabs li:not(:last-child) {
  margin-right: 2em;
}
.project-bar ul.tabs li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.project-bar ul.tabs li a:focus, .project-bar ul.tabs li a:active {
  color: #282828;
}
.project-bar ul.tabs li a:hover, .project-bar ul.tabs li a.active {
  text-decoration: none;
  border-bottom: 4px solid #0089CF;
}

.project-files {
  padding: 1em;
  display: none;
}
.project-files.active {
  display: block;
}
.project-files ul {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: 0.3s all;
}
.project-files ul li {
  background: #fff;
  display: flex;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1em;
  flex: 1 1 300px;
  margin: 1rem;
}
.project-files ul li .file-content {
  padding: 10px;
  margin: 0 auto;
}
.project-files ul li .file-content img {
  max-width: 100%;
}
.project-files ul li .file-content svg {
  align-self: center;
}
.project-files ul li .file-content svg.pdf {
  width: 54px;
  height: 69px;
}
.project-files ul li .file-info {
  border-top: 1px solid #ddd;
}
.project-files ul li .file-info .file-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.project-files ul li .file-info .file-details .avatar {
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 50%;
  background-color: #0089CF;
  align-items: center;
  justify-content: center;
}
.project-files ul li .file-info .file-details .avatar svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.project-files ul li .file-info .file-details .avatar .avatar-name {
  text-transform: uppercase;
  background-color: #f65e5e;
  font-size: 10px;
  border-radius: 50%;
  padding: 5px;
  color: #fff;
  font-weight: 400;
}
.project-files ul li .file-info .file-details span {
  font-size: 14px;
  font-weight: 400;
  margin-right: auto;
  margin-left: 10px;
}
.project-files .no-files {
  background-color: #fff;
  padding: 10px;
}
.project-files .no-files h4 {
  font-weight: 400;
}

.panel {
  display: none;
  padding: 1em;
}
.panel.active {
  display: flex;
}
.panel svg {
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s;
}
.panel svg.circleIcon {
  border: 1px solid #ddd;
  padding: 2px;
  width: 16px;
  height: 16px;
}
.panel svg.userIcon {
  width: 18px;
  height: 18px;
  padding: 2px;
  border: 1px dashed #0089CF;
  fill: #0089CF;
  opacity: 0;
}
.panel svg.rightIcon {
  width: 14px;
  height: 14px;
  border: 0;
  margin-left: 10px;
  fill: #282828;
}
.panel .task-panel {
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  overflow-y: auto;
  height: calc(100% - 70px);
  padding-bottom: 2em;
  display: flex;
  flex-direction: column;
}
.panel .task-panel.tasks {
  flex: 1;
}
.panel .task-panel.tasks-desc {
  margin-left: 0;
  width: 0;
  padding: 0px;
  transition: all 0.3s;
  position: relative;
  display: flex;
  flex-direction: column;
}
.panel .task-panel.tasks-desc.active {
  flex: 1;
  margin-left: 2%;
}
.panel .task-panel.tasks-desc hr.separator {
  border: 1px dashed #ddd;
  border-top: 0;
  margin-top: 1em;
}
.panel .task-panel.tasks-desc .panel-scroll {
  min-height: 60%;
  overflow-y: auto;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .date:not(:last-child) {
  margin-right: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .date:hover {
  border: 1px dashed #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .file-upload-icon {
  margin-right: auto;
  margin-left: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .comments-icon {
  margin-right: auto;
  margin-left: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .sub-task-btn, .panel .task-panel.tasks-desc .panel-scroll .toolbar .file-upload-icon, .panel .task-panel.tasks-desc .panel-scroll .toolbar .comments-icon {
  padding: 6px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.1s;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .sub-task-btn:hover, .panel .task-panel.tasks-desc .panel-scroll .toolbar .file-upload-icon:hover, .panel .task-panel.tasks-desc .panel-scroll .toolbar .comments-icon:hover {
  border: 2px solid #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .sub-task-btn:hover svg, .panel .task-panel.tasks-desc .panel-scroll .toolbar .file-upload-icon:hover svg, .panel .task-panel.tasks-desc .panel-scroll .toolbar .comments-icon:hover svg {
  fill: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar .sub-task-btn svg, .panel .task-panel.tasks-desc .panel-scroll .toolbar .file-upload-icon svg, .panel .task-panel.tasks-desc .panel-scroll .toolbar .comments-icon svg {
  margin-left: 0;
  fill: #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar input {
  font-size: 12px;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar svg {
  margin-left: 10px;
  width: 18px;
  height: 18px;
  border: 0;
}
.panel .task-panel.tasks-desc .panel-scroll .toolbar svg:hover {
  fill: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls svg {
  width: 18px;
  height: 18px;
  fill: #ddd;
  border: 0;
  border-radius: 0;
  cursor: default;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls .attachment-icon {
  width: 5%;
  height: 3%;
  margin-right: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul {
  flex: 1;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  text-decoration: none;
  font-weight: 400;
  word-wrap: break-word;
  flex: 1;
  color: #a8a8a8;
  margin-left: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li a:hover {
  text-decoration: underline;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li a:hover .removeTaskUrl {
  display: block;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li .removeTaskUrl {
  background-color: #0089CF;
  padding: 2px;
  border-radius: 50%;
  margin-right: auto;
  margin-left: 10px;
  display: block;
  cursor: pointer;
}
.panel .task-panel.tasks-desc .panel-scroll .task-urls ul li .removeTaskUrl svg {
  fill: #fff;
  width: 10px;
  height: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item {
  display: flex;
  align-items: center;
  flex: 1;
  border-bottom: 1px solid #ddd;
  transition: all 0.4s;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title {
  display: flex;
  align-items: center;
  flex: 1;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title input {
  font-size: 13px;
  font-weight: normal;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title input.completed {
  text-decoration: line-through;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title input.not-completed {
  text-decoration: normal;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title svg {
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  padding: 1px;
  fill: #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title svg.completed {
  background-color: #0089CF;
  fill: #fff;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title svg.not-completed {
  background-color: #fff;
  fill: #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-title svg:focus {
  outline: 0;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign.completed {
  display: none;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign.not-completed {
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate {
  margin-right: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate span {
  color: #898e95;
  background-color: #eff0f1;
  border-radius: 8px;
  font-size: 10px;
  padding: 2px 6px;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-user span {
  text-transform: uppercase;
  background-color: #0089CF;
  font-size: 10px;
  border-radius: 50%;
  padding: 5px;
  color: #fff;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate, .panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-user {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 4px;
  transition: all 0.4s;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate.active, .panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-user.active {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate:hover, .panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-user:hover {
  border-color: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-duedate:hover svg, .panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign .sub-task-user:hover svg {
  fill: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-assign svg {
  width: 14px;
  height: 14px;
  fill: #ddd;
  border-radius: 0;
  border: 1px solid transparent;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-remove {
  margin-left: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .sub-tasks .item .sub-task-remove svg {
  width: 14px;
  height: 14px;
  border: 0;
}
.panel .task-panel.tasks-desc .panel-scroll textarea {
  border: 0;
  box-shadow: none;
  font-weight: normal;
  color: #333;
  width: 100%;
  overflow: hidden;
  box-sizing: padding-box;
  display: block;
  min-height: 0;
  resize: none;
  padding: 10px;
  margin-top: 1em;
  font-family: Roboto;
}
.panel .task-panel.tasks-desc .panel-scroll textarea:not(:last-child) {
  margin-bottom: 1em;
}
.panel .task-panel.tasks-desc .panel-scroll textarea:focus {
  border-color: #0089CF;
  outline: 0;
  -webkit-box-shadow: 0 0 1px #f65e5e;
  box-shadow: 0 0 1px #f65e5e;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area {
  display: flex;
  padding: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area .log-list {
  margin-top: 1em;
  margin-bottom: 1em;
  flex: 1;
  margin-left: 2.5em;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area .log-list li {
  display: flex;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area .log-list li:not(:last-child) {
  margin-bottom: 0.5em;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area .log-list li span {
  font-size: 10px;
  opacity: 0.8;
  font-weight: 400;
  color: #8e8e8e;
}
.panel .task-panel.tasks-desc .panel-scroll .log-area .log-list li span strong {
  text-transform: capitalize;
  color: #0f0f0f;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files svg {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  cursor: default;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li:not(:last-child) {
  margin-bottom: 1em;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar .user-icon {
  background-color: #0089CF;
  border-radius: 50%;
  padding: 5px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar .user-icon svg {
  fill: #fff;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar .user-info {
  margin-right: auto;
  margin-left: 1em;
  font-size: 14px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar .user-info .user-name {
  text-transform: capitalize;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .avatar .user-info .created_at strong {
  font-weight: normal;
  color: #a8a8a8;
  font-style: italic;
  font-size: 12px;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .files {
  flex-direction: column;
  margin-left: 2.8em;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .files .download-link {
  margin-bottom: 0.5em;
  font-size: 12px;
  font-weight: normal;
  color: #0089CF;
  text-decoration: none;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .files .download-link:hover {
  text-decoration: underline;
}
.panel .task-panel.tasks-desc .panel-scroll .task-files ul li .files img {
  max-width: 100%;
  flex: 1 1 auto;
  margin-top: 0.5em;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments svg {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  cursor: default;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li:not(:last-child) {
  margin-bottom: 1em;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar .user-icon {
  background-color: #0089CF;
  border-radius: 50%;
  padding: 5px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar .user-icon svg {
  fill: #fff;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar .user-info {
  margin-right: auto;
  margin-left: 1em;
  font-size: 14px;
  align-self: flex-start;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar .user-info .user-name {
  text-transform: capitalize;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .avatar .user-info .created_at strong {
  font-weight: normal;
  color: #a8a8a8;
  font-style: italic;
  font-size: 12px;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .comment-desc {
  margin-left: 9%;
}
.panel .task-panel.tasks-desc .panel-scroll .task-comments ul li .comment-desc p {
  font-weight: normal;
  font-size: 13px;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  overflow-y: auto;
  transition: all 0.5s;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files.active {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px dashed #ddd;
  padding: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files.active .dz-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files.active.dz-started {
  border-color: #0089CF;
  justify-content: initial;
  align-items: initial;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files.active.dz-started .dz-message {
  display: none;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files.active.dz-started .dz-close {
  display: flex;
  position: static;
  align-self: flex-end;
  margin-bottom: 0.5em;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-close svg {
  width: 16px;
  height: 16px;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-message {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-message span {
  margin-top: 1em;
  color: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview:not(:last-child) {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview.dz-file-preview img {
  width: 50px;
  height: 50px;
  background-color: #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-image {
  margin-right: 10px;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-image img {
  max-width: 100%;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-details {
  font-size: 12px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-details .dz-filename {
  display: none;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-progress {
  flex: 1;
  height: 7px;
  background: #ddd;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-progress .dz-upload {
  background-color: #0089CF;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-success-mark, .panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-error-mark {
  display: none;
}
.panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-success-mark svg, .panel .task-panel.tasks-desc .panel-scroll #dropzone-files .dz-preview .dz-error-mark svg {
  width: 16px;
  height: 16px;
}
.panel .task-panel.tasks-desc .comments {
  align-items: flex-end;
  padding: 10px 10px 0 10px;
  background-color: #f4f4f4;
  margin-top: auto;
  border-top: 1px solid #ddd;
  padding-bottom: 2em;
}
.panel .task-panel.tasks-desc .comments .comments-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.panel .task-panel.tasks-desc .comments .comments-panel .avatar {
  align-self: flex-start;
  background-color: #0089CF;
  border-radius: 50%;
  padding: 6px;
}
.panel .task-panel.tasks-desc .comments .comments-panel .avatar svg {
  fill: #fff;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
}
.panel .task-panel.tasks-desc .comments .comments-panel .comments-area {
  margin-right: auto;
  margin-left: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.panel .task-panel.tasks-desc .comments .comments-panel .comments-area textarea {
  resize: none;
}
.panel .task-panel.tasks-desc .comments .comments-panel .comments-area div {
  border-top: 1px solid #ddd;
  background-color: #fff;
  padding: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.panel .task-panel.tasks-desc .comments .comments-panel .comments-area div button {
  width: 25%;
  padding: 10px;
  font-size: 12px;
}
.panel .task-panel .top-bar {
  padding: 10px;
}
.panel .task-panel .top-bar button {
  padding: 10px;
  width: 100px;
  font-size: 12px;
}
.panel .task-panel .task-content {
  padding: 10px;
  font-size: 12px;
}
.panel .task-panel .task-content input {
  padding: 1px 8px;
  font-weight: normal;
  font-size: 13px;
}
.panel .task-panel .task-content .task-item {
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
.panel .task-panel .task-content .task-item > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.panel .task-panel .task-content .task-item > div .task-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.panel .task-panel .task-content .task-item > div .task-title input {
  margin-right: auto;
}
.panel .task-panel .task-content .task-item > div .task-title input.completed {
  text-decoration: line-through;
  color: #282828;
}
.panel .task-panel .task-content .task-item > div .task-title input.notcompleted {
  text-decoration: normal;
}
.panel .task-panel .task-content .task-item > div .task-title svg {
  border: 1px solid #ddd;
  padding: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.4s;
  fill: #ddd;
}
.panel .task-panel .task-content .task-item > div .task-title svg.completed {
  background-color: #0089CF;
  border: 0;
  fill: #fff;
}
.panel .task-panel .task-content .task-item > div .task-title svg.notcompleted {
  background-color: #fff;
  fill: #ddd;
}
.panel .task-panel .task-content .task-item > div .due_date {
  margin-right: 5px;
  color: #898e95;
  background-color: #eff0f1;
  border-radius: 8px;
  font-size: 10px;
  padding: 2px 6px;
}
.panel .task-panel .task-content .task-item > div .project_name {
  margin-right: 5px;
  color: #fff;
  background-color: #f65e5e;
  border-radius: 8px;
  font-size: 10px;
  padding: 2px 6px;
}
.panel .task-panel .task-content .task-item > div .assignee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*.user 
  {
  	display:flex;
  	justify-content:space-between;

  	&:last-child{
  		margin-right:auto;
  	}
  	margin-right:5px;
  	svg 
  	{
  		border:1px dashed #999;
  		border-radius:50%;
  		padding:2px;
  	}
  	span
  	{
  		margin-right:auto;
  		margin-left:5px;
  	}
  }*/
}
.panel .task-panel .task-content .task-item > div .assignee svg {
  margin-right: 8px;
}
.panel .task-panel .task-content .task-item > div .assignee .user span {
  color: #0089CF;
}
.panel .task-panel .task-content .task-item > div .task-dates {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .task-panel .task-content .task-item > div:hover svg.userIcon {
  opacity: 1;
}
.panel .task-panel .task-content .task-item > div.active svg.userIcon {
  opacity: 1;
  border: 2px solid #0089CF;
}
.panel .task-panel .task-content .task-item > div .removeTask {
  width: 14px;
  height: 14px;
  border: 0;
  margin-left: 10px;
}
.panel .task-panel .task-content .task-item > div .removeTask:hover {
  fill: #0089CF;
}

.case-incident-details {
  display: none;
  padding: 1em;
}
.case-incident-details.active {
  display: block;
}
.case-incident-details .details {
  background: #fff;
  padding: 10px;
}
.case-incident-details .incident-files {
  width: 100%;
}
.case-incident-details .incident-files .incident-report-files {
  padding: 1em;
}
.case-incident-details .incident-files .incident-report-files ul {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  transition: 0.3s all;
}
.case-incident-details .incident-files .incident-report-files ul li {
  background: #fff;
  display: flex;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1em;
  flex: 1 1 300px;
  margin: 1rem;
}
.case-incident-details .incident-files .incident-report-files ul li .file-content {
  padding: 10px;
  margin: 0 auto;
}
.case-incident-details .incident-files .incident-report-files ul li .file-content img {
  max-width: 100%;
}
.case-incident-details .incident-files .incident-report-files ul li .file-content svg {
  align-self: center;
}
.case-incident-details .incident-files .incident-report-files ul li .file-content svg.pdf {
  width: 54px;
  height: 69px;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info {
  border-top: 1px solid #ddd;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info .file-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info .file-details .avatar {
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 50%;
  background-color: #0089CF;
  align-items: center;
  justify-content: center;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info .file-details .avatar svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info .file-details .avatar .avatar-name {
  text-transform: uppercase;
  background-color: #f65e5e;
  font-size: 10px;
  border-radius: 50%;
  padding: 5px;
  color: #fff;
  font-weight: 400;
}
.case-incident-details .incident-files .incident-report-files ul li .file-info .file-details span {
  font-size: 14px;
  font-weight: 400;
  margin-right: auto;
  margin-left: 10px;
}
.case-incident-details .incident-files .incident-report-files .no-files {
  background-color: #fff;
  padding: 10px;
}
.case-incident-details .incident-files .incident-report-files .no-files h4 {
  font-weight: 400;
}
.case-incident-details .action-impact {
  width: 100%;
}
.case-incident-details .action-impact .action-plan-table {
  padding: 1em;
}
.case-incident-details .action-impact .action-plan-table h4 {
  color: #0089CF;
  font-weight: 400;
  margin-bottom: 10px;
}
.case-incident-details .action-impact .action-plan-table table tr th, .case-incident-details .action-impact .action-plan-table table tr td {
  border-bottom: 0;
  border-top: 0;
}
.case-incident-details .action-impact .action-plan-table table tr td {
  padding: 20px 10px;
}
.case-incident-details .action-impact .action-plan-table table tr td span {
  text-align: center;
  background-color: #0089CF;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  display: flex;
}
.case-incident-details .action-impact .action-plan-table table tr td span:not(:last-child) {
  margin-bottom: 10px;
}
.case-incident-details .action-impact .action-plan-table table tr td span.safety-security {
  background-color: #ea1d25;
}
.case-incident-details .action-impact .action-plan-table table tr td span.communication {
  background-color: #11a0d2;
}
.case-incident-details .action-impact .action-plan-table table tr td span.financial {
  background-color: #f15b22;
}
.case-incident-details .action-impact .action-plan-table table tr td span.governance {
  background-color: #47b272;
}
.case-incident-details .action-impact .action-plan-table table tr td span.external {
  background-color: #735798;
}
.case-incident-details .action-impact .action-plan-table table tr td span.project {
  background-color: #0d7367;
}
.case-incident-details .action-impact .action-plan-table table tr td span.organisational {
  background-color: #fcb016;
}

.edit-title {
  display: flex;
  align-items: center;
  background-color: #0089CF;
}
.edit-title .title {
  flex: 1;
}
.edit-title a {
  width: 5%;
  padding: 10px;
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  background-color: #0089CF;
  color: #fff;
  border-radius: 50%;
}

.datepicker-panel > ul > li:hover {
  background-color: #0089CF;
  color: #fff;
  border-radius: 50%;
}

.datepicker-panel > ul > li[data-view="month current"]:hover {
  background-color: transparent;
  color: #282828;
}

.datepicker-panel > ul[data-view=week] > li:hover {
  border-radius: 0;
}

.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #0089CF;
}

.datepicker-top-left:before, .datepicker-top-right:before {
  border-bottom-color: #282828;
}

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #282828;
}

/*.twitter-typeahead
{
	width: 100%;
}*/
.tt-menu {
  background-color: #fff;
  border: 1px solid #ddd;
  width: 250px;
  /*width: 100%;*/
}
.tt-menu .tt-suggestion {
  padding: 12px 8px;
}
.tt-menu .tt-suggestion:first-child {
  border-top: 1px solid transparent;
}
.tt-menu .tt-suggestion:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.tt-menu .tt-suggestion:hover {
  background-color: #0089CF;
  color: #fff;
}

/*IE Styles*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select::-ms-expand {
    display: none;
  }

  input::-ms-check {
    -ms-appearance: none !important;
    opacity: 0;
    border: 1px solid #ddd;
  }

  textarea {
    required: none;
  }

  .select i {
    display: none;
  }

  .toggles .toggle-bar span {
    font-size: 12px;
    text-transform: uppercase;
    padding: 17px;
  }
  .toggles .toggle-bar span.off {
    color: #eee;
    margin-left: auto;
  }

  .group-titles .title span.off {
    margin-left: 15px;
    color: #f65e5e;
  }

  form.form-inline {
    display: -ms-block;
  }
  form .select-inline {
    margin-right: 2em;
    width: 75%;
  }
  form .save-inline {
    width: 15%;
    position: absolute;
    top: 18%;
    right: 10.5%;
  }

  .file-upload input {
    width: 30%;
  }

  .container {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: #282828;
    -ms-flex: 1;
    flex: 1;
  }

  /* Permissions */
  nav .nav-right-side .account-settings .tabs .tab-content .tab-pane .permissions {
    margin-top: 9em;
  }

  nav div.drop-menu .logo-bar .logo-block {
    position: absolute;
    top: 0;
    left: 0;
  }

  nav div.drop-menu .logo-bar .logo-icon {
    margin-left: 10%;
    margin-top: 6%;
  }

  nav div.drop-menu .icon-tiles .tiles-menu {
    background-color: #fff;
  }

  nav div.drop-menu .icon-tiles {
    position: relative;
    padding: 0;
  }
  nav div.drop-menu .icon-tiles.active {
    z-index: 99999;
  }

  nav .nav-right-side .account-settings .tabs .nav-tabs li a img {
    position: absolute;
    right: 1em;
    border: 0;
    outline: 0;
  }
  nav .nav-right-side .account-settings .tabs .nav-tabs li a img:focus {
    outline: 0;
  }

  .widgets {
    display: ms-inline-flex;
    justify-content: space-between;
  }
  .widgets a {
    float: left;
  }

  .hazard-details .card .list ul li, .audit-details .card .list ul li {
    display: inline-block;
    /*display: ms-flexbox;
    align-items: center;
    justify-content: space-between;*/
  }
  .hazard-details .card .list ul li span, .audit-details .card .list ul li span {
    /*padding: 10px;*/
    width: 100%;
    display: inline-block;
  }

  .bottom-row .pagination div a {
    display: inline-block;
  }

  .reports.tabs ul li {
    display: inline-block;
    /*margin-top: -16px;*/
  }
  .reports.tabs ul li a {
    display: inline-block;
  }

  .title {
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-between;
  }

  form .single-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  form .single-row input {
    flex: 1;
  }
  form .single-row button {
    padding: 11px 8px;
    margin-top: -15px;
    margin-left: 1em;
    width: 200px;
  }

  .page-content .content-header .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page-content .content-header .actions a {
    display: inline-flex;
  }

  .riskmatrix .panel .aesthitcs .color-codes span {
    display: inline-block;
  }

  .banner-clippath {
    position: relative;
  }

  .banner-clippath > div {
    background-color: #f65e5e;
    width: 100%;
    height: 320px;
    clip-path: polygon(0 0, 0 0, 250% 0%, 0 100%);
    position: absolute;
    transition: all 0.4s;
  }

  .bg-slide {
    background-color: #0089CF;
    position: absolute;
    width: 100%;
    height: 50%;
    top: -5%;
    z-index: 1;
    transform: skewY(-7deg);
    animation: slide 0.5s ease;
  }

  li.ng-scope {
    height: auto;
  }
  li .file-content img {
    height: auto;
  }

  .project-files ul li .file-info .file-details .avatar {
    display: block;
    margin-top: 10px;
  }
  .project-files ul li .file-info .file-details .avatar strong {
    margin-top: 17.5em;
    color: #fff;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: center;
  }

  .incident-files ul {
    height: 70px;
  }
  .incident-files ul li img {
    height: auto;
  }

  /*nav .nav-right-side .account-settings .tabs .tab-content .tab-pane .user-profile form > div input[type='email']
  {
    margin-left: 45px;
  }

  nav .nav-right-side .account-settings .tabs .tab-content .tab-pane .user-profile form > div .avatar
  {
    width: 35px;
    height: 20px;
  }*/
  #edit-panel input::-ms-check {
    -ms-appearance: radio !important;
    opacity: 1;
    border: 1px solid #000;
  }

  #edit-panel label:before {
    font-family: FontAwesome;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
  }
}
/*Mozilla Styles*/
@-moz-document url-prefix() {
  nav .nav-right-side .account-settings .tabs .tab-content .tab-pane .user-profile form > div input[type=email] {
    margin-right: 19px;
  }

  nav .nav-right-side .account-settings .tabs .tab-content .tab-pane .user-profile form > div .avatar svg {
    width: 19px;
    height: 12px;
  }
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #f65e5e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
.xdsoft_datetimepicker button {
  border: none !important;
}

/*For IE8 or lower*/
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection, .xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 300px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);*/
  background-image: url("../img/datepicker-icons.png");
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
  text-align: center;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background: #f65e5e;
  box-shadow: #f65e5e 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #f65e5e;
  box-shadow: #f65e5e 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  color: #fff !important;
  background: #282828 !important;
  box-shadow: none !important;
  outline: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #282828 !important;
  box-shadow: none !important;
  outline: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #282828;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#f4f8fa",GradientType=0 );
  /* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f8fa", endColorstr="#FFF",GradientType=0 );
  /* IE6-9 */
}

.master-dashboard {
  display: flex;
  flex-direction: column;
}
.master-dashboard .widgets-side-panel {
  position: fixed;
  right: 0px;
  padding: 10px;
  background-color: #fff;
  width: auto;
  z-index: 9;
  box-shadow: 0px 0px 15px #ddd;
  flex-direction: column;
  height: auto;
  transition: 0.4s all;
}
.master-dashboard .widgets-side-panel.active {
  display: block;
  height: 100%;
  width: 250px;
  background-color: #f4f4f4;
}
.master-dashboard .widgets-side-panel.active .widgets-sidebar {
  display: block;
}
.master-dashboard .widgets-side-panel.active .widgets-icon .closeIcon {
  display: block;
}
.master-dashboard .widgets-side-panel.active .widgets-icon .openIcon {
  display: none;
}
.master-dashboard .widgets-side-panel .widgets-icon {
  cursor: pointer;
}
.master-dashboard .widgets-side-panel .widgets-icon svg {
  width: 18px;
  height: 18px;
  fill: #0089CF;
}
.master-dashboard .widgets-side-panel .widgets-icon .openIcon {
  display: block;
}
.master-dashboard .widgets-side-panel .widgets-icon .closeIcon {
  display: none;
}
.master-dashboard .widgets-side-panel .widgets-sidebar {
  display: none;
}
.master-dashboard .widgets-side-panel .widgets-sidebar .toggles li {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  padding-bottom: 10px;
  padding-top: 10px;
}
.master-dashboard .widgets-side-panel .widgets-sidebar .toggles li:last-child {
  border-bottom: 0;
}
.master-dashboard .widgets-side-panel .widgets-sidebar .toggles li:first-child {
  border-top: 0;
}
.master-dashboard .widgets-side-panel .widgets-sidebar .toggles li .toggle-bar {
  width: 25%;
}

.welcome-msg {
  display: flex;
  margin: 20px;
  padding: 20px;
  height: 80vh;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.welcome-msg h2 {
  color: #0089CF;
  font-weight: 300;
  font-size: 2.5em;
}
.welcome-msg .subject {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 1em;
}
.welcome-msg .subject p {
  font-weight: 400;
  font-size: 14px;
  line-height: 3.5em;
}

.riskmatrix {
  display: flex;
  flex: 1;
}
.riskmatrix .panel {
  display: flex;
  flex-direction: column;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  overflow-y: auto;
  height: calc(100% - 70px);
  position: relative;
}
.riskmatrix .panel form {
  /*width: 100%;*/
  /*margin:0;*/
  position: relative;
}
.riskmatrix .panel form h3 {
  transform: rotate(-90deg);
  position: absolute;
  left: -8%;
  font-size: 12px;
  top: 60%;
}
.riskmatrix .panel form .popover.active {
  z-index: 9;
  right: -4.5em;
  top: 1.5em;
}
.riskmatrix .panel .aesthitcs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*border-bottom: 1px solid #ddd;*/
  /*margin-bottom: 10px;*/
  /*padding-bottom: 10px;*/
}
.riskmatrix .panel .aesthitcs .color-codes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.riskmatrix .panel .aesthitcs .color-codes span {
  width: 20px;
  height: 20px;
}
.riskmatrix .panel .aesthitcs .color-codes span:not(:last-child) {
  margin-right: 10px;
}
.riskmatrix .panel .aesthitcs .color-codes span.red {
  background-color: red;
}
.riskmatrix .panel .aesthitcs .color-codes span.green {
  background-color: green;
}
.riskmatrix .panel .aesthitcs .color-codes span.blue {
  background-color: blue;
}
.riskmatrix .panel .aesthitcs .color-codes span.yellow {
  background-color: yellow;
}
.riskmatrix .panel .aesthitcs .color-codes span.orange {
  background-color: orange;
}
.riskmatrix .panel .aesthitcs .color-codes span.dark-black {
  background-color: black;
}
.riskmatrix .panel .aesthitcs .color-codes span.purple {
  background-color: purple;
}
.riskmatrix .panel .aesthitcs .color-codes span.active {
  border: 2px solid #ddd;
}
.riskmatrix .panel .aesthitcs button {
  margin-top: 1em;
  width: 100%;
}
.riskmatrix .panel .aesthitcs .actions {
  display: flex;
  align-self: flex-end;
}
.riskmatrix .panel .aesthitcs .actions button {
  width: auto;
  padding: 10px 8px;
  font-size: 12px;
}
.riskmatrix .panel .aesthitcs .actions button:not(:last-child) {
  margin-right: 10px;
}
.riskmatrix .panel.graph {
  flex: 1;
  margin-right: 1em;
}

.demo-card-wide .mdl-card {
  width: 512px;
}
.demo-card-wide .mdl-card__title {
  color: #fff;
  /*height: 176px;*/
  background: #0089CF;
}
.demo-card-wide .mdl-card__menu {
  color: #fff;
}
.demo-card-wide .mdl-card__title-text {
  align-self: flex-start;
}

.hazard-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hazard-details .card {
  width: 30%;
  height: 265px;
  box-shadow: 0 0 5px #ddd;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hazard-details .card.template {
  overflow: auto;
  justify-content: space-between;
}
.hazard-details .card.template .list {
  flex: none;
}
.hazard-details .card.template form {
  margin-top: 1em;
}
.hazard-details .card:not(:last-child) {
  margin-right: 10px;
}
.hazard-details .card:not(:last-child):after {
  content: "";
  width: 250px;
  height: 3px;
  background-color: #0089CF;
  position: absolute;
  right: -250px;
  top: 50%;
}
.hazard-details .card .title {
  background-color: #0089CF;
  padding: 12px;
  text-align: center;
}
.hazard-details .card .title h4 {
  color: #fff;
  font-weight: 300;
}
.hazard-details .card .list {
  display: flex;
  display: ms-flexbox;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.hazard-details .card .list ul {
  align-self: flex-start;
  flex: 1;
  margin-top: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0 4em;
}
.hazard-details .card .list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 2em;
  font-size: 12px;
}
.hazard-details .card .list ul li:not(:last-child) {
  margin-bottom: 1em;
}
.hazard-details .card .list ul li span {
  flex: 1;
  ms-flex: 1;
  border: 1px solid #ddd;
  text-align: center;
}
.hazard-details .card .list ul li span:first-child {
  background-color: #ddd;
}
.hazard-details .card .left-dir.fa-caret-left {
  position: absolute;
  top: 44.69%;
  right: -10px;
  font-size: 2em;
  color: #0089CF;
}
.hazard-details .card form {
  flex: 1;
}
.hazard-details .card form div {
  margin-bottom: 10px;
}
.hazard-details .card form div input, .hazard-details .card form div select, .hazard-details .card form div textarea {
  border: 1px solid #ddd;
  margin-bottom: 0;
  font-size: 12px;
}
.hazard-details .card form div input[type=checkbox] {
  border: 0;
}
.hazard-details .card form div.select {
  overflow: visible;
}
.hazard-details .card form div button[type=submit] {
  display: none;
}

.assessment-submissions {
  margin: 1em auto;
}
.assessment-submissions .ui-accordion .ui-accordion-header {
  background-color: #0089CF;
  border: 1px solid transparent;
  color: #fff;
}
.assessment-submissions .ui-accordion .ui-accordion-header:focus, .assessment-submissions .ui-accordion .ui-accordion-header:active, .assessment-submissions .ui-accordion .ui-accordion-header:hover {
  outline: 0;
  color: #fff;
}
.assessment-submissions .ui-accordion .ui-accordion-content {
  display: flex;
  justify-content: center;
}
.assessment-submissions .ui-accordion .ui-accordion-content .elems {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #0089CF;
  background: #0089CF;
}

.ui-accordion .ui-accordion-header {
  background-color: #0089CF;
  border: 1px solid transparent;
  color: #fff;
}
.ui-accordion .ui-accordion-header:focus, .ui-accordion .ui-accordion-header:active, .ui-accordion .ui-accordion-header:hover {
  outline: 0;
  color: #fff;
}
.ui-accordion .ui-accordion-content {
  display: flex;
  justify-content: center;
}
.ui-accordion .ui-accordion-content .elems {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #0089CF;
  background: #0089CF;
}

.audit-details {
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
}
.audit-details .card {
  width: 45%;
  height: 300px;
  box-shadow: 0 0 5px #ddd;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.audit-details .card.template {
  overflow: auto;
  /*justify-content: space-between;*/
}
.audit-details .card.template h5 {
  align-self: center;
  margin-top: 2em;
}
.audit-details .card.template div.checklist {
  margin-top: 1em;
  margin-left: 1em;
}
.audit-details .card:not(:last-child) {
  margin-right: 10px;
}
.audit-details .card:not(:last-child):after {
  content: "";
  width: 250px;
  height: 3px;
  background-color: #0089CF;
  position: absolute;
  right: -250px;
  top: 50%;
}
.audit-details .card .title {
  background-color: #0089CF;
  padding: 12px;
  text-align: center;
}
.audit-details .card .title h4 {
  color: #fff;
  font-weight: 300;
}
.audit-details .card .list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.audit-details .card .list ul {
  align-self: flex-start;
  flex: 1;
  margin-top: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0 4em;
}
.audit-details .card .list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 2em;
  font-size: 12px;
}
.audit-details .card .list ul li:not(:last-child) {
  margin-bottom: 1em;
}
.audit-details .card .list ul li span {
  flex: 1;
  border: 1px solid #ddd;
  text-align: center;
}
.audit-details .card .list ul li span:first-child {
  background-color: #ddd;
}
.audit-details .card .left-dir.fa-caret-left {
  position: absolute;
  top: 45.3%;
  right: -10px;
  font-size: 2em;
  /*color: #f65e5e;*/
  color: #0089CF;
}
.audit-details .card form {
  flex: 1;
}
.audit-details .card form div {
  margin-bottom: 10px;
}
.audit-details .card form div input, .audit-details .card form div select, .audit-details .card form div textarea {
  border: 1px solid #ddd;
  margin-bottom: 0;
  font-size: 12px;
}
.audit-details .card form div input[type=checkbox] {
  border: 0;
}
.audit-details .card form div.select {
  overflow: visible;
}
.audit-details .card form div button[type=submit] {
  display: none;
}

.audit-submissions {
  margin: 1em auto;
}
.audit-submissions .ui-accordion .ui-accordion-header {
  background-color: #0089CF;
  border: 1px solid transparent;
  color: #fff;
}
.audit-submissions .ui-accordion .ui-accordion-header:focus, .audit-submissions .ui-accordion .ui-accordion-header:active, .audit-submissions .ui-accordion .ui-accordion-header:hover {
  outline: 0;
  color: #fff;
}
.audit-submissions .ui-accordion .ui-accordion-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.audit-submissions .ui-accordion .ui-accordion-content .elems {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #0089CF;
  background: #0089CF;
}

.tabs.reports {
  display: flex;
  height: 5%;
  margin-top: 2em;
  flex-direction: column;
}
.tabs.reports ul {
  display: flex;
  flex: 1;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.tabs.reports ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5em;
  margin-top: -22px;
}
.tabs.reports ul li:not(:last-child) {
  margin-right: 1em;
}
.tabs.reports ul li.active {
  color: #0089CF;
}
.tabs.reports ul li.active a:after {
  content: "";
  border-bottom: 0.1em solid #0089CF;
  display: table-caption;
  caption-side: bottom;
  position: relative;
  margin-top: 0;
}
.tabs.reports ul li a {
  text-decoration: none;
  text-align: center;
  color: inherit;
  cursor: pointer;
  font-size: 14px;
  display: inline-table;
  text-transform: uppercase;
}
.tabs.reports .tab-content {
  flex: 1;
  margin-top: 1em;
}
.tabs.reports .tab-content .tab-pane {
  display: none;
  transition: all 0.8s;
}
.tabs.reports .tab-content .tab-pane.active {
  display: block;
}

ul.cstm-tabs {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.cstm-tabs li {
  text-align: center;
}
ul.cstm-tabs li a {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border-radius: 4px;
  padding: 10px;
}
ul.cstm-tabs li a.active {
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.cstm-tab-content {
  padding: 10px;
  border: 1px solid #ddd;
}
.cstm-tab-content .incident {
  width: 100%;
}
.cstm-tab-content .cstm-tab-pane {
  display: none;
}
.cstm-tab-content .cstm-tab-pane.active {
  display: block;
}

.tiles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tiles.multi {
  flex-wrap: wrap;
}
.tiles.multi .tile {
  flex: 1 1 25%;
}
.tiles.multi .tile .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 1em;
}
.tiles.multi .tile .text h3 {
  font-size: 2em;
}
.tiles .tile {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 25px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  flex: 1;
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}
.tiles .tile:not(:last-child) {
  margin-right: 1em;
}
.tiles .tile i.fa {
  font-size: 2em;
  color: #0089CF;
}
.tiles .tile i:hover {
  color: #282828;
}
.tiles .tile .text {
  margin-right: auto;
  padding-left: 10px;
}
.tiles .tile img.icon {
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
}
.tiles .tile img.icon-user {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2060%2060%22%20style%3D%22enable-background%3Anew%200%200%2060%2060%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20d%3D%22M60%2C30C60%2C13.458%2C46.542%2C0%2C30%2C0S0%2C13.458%2C0%2C30c0%2C6.142%2C1.858%2C11.857%2C5.038%2C16.618l-0.002%2C0.021l0.207%2C0.303%0D%0A%09c0.18%2C0.263%2C0.374%2C0.512%2C0.562%2C0.768c0.076%2C0.104%2C0.151%2C0.209%2C0.229%2C0.313c0.238%2C0.316%2C0.483%2C0.626%2C0.732%2C0.931%0D%0A%09c0.072%2C0.088%2C0.145%2C0.175%2C0.218%2C0.262c1.157%2C1.385%2C2.427%2C2.653%2C3.793%2C3.794c0.083%2C0.069%2C0.165%2C0.139%2C0.249%2C0.208%0D%0A%09c0.298%2C0.243%2C0.599%2C0.481%2C0.906%2C0.712c0.124%2C0.094%2C0.25%2C0.185%2C0.375%2C0.277c0.292%2C0.214%2C0.584%2C0.426%2C0.884%2C0.629%0D%0A%09c0.16%2C0.109%2C0.326%2C0.211%2C0.488%2C0.317c0.416%2C0.27%2C0.836%2C0.531%2C1.264%2C0.779c0.298%2C0.174%2C0.597%2C0.347%2C0.902%2C0.511%0D%0A%09c0.184%2C0.099%2C0.372%2C0.191%2C0.558%2C0.286c0.325%2C0.166%2C0.651%2C0.327%2C0.982%2C0.481c0.167%2C0.077%2C0.334%2C0.153%2C0.502%2C0.227%0D%0A%09c0.383%2C0.17%2C0.771%2C0.331%2C1.162%2C0.485c0.121%2C0.048%2C0.241%2C0.097%2C0.363%2C0.144c1.073%2C0.406%2C2.175%2C0.754%2C3.302%2C1.036%0D%0A%09c0.046%2C0.012%2C0.093%2C0.021%2C0.139%2C0.032c0.498%2C0.122%2C1.001%2C0.231%2C1.509%2C0.328c0.135%2C0.026%2C0.27%2C0.049%2C0.405%2C0.073%0D%0A%09c0.424%2C0.075%2C0.85%2C0.141%2C1.28%2C0.198c0.164%2C0.022%2C0.327%2C0.043%2C0.491%2C0.063c0.419%2C0.048%2C0.841%2C0.086%2C1.265%2C0.117%0D%0A%09c0.158%2C0.012%2C0.315%2C0.027%2C0.473%2C0.036C28.847%2C59.979%2C29.421%2C60%2C30%2C60s1.153-0.021%2C1.724-0.053c0.158-0.009%2C0.315-0.025%2C0.473-0.036%0D%0A%09c0.424-0.031%2C0.846-0.068%2C1.265-0.117c0.164-0.019%2C0.328-0.041%2C0.491-0.063c0.43-0.057%2C0.856-0.123%2C1.28-0.198%0D%0A%09c0.135-0.024%2C0.27-0.047%2C0.405-0.073c0.508-0.097%2C1.011-0.206%2C1.509-0.328c0.046-0.011%2C0.093-0.021%2C0.139-0.032%0D%0A%09c1.127-0.282%2C2.229-0.63%2C3.302-1.036c0.122-0.046%2C0.243-0.096%2C0.365-0.144c0.391-0.154%2C0.778-0.315%2C1.161-0.484%0D%0A%09c0.168-0.074%2C0.336-0.15%2C0.502-0.227c0.331-0.154%2C0.658-0.315%2C0.982-0.481c0.186-0.095%2C0.374-0.188%2C0.558-0.286%0D%0A%09c0.305-0.164%2C0.603-0.337%2C0.902-0.511c0.428-0.249%2C0.849-0.509%2C1.264-0.779c0.163-0.106%2C0.328-0.208%2C0.488-0.317%0D%0A%09c0.299-0.203%2C0.591-0.415%2C0.884-0.629c0.125-0.092%2C0.251-0.183%2C0.375-0.277c0.306-0.231%2C0.608-0.469%2C0.906-0.712%0D%0A%09c0.084-0.069%2C0.166-0.139%2C0.249-0.208c1.367-1.142%2C2.636-2.409%2C3.794-3.795c0.073-0.087%2C0.145-0.173%2C0.216-0.261%0D%0A%09c0.249-0.305%2C0.494-0.615%2C0.732-0.931c0.078-0.103%2C0.152-0.208%2C0.229-0.313c0.187-0.256%2C0.382-0.505%2C0.562-0.768l0.207-0.303%0D%0A%09l-0.002-0.021C58.142%2C41.857%2C60%2C36.142%2C60%2C30z%20M58%2C30c0%2C4.972-1.309%2C9.642-3.591%2C13.694C52.697%2C38.02%2C47.458%2C34%2C41.311%2C34h-0.896%0D%0A%09h-5.049C35.164%2C34%2C35%2C33.836%2C35%2C33.635V32.99c0-0.183%2C0.149-0.303%2C0.276-0.352c6.439-2.421%2C10.455-12.464%2C9.613-19.488%0D%0A%09c-0.439-3.658-2.251-6.927-4.883-9.295C50.517%2C7.892%2C58%2C18.086%2C58%2C30z%20M52.538%2C46.59c-0.081%2C0.109-0.162%2C0.217-0.244%2C0.325%0D%0A%09c-0.223%2C0.293-0.448%2C0.584-0.682%2C0.868c-0.024%2C0.029-0.049%2C0.057-0.073%2C0.086c-0.808%2C0.972-1.681%2C1.888-2.611%2C2.743%0D%0A%09c-0.055%2C0.051-0.11%2C0.103-0.166%2C0.153c-0.277%2C0.251-0.561%2C0.495-0.848%2C0.735c-0.09%2C0.075-0.181%2C0.149-0.272%2C0.223%0D%0A%09c-0.279%2C0.227-0.56%2C0.45-0.847%2C0.666c-0.097%2C0.073-0.197%2C0.142-0.295%2C0.214c-0.165%2C0.121-0.332%2C0.238-0.499%2C0.355V48h-2v6.233%0D%0A%09c-0.039%2C0.023-0.078%2C0.045-0.118%2C0.068c-0.255%2C0.146-0.509%2C0.291-0.768%2C0.428c-0.177%2C0.094-0.357%2C0.185-0.537%2C0.276%0D%0A%09c-0.302%2C0.152-0.606%2C0.299-0.913%2C0.44c-0.15%2C0.069-0.299%2C0.138-0.45%2C0.204c-0.385%2C0.168-0.774%2C0.328-1.166%2C0.479%0D%0A%09c-0.081%2C0.031-0.16%2C0.065-0.241%2C0.095c-1%2C0.374-2.022%2C0.692-3.063%2C0.95c-0.075%2C0.019-0.151%2C0.034-0.226%2C0.052%0D%0A%09c-0.431%2C0.103-0.866%2C0.197-1.303%2C0.279c-0.13%2C0.025-0.26%2C0.047-0.391%2C0.07c-0.388%2C0.068-0.778%2C0.127-1.17%2C0.178%0D%0A%09c-0.151%2C0.02-0.302%2C0.041-0.454%2C0.058c-0.388%2C0.045-0.778%2C0.078-1.17%2C0.107c-0.145%2C0.01-0.289%2C0.025-0.435%2C0.033%0D%0A%09C31.065%2C57.982%2C30.534%2C58%2C30%2C58s-1.065-0.018-1.595-0.048c-0.146-0.008-0.29-0.023-0.435-0.033c-0.391-0.029-0.782-0.062-1.17-0.107%0D%0A%09c-0.152-0.017-0.303-0.038-0.454-0.058c-0.392-0.052-0.782-0.111-1.17-0.178c-0.13-0.023-0.261-0.045-0.391-0.07%0D%0A%09c-0.437-0.083-0.872-0.176-1.303-0.28c-0.075-0.018-0.15-0.034-0.225-0.052c-1.041-0.259-2.064-0.576-3.064-0.95%0D%0A%09c-0.081-0.03-0.161-0.064-0.241-0.095c-0.392-0.151-0.78-0.311-1.165-0.479c-0.151-0.066-0.301-0.135-0.451-0.204%0D%0A%09c-0.307-0.141-0.611-0.288-0.913-0.44c-0.18-0.091-0.36-0.181-0.537-0.276c-0.259-0.137-0.514-0.283-0.768-0.428%0D%0A%09c-0.039-0.023-0.079-0.045-0.118-0.068V48h-2v4.958c-0.168-0.117-0.335-0.235-0.499-0.355c-0.098-0.072-0.198-0.141-0.295-0.214%0D%0A%09c-0.287-0.216-0.568-0.439-0.846-0.665c-0.092-0.074-0.183-0.149-0.274-0.224c-0.287-0.239-0.57-0.483-0.847-0.734%0D%0A%09c-0.056-0.051-0.112-0.104-0.168-0.155c-0.93-0.855-1.803-1.77-2.61-2.742c-0.024-0.029-0.049-0.057-0.073-0.086%0D%0A%09c-0.234-0.284-0.459-0.575-0.682-0.868c-0.082-0.108-0.164-0.216-0.244-0.325c-0.12-0.163-0.236-0.329-0.352-0.495%0D%0A%09C7.893%2C40.313%2C12.804%2C36%2C18.689%2C36h2.896L30%2C44.414L38.414%2C36h2.896c5.885%2C0%2C10.797%2C4.313%2C11.58%2C10.095%0D%0A%09C52.774%2C46.261%2C52.659%2C46.427%2C52.538%2C46.59z%20M25.491%2C30.791C20.709%2C29.022%2C17%2C20.85%2C17%2C15c0-0.128%2C0.015-0.253%2C0.018-0.38%0D%0A%09l0.732-0.903c1.651-1.964%2C4.469-2.526%2C7.012-1.4C25.785%2C12.771%2C26.874%2C13%2C28%2C13c2.971%2C0%2C5.64-1.615%2C7.028-4.184%0D%0A%09c3.182%2C1.045%2C6.022%2C3.015%2C7.943%2C5.498c0.293%2C6.1-3.294%2C14.533-8.398%2C16.452C33.617%2C31.126%2C33%2C31.999%2C33%2C32.99v0.645%0D%0A%09C33%2C34.938%2C34.062%2C36%2C35.365%2C36h0.221L30%2C41.586L24.414%2C36h0.221C25.938%2C36%2C27%2C34.938%2C27%2C33.635V33%0D%0A%09C27%2C32.014%2C26.395%2C31.126%2C25.491%2C30.791z%20M30.04%2C2.002c0.012%2C0%2C0.022%2C0%2C0.033%2C0c0.489%2C0.003%2C0.97%2C0.03%2C1.43%2C0.083%0D%0A%09c4.959%2C0.553%2C9.127%2C4.005%2C10.752%2C8.589c-2.115-1.842-4.708-3.26-7.497-4.027l-0.86-0.236l-0.333%2C0.826C32.644%2C9.522%2C30.46%2C11%2C28%2C11%0D%0A%09c-0.845%2C0-1.662-0.172-2.427-0.511c-2.766-1.224-5.786-0.893-8.017%2C0.73c0.613-2.026%2C1.72-3.882%2C3.261-5.42%0D%0A%09C23.271%2C3.35%2C26.53%2C2.002%2C30.04%2C2.002z%20M19.982%2C3.86c-0.193%2C0.174-0.392%2C0.338-0.578%2C0.523C16.564%2C7.218%2C15%2C10.987%2C15%2C15%0D%0A%09c0%2C6.629%2C4.19%2C15.593%2C9.797%2C17.666C24.916%2C32.711%2C25%2C32.848%2C25%2C33v0.635C25%2C33.836%2C24.836%2C34%2C24.635%2C34h-5.049h-0.896%0D%0A%09c-6.148%2C0-11.387%2C4.02-13.099%2C9.694C3.309%2C39.642%2C2%2C34.972%2C2%2C30C2%2C18.09%2C9.477%2C7.9%2C19.982%2C3.86z%22/%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.tiles .tile img.icon-book {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20512.004%20512.004%22%20style%3D%22enable-background%3Anew%200%200%20512.004%20512.004%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M291.057%2C242.811c1.51%2C2.953%2C4.514%2C4.659%2C7.62%2C4.659c1.297%2C0%2C2.628-0.299%2C3.866-0.93%0D%0A%09%09%09%09c0.503-0.256%2C50.731-25.771%2C75.503-33.596c4.489-1.425%2C6.98-6.221%2C5.555-10.709c-1.417-4.489-6.178-6.989-10.709-5.572%0D%0A%09%09%09%09c-26.095%2C8.252-75.981%2C33.596-78.097%2C34.671C290.596%2C233.467%2C288.924%2C238.605%2C291.057%2C242.811z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M298.677%2C145.071c1.297%2C0%2C2.628-0.299%2C3.866-0.93c0.503-0.256%2C50.731-25.771%2C75.503-33.596%0D%0A%09%09%09%09c4.489-1.425%2C6.98-6.221%2C5.555-10.709c-1.417-4.489-6.178-6.989-10.709-5.572c-26.095%2C8.252-75.981%2C33.596-78.097%2C34.671%0D%0A%09%09%09%09c-4.198%2C2.133-5.871%2C7.27-3.738%2C11.477C292.567%2C143.364%2C295.571%2C145.071%2C298.677%2C145.071z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M503.469%2C128.004c-4.719%2C0-8.533%2C3.823-8.533%2C8.533v332.8c0%2C14.114-11.486%2C25.6-25.6%2C25.6h-204.8v-19.635%0D%0A%09%09%09%09c12.442-4.352%2C44.851-14.498%2C76.8-14.498c74.334%2C0%2C124.809%2C16.461%2C125.312%2C16.631c2.568%2C0.853%2C5.436%2C0.427%2C7.68-1.178%0D%0A%09%09%09%09c2.227-1.604%2C3.541-4.181%2C3.541-6.921V93.871c0-4.002-2.773-7.467-6.682-8.329c0%2C0-6.69-1.493-18.125-3.593%0D%0A%09%09%09%09c-4.617-0.853-9.079%2C2.219-9.933%2C6.844c-0.853%2C4.642%2C2.21%2C9.088%2C6.844%2C9.941c4.361%2C0.802%2C8.013%2C1.51%2C10.829%2C2.074v357.188%0D%0A%09%09%09%09c-19.337-5.069-62.276-14.259-119.467-14.259c-37.18%2C0-73.702%2C12.211-85.001%2C16.35c-10.044-4.437-40.405-16.35-77.133-16.35%0D%0A%09%09%09%09c-58.778%2C0-107.196%2C9.694-128%2C14.618V100.475c17.041-4.19%2C67.371-15.138%2C128-15.138c31.113%2C0%2C57.796%2C9.685%2C68.267%2C14.063v335.804%0D%0A%09%09%09%09c0%2C3.072%2C1.655%2C5.914%2C4.326%2C7.424c2.671%2C1.519%2C5.965%2C1.476%2C8.602-0.111c0.845-0.503%2C85.393-51.004%2C160.435-76.015%0D%0A%09%09%09%09c3.49-1.169%2C5.837-4.42%2C5.837-8.098V8.537c0-2.799-1.374-5.419-3.678-7.014c-2.287-1.596-5.222-1.963-7.859-0.981%0D%0A%09%09%09%09C346.856%2C26.15%2C277.771%2C69.141%2C277.079%2C69.568c-3.994%2C2.5-5.214%2C7.765-2.714%2C11.759c2.492%2C3.994%2C7.757%2C5.214%2C11.759%2C2.714%0D%0A%09%09%09%09c0.631-0.401%2C60.732-37.794%2C123.477-63.027v331.281c-58.249%2C20.241-119.066%2C53.291-145.067%2C68.087V93.871%0D%0A%09%09%09%09c0-3.234-1.826-6.187-4.719-7.637c-1.468-0.725-36.437-17.963-80.614-17.963c-77.107%2C0-136.388%2C16.683-138.88%2C17.399%0D%0A%09%09%09%09c-3.661%2C1.041-6.187%2C4.395-6.187%2C8.201v375.467c0%2C2.671%2C1.263%2C5.197%2C3.388%2C6.81c1.502%2C1.135%2C3.311%2C1.724%2C5.146%2C1.724%0D%0A%09%09%09%09c0.785%2C0%2C1.57-0.111%2C2.338-0.333c0.589-0.162%2C59.597-16.734%2C134.195-16.734c31.198%2C0%2C57.856%2C9.711%2C68.267%2C14.071v20.062h-204.8%0D%0A%09%09%09%09c-14.114%2C0-25.6-11.486-25.6-25.6v-332.8c0-4.71-3.823-8.533-8.533-8.533s-8.533%2C3.823-8.533%2C8.533v332.8%0D%0A%09%09%09%09c0%2C23.526%2C19.14%2C42.667%2C42.667%2C42.667h426.667c23.526%2C0%2C42.667-19.14%2C42.667-42.667v-332.8%0D%0A%09%09%09%09C512.002%2C131.827%2C508.188%2C128.004%2C503.469%2C128.004z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M291.057%2C191.611c1.51%2C2.953%2C4.514%2C4.659%2C7.62%2C4.659c1.297%2C0%2C2.628-0.299%2C3.866-0.93%0D%0A%09%09%09%09c0.503-0.256%2C50.731-25.771%2C75.503-33.596c4.489-1.425%2C6.98-6.221%2C5.555-10.709c-1.417-4.489-6.178-6.989-10.709-5.572%0D%0A%09%09%09%09c-26.095%2C8.252-75.981%2C33.596-78.097%2C34.671C290.596%2C182.267%2C288.924%2C187.405%2C291.057%2C191.611z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M291.057%2C294.011c1.51%2C2.953%2C4.514%2C4.659%2C7.62%2C4.659c1.297%2C0%2C2.628-0.299%2C3.866-0.93%0D%0A%09%09%09%09c0.503-0.256%2C50.731-25.771%2C75.503-33.596c4.489-1.425%2C6.98-6.221%2C5.555-10.709c-1.417-4.489-6.178-6.989-10.709-5.572%0D%0A%09%09%09%09c-26.095%2C8.252-75.981%2C33.596-78.097%2C34.671C290.596%2C284.667%2C288.924%2C289.805%2C291.057%2C294.011z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M206.748%2C158.366c-52.693-12.365-112.572%2C3.388-115.089%2C4.062c-4.548%2C1.22-7.253%2C5.896-6.033%2C10.453%0D%0A%09%09%09%09c1.024%2C3.814%2C4.471%2C6.323%2C8.235%2C6.323c0.734%2C0%2C1.476-0.094%2C2.219-0.29c0.572-0.162%2C58.223-15.326%2C106.778-3.934%0D%0A%09%09%09%09c4.565%2C1.067%2C9.182-1.775%2C10.257-6.366C214.189%2C164.032%2C211.339%2C159.441%2C206.748%2C158.366z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M206.748%2C209.566c-52.693-12.356-112.572%2C3.388-115.089%2C4.062c-4.548%2C1.22-7.253%2C5.897-6.033%2C10.453%0D%0A%09%09%09%09c1.024%2C3.814%2C4.471%2C6.323%2C8.235%2C6.323c0.734%2C0%2C1.476-0.094%2C2.219-0.29c0.572-0.162%2C58.223-15.326%2C106.778-3.934%0D%0A%09%09%09%09c4.565%2C1.067%2C9.182-1.775%2C10.257-6.366C214.189%2C215.232%2C211.339%2C210.641%2C206.748%2C209.566z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M291.057%2C345.211c1.51%2C2.953%2C4.514%2C4.659%2C7.62%2C4.659c1.297%2C0%2C2.628-0.299%2C3.866-0.93%0D%0A%09%09%09%09c0.503-0.256%2C50.731-25.771%2C75.503-33.596c4.489-1.425%2C6.98-6.221%2C5.555-10.709c-1.417-4.488-6.178-6.989-10.709-5.572%0D%0A%09%09%09%09c-26.095%2C8.252-75.981%2C33.596-78.097%2C34.671C290.596%2C335.867%2C288.924%2C341.005%2C291.057%2C345.211z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M206.748%2C260.766c-52.693-12.356-112.572%2C3.379-115.089%2C4.062c-4.548%2C1.22-7.253%2C5.897-6.033%2C10.453%0D%0A%09%09%09%09c1.024%2C3.814%2C4.471%2C6.332%2C8.235%2C6.332c0.734%2C0%2C1.476-0.102%2C2.219-0.299c0.572-0.162%2C58.223-15.326%2C106.778-3.934%0D%0A%09%09%09%09c4.565%2C1.067%2C9.182-1.775%2C10.257-6.366C214.189%2C266.432%2C211.339%2C261.841%2C206.748%2C260.766z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M206.748%2C363.166c-52.693-12.365-112.572%2C3.388-115.089%2C4.062c-4.548%2C1.22-7.253%2C5.897-6.033%2C10.453%0D%0A%09%09%09%09c1.024%2C3.814%2C4.471%2C6.332%2C8.235%2C6.332c0.734%2C0%2C1.476-0.102%2C2.219-0.299c0.572-0.162%2C58.223-15.326%2C106.778-3.934%0D%0A%09%09%09%09c4.565%2C1.058%2C9.182-1.775%2C10.257-6.366C214.189%2C368.832%2C211.339%2C364.241%2C206.748%2C363.166z%22/%3E%0D%0A%09%09%09%3Cpath%20d%3D%22M206.748%2C311.966c-52.693-12.365-112.572%2C3.379-115.089%2C4.062c-4.548%2C1.22-7.253%2C5.897-6.033%2C10.453%0D%0A%09%09%09%09c1.024%2C3.814%2C4.471%2C6.332%2C8.235%2C6.332c0.734%2C0%2C1.476-0.102%2C2.219-0.299c0.572-0.162%2C58.223-15.326%2C106.778-3.934%0D%0A%09%09%09%09c4.565%2C1.067%2C9.182-1.775%2C10.257-6.366C214.189%2C317.632%2C211.339%2C313.041%2C206.748%2C311.966z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.tiles .tile img.icon-target {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M449.596%2C121.778c0.355%2C0.04%2C0.709%2C0.059%2C1.062%2C0.059c2.529%2C0%2C4.975-1.002%2C6.785-2.811l51.746-51.745%0D%0A%09%09%09c2.632-2.633%2C3.505-6.551%2C2.237-10.053c-1.268-3.502-4.447-5.954-8.155-6.291L464.58%2C47.42l-3.519-38.691%0D%0A%09%09%09c-0.336-3.708-2.789-6.887-6.29-8.154c-3.502-1.268-7.42-0.396-10.054%2C2.237l-51.746%2C51.746c-2.061%2C2.061-3.075%2C4.949-2.752%2C7.847%0D%0A%09%09%09l4.58%2C41.223l-9.69%2C9.69c-35.788-32.737-82.728-53.464-134.382-55.76V39.335c0-5.3-4.297-9.597-9.597-9.597%0D%0A%09%09%09c-5.3%2C0-9.597%2C4.297-9.597%2C9.597v18.22c-110.125%2C4.896-198.819%2C93.59-203.716%2C203.716H9.597c-5.3%2C0-9.597%2C4.297-9.597%2C9.597%0D%0A%09%09%09c0%2C5.3%2C4.297%2C9.597%2C9.597%2C9.597h18.22c4.897%2C110.126%2C93.591%2C198.819%2C203.716%2C203.716v18.22c0%2C5.3%2C4.297%2C9.597%2C9.597%2C9.597%0D%0A%09%09%09c5.3%2C0%2C9.597-4.297%2C9.597-9.597v-18.22c110.125-4.896%2C198.819-93.59%2C203.716-203.716h18.22c5.3%2C0%2C9.597-4.297%2C9.597-9.597%0D%0A%09%09%09c0-5.3-4.297-9.597-9.597-9.597h-18.22c-2.296-51.654-23.023-98.594-55.759-134.384l9.69-9.69L449.596%2C121.778z%20M443.802%2C30.873%0D%0A%09%09%09l2.387%2C26.25c0.42%2C4.614%2C4.074%2C8.269%2C8.688%2C8.689l26.25%2C2.386l-33.996%2C33.995l-33.592-3.732l-3.732-33.592L443.802%2C30.873z%0D%0A%09%09%09%20M435.236%2C261.271h-13.521c-5.3%2C0-9.597%2C4.297-9.597%2C9.597c0%2C5.3%2C4.297%2C9.597%2C9.597%2C9.597h13.521%0D%0A%09%09%09c-4.865%2C99.542-84.967%2C179.644-184.508%2C184.508v-13.52c0-5.3-4.297-9.597-9.597-9.597c-5.3%2C0-9.597%2C4.297-9.597%2C9.597v13.52%0D%0A%09%09%09C131.992%2C460.11%2C51.89%2C380.006%2C47.025%2C280.466h13.521c5.3%2C0%2C9.597-4.297%2C9.597-9.597c0-5.3-4.297-9.597-9.597-9.597H47.025%0D%0A%09%09%09c4.865-99.54%2C84.967-179.644%2C184.508-184.508v13.52c0%2C5.3%2C4.297%2C9.597%2C9.597%2C9.597c5.3%2C0%2C9.597-4.297%2C9.597-9.597v-13.52%0D%0A%09%09%09c46.366%2C2.266%2C88.513%2C20.855%2C120.805%2C50.13l-28.878%2C28.878c-27.083-23.919-62.635-38.459-101.525-38.459%0D%0A%09%09%09c-84.671%2C0-153.556%2C68.884-153.556%2C153.556s68.885%2C153.556%2C153.556%2C153.556s153.556-68.884%2C153.556-153.556%0D%0A%09%09%09c0-38.889-14.54-74.441-38.457-101.526l28.878-28.878C414.382%2C172.758%2C432.97%2C214.906%2C435.236%2C261.271z%20M234.344%2C277.655%0D%0A%09%09%09c1.875%2C1.874%2C4.33%2C2.811%2C6.786%2C2.811s4.913-0.937%2C6.786-2.811l52.12-52.12c9.688%2C12.56%2C15.472%2C28.281%2C15.472%2C45.334%0D%0A%09%09%09c0%2C41.013-33.366%2C74.379-74.379%2C74.379s-74.379-33.366-74.379-74.379s33.366-74.379%2C74.379-74.379%0D%0A%09%09%09c17.053%2C0%2C32.773%2C5.784%2C45.334%2C15.472l-52.12%2C52.12C230.597%2C267.831%2C230.597%2C273.907%2C234.344%2C277.655z%20M241.131%2C177.297%0D%0A%09%09%09c-51.597%2C0-93.573%2C41.977-93.573%2C93.573s41.976%2C93.573%2C93.573%2C93.573c51.597%2C0%2C93.573-41.977%2C93.573-93.573%0D%0A%09%09%09c0-22.348-7.885-42.884-21.006-58.994l28.942-28.942c20.457%2C23.583%2C32.853%2C54.338%2C32.853%2C87.935%0D%0A%09%09%09c0%2C74.087-60.274%2C134.361-134.361%2C134.361s-134.361-60.274-134.361-134.361s60.274-134.362%2C134.361-134.362%0D%0A%09%09%09c33.596%2C0%2C64.353%2C12.396%2C87.936%2C32.853l-28.942%2C28.943C284.015%2C185.182%2C263.48%2C177.297%2C241.131%2C177.297z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.tiles .tile img.icon-clock {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M371.711%2C169.967l9.006-15.599l0.56%2C0.323c1.286%2C0.743%2C2.692%2C1.096%2C4.077%2C1.096c2.824%2C0%2C5.57-1.466%2C7.083-4.086%0D%0A%09%09%09c2.256-3.908%2C0.917-8.904-2.99-11.161l-35.936-20.747c-0.005-0.003-7.639-4.41-7.639-4.41c-3.909-2.257-8.904-0.918-11.161%2C2.99%0D%0A%09%09%09c-2.256%2C3.908-0.917%2C8.904%2C2.99%2C11.161l0.561%2C0.324l-8.965%2C15.528c-15.356-6.42-31.719-10.89-48.787-13.091v-23.428%0D%0A%09%09%09c19.761-9.38%2C32.681-29.461%2C32.681-51.676C313.191%2C25.656%2C287.536%2C0%2C256%2C0s-57.191%2C25.656-57.191%2C57.192%0D%0A%09%09%09c0%2C22.215%2C12.92%2C42.296%2C32.681%2C51.676v23.428c-17.067%2C2.201-33.431%2C6.671-48.787%2C13.091l-8.965-15.528l0.561-0.324%0D%0A%09%09%09c3.908-2.256%2C5.246-7.253%2C2.99-11.161c-2.256-3.909-7.253-5.246-11.16-2.99l-7.633%2C4.408c-0.005%2C0.003-35.941%2C20.75-35.941%2C20.75%0D%0A%09%09%09c-3.908%2C2.256-5.246%2C7.253-2.99%2C11.161c1.513%2C2.621%2C4.259%2C4.086%2C7.083%2C4.086c1.386%2C0%2C2.791-0.353%2C4.077-1.096l0.56-0.324%0D%0A%09%09%09l9.006%2C15.599c-45.516%2C34.869-74.927%2C89.758-74.927%2C151.394C65.362%2C426.48%2C150.882%2C512%2C256%2C512s190.638-85.52%2C190.638-190.638%0D%0A%09%09%09C446.638%2C259.726%2C417.227%2C204.837%2C371.711%2C169.967z%20M352.414%2C138.028l14.151%2C8.17l-8.286%2C14.351%0D%0A%09%09%09c-4.584-2.926-9.304-5.654-14.142-8.188L352.414%2C138.028z%20M215.149%2C57.192c0-22.526%2C18.325-40.851%2C40.851-40.851%0D%0A%09%09%09s40.851%2C18.325%2C40.851%2C40.851c0%2C13.066-6.255%2C25.098-16.34%2C32.682V73.532c0-4.512-3.658-8.17-8.17-8.17H239.66%0D%0A%09%09%09c-4.512%2C0-8.17%2C3.658-8.17%2C8.17v16.341C221.404%2C82.289%2C215.149%2C70.257%2C215.149%2C57.192z%20M264.17%2C81.702v49.208%0D%0A%09%09%09c-2.71-0.114-5.432-0.186-8.17-0.186c-2.739%2C0-5.46%2C0.072-8.17%2C0.186V81.702H264.17z%20M159.586%2C138.028l8.276%2C14.335%0D%0A%09%09%09c-4.838%2C2.534-9.558%2C5.262-14.142%2C8.188l-8.285-14.352L159.586%2C138.028z%20M256%2C495.66c-96.108%2C0-174.298-78.19-174.298-174.298%0D%0A%09%09%09S159.892%2C147.064%2C256%2C147.064s174.298%2C78.19%2C174.298%2C174.298S352.108%2C495.66%2C256%2C495.66z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M256%2C196.085c-4.512%2C0-8.17%2C3.658-8.17%2C8.17v10.894c0%2C4.512%2C3.658%2C8.17%2C8.17%2C8.17c4.512%2C0%2C8.17-3.658%2C8.17-8.17v-10.894%0D%0A%09%09%09C264.17%2C199.743%2C260.512%2C196.085%2C256%2C196.085z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M344.584%2C232.778c-3.191-3.191-8.364-3.191-11.554%2C0l-7.703%2C7.703c-3.191%2C3.191-3.191%2C8.364%2C0%2C11.554%0D%0A%09%09%09c1.595%2C1.596%2C3.685%2C2.393%2C5.777%2C2.393c2.09%2C0%2C4.182-0.797%2C5.777-2.393l7.703-7.703%0D%0A%09%09%09C347.774%2C241.141%2C347.774%2C235.968%2C344.584%2C232.778z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M373.106%2C313.191h-10.894c-4.512%2C0-8.17%2C3.658-8.17%2C8.17s3.658%2C8.17%2C8.17%2C8.17h10.894c4.512%2C0%2C8.17-3.658%2C8.17-8.17%0D%0A%09%09%09S377.618%2C313.191%2C373.106%2C313.191z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M344.584%2C398.392l-7.703-7.703c-3.191-3.191-8.364-3.191-11.554%2C0c-3.192%2C3.19-3.192%2C8.363%2C0%2C11.554l7.703%2C7.703%0D%0A%09%09%09c1.595%2C1.595%2C3.686%2C2.393%2C5.777%2C2.393c2.091%2C0%2C4.182-0.797%2C5.777-2.393C347.774%2C406.755%2C347.774%2C401.581%2C344.584%2C398.392z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M256%2C419.404c-4.512%2C0-8.17%2C3.658-8.17%2C8.17v10.894c0%2C4.512%2C3.658%2C8.17%2C8.17%2C8.17c4.512%2C0%2C8.17-3.658%2C8.17-8.17v-10.894%0D%0A%09%09%09C264.17%2C423.062%2C260.512%2C419.404%2C256%2C419.404z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M186.673%2C390.689c-3.191-3.191-8.364-3.191-11.554%2C0l-7.703%2C7.703c-3.192%2C3.191-3.192%2C8.364%2C0%2C11.554%0D%0A%09%09%09c1.595%2C1.595%2C3.686%2C2.393%2C5.777%2C2.393c2.091%2C0%2C4.182-0.797%2C5.777-2.393l7.703-7.703%0D%0A%09%09%09C189.864%2C399.052%2C189.864%2C393.878%2C186.673%2C390.689z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M149.787%2C313.191h-10.894c-4.512%2C0-8.17%2C3.658-8.17%2C8.17s3.658%2C8.17%2C8.17%2C8.17h10.894c4.512%2C0%2C8.17-3.658%2C8.17-8.17%0D%0A%09%09%09S154.299%2C313.191%2C149.787%2C313.191z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M186.673%2C240.481l-7.703-7.703c-3.191-3.191-8.364-3.191-11.554%2C0c-3.191%2C3.191-3.191%2C8.364%2C0%2C11.554l7.703%2C7.703%0D%0A%09%09%09c1.595%2C1.595%2C3.686%2C2.393%2C5.777%2C2.393c2.091%2C0%2C4.182-0.797%2C5.777-2.393C189.864%2C248.844%2C189.864%2C243.671%2C186.673%2C240.481z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M264.17%2C298.256V247.83c0-4.512-3.658-8.17-8.17-8.17c-4.512%2C0-8.17%2C3.658-8.17%2C8.17v50.427%0D%0A%09%09%09c-9.509%2C3.373-16.34%2C12.454-16.34%2C23.105c0%2C10.652%2C6.831%2C19.733%2C16.34%2C23.105v12.299c0%2C4.512%2C3.658%2C8.17%2C8.17%2C8.17%0D%0A%09%09%09c4.512%2C0%2C8.17-3.658%2C8.17-8.17v-12.299c9.509-3.373%2C16.34-12.454%2C16.34-23.105C280.511%2C310.71%2C273.679%2C301.629%2C264.17%2C298.256z%0D%0A%09%09%09%20M256%2C329.532c-4.506%2C0-8.17-3.665-8.17-8.17c0-4.506%2C3.665-8.17%2C8.17-8.17c4.506%2C0%2C8.17%2C3.665%2C8.17%2C8.17%0D%0A%09%09%09C264.17%2C325.867%2C260.506%2C329.532%2C256%2C329.532z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M256%2C163.404c-87.098%2C0-157.957%2C70.86-157.957%2C157.957c0%2C35.787%2C12.36%2C70.873%2C34.803%2C98.796%0D%0A%09%09%09c2.827%2C3.516%2C7.969%2C4.077%2C11.486%2C1.249c3.518-2.827%2C4.076-7.969%2C1.25-11.486c-20.41-25.395-31.198-56.018-31.198-88.56%0D%0A%09%09%09c0-78.088%2C63.529-141.617%2C141.617-141.617s141.617%2C63.529%2C141.617%2C141.617S334.088%2C462.979%2C256%2C462.979%0D%0A%09%09%09c-32.541%2C0-63.164-10.788-88.559-31.199c-3.52-2.828-8.66-2.268-11.486%2C1.249c-2.827%2C3.518-2.268%2C8.66%2C1.25%2C11.486%0D%0A%09%09%09c27.922%2C22.444%2C63.009%2C34.804%2C98.795%2C34.804c87.098%2C0%2C157.957-70.86%2C157.957-157.957S343.098%2C163.404%2C256%2C163.404z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.tiles .tile img.icon-activity {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2060%2060%22%20style%3D%22enable-background%3Anew%200%200%2060%2060%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M44.91%2C49.92l6.484-3.242l-17.638-6.498l6.498%2C17.638l3.242-6.484l6.797%2C6.797c0.195%2C0.195%2C0.451%2C0.293%2C0.707%2C0.293%0D%0A%09%09s0.512-0.098%2C0.707-0.293c0.391-0.391%2C0.391-1.023%2C0-1.414L44.91%2C49.92z%20M37.131%2C43.556l9.233%2C3.402l-3.888%2C1.943l-1.943%2C3.888%0D%0A%09%09L37.131%2C43.556z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M31%2C26.446V16.304c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1v10.142c-1.44%2C0.374-2.567%2C1.521-2.896%2C2.979H19c-0.553%2C0-1%2C0.447-1%2C1%0D%0A%09%09s0.447%2C1%2C1%2C1h7.18c0.488%2C1.658%2C2.006%2C2.879%2C3.82%2C2.879c2.206%2C0%2C4-1.794%2C4-4C34%2C28.445%2C32.72%2C26.893%2C31%2C26.446z%20M30%2C32.304%0D%0A%09%09c-1.103%2C0-2-0.897-2-2s0.897-2%2C2-2s2%2C0.897%2C2%2C2S31.103%2C32.304%2C30%2C32.304z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M30%2C10.304c0.553%2C0%2C1-0.447%2C1-1v-1c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1v1C29%2C9.856%2C29.447%2C10.304%2C30%2C10.304z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M52%2C29.304h-1c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h1c0.553%2C0%2C1-0.447%2C1-1S52.553%2C29.304%2C52%2C29.304z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M8%2C29.304c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h1c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H8z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M45.557%2C16.161l0.707-0.707c0.391-0.391%2C0.391-1.023%2C0-1.414s-1.023-0.391-1.414%2C0l-0.707%2C0.707%0D%0A%09%09c-0.391%2C0.391-0.391%2C1.023%2C0%2C1.414c0.195%2C0.195%2C0.451%2C0.293%2C0.707%2C0.293S45.361%2C16.356%2C45.557%2C16.161z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M14.443%2C44.445l-0.707%2C0.707c-0.391%2C0.391-0.391%2C1.023%2C0%2C1.414c0.195%2C0.195%2C0.451%2C0.293%2C0.707%2C0.293%0D%0A%09%09s0.512-0.098%2C0.707-0.293l0.707-0.707c0.391-0.391%2C0.391-1.023%2C0-1.414S14.834%2C44.055%2C14.443%2C44.445z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M15.857%2C14.747L15.15%2C14.04c-0.391-0.391-1.023-0.391-1.414%2C0s-0.391%2C1.023%2C0%2C1.414l0.707%2C0.707%0D%0A%09%09c0.195%2C0.195%2C0.451%2C0.293%2C0.707%2C0.293s0.512-0.098%2C0.707-0.293C16.248%2C15.771%2C16.248%2C15.138%2C15.857%2C14.747z%22/%3E%0D%0A%09%3Cpath%20d%3D%22M30%2C0.425c-16.542%2C0-30%2C13.458-30%2C30c0%2C13.825%2C9.36%2C25.8%2C22.763%2C29.121c0.08%2C0.02%2C0.161%2C0.029%2C0.241%2C0.029%0D%0A%09%09c0.448%2C0%2C0.856-0.305%2C0.97-0.76c0.133-0.536-0.194-1.078-0.73-1.211C10.735%2C54.506%2C2%2C43.329%2C2%2C30.425c0-15.439%2C12.561-28%2C28-28%0D%0A%09%09s28%2C12.561%2C28%2C28c0%2C3.468-0.634%2C6.863-1.883%2C10.094c-0.199%2C0.515%2C0.057%2C1.094%2C0.572%2C1.293c0.513%2C0.198%2C1.094-0.057%2C1.293-0.572%0D%0A%09%09C59.321%2C37.778%2C60%2C34.14%2C60%2C30.425C60%2C13.883%2C46.542%2C0.425%2C30%2C0.425z%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}

.grid-tiles {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.grid-tiles .spinner {
  display: flex;
  align-self: center;
  justify-content: center;
  flex: 1;
}
.grid-tiles .grid {
  margin-bottom: 5px;
  flex: 0 0 33%;
  background-color: #5fc9ff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-tiles .grid > div {
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}
.grid-tiles .grid > div i {
  font-size: 2.5em;
  margin-right: 10px;
  color: #0089CF;
}
.grid-tiles .grid > div .text {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.grid-tiles .grid > div .text h3 {
  font-weight: 300;
}

.tms label {
  color: #7f7b7e;
  font-weight: bold;
}
.tms .dashboard .title-bar {
  width: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0px 0px;
  height: 59px;
  border: 1px solid #ddd;
  border-right: 0;
  border-left: 0;
}
.tms .dashboard .title-bar.last {
  justify-content: flex-start;
  border-top: 0;
}
.tms .dashboard .title-bar.last.no-flash .heading {
  flex: none;
}
.tms .dashboard .title-bar.last .heading {
  justify-content: flex-start;
  margin-left: 1em;
}
.tms .dashboard .title-bar.last .heading.not-active h4 {
  cursor: default;
  color: #e3e3e3;
}
.tms .dashboard .title-bar.last .heading h4 {
  color: #7f7b7e;
  cursor: pointer;
}
.tms .dashboard .title-bar.last .heading h4 a {
  color: #7f7b7e;
  text-decoration: none;
}
.tms .dashboard .title-bar.last .heading.active h4 {
  color: #0089CF;
}
.tms .dashboard .title-bar.last .heading.active h4 a {
  color: #0089CF;
}
.tms .dashboard .title-bar > div.img {
  width: 5%;
  border-right: 1px solid #ddd;
  padding: 10px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s all;
}
.tms .dashboard .title-bar > div.img.anchor {
  padding: 0;
  align-items: stretch;
  justify-content: stretch;
}
.tms .dashboard .title-bar > div.img.anchor i {
  font-size: 1.5em;
}
.tms .dashboard .title-bar > div.img.anchor a {
  text-decoration: none;
}
.tms .dashboard .title-bar > div.img img {
  max-width: 50%;
}
.tms .dashboard .title-bar > div.img.active {
  background-color: #0089CF;
}
.tms .dashboard .title-bar > div.img a {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tms .dashboard .title-bar > div.img:hover {
  background-color: transparent;
}
.tms .dashboard .title-bar > div.heading {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tms .dashboard .title-bar > div.heading h4 {
  color: #0089CF;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
}
.tms .dashboard .title-bar > div.heading.active h4 {
  border-bottom: 2px solid #0089CF;
}
.tms .dashboard .title-bar > div.heading .flash {
  display: none;
}
.tms .dashboard .title-bar > div.heading .flash.active {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.tms .dashboard .title-bar > div.heading .flash.active strong {
  display: block;
}
.tms .dashboard .title-bar > div.heading .flash strong {
  display: none;
  padding: 10px;
  border-radius: 4px;
  background-color: #0089CF;
  color: #fff;
  font-weight: 300;
}
.tms .dashboard .title-bar > div.search {
  width: 25%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tms .dashboard .title-bar > div.search input {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 10px;
}
.tms .tms-content {
  padding: 40px;
  position: relative;
}
.tms .tms-content .flashMsg {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.tms .tms-content .flashMsg img {
  align-self: center;
  margin-left: 45%;
}
.tms .tms-content .flashMsg .flash {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 15px;
  width: 100%;
  justify-content: center;
}
.tms .tms-content .flashMsg .flash h4 {
  color: #47b272;
  text-transform: uppercase;
}
.tms .tms-content .course-details-header {
  background-color: #fff;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tms .tms-content .course-details-header > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  color: #6b6a6a;
}
.tms .tms-content .course-details-header > div label {
  text-transform: uppercase;
  font-weight: 400;
  color: #0f0f0f;
  margin-bottom: 0;
}
.tms .tms-content .course-folders {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.tms .tms-content .course-folders .course {
  flex: 0 0 24%;
  background-color: #fff;
  height: 220px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px -5px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.tms .tms-content .course-folders .course:not(:nth-child(4n)) {
  margin-right: 1.25%;
}
.tms .tms-content .course-folders .course i.folder-icon {
  font-size: 5em;
  margin-top: auto;
}
.tms .tms-content .course-folders .course i.icon {
  font-size: 1em;
  color: gray;
}
.tms .tms-content .course-folders .course > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: auto;
}
.tms .tms-content .course-folders .course > div.group-icons {
  flex-direction: row;
  justify-content: flex-end;
}
.tms .tms-content .course-folders .course > div.group-icons span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-top: auto;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 5px;
}
.tms .tms-content .course-folders .course > div.folder {
  flex-direction: column;
}
.tms .tms-content .course-folders .course > div.folder h4 {
  font-weight: 300;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  width: 50%;
}
.tms .tms-content .course-tiles {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.tms .tms-content .course-tiles .course {
  position: relative;
  flex: 0 0 32%;
  height: 500px;
  background-color: #fff;
  margin-bottom: 2em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tms-content .course-tiles .course:not(:nth-child(3n)) {
  margin-right: 2%;
}
.tms .tms-content .course-tiles .course .course-image {
  height: 50%;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.tms .tms-content .course-tiles .course .course-image img {
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.tms .tms-content .course-tiles .course .course-title {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tms-content .course-tiles .course .course-title img {
  max-width: 100%;
}
.tms .tms-content .course-tiles .course .course-title h4 {
  padding: 10px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tms .tms-content .course-tiles .course .course-title h4 i {
  margin-right: 10px;
  color: #fff;
}
.tms .tms-content .course-tiles .course .course-content {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 1em;
  height: 30%;
}
.tms .tms-content .course-tiles .course .course-content .course-content-title h4 {
  font-size: 14px;
  font-weight: 500px;
  margin-bottom: 10px;
}
.tms .tms-content .course-tiles .course .course-content .course-content-title p {
  font-weight: normal;
  font-size: 12px;
}
.tms .tms-content .course-tiles .course .course-details {
  background-color: #eee;
  padding: 15px;
  height: 20px;
  position: absolute;
  bottom: 10%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s linear;
}
.tms .tms-content .course-tiles .course .course-details.active {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  bottom: 0;
  height: 100px;
}
.tms .tms-content .course-tiles .course .course-details.active > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tms .tms-content .course-tiles .course .course-details.active > div i {
  margin-bottom: 5px;
}
.tms .tms-content .course-tiles .course .course-details.active > div > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tms .tms-content .course-tiles .course .course-details.active > div > div span {
  font-size: 12px;
  margin-bottom: 5px;
}
.tms .tms-content .course-tiles .course .course-details.active > div > div small {
  font-weight: bold;
}
.tms .tms-content .course-tiles .course .course-details > div {
  display: none;
}
.tms .tms-content .course-tiles .course .course-details .toggle-btn {
  position: absolute;
  left: 45%;
  top: -10px;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tms .tms-content .course-tiles .course .course-footer {
  padding: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tms .tms-content .course-tiles .course .course-footer button {
  padding: 5px 20px;
  font-size: 14px;
}
.tms .tms-content span.discount-price {
  color: #0089CF;
}
.tms .tms-content .accordion-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.tms .tms-content .accordion-list .accordion {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tms-content .accordion-list .accordion:not(:last-child) {
  margin-bottom: 1em;
}
.tms .tms-content .accordion-list .accordion .title {
  padding: 10px;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tms .tms-content .accordion-list .accordion .title.confirmed {
  background-color: #47b272;
}
.tms .tms-content .accordion-list .accordion .title.bookings {
  background-color: #10a0d2;
}
.tms .tms-content .accordion-list .accordion .title.waitlist {
  background-color: #37474f;
}
.tms .tms-content .accordion-list .accordion .title.cancelled {
  background-color: #f15050;
}
.tms .tms-content .accordion-list .accordion .title > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.tms .tms-content .accordion-list .accordion .title > div h4 {
  color: #fff;
  text-transform: uppercase;
  margin-left: 10px;
  font-weight: 300;
  font-size: 14px;
}
.tms .tms-content .heading-tabs {
  margin-top: 1em;
}
.tms .tms-content .heading-tabs > div {
  display: none;
  flex-direction: column;
}
.tms .tms-content .heading-tabs > div.active {
  display: flex;
}
.tms .tms-content .heading-tabs > div .filters {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
  flex: 1;
}
.tms .tms-content .heading-tabs > div .filters > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.tms .tms-content .heading-tabs > div .filters > div:not(:last-child) {
  margin-right: 2em;
}
.tms .tms-content .heading-tabs > div .filters > div label {
  text-transform: uppercase;
  color: #7f7b7e;
  font-size: 12px;
}
.tms .tms-content .heading-tabs > div .filters > div input[type=text] {
  padding: 8px;
}
.tms .tms-content .heading-tabs > div .filters > div i {
  background-color: #0089CF;
  position: absolute;
  top: 42.5%;
  right: 0px;
  color: #fff;
  padding: 5px;
  cursor: pointer;
  height: 58%;
}
.tms .tms-content .heading-tabs > div:not(:last-child) {
  margin-bottom: 1.5em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content {
  margin-top: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details {
  margin-bottom: 2em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .img-upload {
  width: 20%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .img-upload img {
  height: 150px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .img-upload h4 {
  font-size: 14px;
  color: #0089CF;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .img-upload h4 span {
  margin-left: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .img-upload small {
  text-align: center;
  font-size: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .advance-elems {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-details form.advance-details > div .advance-elems .select {
  margin-bottom: 1em;
  width: 30%;
  margin-top: 0;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs > div > div {
  margin-bottom: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs > div > div:not(:last-child) {
  margin-right: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs > div > div input {
  font-size: 14px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .delegate-event-costs > div > div label.blue {
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .heading-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .heading-title h4 {
  color: #7f7b7e;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .heading-title h4 i {
  cursor: pointer;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-bottom: 2em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary {
  background: #fff;
  padding: 40px;
  width: 80%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary h3 {
  color: #7f7b7e;
  text-transform: uppercase;
  font-weight: 400;
  flex: 1;
  text-align: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div {
  width: 100%;
  margin-top: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div ul li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  color: #7f7b7e;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div ul li h5 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div ul li small {
  word-wrap: break-word;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div ul li:not(:last-child) {
  margin-right: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.bottom-border {
  padding-bottom: 10px;
  border-bottom: 1px solid #656264;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary table td {
  color: #7f7b7e;
  font-size: 14px;
  text-transform: uppercase;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary table td.label {
  font-weight: bold;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary table td.label.total {
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary table td.label-value {
  font-weight: bold;
  text-align: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.price-summary table td span.total {
  color: #0089CF;
  font-weight: bold;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.notes {
  flex-direction: column;
  align-items: flex-start;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.notes textarea {
  min-height: 70px;
  margin: 0;
  font-size: 12px;
  padding: 0;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.expiry-days {
  justify-content: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.expiry-days small {
  color: #7f7b7e;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns button {
  width: 20%;
  color: #fff;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns button:not(:last-child) {
  margin-right: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns button.send-quote-btn {
  background-color: #37474f;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns button.provisional-btn {
  background-color: #10a0d2;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.summary-btns button.confirm-btn {
  background-color: #47b272;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.event-title {
  flex-direction: column;
  margin-top: 2em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary .summary > div.event-title span {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  color: #7f7b7e;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .quote-summary button {
  width: 14%;
  text-transform: uppercase;
  font-size: 14px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .datepicker-wrapper {
  position: relative;
  width: 40%;
  margin-right: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .datepicker-wrapper span {
  position: absolute;
  right: 5px;
  top: 4px;
  background-color: #0089CF;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  cursor: default;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form {
  width: 100%;
  margin-top: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div.with-label {
  flex-direction: column;
  align-items: flex-start;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div.with-label h5 {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #7f7b7e;
  font-weight: 500;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div .select {
  margin-right: 1em;
  margin-bottom: 0;
  width: 10%;
  height: 32px;
  margin-bottom: 0;
  margin-top: -15px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div .select select {
  border: 1px solid #b8b8b8;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input {
  padding: 8px;
  font-size: 14px;
  border: 1px solid #b8b8b8;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input:not(:last-child) {
  margin-right: 1em;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input.blue {
  font-weight: 300;
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input.blue::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input.blue::-moz-placeholder {
  /* Firefox 19+ */
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input.blue:-ms-input-placeholder {
  /* IE 10+ */
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div input.blue:-moz-placeholder {
  /* Firefox 18- */
  color: #0089CF;
}
.tms .tms-content .heading-tabs > div .heading-tab-content form > div textarea {
  resize: none;
  padding: 10px;
  min-height: 100px;
  border: 1px solid #b8b8b8;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1em 0;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button {
  width: 10%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button i {
  margin-left: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button:not(:last-child) {
  margin-right: 10px;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button.print {
  background-color: #317b4f;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button.provisional-btn {
  background-color: #10a0d2;
}
.tms .tms-content .heading-tabs > div .heading-tab-content .navigation-btns button.confirm-btn {
  background-color: #47b272;
}
.tms .tms-content .heading-tabs > div .heading-tab-content table.bookers button {
  font-size: 14px;
  padding: 8px;
  background-color: #0089CF;
  color: #fff;
}
.tms .tms-content .heading-tabs > div .heading-tab-content table.bookers button.selected {
  background-color: #0d7295;
}
.tms table {
  background-color: #fff;
  padding: 10px;
}
.tms table.dataTable thead th {
  border-right: 0;
  border-bottom: 1px solid #ddd;
}
.tms table.dataTable.default th, .tms table.dataTable.bordered th, .tms table.dataTable.condensed th, .tms table.dataTable.striped th {
  background-color: transparent;
  color: #666;
}
.tms table.dataTable th, .tms table.dataTable td {
  padding: 12px;
}
.tms table.dataTable td {
  border-bottom: 1px solid #ddd;
}
.tms table.dataTable td:last-child {
  text-align: left;
}
.tms table.dataTable td.grp {
  position: relative;
}
.tms table.dataTable td.grp > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: stretch;
}
.tms table.dataTable td.grp > div.multi-span {
  align-items: center;
  right: auto;
}
.tms table.dataTable td.grp > div.multi-span span {
  flex: 1;
}
.tms table.dataTable td.grp > div a {
  padding: 11px;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.tms table.dataTable td.grp > div a.btn-primary-color {
  background-color: #0d7295;
  color: #fff;
}
.tms table.dataTable td.grp > div a.btn-secondary-color {
  background-color: #10a0d2;
  color: #fff;
}
.tms table.dataTable td.grp > div a.btn-third-color {
  background-color: #f15050;
  color: #fff;
}
.tms table.dataTable td.grp > div a.btn-fourth-color {
  background-color: #37474f;
  color: #fff;
}
.tms table.dataTable td.grp > div .dropdown-status {
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  display: none;
  flex-direction: column;
  transition: all 0.2s linear;
  z-index: 9;
}
.tms table.dataTable td.grp > div .dropdown-status.active {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tms table.dataTable td.grp > div .dropdown-status li {
  padding: 5px;
}
.tms table.dataTable td.grp > div .dropdown-status li:not(:last-child) {
  margin-bottom: 10px;
}
.tms table.dataTable td.grp > div .dropdown-status li a {
  font-size: 12px;
  color: inherit;
}
.tms table.dataTable td.grp > div .dropdown-status li:hover {
  background-color: #37474f;
}
.tms table.dataTable td.grp > div .dropdown-status li:hover a {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
}
.tms table.dataTable td.actions a {
  text-decoration: none;
  color: #0089CF;
}
.tms table.dataTable td.actions a:not(:last-child) {
  margin-right: 10px;
}
.tms table.dataTable td.actions a i {
  font-size: 20px;
}
.tms table.view-schedule tbody tr.odd td:first-child, .tms table.view-schedule tbody tr.even td:first-child {
  cursor: pointer;
}
.tms table.view-schedule tbody tr.odd td.active, .tms table.view-schedule tbody tr.even td.active {
  background-color: #0089CF;
}
.tms table.view-schedule tbody tr.odd td.active i, .tms table.view-schedule tbody tr.even td.active i {
  color: #fff;
}
.tms table.view-schedule tbody tr:nth-of-type(odd) {
  background-color: #f9f8f8;
}
.tms table.view-schedule tbody tr.sessions td {
  background-color: #fff;
}
.tms table.view-schedule tbody tr.sessions td.icon {
  width: 1%;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.tms table.view-schedule tbody tr.sessions td.icon i {
  color: #0089CF;
}
.tms table.view-schedule tbody tr.active td {
  background-color: #0089CF;
  color: #fff;
}
.tms table.view-schedule tbody tr.active td:first-child {
  background-color: #f9f8f8;
  color: #000;
  position: relative;
}
.tms table.view-schedule tbody tr.active td:first-child i {
  color: #0089CF;
  display: block;
  position: absolute;
  top: 20%;
  left: 20%;
}
.tms table.view-schedule tbody tr .action-btns a {
  text-decoration: none;
  color: #0089CF;
}
.tms table.view-schedule tbody tr .action-btns a:not(:last-child) {
  margin-right: 10px;
}
.tms table.view-schedule tbody tr .action-btns a i {
  font-size: 20px;
}
.tms table.view-schedule .sessions-table {
  border-bottom: 2px solid #0089CF;
}
.tms .tab-page {
  margin-top: 10px;
  padding: 20px;
}
.tms .tab-page .tab-title h2 {
  color: #0089CF;
  font-weight: 300;
}
.tms .tab-page ul.tabs {
  margin-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.tms .tab-page ul.tabs li {
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.tms .tab-page ul.tabs li.active {
  color: #0089CF;
}
.tms .tab-page ul.tabs li:not(:last-child) {
  margin-right: 15px;
}
.tms .tab-page .tab-content {
  padding: 20px 0;
}
.tms .tab-page .tab-content > div {
  display: none;
}
.tms .tab-page .tab-content > div.active {
  display: block;
}
.tms .tab-page .tab-content form {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tab-page .tab-content form input, .tms .tab-page .tab-content form textarea, .tms .tab-page .tab-content form select {
  padding: 8px;
}
.tms .tab-page .tab-content form input[type=range], .tms .tab-page .tab-content form input[type=file], .tms .tab-page .tab-content form textarea[type=range], .tms .tab-page .tab-content form textarea[type=file], .tms .tab-page .tab-content form select[type=range], .tms .tab-page .tab-content form select[type=file] {
  border: 0;
}
.tms .tab-page .tab-content form input, .tms .tab-page .tab-content form select {
  width: auto;
}
.tms .tab-page .tab-content form input.large, .tms .tab-page .tab-content form select.large {
  width: 75%;
}
.tms .tab-page .tab-content form input.medium, .tms .tab-page .tab-content form select.medium {
  width: 50%;
}
.tms .tab-page .tab-content form input.small, .tms .tab-page .tab-content form select.small {
  width: 10%;
}
.tms .tab-page .tab-content form input.with-icon.datepicker, .tms .tab-page .tab-content form select.with-icon.datepicker {
  background: url("../img/icons/date.png") no-repeat 95% center;
}
.tms .tab-page .tab-content form input[type=range], .tms .tab-page .tab-content form select[type=range] {
  margin-bottom: 0;
}
.tms .tab-page .tab-content form select {
  margin-bottom: 0;
  padding: 13px;
}
.tms .tab-page .tab-content form .select {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.tms .tab-page .tab-content form .select.multiple-select {
  align-items: flex-start;
  flex-direction: column;
}
.tms .tab-page .tab-content form .select.multiple-select .showSelectedItems.active {
  padding: 10px;
  border: 1px solid #ddd;
  border-bottom: 0;
  width: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.tms .tab-page .tab-content form .select.multiple-select .showSelectedItems.active span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #0089CF;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 10px;
  width: auto;
  color: #fff;
}
.tms .tab-page .tab-content form .select.multiple-select .showSelectedItems.active span i {
  font-size: 14px;
  font-weight: bold;
}
.tms .tab-page .tab-content form .select.multiple-select .showSelectedItems.active span:not(:last-child) {
  margin-right: 10px;
}
.tms .tab-page .tab-content form .select i {
  opacity: 1;
  margin-left: 10px;
  cursor: pointer;
}
.tms .tab-page .tab-content form .fileUpload {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  background-color: #fff;
  margin-bottom: 1em;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.tms .tab-page .tab-content form .fileUpload input {
  margin-bottom: 0;
}
.tms .tab-page .tab-content form .fileUpload input[type=file] {
  opacity: 0;
  border: 0;
}
.tms .tab-page .tab-content form .fileUpload input, .tms .tab-page .tab-content form .fileUpload img {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.tms .tab-page .tab-content form .fileUpload img.imgDimensions {
  background: url("../img/icons/file_upload.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.tms .tab-page .tab-content form .fileUpload input[type=file] {
  z-index: 3;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.tms .tab-page .tab-content form h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
}
.tms .tab-page .tab-content form > div.row-inputs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}
.tms .tab-page .tab-content form > div.row-inputs > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.tms .tab-page .tab-content form > div.row-inputs > div h4 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  color: #666;
}
.tms .tab-page .tab-content form > div.row-inputs > div h4.total {
  color: #0089CF;
}
.tms .tab-page .tab-content form > div.row-inputs > div input {
  margin-top: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
}
.tms .tab-page .tab-content form > div.row-inputs > div input[type=range] {
  border: 0;
  width: 40%;
}
.tms .tab-page .tab-content form > div.row-inputs > div:not(:last-child) {
  margin-right: 1em;
}
.tms .tab-page .tab-content form > div.row-inputs > div button[type=submit] {
  width: 120px;
  font-size: 14px;
}
.tms .tab-page .tab-content form > div.row-tiles {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tms .tab-page .tab-content form > div.row-tiles span {
  flex: 0 0 10.35%;
  background-color: #f9f8f8;
  border: 1px solid #ddd;
  height: 100px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tms .tab-page .tab-content form > div.row-tiles span img {
  max-width: 50%;
}
.tms .tab-page .tab-content form > div.row-tiles span small {
  margin-top: 10px;
  text-align: center;
}
.tms .tab-page .tab-content form > div:not(:last-child) {
  margin-bottom: 1em;
}
.tms .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.tms .row > div.small {
  width: 30%;
}
.tms .row > div.large {
  flex: 1;
}
.tms .row > div:not(:last-child) {
  margin-right: 1em;
}

.category-dropdown {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  padding: 20px;
  display: none;
  transition: all 0.2s ease-in;
}
.category-dropdown.active {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  min-height: 100%;
  flex-direction: column;
}
.category-dropdown .title-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.category-dropdown .title-header h5 {
  color: #0089CF;
  font-weight: 300;
  text-transform: uppercase;
}
.category-dropdown .title-header span {
  border-radius: 50%;
  padding: 5px;
  display: flex;
  background-color: #0089CF;
  cursor: pointer;
}
.category-dropdown .title-header span svg {
  fill: #fff;
  width: 10px;
  height: 10px;
}
.category-dropdown form {
  width: 100%;
  margin-top: 4%;
}
.category-dropdown form input, .category-dropdown form textarea {
  border: 1px solid #ddd;
  font-size: 12px;
}
.category-dropdown form.form input, .category-dropdown form.form textarea {
  border: 1px solid #ddd;
}
.category-dropdown form button {
  width: 120px;
  font-size: 12px;
  text-transform: uppercase;
}
.category-dropdown form .colors {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.category-dropdown form .colors span {
  flex: 0 0 15%;
  height: 25px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}
.category-dropdown form .colors span.active {
  border: 2px solid #000;
}
.category-dropdown#display-course-category .c-details {
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.category-dropdown#display-course-category .c-details > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.category-dropdown#display-course-category .c-details > div:not(:last-child) {
  margin-bottom: 1em;
}
.category-dropdown#display-course-category .c-details > div label {
  text-transform: uppercase;
  font-size: 14px;
  color: #999999;
  margin-bottom: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.category-dropdown#display-course-category .c-details > div span {
  font-size: 14px;
  font-weight: 500;
}
.category-dropdown#display-course-category .c-details > div span#course-category-color {
  width: 20px;
  height: 20px;
}
.category-dropdown#display-course-category .c-details > div button {
  font-size: 12px;
  width: 120px;
}

.inline-rows {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.inline-rows > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.inline-rows > div select {
  width: 100%;
}
.inline-rows > div:not(:last-child) {
  margin-right: 2%;
}
.inline-rows > div h5 {
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #7f7b7e;
  font-weight: 500;
}

.event_prices .cstm-input {
  width: 30%;
}
.event_prices .cstm-input.big {
  width: 100%;
}

.resources .overview-tiles ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.resources .overview-tiles ul li {
  width: 23.5%;
  height: 150px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.resources .overview-tiles ul li:not(:nth-child(4n)) {
  margin-right: 1.4em;
}
.resources .overview-tiles ul li .tile-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.resources .overview-tiles ul li .tile-icon .tile-img {
  background-image: url("../img/icons/resource-tiles.png");
  background-repeat: no-repeat;
  width: 38px;
  height: 55px;
}
.resources .overview-tiles ul li .tile-icon .tile-img.instructor {
  background-position: 0 -76px;
}
.resources .overview-tiles ul li .tile-icon .tile-img.location {
  background-position: 0 -118px;
}
.resources .overview-tiles ul li .tile-icon .tile-img.rooms {
  background-position: 0 -32px;
}
.resources .overview-tiles ul li .tile-icon .tile-img.qualification {
  background-position: 0 26px;
}
.resources .overview-tiles ul li h3 {
  font-size: 3em;
  font-weight: 400;
  color: #0089CF;
}
.resources .closeForm {
  border-radius: 50%;
  background-color: #f15050;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.resources .closeForm i {
  font-size: 14px;
  color: #fff;
}

.course-catalogue {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.course-catalogue > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px -5px;
  height: 288px;
  overflow: hidden;
}
.course-catalogue > div:not(:last-child) {
  margin-bottom: 1.5em;
}
.course-catalogue > div .course-image-title {
  width: 30%;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  position: relative;
}
.course-catalogue > div .course-image-title a {
  height: 80%;
}
.course-catalogue > div .course-image-title a span {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.course-catalogue > div .course-image-title a span strong {
  font-weight: 100;
  margin-left: 10px;
}
.course-catalogue > div .course-image-title img {
  max-width: 100%;
  z-index: 0;
}
.course-catalogue > div .course-image-title img.course_img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.course-catalogue > div .course-image-title h4 {
  padding: 15px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  height: 20%;
}
.course-catalogue > div .course-image-title h4 i {
  margin-right: 10px;
  color: #fff;
}
.course-catalogue > div .course-tabs {
  width: 70%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.course-catalogue > div .course-tabs .course-tab-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  background-color: #eee;
}
.course-catalogue > div .course-tabs .course-tab-bar > div {
  padding: 20px 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  color: #6b6d6d;
}
.course-catalogue > div .course-tabs .course-tab-bar > div h5 {
  color: #6b6d6d;
}
.course-catalogue > div .course-tabs .course-tab-bar > div.active {
  background-color: #fff;
}
.course-catalogue > div .course-tabs .course-tab-bar > div.active h5 {
  color: #0089CF;
}
.course-catalogue > div .course-tabs .course-tab-content {
  padding: 20px;
}
.course-catalogue > div .course-tabs .course-tab-content h4 {
  font-weight: 400;
  margin-bottom: 0.5em;
}
.course-catalogue > div .course-tabs .course-tab-content p {
  font-size: 12px;
  font-weight: normal;
}
.course-catalogue > div .course-tabs .course-tab-content ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
}
.course-catalogue > div .course-tabs .course-tab-content ul li {
  font-size: 12px;
}
.course-catalogue > div .course-tabs .course-tab-content ul li span {
  background-color: #0089CF;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
}
.course-catalogue > div .course-tabs .course-tab-content ul li:not(:last-child) {
  margin-right: 10px;
}

.confirmed-delegates-bar {
  margin-top: 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  background-color: #47b272;
  color: #fff;
  padding: 15px;
}
.confirmed-delegates-bar span {
  text-transform: uppercase;
}
.confirmed-delegates-bar button {
  width: 100px;
  position: absolute;
  font-size: 14px;
  padding: 8px;
  right: 10px;
  border: 0;
}

.preview-joining {
  padding: 20px;
}

.preview-joining p {
  font-weight: normal;
}

.preview-joining {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.preview-body {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.preview-footer p {
  font-size: 14px;
  margin-top: 10px;
  font-weight: normal;
}

.preview-footer a {
  color: inherit;
}

.peview-footer p:not(:last-child) {
  margin-bottom: 10px;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: 0 0;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaa;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-control.single .selectize-input.input-active,
.selectize-input {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #0089CF;
  color: #fff;
  border: 1px solid #0089CF;
}

.selectize-control.multi .selectize-input > div.active {
  background: #0089CF;
  color: #fff;
  border: 1px solid #0089CF;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #fff;
  background: #d2d2d2;
  border: 1px solid #aaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: 0 0 !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: 0 !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown .option {
  padding: 5px 8px;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: grey transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent grey transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: 0 0;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #0089CF;
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0089CF;
}

.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: 700;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/*# sourceMappingURL=selectize.default.min.css.map */
.file-upload {
  background-color: #fff;
  width: 60%;
  margin: 0 auto;
  padding: 10px;
}
.file-upload p {
  font-weight: bold;
  color: #0089CF;
  font-size: 12px;
}
.file-upload p a {
  color: #282828;
}
.file-upload p a:hover, .file-upload p a:visited {
  color: #282828;
}
.file-upload h2 {
  text-align: center;
  font-weight: 300;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.1em;
}
.file-upload form {
  width: 100%;
  padding: 4em;
}
.file-upload form button[type=submit] {
  text-transform: uppercase;
}
.file-upload form .custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.file-upload form .custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 30px;
}
.file-upload form .custom-file-upload label {
  display: block;
  margin-bottom: 5px;
}
.file-upload form .file-upload-wrapper {
  position: relative;
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}
.file-upload form .file-upload-input {
  font-size: 16px;
  padding: 11px 17px;
  border: none;
  background-color: #eee;
  transition: all 0.2s ease-in;
  float: left;
  /* IE 9 Fix */
}
.file-upload form .file-upload-input:hover, .file-upload form .file-upload-input:focus {
  background-color: #e1e1e1;
  outline: none;
}
.file-upload form .file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  width: 45%;
  text-transform: uppercase;
  padding: 11px 20px;
  border: none;
  margin-left: -1px;
  background-color: #4e4e4e;
  float: left;
  /* IE 9 Fix */
  transition: all 0.2s ease-in;
}
.file-upload form .file-upload-button:hover {
  background-color: #0f0f0f;
}

.title h2 {
  font-weight: 300;
  color: #10a0d2;
}

.d-tiles {
  margin-top: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: initial;
}
.d-tiles i.fa-chevron-circle-right {
  font-size: 1.2em;
}
.d-tiles.row .box {
  flex-direction: row;
}
.d-tiles .box {
  /*background-color: #fff;*/
  /*flex:none !important;*/
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  margin-right: 2.5%;
  margin-bottom: 1em;
}
.d-tiles .box.multiple div:not(:last-child) {
  margin-bottom: 1em;
}
.d-tiles .box .d-tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.d-tiles .box .d-tile .tile-heading {
  background-color: #f7f7f7;
  color: #6b6a6a;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.d-tiles .box .d-tile .tile-heading h4 {
  font-weight: 300;
  font-size: 14px;
}

.tile-desc {
  background-color: #fff;
  padding: 10px 0;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tile-desc.number {
  align-items: center;
  justify-content: center;
  height: 110px;
}
.tile-desc.number h2 {
  font-size: 3em;
  color: #9aa5b3;
  font-weight: 100;
}
.tile-desc.leader-boards .item-content {
  margin-right: auto;
  margin-left: 1.6em;
}
.tile-desc.leader-boards .item-content li {
  border-bottom: 0;
}
.tile-desc.leader-boards .item-content li:not(:last-child) {
  margin-bottom: 2px;
}
.tile-desc.leader-boards .item-content li span {
  font-size: 14px;
}
.tile-desc.leader-boards .item.green .avatar {
  background-color: #1ba983;
}
.tile-desc.leader-boards .item.green li:not(:last-child) {
  color: #1ba983;
}
.tile-desc.leader-boards .item.red .avatar {
  background-color: #f65e5e;
}
.tile-desc.leader-boards .item.red li:not(:last-child) {
  color: #f65e5e;
}
.tile-desc.leader-boards .item.purple .avatar {
  background-color: #9370b1;
}
.tile-desc.leader-boards .item.purple li:not(:last-child) {
  color: #9370b1;
}
.tile-desc ul {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tile-desc ul li {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.tile-desc ul li .item {
  flex: 1;
  padding: 20px 20px 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.tile-desc ul li .item.audit-list {
  align-items: center;
  padding-top: 0;
}
.tile-desc ul li .item.audit-list.green p, .tile-desc ul li .item.audit-list.green i {
  color: #1ba983;
}
.tile-desc ul li .item.audit-list.red p, .tile-desc ul li .item.audit-list.red i {
  color: #f65e5e;
}
.tile-desc ul li .item.audit-list.purple p, .tile-desc ul li .item.audit-list.purple i {
  color: #9370b1;
}
.tile-desc ul li .item.audit-list .audit-title {
  margin-right: auto;
  margin-left: 1em;
}
.tile-desc ul li .item.audit-list .audit-title h4 {
  font-size: 14px;
  font-weight: 300;
  color: #4d5967;
}
.tile-desc ul li .item.audit-list .audit-title p {
  font-size: 12px;
  font-weight: 600;
}
.tile-desc ul li .item.completed_tasks {
  padding-top: 10px;
}
.tile-desc ul li .item.completed_tasks h4, .tile-desc ul li .item.completed_tasks i {
  color: #1ba983;
}
.tile-desc ul li .item.completed_tasks .last {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tile-desc ul li .item.completed_tasks .last small {
  margin-right: auto;
  color: #1ba983;
}
.tile-desc ul li .item.my_tasks {
  padding-top: 10px;
}
.tile-desc ul li .item.my_tasks h4, .tile-desc ul li .item.my_tasks i {
  color: #10a0d2;
}
.tile-desc ul li .item .avatar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f65e5e;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.tile-desc ul li .item .avatar svg {
  fill: #fff;
  width: 14px;
  height: 14px;
}
.tile-desc ul li .item .desc {
  margin-right: auto;
  margin-left: 1.5em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.tile-desc ul li .item .desc h4 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
.tile-desc ul li .item .desc p {
  font-size: 12px;
  font-weight: bold;
}
.tile-desc ul li .item .desc small {
  font-size: 12px;
}
.tile-desc ul li .item .desc small strong {
  color: #10a0d2;
}
.tile-desc ul li .item .desc .action {
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 1em;
}
.tile-desc ul li .item .desc .action a {
  text-decoration: none;
  font-size: 12px;
  color: #f65e5e;
}
.tile-desc ul li .item .desc .action a:hover, .tile-desc ul li .item .desc .action a:visited, .tile-desc ul li .item .desc .action a:active {
  color: #f65e5e;
}
.tile-desc ul li .item .date {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 10px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}
.tile-desc ul li .item .date span {
  font-size: 2em;
}
.tile-desc ul li .item .date small {
  font-size: 10px;
}
.tile-desc ul li .item .date.green {
  background-color: #1ba983;
}
.tile-desc ul li .item .date.green p {
  background-color: #1ba983;
}
.tile-desc ul li .item .date.red {
  background-color: #f65e5e;
}
.tile-desc ul li .item .date.red p {
  background-color: #f65e5e;
}
.tile-desc ul li .item .date.purple {
  background-color: #9370b1;
}
.tile-desc ul li .item .date.purple p {
  background-color: #9370b1;
}
.tile-desc ul li .item .date.blue {
  background-color: #10a0d2;
}
.tile-desc ul li .item .date.blue p {
  background-color: #10a0d2;
}
.tile-desc ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.tile-desc ul li .event-tile {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.tile-desc ul li .event-tile div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tile-desc ul li .event-tile div h4 {
  text-transform: uppercase;
  font-size: 1.5em;
}
.tile-desc ul li .event-tile div:first-child {
  background-color: #10a0d2;
  color: #fff;
}
.tile-desc ul li .event-tile div:last-child {
  background-color: #d4d9df;
}
.tile-desc ul li .event-tile div.img-bg {
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../img/banner.jpg") no-repeat;
  background-size: cover;
}
.tile-desc ul li .event-tile div.img-bg button {
  width: auto;
  padding: 5px;
  font-size: 12px;
  margin-top: 1em;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.tile-desc ul li .date-info {
  flex-direction: column;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  background-color: #10a0d2;
  color: #fff;
}
.tile-desc ul li .date-info h4 {
  font-size: 1.5em;
  text-transform: uppercase;
}
.tile-desc ul li .date-info small {
  opacity: 0.9;
  font-weight: 200;
}
.tile-desc ul.high-priority li .desc h4 {
  color: #f65e5e;
}
.tile-desc ul.high-priority li:before {
  content: "";
  background-color: #f65e5e;
  width: 10px;
  height: auto;
}

.dashboard-tiles ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboard-tiles ul li {
  flex: 0 0 23.5%;
  margin-bottom: 1.4em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.dashboard-tiles ul li.half {
  flex: 0 0 36.3%;
}
.dashboard-tiles ul li.full {
  flex: 0 0 100%;
}
.dashboard-tiles ul li .heading-bar {
  background-color: #f7f7f7;
  min-height: auto;
  padding: 10px;
}
.dashboard-tiles ul li > div {
  background-color: #fff;
  flex: 1;
  min-height: 150px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.dashboard-tiles ul li > div.with-icon-tile {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 10px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image {
  background: url("../img/icons/icons.svg");
  background-repeat: no-repeat;
  width: 60px;
  height: 55px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image.pad {
  background-position: -560px -280px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image.calendar {
  background-position: -884px -110px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image.list {
  background-position: -754px -195px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image.upload {
  background-position: -20px -110px;
}
.dashboard-tiles ul li > div.with-icon-tile span.image.folders {
  background-position: -213px -27px;
}
.dashboard-tiles ul li > div.with-icon-tile span.number {
  font-size: 3em;
  font-weight: 400;
  color: #0f0f0f;
}
.dashboard-tiles ul li > div.with-icon-tile h5 {
  font-weight: normal;
  color: #424242;
  margin-top: 10px;
}
.dashboard-tiles ul li > div.storage-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.dashboard-tiles ul li > div.storage-info .hdngs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.dashboard-tiles ul li > div.storage-info .hdngs div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: baseline;
}
.dashboard-tiles ul li > div.storage-info .hdngs div h3 {
  font-size: 3em;
  font-weight: 300;
  color: #424242;
}
.dashboard-tiles ul li > div.storage-info .hdngs div small {
  font-size: 1.5em;
  opacity: 0.5;
}
.dashboard-tiles ul li > div.storage-info .hdngs h5 {
  font-weight: normal;
}
.dashboard-tiles ul li > div.storage-info .progress-bar {
  background: #282828;
  height: 5px;
  width: 100%;
  position: relative;
}
.dashboard-tiles ul li > div.storage-info .progress-bar span.used-space {
  position: absolute;
  background-color: #0089CF;
  top: 0;
  height: 100%;
}
.dashboard-tiles ul li > div.storage-info .legend-labels {
  margin-top: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div:not(:last-child) {
  margin-right: 1em;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div h5 {
  font-weight: normal;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div span {
  padding: 8px;
  margin-right: 10px;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div span.used-space {
  background-color: #0089CF;
}
.dashboard-tiles ul li > div.storage-info .legend-labels > div span.available-space {
  background-color: #282828;
}
.dashboard-tiles ul li.multiple-tiles {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.dashboard-tiles ul li.multiple-tiles > div {
  flex: 1;
}
.dashboard-tiles ul li.multiple-tiles > div:not(:last-child) {
  margin-bottom: 1.4em;
}

.dashboard-tiles ul li {
  -ms-flex: 0 0 23.5%;
  flex: 0 0 23.5%;
  margin-bottom: 1.4em;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard-tiles ul li .heading-bar {
  background-color: #f7f7f7;
  min-height: auto;
  padding: 10px;
}

.dashboard-tiles ul li .heading-bar h4 {
  text-align: center;
  color: #838282;
  font-weight: 200;
}

.dashboard-tiles ul li.half {
  -ms-flex: 0 0 36.3%;
  flex: 0 0 36.3%;
}

.dashboard-tiles ul li.full {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.dashboard-tiles ul li > div {
  background-color: #fff;
  -ms-flex: 1;
  flex: 1;
  min-height: 150px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.dashboard-tiles ul li > div.with-icon-tile {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
}

.dashboard-tiles ul li > div.with-icon-tile.side-icon {
  -ms-flex-direction: row;
  flex-direction: row;
}

.dashboard-tiles ul li > div.with-icon-tile span.image {
  background: url("../img/icons/icons.svg");
  background-repeat: no-repeat;
  width: 60px;
  height: 55px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.auto-left {
  margin-left: 1em;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.pad {
  background-position: -560px -280px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.calendar {
  background-position: -884px -110px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.files {
  background-position: -750px -25px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.archived {
  background-position: -348px -190px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.list {
  background-position: -754px -195px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.upload {
  background-position: -20px -110px;
}

.dashboard-tiles ul li > div.with-icon-tile span.image.folders {
  background-position: -213px -27px;
}

.dashboard-tiles ul li > div.with-icon-tile span.number {
  font-size: 3em;
  font-weight: 400;
  color: #0f0f0f;
}

.dashboard-tiles ul li > div.with-icon-tile span.number.auto-right {
  margin-right: auto;
  margin-left: 1em;
  font-weight: 100;
}

.dashboard-tiles ul li > div.with-icon-tile h5 {
  font-weight: normal;
  color: #424242;
  margin-top: 10px;
}

.dashboard-tiles ul li > div.storage-info {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
}

.dashboard-tiles ul li > div.storage-info .hdngs {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dashboard-tiles ul li > div.storage-info .hdngs div {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.dashboard-tiles ul li > div.storage-info .hdngs div h3 {
  font-size: 3em;
  font-weight: 300;
  color: #757575;
}

.dashboard-tiles ul li > div.storage-info .hdngs div small {
  font-size: 1.5em;
  opacity: 0.5;
}

.dashboard-tiles ul li > div.storage-info .hdngs h5 {
  font-weight: normal;
}

.dashboard-tiles ul li > div.storage-info .progress-bar {
  background: #282828;
  height: 5px;
  width: 100%;
  position: relative;
}

.dashboard-tiles ul li > div.storage-info .progress-bar span.used-space {
  position: absolute;
  background-color: #f65e5e;
  top: 0;
  height: 100%;
}

.dashboard-tiles ul li > div.storage-info .legend-labels {
  margin-top: 1em;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div:not(:last-child) {
  margin-right: 1em;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div h5 {
  font-weight: normal;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div span {
  padding: 8px;
  margin-right: 10px;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div span.used-space {
  background-color: #f65e5e;
}

.dashboard-tiles ul li > div.storage-info .legend-labels > div span.available-space {
  background-color: #282828;
}

.dashboard-tiles ul li.multiple-tiles {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard-tiles ul li.multiple-tiles > div {
  -ms-flex: 1;
  flex: 1;
}

.dashboard-tiles ul li.multiple-tiles > div:not(:last-child) {
  margin-bottom: 1.4em;
}

.sidebar .side-menu {
  height: 650px;
  overflow-y: auto;
  overflow-x: hidden;
}

.DTFC_RightBodyLiner, .DTFC_LeftBodyLiner {
  overflow-x: hidden;
}

.talent-box {
  display: flex;
}
.talent-box div.talent-form {
  width: 35%;
}
.talent-box div.talent-form.active {
  display: flex;
  width: 35%;
}
.talent-box div.talent-titles {
  display: flex;
  flex: 1;
}
.talent-box div ul {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.talent-box div ul li {
  flex-basis: 33%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.permissions .permission-list {
  overflow-y: auto;
  height: 500px;
}
.permissions .ui-accordion .ui-accordion-content {
  padding: 0;
  justify-content: flex-start;
  flex-direction: column;
}
.permissions .ui-accordion .ui-accordion-content p {
  font-size: 14px;
  padding: 10px;
}
.permissions .ui-accordion .ui-accordion-content p:nth-child(even) {
  background-color: #f4f4f4;
}
.permissions .ui-corner-all, .permissions .ui-corner-top, .permissions .ui-corner-right, .permissions .ui-corner-tr {
  border-top-right-radius: 0;
}
.permissions .ui-corner-all, .permissions .ui-corner-top, .permissions .ui-corner-left, .permissions .ui-corner-tl {
  border-top-left-radius: 0;
}
.permissions .ui-corner-all, .permissions .ui-corner-bottom, .permissions .ui-corner-right, .permissions .ui-corner-br {
  border-bottom-right-radius: 0;
}
.permissions .ui-corner-all, .permissions .ui-corner-bottom, .permissions .ui-corner-left, .permissions .ui-corner-bl {
  border-bottom-left-radius: 0;
}

.group-titles.active button[type=submit] {
  margin-top: 0;
}
.group-titles.active button[type=submit].fixed-btn {
  display: block;
}
.group-titles.active > .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.group-titles .fixed-btn {
  display: none;
  width: 100px;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
.group-titles .title i.fa {
  color: #0089CF;
  margin-right: 10px;
}
.group-titles > .item {
  display: none;
}
.group-titles > .item label {
  margin-bottom: 0;
  cursor: pointer;
}
.group-titles > .item label:hover:after {
  display: block;
}
.group-titles > .item label:after {
  content: attr(data-title);
  font-size: 10px;
  background-color: #0089CF;
  color: #fff;
  border-radius: 4px;
  padding: 5px;
  margin-top: -5px;
  margin-left: 10px;
  display: none;
  transition: all 0.2s ease-in;
}

footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: #00679c;
  color: #fff;
  width: 100%;
}
footer p {
  font-size: 12px;
  font-weight: normal;
}
footer p:nth-child(1) {
  margin-left: auto;
  margin-right: 20%;
}
footer p.right {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
footer p.right a {
  color: #fff;
  text-decoration: none;
}
footer p.right a:hover {
  text-decoration: underline;
}

.form-layout {
  display: flex;
}
.form-layout > div {
  display: flex;
  flex-direction: column;
}
.form-layout > div .form-content {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
}
.form-layout > div .form-content:hover {
  box-shadow: 2px 2px 6px #ddd;
}
.form-layout > div .form-content div.basic-fields {
  display: flex;
  flex-direction: row;
}
.form-layout > div .form-content div.basic-fields ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.form-layout > div .form-content div.basic-fields ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}
.form-layout > div .form-content div.basic-fields ul[dnd-list] .dndPlaceholder {
  border: 2px solid #ddd;
  display: block;
  min-height: 42px;
}
.form-layout > div .form-content div.basic-fields ul[dnd-list] .dndDraggingSource {
  display: block;
}
.form-layout > div .form-content div.basic-fields ul.col1 li {
  border-right: 1px solid #ddd;
}
.form-layout > div .form-content div.basic-fields ul.col2 li:last-child {
  border-bottom: 1px solid #ddd;
}
.form-layout > div .form-content div.basic-fields ul li {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: default;
  transition: all 0.005s ease-in;
  width: 50%;
  font-size: 12px;
}
.form-layout > div .form-content div.basic-fields ul li i {
  margin-right: 5px;
}
.form-layout > div .form-content div.basic-fields ul li:nth-of-type(odd) {
  border-right: 1px solid #ddd;
}
.form-layout > div .form-content div.basic-fields ul li:hover {
  background-color: #0089CF;
  color: #fff;
}
.form-layout > div .form-content div.basic-fields ul li:hover.drag {
  background-color: #eee;
  color: black;
}
.form-layout > div .form-content div.basic-fields ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.form-layout > div .form-content div.basic-fields ul li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.form-layout > div .heading {
  background-color: #0089CF;
  padding: 10px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div .heading h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}
.form-layout > div .heading span.fa {
  color: #0f0f0f;
  cursor: pointer;
}
.form-layout > div .heading p {
  color: #dbdbdb;
}
.form-layout > div.form-fields {
  width: 23%;
}
.form-layout > div.form-area {
  width: 54%;
}
.form-layout > div.form-area .heading {
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}
.form-layout > div.form-area .heading h4 {
  font-size: 1.1em;
}
.form-layout > div.form-area .heading p {
  font-size: 12px;
  margin-top: 10px;
  font-weight: normal;
}
.form-layout > div.form-area .form-content {
  padding: 10px 20px;
}
.form-layout > div.form-area .form-content.view-form {
  overflow-y: auto;
  flex: none;
}
.form-layout > div.form-area .form-content.view-form li {
  margin-top: 0;
}
.form-layout > div.form-area .form-content.view-form li > :first-child {
  padding: 0.5em;
}
.form-layout > div.form-area .form-content.view-form table th {
  background-color: transparent;
  color: #0089CF;
}
.form-layout > div.form-area .form-content.view-form table tr td {
  padding: 18px 10px;
}
.form-layout > div.form-area .form-content.view-form table tr td:first-child {
  color: #0089CF;
}
.form-layout > div.form-area .form-content.view-form table tr td:last-child {
  flex: 1;
}
.form-layout > div.form-area .form-content.view-form .matrix table th, .form-layout > div.form-area .form-content.view-form .matrix table td {
  border: 0;
  text-align: center;
}
.form-layout > div.form-area .form-content.view-form .matrix table td input[type=radio] {
  border-radius: 50%;
}
.form-layout > div.form-area .form-content li {
  margin-top: 2em;
  position: relative;
  cursor: pointer;
}
.form-layout > div.form-area .form-content li.dndPlaceholder {
  border: 2px dashed #0089CF;
  color: #0089CF;
}
.form-layout > div.form-area .form-content li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.form-layout > div.form-area .form-content li:last-child {
  margin-bottom: 2em;
}
.form-layout > div.form-area .form-content li > :first-child {
  padding: 2em;
}
.form-layout > div.form-area .form-content li .field_types {
  display: flex;
  flex-wrap: wrap;
}
.form-layout > div.form-area .form-content li .field_types > div {
  flex: 1;
}
.form-layout > div.form-area .form-content li .field_types > div:not(:last-child) {
  margin-right: 10px;
}
.form-layout > div.form-area .form-content li .field_types > div section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div.form-area .form-content li .field_types > div section i {
  position: absolute;
  margin-top: 10px;
  margin-left: 10px;
  opacity: 0.5;
}
.form-layout > div.form-area .form-content li .field_types > div section > :last-child {
  margin-right: auto;
}
.form-layout > div.form-area .form-content li .field_types > div label {
  margin-top: 5px;
  color: #666;
}
.form-layout > div.form-area .form-content li .svg-icons {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  top: 10px;
  right: 15px;
}
.form-layout > div.form-area .form-content li .svg-icons svg {
  display: none;
  width: 16px;
  height: 16px;
}
.form-layout > div.form-area .form-content li .svg-icons svg:not(:last-child) {
  margin-right: 5px;
}
.form-layout > div.form-area .form-content li .svg-icons svg.active {
  display: block;
}
.form-layout > div.form-area .form-content li .svg-icons svg.removeTask {
  display: block;
}
.form-layout > div.form-area .form-content li.default {
  background-color: #6eceff;
  border: 1px dashed #0089CF;
  text-align: center;
}
.form-layout > div.form-area .form-content li.default > :first-child {
  padding: 2em;
}
.form-layout > div.form-area .form-content li.default h4 {
  font-size: 1.4em;
  color: #002436;
  font-weight: 400;
}
.form-layout > div.form-area .form-content li.default p {
  margin-top: 1em;
  font-size: 12px;
  font-weight: normal;
}
.form-layout > div.form-area .form-content li.newField {
  border: 1px dashed #ddd;
  background-color: #fff;
}
.form-layout > div.form-area .form-content li.newField input, .form-layout > div.form-area .form-content li.newField select, .form-layout > div.form-area .form-content li.newField textarea {
  border: 1px solid #ddd;
}
.form-layout > div.form-area .form-content li.newField input[type=checkbox], .form-layout > div.form-area .form-content li.newField select[type=checkbox], .form-layout > div.form-area .form-content li.newField textarea[type=checkbox] {
  border: 0;
}
.form-layout > div.form-area .form-content li.newField svg {
  fill: #ddd;
}
.form-layout > div.form-area .form-content li.newField.active {
  background-color: #69ccff;
  border-color: #0089CF;
}
.form-layout > div.form-area .form-content li.newField.active svg {
  fill: #0089CF;
}
.form-layout > div.form-area .form-content li.newField.active:hover {
  border-color: #0089CF;
}
.form-layout > div.form-area .form-content li.newField:hover {
  border-color: #ddd;
}
.form-layout > div.form-area .form-content li input, .form-layout > div.form-area .form-content li select, .form-layout > div.form-area .form-content li textarea {
  transition: all 0.2s ease-in;
}
.form-layout > div.form-area .form-content li input.small, .form-layout > div.form-area .form-content li select.small, .form-layout > div.form-area .form-content li textarea.small {
  width: 30%;
}
.form-layout > div.form-area .form-content li input.medium, .form-layout > div.form-area .form-content li select.medium, .form-layout > div.form-area .form-content li textarea.medium {
  width: 60%;
}
.form-layout > div.form-area .form-content li input.large, .form-layout > div.form-area .form-content li select.large, .form-layout > div.form-area .form-content li textarea.large {
  width: 100%;
}
.form-layout > div.form-area .form-content li input.multi-line, .form-layout > div.form-area .form-content li select.multi-line, .form-layout > div.form-area .form-content li textarea.multi-line {
  min-height: 100px;
  resize: cursor;
}
.form-layout > div.form-area .form-content li p {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px;
}
.form-layout > div.form-area .form-content li p.instructions {
  margin-top: 5px;
  word-break: break-all;
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}
.form-layout > div.form-area .form-content li p.para {
  color: #282828;
  margin-top: 5px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.6em;
  word-break: normal;
}
.form-layout > div.form-area .form-content li .matrix table thead th {
  text-align: center;
}
.form-layout > div.form-area .form-content li .matrix table tr td, .form-layout > div.form-area .form-content li .matrix table tr th {
  font-size: 12px;
}
.form-layout > div.form-area .form-content li .matrix table tr td {
  text-align: center;
}
.form-layout > div.form-area .form-content li .matrix table tr td input[type=radio] {
  border-radius: 50%;
}
.form-layout > div.form-area .form-content li .matrix table ul li:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-area .form-content .radio-box > div, .form-layout > div.form-area .form-content .check-box > div {
  display: flex;
  align-items: center;
}
.form-layout > div.form-area .form-content .radio-box > div:not(:last-child), .form-layout > div.form-area .form-content .check-box > div:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-area .form-content .radio-box > div input[type=radio], .form-layout > div.form-area .form-content .check-box > div input[type=radio] {
  width: 16px;
  height: 16px;
  padding: 6px;
  border-radius: 50%;
  box-shadow: none;
}
.form-layout > div.form-area .form-content .radio-box > div input[type=radio].active, .form-layout > div.form-area .form-content .check-box > div input[type=radio].active {
  background-color: #0089CF;
}
.form-layout > div.form-area .form-content .radio-box > div span, .form-layout > div.form-area .form-content .check-box > div span {
  font-size: 12px;
}
.form-layout > div.form-area .form-content .check-box > div:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-area .form-content .check-box div span {
  margin-left: 5px;
  margin-top: -5px;
}
.form-layout > div.form-properties {
  width: 23%;
}
.form-layout > div.form-properties .form-content {
  padding: 10px 20px;
}
.form-layout > div.form-properties .form-content .form-title div {
  margin-right: 0;
}
.form-layout > div.form-properties .form-content .form-title div:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div {
  margin-top: 1em;
}
.form-layout > div.form-properties .form-content .form-property-fields > div:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row {
  display: flex;
  align-items: center;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row.choice-type {
  justify-content: space-between;
  margin-bottom: 1em;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row.choice-type > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row.choice-type > div input[type=radio] {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  box-shadow: none;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row.choice-type > div input.active {
  background-color: #0089CF;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row.choice-type > div span {
  margin-top: 1px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div .single-row span {
  font-size: 12px;
  margin-left: 5px;
  margin-top: -5px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields ul li:not(:last-child) {
  margin-bottom: 10px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li input[type=text] {
  margin-right: 5px;
  padding: 5px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li input[type=checkbox] {
  border: 0;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li input[type=radio] {
  width: 12px;
  height: 12px;
  padding: 6px;
  border-radius: 50%;
  box-shadow: none;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li input[type=radio].active {
  background-color: #0089CF;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li span {
  cursor: pointer;
  font-size: 14px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li span:not(:last-child) {
  margin-right: 5px;
}
.form-layout > div.form-properties .form-content .form-property-fields > div.multiFields.selectOptions ul li span.fa-minus-square {
  color: #0089CF;
}
.form-layout > div.form-properties .form-content .buttons-grp {
  display: flex;
  flex-direction: row;
}
.form-layout > div.form-properties .form-content .buttons-grp button {
  padding: 5px;
  font-size: 12px;
  background-color: transparent;
  border: 1px solid #ddd;
  border-right: 0;
}
.form-layout > div.form-properties .form-content .buttons-grp button:last-child {
  border-right: 1px solid #ddd;
}
.form-layout > div.form-properties .form-content .buttons-grp button.active {
  background-color: #0089CF;
  color: #000203;
}
.form-layout > div.form-properties .form-content label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 5px;
}
.form-layout > div.form-properties .form-content .matrix > div {
  margin-bottom: 10px;
}
.form-layout > div.form-properties .form-content .matrix ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div.form-properties .form-content .matrix ul li:not(:last-child) {
  margin-bottom: 5px;
}
.form-layout > div.form-properties .form-content .matrix ul li input {
  padding: 5px;
  margin-right: 5px;
}
.form-layout > div.form-properties .form-content .matrix ul li span {
  cursor: pointer;
}
.form-layout > div.form-properties .form-content .matrix ul li span:not(:last-child) {
  margin-right: 5px;
}
.form-layout > div.form-properties .form-content .matrix ul li span.fa-minus-square {
  color: #0089CF;
}
.form-layout > div.form-properties .form-content .one-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-layout > div.form-properties .form-content .one-row > div {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.form-layout > div.form-properties .form-content .one-row > div:not(:last-child) {
  margin-right: 10px;
}
.form-layout > div:not(:last-child) {
  margin-right: 1em;
}
.form-layout input, .form-layout textarea {
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: normal;
}
.form-layout input[type=checkbox], .form-layout textarea[type=checkbox] {
  border: 0;
}
.form-layout input[type=checkbox][disabled], .form-layout textarea[type=checkbox][disabled] {
  background-color: transparent;
}
.form-layout input[disabled], .form-layout textarea[disabled] {
  background-color: #ddd;
}
.form-layout select {
  padding: 10px;
  border: 1px solid #ddd;
}
.form-layout textarea {
  resize: none;
  min-height: 50px;
}
.form-layout label {
  font-weight: 500;
  text-transform: none;
  font-size: 12px;
  color: #0089CF;
}
.form-layout .rating span {
  display: inline-flex;
  background: url("../img/icon-sprite.png") no-repeat;
  width: 20px;
  height: 20px;
}
.form-layout .rating span.star.off {
  background-position: -253px -129px;
}
.form-layout .rating span.star.on, .form-layout .rating span.star.selected {
  background-position: -253px -154px;
}
.form-layout .rating span.flag.off {
  background-position: -378px -129px;
}
.form-layout .rating span.flag.on, .form-layout .rating span.flag.selected {
  background-position: -378px -154px;
}
.form-layout .rating span.lightning.off {
  background-position: -278px -129px;
}
.form-layout .rating span.lightning.on, .form-layout .rating span.lightning.selected {
  background-position: -278px -154px;
}
.form-layout .rating span.heart.off {
  background-position: -328px -129px;
}
.form-layout .rating span.heart.on, .form-layout .rating span.heart.selected {
  background-position: -328px -154px;
}
.form-layout .rating span.shield.off {
  background-position: -303px -129px;
}
.form-layout .rating span.shield.on, .form-layout .rating span.shield.selected {
  background-position: -303px -154px;
}
.form-layout .rating span.bulb.off {
  background-position: -353px -129px;
}
.form-layout .rating span.bulb.on, .form-layout .rating span.bulb.selected {
  background-position: -353px -154px;
}
.form-layout .radio-box > div {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.form-layout .radio-box > div:first-child {
  margin-right: 10px;
}
.form-layout .name-elem {
  display: flex;
  align-items: center;
}
.form-layout .name-elem span:not(:last-child) {
  margin-right: 6px;
}
.form-layout .field_error {
  font-size: 12px;
  color: red;
}

.accord > div {
  border: 1px solid #0089CF;
}
.accord > div:first-child {
  border-radius: 4px 4px 0 0;
}
.accord > div:not(:last-child) {
  margin-bottom: 1px;
}
.accord > div.first .form-area .accord-content {
  display: block;
}
.accord > div .form-area .heading {
  border: 1px solid #0089CF;
}
.accord > div .form-area .heading h4 {
  font-size: 1em;
  text-transform: capitalize;
}
.accord > div .form-area .accord-content {
  transition: all 0.5s ease-in;
  height: 0;
  display: none;
}
.accord > div .form-area .accord-content.active {
  display: block;
  height: auto;
}
.accord > div:not(:last-child) {
  margin-bottom: 1px;
}

.full {
  width: 100%;
}
.full:parent {
  width: 100%;
}
.full.inline button[type=submit] {
  margin-top: -12px;
}

.inline {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 1em;
}
.inline input {
  border: 1px solid #ddd;
  font-size: 12px;
}
.inline input:not(:last-child) {
  margin-right: 10px;
}
.inline button[type=submit] {
  margin-top: 0;
  padding: 10px 2px;
}

/*! angularjs-slider - v6.4.2 -
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -
 https://github.com/angular-slider/angularjs-slider -
 2017-12-01 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider.small {
  width: 35%;
}
.rzslider.medium {
  width: 60%;
}
.rzslider.large {
  width: 100%;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: "";
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ6c2xpZGVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O2NBR2M7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtDQUM1Qjs7QUFFRDtFQUNFLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2IsZ0JBQWdCO0VBQ2hCLDBCQUEwQjtFQUdsQixvQkFBb0I7Q0FDN0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLFdBQVc7RUFDWCxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtFQUMzQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixRQUFRO0VBQ1IsV0FBVztFQUNYLFlBQVk7RUFDWixVQUFVO0VBQ1YsVUFBVTtFQUNWLGlCQUFpQjtFQUNqQix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsY0FBYztDQUNmOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxRQUFRO0VBQ1IsWUFBWTtFQUNaLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGFBQWE7RUFDYixXQUFXO0VBQ1gsZUFBZTtFQUNmLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFFBQVE7RUFDUixZQUFZO0VBQ1osYUFBYTtFQUNiLG9CQUFvQjtFQUNwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsV0FBVztFQUNYLFdBQVc7RUFDWCxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsVUFBVTtFQUNWLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixzQkFBc0I7RUFDdEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsT0FBTztFQUNQLFdBQVc7RUFDWCxXQUFXO0VBQ1gsU0FBUztFQUNULGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsVUFBVTtFQUNWLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLFdBQVc7Q0FDWiIsImZpbGUiOiJyenNsaWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgYW5ndWxhcmpzLXNsaWRlciAtIHY2LjQuMiAtIFxuIChjKSBSYWZhbCBaYWphYyA8cnphamFjQGdtYWlsLmNvbT4sIFZhbGVudGluIEhlcnZpZXUgPHZhbGVudGluQGhlcnZpZXUubWU+LCBKdXNzaSBTYWFyaXZpcnRhIDxqdXNhc2lAZ21haWwuY29tPiwgQW5nZWxpbiBTaXJidSA8YW5nZWxpbi5zaXJidUBnbWFpbC5jb20+IC0gXG4gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXItc2xpZGVyL2FuZ3VsYXJqcy1zbGlkZXIgLSBcbiAyMDE3LTEyLTAxICovXG4ucnpzbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBtYXJnaW46IDM1cHggMCAxNXB4IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4ucnpzbGlkZXIud2l0aC1sZWdlbmQge1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotcG9pbnRlciB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOGUwZjM7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LWRyYWdnYWJsZSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICM4YjkxYTI7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXRpY2sge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei10aWNrLnJ6LXNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogIzhiOTFhMjtcbn1cblxuLnJ6c2xpZGVyIHNwYW4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDMycHg7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBtYXJnaW4tdG9wOiAtMTZweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnJ6c2xpZGVyIC5yei1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG1vdmU7XG59XG5cbi5yenNsaWRlciAucnotYmFyIHtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhci13cmFwcGVyLnJ6LXRyYW5zcGFyZW50IC5yei1iYXIge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlci5yei1sZWZ0LW91dC1zZWxlY3Rpb24gLnJ6LWJhciB7XG4gIGJhY2tncm91bmQ6ICNkZjAwMmQ7XG59XG5cbi5yenNsaWRlciAucnotYmFyLXdyYXBwZXIucnotcmlnaHQtb3V0LXNlbGVjdGlvbiAucnotYmFyIHtcbiAgYmFja2dyb3VuZDogIzAzYTY4ODtcbn1cblxuLnJ6c2xpZGVyIC5yei1zZWxlY3Rpb24ge1xuICB6LWluZGV4OiAyO1xuICBiYWNrZ3JvdW5kOiAjMGRiOWYwO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIge1xuICB0b3A6IC0xNHB4O1xuICB6LWluZGV4OiAzO1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwZGI5ZjA7XG4gIC13ZWJraXQtYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMnB4O1xuICBsZWZ0OiAxMnB4O1xuICB3aWR0aDogOHB4O1xuICBoZWlnaHQ6IDhweDtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY29udGVudDogJyc7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjpob3ZlcjphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlci5yei1hY3RpdmUge1xuICB6LWluZGV4OiA0O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIucnotYWN0aXZlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzQ1MWFmZjtcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUge1xuICBib3R0b206IDE2cHg7XG4gIHBhZGRpbmc6IDFweCAzcHg7XG4gIGNvbG9yOiAjNTU2MzdkO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG59XG5cbi5yenNsaWRlciAucnotYnViYmxlLnJ6LWxpbWl0IHtcbiAgY29sb3I6ICM1NTYzN2Q7XG59XG5cbi5yenNsaWRlciAucnotdGlja3Mge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTNweDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMDtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2tzLXZhbHVlcy11bmRlciAucnotdGljay12YWx1ZSB7XG4gIHRvcDogYXV0bztcbiAgYm90dG9tOiAtMzJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMHB4O1xuICBoZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMXB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZDogI2Q4ZTBmMztcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2sucnotc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kOiAjMGRiOWYwO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2stdmFsdWUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTMwcHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2stbGVnZW5kIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDI0cHg7XG4gIG1heC13aWR0aDogNTBweDtcbiAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDRweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgMjBweDtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhc2Uge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhci13cmFwcGVyIHtcbiAgdG9wOiBhdXRvO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwIDAgMCAxNnB4O1xuICBtYXJnaW46IDAgMCAwIC0xNnB4O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhciB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogYXV0bztcbiAgd2lkdGg6IDRweDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXBvaW50ZXIge1xuICB0b3A6IGF1dG87XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogLTE0cHggIWltcG9ydGFudDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1idWJibGUge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDE2cHggIWltcG9ydGFudDtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrcyB7XG4gIHRvcDogMDtcbiAgbGVmdDogLTNweDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrIHtcbiAgbWFyZ2luLXRvcDogMTFweDtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGljay12YWx1ZSB7XG4gIHRvcDogYXV0bztcbiAgbGVmdDogMjRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTI4JSk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGljay1sZWdlbmQge1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAyNHB4O1xuICBtYXgtd2lkdGg6IG5vbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC0yOCUpO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2tzLXZhbHVlcy11bmRlciAucnotdGljay12YWx1ZSB7XG4gIHJpZ2h0OiAyNHB4O1xuICBib3R0b206IGF1dG87XG4gIGxlZnQ6IGF1dG87XG59Il19 */
/*Datatables search Filter Styles */
table.dataTable {
  max-width: 100%;
}

#reportrange {
  /*float:right;*/
  /*position: absolute;*/
  /*top: 50px;*/
  right: 0;
  /*margin-top:-6.5em;*/
  background: #fff;
  cursor: pointer;
  padding: 12px;
  border: 1px solid #ccc;
  width: 280px;
  font-size: 12px;
}

.daterangepicker.dropdown-menu {
  display: none;
}

.applyBtn, .cancelBtn {
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  cursor: pointer;
}

.applyBtn {
  margin-bottom: 8px;
  background-color: #0089CF;
}

.cancelBtn {
  background-color: #ddd;
  color: #666;
}

.daterangepicker.ltr .calendar.left {
  margin-right: 2em;
}

button.dt-button, div.dt-button, a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  padding: 0.2em 1.4em;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  background-color: #0089CF;
  /* background-color: #e9e9e9; */
  /* background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%); */
  background-image: none;
  /* background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
  border: none;
  background-color: #0089CF;
  color: #fff;
  background-image: none;
}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
  border: none;
  background-color: #0089CF;
  background-image: none;
}

div.dt-buttons {
  position: relative;
  float: right;
  margin-right: 0;
  margin-left: 1em;
  margin-top: -3.4em;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #0089CF;
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #0089CF;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 35px;
  line-height: 35px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  font-size: 14px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.ranges li {
  font-size: 13px;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  color: #000;
  padding: 12px;
  margin-bottom: 8px;
  cursor: pointer;
}

.ranges li:hover {
  background: #0089CF;
  border: 1px solid #0089CF;
  color: #fff;
}

.ranges li.active {
  /*background:$base-color;*/
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  color: #000;
}

.ranges li.active:hover {
  background: #0089CF;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 160px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .calendar.left {
    clear: none;
  }

  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left;
  }

  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right;
  }

  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 1em;
  }

  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }

  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }

  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }

  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
  }

  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }

  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }

  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }

  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }

  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }

  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker.ltr .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .calendar.left {
    clear: none !important;
  }
}
.range-slider {
  margin: 18px 0 0 0%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (auto13px));
  height: 5px;
  border-radius: 0px;
  background: #005683;
  outline: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
}
.range-slider__range::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00679c;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #009ae9;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #009ae9;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #00679c;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #009ae9;
}
.range-slider__range:active::-moz-range-thumb {
  background: #009ae9;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #009ae9;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: auto;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #00679c;
  padding: 5px 10px;
  margin-left: 18px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #00679c;
  border-bottom: 7px solid transparent;
  content: "";
}

.suffixes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: 10px;
}
.suffixes span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  background-color: #0089CF;
  color: #fff;
  border-radius: 50%;
  align-items: center;
  width: 30px;
  height: 30px;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.suffixes span:not(:last-child) {
  margin-right: 10px;
}
.suffixes span.active {
  background-color: #282828;
}

::-moz-range-track {
  background: #005683;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

ul.pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
ul.pagination li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-right: 0;
  background-color: #fff;
}
ul.pagination li a, ul.pagination li span {
  font-size: 12px;
  text-decoration: none;
  color: #666;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
ul.pagination li:first-child {
  border-radius: 2px 0 0 2px;
}
ul.pagination li:last-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #ddd;
}
ul.pagination li:hover {
  background-color: #0089CF;
}
ul.pagination li:hover a, ul.pagination li:hover span {
  color: #fff;
}
ul.pagination li.active {
  background-color: #0089CF;
}
ul.pagination li.active a, ul.pagination li.active span {
  color: #fff;
}

.full.inline button[type=submit] {
  margin-top: 0;
}

.grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.grid > div.eighteen-half {
  width: 18%;
}
.grid > div.eighteen-half.upload-avatar {
  background-color: whitesmoke;
}
.grid > div.eighteen-half.upload-avatar .profile-img {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.grid > div.eighteen-half.upload-avatar .profile-img img {
  max-width: 100%;
}
.grid > div.eighteen-half.upload-avatar .profile-img > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.grid > div.eighteen-half.upload-avatar .profile-img-title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 0.5em;
  margin-left: 10px;
}
.grid > div.eighteen-half.upload-avatar .profile-img-title h3 {
  color: #0089CF;
  font-weight: 200;
  margin-left: 0.5em;
}
.grid > div.eighteen-half.upload-avatar .profile-img-notes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  padding: 10px;
}
.grid > div.eighteen-half.upload-avatar .profile-img-notes p {
  font-weight: 300;
  font-size: 14px;
  color: #0089CF;
}
.grid > div.eighteen-half.upload-avatar .profile-img-upload-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding: 10px;
}
.grid > div.eighteen-half.upload-avatar .profile-img-upload-icon .file {
  position: absolute;
  width: 47px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.grid > div.thirty {
  width: 30%;
}
.grid > div.eighty-two {
  width: 82%;
}

span.pill {
  padding: 4px 20px;
  border-radius: 30px;
  font-size: 12px;
  margin-left: 1em;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
span.pill.small {
  width: 80px;
}
span.pill.medium {
  width: 40%;
}
span.pill.large {
  width: 100%;
}
span.pill.never {
  background-color: #b4b4b4;
}
span.pill.expired {
  background-color: #000;
}
span.pill.red {
  background-color: red;
}
span.pill.orange {
  background-color: orange;
}
span.pill.amber {
  background-color: #faa114;
}
span.pill.green {
  background-color: #3ca65e;
}
span.pill.purple {
  background-color: #5f4286;
}
span.pill.violet {
  background-color: #208fc8;
}

.pad-20 {
  padding: 20px;
}
.pad-20 .user-permissions {
  width: 980px;
  margin: 0 auto;
}
.pad-20 .user-permissions > div {
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.pad-20 .user-permissions > div .group-header {
  background-color: #f7f6f6;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
}
.pad-20 .user-permissions > div .group-header h4 {
  color: #7b7b7b;
  font-weight: 300;
  margin-left: 1em;
}
.pad-20 .user-permissions > div ul.active li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 10px;
  transition: all 0.3s ease-out;
}
.pad-20 .user-permissions > div ul.active li:not(:last-child) {
  border-bottom: 1px solid whitesmoke;
}
.pad-20 .user-permissions > div ul.active li p {
  font-weight: normal;
  font-size: 14px;
  color: #2a2a2a;
  margin-left: 1em;
}
.pad-20 .user-permissions > div ul li {
  display: none;
}
.pad-20 .user-permissions > div:not(:last-child) {
  margin-bottom: 1em;
}
.pad-20 .user-details .row-item > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.pad-20 .user-details .row-item > div input {
  border: none;
  font-size: 14px;
  columns: #6b6a6a;
  flex: 1;
  padding: 10px;
}
.pad-20 .user-details .row-item > div input:not(:last-child) {
  margin-right: 10px;
}
.pad-20 .user-details .row-item .title {
  color: #6B6A6A;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  margin-bottom: 1em;
  font-weight: 300;
  padding-bottom: 10px;
}
.pad-20 .user-details .row-item .btn-confirmed {
  background-color: #47b272;
  color: #fff;
  width: 15%;
  margin-top: 0;
  border-radius: 0;
  font-weight: 100;
}

.multi-span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

body.login {
  background: url("../img/grid-pattern.jpg") repeat;
}
body .login-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body .login-area > div {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .login-area > div:first-child > div {
  background-color: #fff;
  padding: 2em;
}
body .login-area > div:first-child > div h1, body .login-area > div:first-child > div p {
  text-align: center;
  font-weight: 300;
}
body .login-area > div:first-child > div h1 {
  color: #0089CF;
}
body .login-area > div:first-child > div p {
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
body .login-area > div:first-child > div form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .login-area > div:first-child > div form > div {
  position: relative;
}
body .login-area > div:first-child > div form > div:not(:last-child) {
  margin-bottom: 1em;
}
body .login-area > div:first-child > div form > div span.error {
  color: red;
}
body .login-area > div:first-child > div form input {
  border: 1px solid #ddd;
}
body .login-area > div:first-child > div form input:not(:last-child) {
  margin-bottom: 6px;
}
body .login-area > div:first-child > div form .buttons {
  display: flex;
  align-items: center;
  jusitify-content: space-between;
}
body .login-area > div:first-child > div form .buttons button, body .login-area > div:first-child > div form .buttons a {
  flex: 1;
}
body .login-area > div:first-child > div form button[type=submit] {
  margin-top: 0;
}
body .login-area > div:last-child img {
  width: 80%;
}

#register {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: #0089CF;
  transition: all 0.4s;
}
#register span.close {
  color: #fff;
  font-size: 2em;
  position: absolute;
  right: 3em;
  top: 2em;
  font-weight: 100;
  cursor: pointer;
}
#register.error-zone div span.error {
  color: #fff;
  font-size: 12px;
}
#register .sign-up {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex: 1;
}
#register .sign-up h1 {
  color: #fff;
  margin-bottom: 1em;
  width: 30%;
  text-align: center;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #fff;
  font-weight: 300;
}
#register .sign-up form {
  display: flex;
  flex-direction: column;
  width: 30%;
}
#register .sign-up form button[type=submit] {
  margin-top: 0;
}
#register .sign-up form input[type=text], #register .sign-up form select, #register .sign-up form textarea {
  margin-bottom: 0;
}
#register.active {
  height: 100%;
  opacity: 1;
  z-index: 9999;
}

#navbar {
  background-color: #FFD41D;
  height: 80px;
  display: flex;
  align-items: center;
  jusitify-content: space-between;
  width: 100%;
  z-index: 999;
  position: relative;
}
#navbar .logo {
  padding-left: 1%;
}
#navbar a {
  margin-left: auto;
  margin-right: 1em;
  width: 12%;
}

.banner-grid {
  position: relative;
  background: url("../img/grid-pattern.jpg") repeat;
  height: 100%;
}

.bg-slide {
  background-color: #0089CF;
  position: absolute;
  width: 100%;
  height: 50%;
  top: -5%;
  z-index: 1;
  transform: skewY(-7deg);
  animation: slide 0.5s ease;
}

@keyframes slide {
  0% {
    top: -200%;
  }
  100% {
    top: -5%;
  }
}
.banner {
  position: relative;
  background: url("../img/banner.jpg") no-repeat;
  background-size: cover;
  background-position: 0 -100%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.cstm-form {
  display: flex;
  width: 80%;
  margin: 0 auto;
  padding-top: 2em;
  flex-direction: column;
  /*line-height:2.8em;*/
}
.cstm-form h1, .cstm-form p {
  color: #0089CF;
  text-align: center;
}
.cstm-form p {
  margin-bottom: 10px;
}
.cstm-form form {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-top: 5%;
}
.cstm-form form input:not(:last-child) {
  margin-bottom: 6px;
}
.cstm-form form .buttons {
  display: flex;
  align-items: center;
  jusitify-content: space-between;
}
.cstm-form form .buttons button, .cstm-form form .buttons a {
  flex: 1;
}
.cstm-form form button[type=submit] {
  margin-top: 0;
}

.register-form {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.register-form div {
  flex: 1;
}
.register-form div.signup-form {
  padding: 10px;
  background-color: #0089CF;
}
.register-form div.signup-form form div input[type=email], .register-form div.signup-form form div input[type=password] {
  margin-bottom: 1em;
}
.register-form div.signup-form h1 {
  text-align: center;
  color: #fff;
  margin-bottom: 1em;
  margin-top: 1em;
}
.register-form div.signup-form .btns {
  display: flex;
  justify-content: space-between;
}
.register-form div.signup-form .btns button, .register-form div.signup-form .btns a {
  flex: 1;
}
.register-form div.signup-form .btns a {
  margin-top: 1em;
}
.register-form div.signup-form .btns button {
  margin-right: 1em;
}
.register-form div.register-banner {
  background: url("../img/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*# sourceMappingURL=base.css.map */