body,
body * {
  font-family: 'Noto Sans', 'Open Sans', arial, sans-serif;
}

body {
  background: #cccccc url(../images/bg.jpg) repeat-y;
  background-size: 100%;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Anton";
  line-height: 1.1;
}

.grand-form input[type=text],
.grand-form input[type=password].grand-form input[type=email].grand-form input[type=button].grand-form input[type=submit] {
  width: 100% !important;
}



header.main-header,
.p-footer {
  background: #000 url(../images/bg_header.jpg) repeat-y;
  background-size: cover;
  overflow: hidden;
}

header.main-header {
  color: #6D6E71;
}

header.main-header>div {
  padding: 0;
}

header.main-header>div>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

header.main-header .logo {
  padding-right: 0;
}

header.main-header .logo a {
  padding: 0 15px;
  display: inline-block;
}

header.main-header .logo img {
  max-width: 100%;
  max-height: 113px;
  height: 100%;
  width: auto;
}

/* header.main-header .p-title {
  border-bottom: 13px solid #d62e37;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  display: flex;
  align-items: center;
  position: relative;
} */

header.main-header .p-title:before {
  display: block;
  display: none;
  content: "";
  position: absolute;
  bottom: -14px;
  left: -12px;
  width: 13px;
  height: 14px;
  background-color: #d62e37;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);
}

header.main-header .p-title h1 {
  width: 100%;
  /*font-size: 60px;*/
  font-size: 3.6vw;
  text-transform: uppercase;
  margin: 0;
  padding: 16px 15px;
  text-align: right;
}

header.main-header .p-title h1 span {
  display: block;
}

header.main-header .p-title h1 span a {
  background: #d62e37;
  color: #fff;
  padding: 6px 14px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 4px;
  text-transform: none;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

header.main-header .p-title h1 span a:hover {
  background: #6d6e71;
}






.h-left {
  width: 38%;
}

.h-right {
  width: 62%;
}

.c-left {
  float: left;
  width: 38%;
}

.c-right {
  float: right;
  width: 62%;
}

.p-content {
  background: #cccccc url(../images/bg.jpg) repeat-y;
  padding-bottom: 80px;
  background-size: 100%;
}

.c-left {
  padding-right: 0;
}

.user-bio {
  background: #d62e37;
  color: #fff;
  padding: 20px 40px 10px 10px;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  margin-bottom: 20px;
}

.user-bio h2 {
  margin: 0;
  font-size: 50px;
}

.user-bio .sub-details {
  text-transform: uppercase;
}

.user-bio .sub-details span {
  display: inline-block;
  padding: 0 6px;
}

.user-bio .logout a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
}


#page-dashboard .graph-area {
  padding: 0 20px;
  position: relative;
}

#page-dashboard .graph-area {
  opacity: 0;
}

#chart {
  position: relative;
  margin: auto;
}

.apexcharts-text.apexcharts-datalabel-label {
  margin-top: 10%;
}

#per-cent {
  /*content: "30";*/
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #6D6E71;
  font-size: 110px;
  font-weight: bold;
  line-height: 90px;
  margin-top: -45px;
}

#per-cent span {
  position: relative;
}

/*#per-cent:after {
	content: "%";
	position: absolute;
	left: 50%;
	top: 50%;
	color:#6D6E71;
	font-size:30px;
	font-weight:bold;
	line-height: 30px;
	margin-left: 61px;
	margin-top: -45px;
}*/

/*.apexcharts-canvas:after*/
#per-cent span:after {
  content: "%";
  position: absolute;
  left: auto;
  top: 50%;
  color: #6D6E71;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  margin-left: 1px;
  margin-top: -45px;
}

/*.apexcharts-tooltip {
	background: #f3f3f3;
	color: orange;
}*/






#page-dashboard>.container-fluid,
.container-fluid {
  padding: 0;
}

.dash-boxes {
  padding: 20px;
}

.dash-boxes a {
  text-decoration: none;
}



.box_style {
  border: 1px solid #707070;
  background: #fff;
  color: #000000;
}

.dash_box {
  padding: 30px;
  margin: 5px 0 0px 10px;
  opacity: 0;
}

#page-dashboard .dash_box {
  padding: 12px 13px 12px 11px;
}

#page-dashboard .dash_box {
  /*cursor:pointer;*/
}

.dash_box .title {
  font-size: 20px;
  font-weight: 700;
  /*float:left;*/
  /*max-height:22px;
	overflow:hidden;*/
  position: relative;
  margin-bottom: 10px;
  color: #000000;
}

.avg {
  float: right;
  text-align: right;
  color: #6D6E71;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
}

.dash_box .percent {
  color: #6D6E71;
  font-size: 70px;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
  float: left;
  line-height: 74px;
  min-width: 77px;
}

.dash_box .percent span {
  position: absolute;
  font-size: 20px;
  top: 5px;
  right: 3px;
  line-height: 28px;
}

.dash_box .expand {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
}

.dash_box .expand a {
  color: #d62e37;
  text-decoration: none;
}

.dash_box .expand a:hover {
  color: #000;
}





.ptitle {
  font-size: 10px;
}

.ptitle strong {
  font-weight: normal;
}

.dash_box .progress {
  margin-bottom: 9px;
  height: 15px;
  background: #acacac;
  border-radius: 20px;
}

.dash_box .progress-bar {
  width: 0;
  border-radius: 20px;
  line-height: 15px;
  text-align: left;
  text-indent: 5px;
  background: #d62e37;
  animation: progress 2.5s ease-in-out forwards;
  /*
  .ptitle {
	opacity: 0;
	animation: show 0.35s forwards ease-in-out 0.5s;
  }*/
}

@keyframes progress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}






.p-footer {
  color: #eee;
  padding: 20px 0;
  text-align: center;
}

.p-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}






.box_list {
  list-style: none;
  margin: 0 0 35px;
  padding: 0;
  border-top: 1px solid #d62e37
}

.box_list li {
  border-bottom: 1px solid #d62e37;
  font-size: 20px;
  padding: 7px 3px;
}

.box_list .ptitle {
  font-size: 19px;
  display: flex;
}

.box_list .ptitle>* {
  flex-grow: 1;
}

.box_list em {
  font-style: normal;
  font-weight: bold;
  text-align: right;
}


.box_bottom {
  font-size: 20px;
  font-weight: bold;
  color: #d62e37;
  text-align: right;
}

.box_bottom>div {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
}

.box_bottom>div:first-child {
  border-right: 1px solid #707070;
}

.box_bottom strong {
  display: block;
  font-size: 50px;
  line-height: 1;
  color: #6D6E71;
}






.stat_nav {
  font-size: 19px;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.stat_nav a {
  display: inline-block;
  color: #111;
  padding: 0 15px;
  text-decoration: none;
}

.stat_nav a:hover {
  color: #d62e37;
}





.admin_box {
  color: #6D6E71;
  margin: 0 40px 40px;
  background: #fff;
  border: 1px solid #707070;
  padding: 15px;
  position: relative;
}

.admin_box:before {
  content: "";
  width: 40px;
  height: 70px;
  background: #d62e37;
  position: absolute;
  left: -41px;
  top: -1px;
}

.ca-left,
.ca-right {
  width: 50%;
  float: left;
  padding: 25px;
}

.ca-left {
  border-right: 1px solid #999;
}

.admin_box h2 {
  font-size: 51px;
  margin-bottom: 25px;
}

.news_text {
  font-size: 20px;
  line-height: 1.6;
}

.link-box {
  border: 1px solid #707070;
  text-align: center;
  display: block;
  padding: 42px 12px 12px;
  text-decoration: none !important;
}

.link-box span {
  display: block;
}

.link-img img {
  /*max-height:86px;*/
  max-width: 100%;
  height: auto;
}

.link-btn {
  display: block;
  color: #111;
  font-size: 20px;
  line-height: 24px;
  padding: 6px;
  margin-top: 47px;
}

.link-box:hover .link-btn {
  color: #fff;
  background: #d62e37;
}


.qxs-text {
  font-size: 14px;
  line-height: 24px;
  color: #6D6E71;
  padding: 30px 0 0;
}






.admin_nav {
  background: #cccccc url(../images/bg.jpg) repeat-y;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
}

.admin_nav>ul {
  list-style: none;
  margin: 0;
  padding: 30px 50px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  min-width: 60%;
  position: relative;
  z-index: 1;
}


.admin_nav>ul:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  background: #d62e37;
  z-index: -1;
}

.admin_nav li {
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 8px 0;
}

.admin_nav a {
  color: #fff;
  text-decoration: none;
  padding: 8px 14px;
}

.admin_nav li:hover,
.admin_nav li:hover>a {
  color: #111;
  background: #ddd;
}

.admin_nav>ul ul {
  display: none;
  position: absolute;
  list-style: none;
  z-index: 999;
  width: 160px;
  background: #ddd;
  padding: 8px 5px;
  margin: 0;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
}

.admin_nav>ul>li:hover ul {
  display: block;
}

.admin_nav>ul ul li {
  display: block;
  text-align: left;
  padding: 2px 0;
}

.admin_nav>ul ul a {
  color: #111;
  display: block;
  padding: 5px 10px 5px 10px;
}

.admin_nav>ul ul a:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 1320px) {
  .admin_nav {
    font-size: 14px;
    margin-left: 0;
    width: fit-content;
    min-width: 65%;
  }
}

@media (max-width: 768px) {
  .admin_nav {
    font-size: 14px;
    margin-left: 0;
    width: fit-content;
    min-width: 80%;
  }
}

@media (max-width: 480px) {
  .admin_nav {
    font-size: 14px;
    margin-left: 0;
    width: 100%;
    min-width: 100%;
  }
}


.ca-right label {
  color: #111;
  text-transform: uppercase;
}

.ca-right label.error {
  text-transform: none;
}

.ca-right .form-control {
  border: 1px solid #707070;
  border-radius: 0;
  padding: 10px 6px;
  min-height: 50px;
  background: #F4F4F4;
}

/* Chrome, Safari, Edge, Opera */
.ca-right input::-webkit-outer-spin-button,
.ca-right input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.ca-right input[type=number] {
  -moz-appearance: textfield;
}

.ca-right .form-actions {
  text-align: right;
  padding-top: 15px;
}

.form-actions .btn,
.ca-right .btn {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 10px 26px;
  min-height: 50px;
  border-radius: 0;
  border: 0;
  margin-left: 15px;
  margin-bottom: 15px;
}

.form-actions .btn:hover {
  opacity: 0.7;
}

.form-actions .btn.blue,
.ca-right .btn.blue {
  background: #6D6E71;
}

.form-actions .btn.default,
.ca-right .btn.default {
  background: #d62e37;
}








/*
athelete page
*/
.athelete-menu {
  background: #000;
  color: #ACACAC;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.athelete-menu ul {
  /*display:flex;*/
  margin: 0;
  padding: 0;
  list-style: none;
}

.athelete-menu li {
  flex-grow: 1;
  text-align: center;
  position: relative;
  display: inline-block;
}

.athelete-menu li a {
  color: #ACACAC;
  text-decoration: none;
  display: block;
  padding: 10px;
}

.athelete-menu li.active a,
.athelete-menu li a:hover {
  color: #fff;
  background: #d62e37;
}

.athelete-menu li.active a:before,
.athelete-menu li:hover a:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: #d62e37;
  height: 10px;
  width: 40px;
  margin-left: -20px;
}




.athelete-left.ca-left {
  width: 23%;
}

.athelete-right.ca-right {
  width: 77%;
}

.athelete-left h2 {
  color: #000;
  margin-bottom: 8px;
}

.athelete-left .age-grade {
  text-transform: uppercase;
  font-size: 17px;
  color: #6D6E71;
}

.admin_box .table-responsive td {
  vertical-align: middle;
}

.ca-right .table-responsive .btn {
  margin: 0;
  font-size: 16px;
  min-height: 10px;
}

.about_text {
  font-size: 17px;
  line-height: 22px;
}

/* TABLE LIST */

.action-buttons a {
  margin: 0 4px;
  text-decoration: none;
}

.dataTables_wrapper .dataTables_length .form-control,
.dataTables_wrapper .table-group-actions .form-control {
  display: inline-block !important;
  width: auto !important;
}

.dataTables_wrapper #my_data {
  margin: 15px auto;
}

#pagination .pagination {
  margin: 0;
}

/* CHARTS */
@media screen and (max-width: 991px) {
  #chartForm {
    display: flex !important;
    flex-direction: column !important;
  }

  #chartForm .row {
    display: flex !important;
    flex-direction: column !important;
  }

  #chartForm .download-column {
    order: -1 !important;
    margin-bottom: 15px !important;
  }
}



























/***
Custom color buttons 
***/
.bg-white {
  background: #ffffff !important;
}

.bg-hover-white:hover {
  background: #ffffff !important;
}

.font-white {
  color: #ffffff !important;
}

.bg-font-white {
  color: #666 !important;
}

.border-white {
  border-color: #ffffff !important;
}

.border-top-white {
  border-top-color: #ffffff !important;
}

.border-bottom-white {
  border-bottom-color: #ffffff !important;
}

.border-left-white {
  border-left-color: #ffffff !important;
}

.border-right-white {
  border-right-color: #ffffff !important;
}

.bg-default {
  background: #e1e5ec !important;
}

.bg-hover-default:hover {
  background: #e1e5ec !important;
}

.font-default {
  color: #e1e5ec !important;
}

.bg-font-default {
  color: #666 !important;
}

.border-default {
  border-color: #e1e5ec !important;
}

.border-top-default {
  border-top-color: #e1e5ec !important;
}

.border-bottom-default {
  border-bottom-color: #e1e5ec !important;
}

.border-left-default {
  border-left-color: #e1e5ec !important;
}

.border-right-default {
  border-right-color: #e1e5ec !important;
}

.bg-dark {
  background: #2f353b !important;
}

.bg-hover-dark:hover {
  background: #2f353b !important;
}

.font-dark {
  color: #2f353b !important;
}

.bg-font-dark {
  color: #FFFFFF !important;
}

.border-dark {
  border-color: #2f353b !important;
}

.border-top-dark {
  border-top-color: #2f353b !important;
}

.border-bottom-dark {
  border-bottom-color: #2f353b !important;
}

.border-left-dark {
  border-left-color: #2f353b !important;
}

.border-right-dark {
  border-right-color: #2f353b !important;
}

.bg-blue {
  background: #3598dc !important;
}

.bg-hover-blue:hover {
  background: #3598dc !important;
}

.font-blue {
  color: #3598dc !important;
}

.bg-font-blue {
  color: #FFFFFF !important;
}

.border-blue {
  border-color: #3598dc !important;
}

.border-top-blue {
  border-top-color: #3598dc !important;
}

.border-bottom-blue {
  border-bottom-color: #3598dc !important;
}

.border-left-blue {
  border-left-color: #3598dc !important;
}

.border-right-blue {
  border-right-color: #3598dc !important;
}

.bg-blue-madison {
  background: #578ebe !important;
}

.bg-hover-blue-madison:hover {
  background: #578ebe !important;
}

.font-blue-madison {
  color: #578ebe !important;
}

.bg-font-blue-madison {
  color: #FFFFFF !important;
}

.border-blue-madison {
  border-color: #578ebe !important;
}

.border-top-blue-madison {
  border-top-color: #578ebe !important;
}

.border-bottom-blue-madison {
  border-bottom-color: #578ebe !important;
}

.border-left-blue-madison {
  border-left-color: #578ebe !important;
}

.border-right-blue-madison {
  border-right-color: #578ebe !important;
}

.bg-blue-chambray {
  background: #2C3E50 !important;
}

.bg-hover-blue-chambray:hover {
  background: #2C3E50 !important;
}

.font-blue-chambray {
  color: #2C3E50 !important;
}

.bg-font-blue-chambray {
  color: #FFFFFF !important;
}

.border-blue-chambray {
  border-color: #2C3E50 !important;
}

.border-top-blue-chambray {
  border-top-color: #2C3E50 !important;
}

.border-bottom-blue-chambray {
  border-bottom-color: #2C3E50 !important;
}

.border-left-blue-chambray {
  border-left-color: #2C3E50 !important;
}

.border-right-blue-chambray {
  border-right-color: #2C3E50 !important;
}

.bg-blue-ebonyclay {
  background: #22313F !important;
}

.bg-hover-blue-ebonyclay:hover {
  background: #22313F !important;
}

.font-blue-ebonyclay {
  color: #22313F !important;
}

.bg-font-blue-ebonyclay {
  color: #FFFFFF !important;
}

.border-blue-ebonyclay {
  border-color: #22313F !important;
}

.border-top-blue-ebonyclay {
  border-top-color: #22313F !important;
}

.border-bottom-blue-ebonyclay {
  border-bottom-color: #22313F !important;
}

.border-left-blue-ebonyclay {
  border-left-color: #22313F !important;
}

.border-right-blue-ebonyclay {
  border-right-color: #22313F !important;
}

.bg-blue-hoki {
  background: #67809F !important;
}

.bg-hover-blue-hoki:hover {
  background: #67809F !important;
}

.font-blue-hoki {
  color: #67809F !important;
}

.bg-font-blue-hoki {
  color: #FFFFFF !important;
}

.border-blue-hoki {
  border-color: #67809F !important;
}

.border-top-blue-hoki {
  border-top-color: #67809F !important;
}

.border-bottom-blue-hoki {
  border-bottom-color: #67809F !important;
}

.border-left-blue-hoki {
  border-left-color: #67809F !important;
}

.border-right-blue-hoki {
  border-right-color: #67809F !important;
}

.bg-blue-steel {
  background: #4B77BE !important;
}

.bg-hover-blue-steel:hover {
  background: #4B77BE !important;
}

.font-blue-steel {
  color: #4B77BE !important;
}

.bg-font-blue-steel {
  color: #FFFFFF !important;
}

.border-blue-steel {
  border-color: #4B77BE !important;
}

.border-top-blue-steel {
  border-top-color: #4B77BE !important;
}

.border-bottom-blue-steel {
  border-bottom-color: #4B77BE !important;
}

.border-left-blue-steel {
  border-left-color: #4B77BE !important;
}

.border-right-blue-steel {
  border-right-color: #4B77BE !important;
}

.bg-blue-soft {
  background: #4c87b9 !important;
}

.bg-hover-blue-soft:hover {
  background: #4c87b9 !important;
}

.font-blue-soft {
  color: #4c87b9 !important;
}

.bg-font-blue-soft {
  color: #FFFFFF !important;
}

.border-blue-soft {
  border-color: #4c87b9 !important;
}

.border-top-blue-soft {
  border-top-color: #4c87b9 !important;
}

.border-bottom-blue-soft {
  border-bottom-color: #4c87b9 !important;
}

.border-left-blue-soft {
  border-left-color: #4c87b9 !important;
}

.border-right-blue-soft {
  border-right-color: #4c87b9 !important;
}

.bg-blue-dark {
  background: #5e738b !important;
}

.bg-hover-blue-dark:hover {
  background: #5e738b !important;
}

.font-blue-dark {
  color: #5e738b !important;
}

.bg-font-blue-dark {
  color: #FFFFFF !important;
}

.border-blue-dark {
  border-color: #5e738b !important;
}

.border-top-blue-dark {
  border-top-color: #5e738b !important;
}

.border-bottom-blue-dark {
  border-bottom-color: #5e738b !important;
}

.border-left-blue-dark {
  border-left-color: #5e738b !important;
}

.border-right-blue-dark {
  border-right-color: #5e738b !important;
}

.bg-blue-sharp {
  background: #5C9BD1 !important;
}

.bg-hover-blue-sharp:hover {
  background: #5C9BD1 !important;
}

.font-blue-sharp {
  color: #5C9BD1 !important;
}

.bg-font-blue-sharp {
  color: #FFFFFF !important;
}

.border-blue-sharp {
  border-color: #5C9BD1 !important;
}

.border-top-blue-sharp {
  border-top-color: #5C9BD1 !important;
}

.border-bottom-blue-sharp {
  border-bottom-color: #5C9BD1 !important;
}

.border-left-blue-sharp {
  border-left-color: #5C9BD1 !important;
}

.border-right-blue-sharp {
  border-right-color: #5C9BD1 !important;
}

.bg-green {
  background: #32c5d2 !important;
}

.bg-hover-green:hover {
  background: #32c5d2 !important;
}

.font-green {
  color: #32c5d2 !important;
}

.bg-font-green {
  color: #FFFFFF !important;
}

.border-green {
  border-color: #32c5d2 !important;
}

.border-top-green {
  border-top-color: #32c5d2 !important;
}

.border-bottom-green {
  border-bottom-color: #32c5d2 !important;
}

.border-left-green {
  border-left-color: #32c5d2 !important;
}

.border-right-green {
  border-right-color: #32c5d2 !important;
}

.bg-green-meadow {
  background: #1BBC9B !important;
}

.bg-hover-green-meadow:hover {
  background: #1BBC9B !important;
}

.font-green-meadow {
  color: #1BBC9B !important;
}

.bg-font-green-meadow {
  color: #FFFFFF !important;
}

.border-green-meadow {
  border-color: #1BBC9B !important;
}

.border-top-green-meadow {
  border-top-color: #1BBC9B !important;
}

.border-bottom-green-meadow {
  border-bottom-color: #1BBC9B !important;
}

.border-left-green-meadow {
  border-left-color: #1BBC9B !important;
}

.border-right-green-meadow {
  border-right-color: #1BBC9B !important;
}

.bg-green-seagreen {
  background: #1BA39C !important;
}

.bg-hover-green-seagreen:hover {
  background: #1BA39C !important;
}

.font-green-seagreen {
  color: #1BA39C !important;
}

.bg-font-green-seagreen {
  color: #FFFFFF !important;
}

.border-green-seagreen {
  border-color: #1BA39C !important;
}

.border-top-green-seagreen {
  border-top-color: #1BA39C !important;
}

.border-bottom-green-seagreen {
  border-bottom-color: #1BA39C !important;
}

.border-left-green-seagreen {
  border-left-color: #1BA39C !important;
}

.border-right-green-seagreen {
  border-right-color: #1BA39C !important;
}

.bg-green-turquoise {
  background: #36D7B7 !important;
}

.bg-hover-green-turquoise:hover {
  background: #36D7B7 !important;
}

.font-green-turquoise {
  color: #36D7B7 !important;
}

.bg-font-green-turquoise {
  color: #FFFFFF !important;
}

.border-green-turquoise {
  border-color: #36D7B7 !important;
}

.border-top-green-turquoise {
  border-top-color: #36D7B7 !important;
}

.border-bottom-green-turquoise {
  border-bottom-color: #36D7B7 !important;
}

.border-left-green-turquoise {
  border-left-color: #36D7B7 !important;
}

.border-right-green-turquoise {
  border-right-color: #36D7B7 !important;
}

.bg-green-haze {
  background: #44b6ae !important;
}

.bg-hover-green-haze:hover {
  background: #44b6ae !important;
}

.font-green-haze {
  color: #44b6ae !important;
}

.bg-font-green-haze {
  color: #FFFFFF !important;
}

.border-green-haze {
  border-color: #44b6ae !important;
}

.border-top-green-haze {
  border-top-color: #44b6ae !important;
}

.border-bottom-green-haze {
  border-bottom-color: #44b6ae !important;
}

.border-left-green-haze {
  border-left-color: #44b6ae !important;
}

.border-right-green-haze {
  border-right-color: #44b6ae !important;
}

.bg-green-jungle {
  background: #26C281 !important;
}

.bg-hover-green-jungle:hover {
  background: #26C281 !important;
}

.font-green-jungle {
  color: #26C281 !important;
}

.bg-font-green-jungle {
  color: #FFFFFF !important;
}

.border-green-jungle {
  border-color: #26C281 !important;
}

.border-top-green-jungle {
  border-top-color: #26C281 !important;
}

.border-bottom-green-jungle {
  border-bottom-color: #26C281 !important;
}

.border-left-green-jungle {
  border-left-color: #26C281 !important;
}

.border-right-green-jungle {
  border-right-color: #26C281 !important;
}

.bg-green-soft {
  background: #3faba4 !important;
}

.bg-hover-green-soft:hover {
  background: #3faba4 !important;
}

.font-green-soft {
  color: #3faba4 !important;
}

.bg-font-green-soft {
  color: #FFFFFF !important;
}

.border-green-soft {
  border-color: #3faba4 !important;
}

.border-top-green-soft {
  border-top-color: #3faba4 !important;
}

.border-bottom-green-soft {
  border-bottom-color: #3faba4 !important;
}

.border-left-green-soft {
  border-left-color: #3faba4 !important;
}

.border-right-green-soft {
  border-right-color: #3faba4 !important;
}

.bg-green-dark {
  background: #4DB3A2 !important;
}

.bg-hover-green-dark:hover {
  background: #4DB3A2 !important;
}

.font-green-dark {
  color: #4DB3A2 !important;
}

.bg-font-green-dark {
  color: #FFFFFF !important;
}

.border-green-dark {
  border-color: #4DB3A2 !important;
}

.border-top-green-dark {
  border-top-color: #4DB3A2 !important;
}

.border-bottom-green-dark {
  border-bottom-color: #4DB3A2 !important;
}

.border-left-green-dark {
  border-left-color: #4DB3A2 !important;
}

.border-right-green-dark {
  border-right-color: #4DB3A2 !important;
}

.bg-green-sharp {
  background: #2ab4c0 !important;
}

.bg-hover-green-sharp:hover {
  background: #2ab4c0 !important;
}

.font-green-sharp {
  color: #2ab4c0 !important;
}

.bg-font-green-sharp {
  color: #FFFFFF !important;
}

.border-green-sharp {
  border-color: #2ab4c0 !important;
}

.border-top-green-sharp {
  border-top-color: #2ab4c0 !important;
}

.border-bottom-green-sharp {
  border-bottom-color: #2ab4c0 !important;
}

.border-left-green-sharp {
  border-left-color: #2ab4c0 !important;
}

.border-right-green-sharp {
  border-right-color: #2ab4c0 !important;
}

.bg-grey {
  background: #E5E5E5 !important;
}

.bg-hover-grey:hover {
  background: #E5E5E5 !important;
}

.font-grey {
  color: #E5E5E5 !important;
}

.bg-font-grey {
  color: #333333 !important;
}

.border-grey {
  border-color: #E5E5E5 !important;
}

.border-top-grey {
  border-top-color: #E5E5E5 !important;
}

.border-bottom-grey {
  border-bottom-color: #E5E5E5 !important;
}

.border-left-grey {
  border-left-color: #E5E5E5 !important;
}

.border-right-grey {
  border-right-color: #E5E5E5 !important;
}

.bg-grey-steel {
  background: #e9edef !important;
}

.bg-hover-grey-steel:hover {
  background: #e9edef !important;
}

.font-grey-steel {
  color: #e9edef !important;
}

.bg-font-grey-steel {
  color: #80898e !important;
}

.border-grey-steel {
  border-color: #e9edef !important;
}

.border-top-grey-steel {
  border-top-color: #e9edef !important;
}

.border-bottom-grey-steel {
  border-bottom-color: #e9edef !important;
}

.border-left-grey-steel {
  border-left-color: #e9edef !important;
}

.border-right-grey-steel {
  border-right-color: #e9edef !important;
}

.bg-grey-cararra {
  background: #fafafa !important;
}

.bg-hover-grey-cararra:hover {
  background: #fafafa !important;
}

.font-grey-cararra {
  color: #fafafa !important;
}

.bg-font-grey-cararra {
  color: #333333 !important;
}

.border-grey-cararra {
  border-color: #fafafa !important;
}

.border-top-grey-cararra {
  border-top-color: #fafafa !important;
}

.border-bottom-grey-cararra {
  border-bottom-color: #fafafa !important;
}

.border-left-grey-cararra {
  border-left-color: #fafafa !important;
}

.border-right-grey-cararra {
  border-right-color: #fafafa !important;
}

.bg-grey-gallery {
  background: #555555 !important;
}

.bg-hover-grey-gallery:hover {
  background: #555555 !important;
}

.font-grey-gallery {
  color: #555555 !important;
}

.bg-font-grey-gallery {
  color: #ffffff !important;
}

.border-grey-gallery {
  border-color: #555555 !important;
}

.border-top-grey-gallery {
  border-top-color: #555555 !important;
}

.border-bottom-grey-gallery {
  border-bottom-color: #555555 !important;
}

.border-left-grey-gallery {
  border-left-color: #555555 !important;
}

.border-right-grey-gallery {
  border-right-color: #555555 !important;
}

.bg-grey-cascade {
  background: #95A5A6 !important;
}

.bg-hover-grey-cascade:hover {
  background: #95A5A6 !important;
}

.font-grey-cascade {
  color: #95A5A6 !important;
}

.bg-font-grey-cascade {
  color: #FFFFFF !important;
}

.border-grey-cascade {
  border-color: #95A5A6 !important;
}

.border-top-grey-cascade {
  border-top-color: #95A5A6 !important;
}

.border-bottom-grey-cascade {
  border-bottom-color: #95A5A6 !important;
}

.border-left-grey-cascade {
  border-left-color: #95A5A6 !important;
}

.border-right-grey-cascade {
  border-right-color: #95A5A6 !important;
}

.bg-grey-silver {
  background: #BFBFBF !important;
}

.bg-hover-grey-silver:hover {
  background: #BFBFBF !important;
}

.font-grey-silver {
  color: #BFBFBF !important;
}

.bg-font-grey-silver {
  color: #FAFCFB !important;
}

.border-grey-silver {
  border-color: #BFBFBF !important;
}

.border-top-grey-silver {
  border-top-color: #BFBFBF !important;
}

.border-bottom-grey-silver {
  border-bottom-color: #BFBFBF !important;
}

.border-left-grey-silver {
  border-left-color: #BFBFBF !important;
}

.border-right-grey-silver {
  border-right-color: #BFBFBF !important;
}


.bg-grey-salsa {
  background: #ACB5C3 !important;
}

.bg-hover-grey-salsa:hover {
  background: #ACB5C3 !important;
}

.font-grey-salsa {
  color: #ACB5C3 !important;
}

.bg-font-grey-salsa {
  color: #FAFCFB !important;
}

.border-grey-salsa {
  border-color: #ACB5C3 !important;
}


.border-top-grey-salsa {
  border-top-color: #ACB5C3 !important;
}

.border-bottom-grey-salsa {
  border-bottom-color: #ACB5C3 !important;
}

.border-left-grey-salsa {
  border-left-color: #ACB5C3 !important;
}

.border-right-grey-salsa {
  border-right-color: #ACB5C3 !important;
}

.bg-grey-salt {
  background: #bfcad1 !important;
}

.bg-hover-grey-salt:hover {
  background: #bfcad1 !important;
}

.font-grey-salt {
  color: #bfcad1 !important;
}

.bg-font-grey-salt {
  color: #FAFCFB !important;
}

.border-grey-salt {
  border-color: #bfcad1 !important;
}

.border-top-grey-salt {
  border-top-color: #bfcad1 !important;
}

.border-bottom-grey-salt {
  border-bottom-color: #bfcad1 !important;
}

.border-left-grey-salt {
  border-left-color: #bfcad1 !important;
}

.border-right-grey-salt {
  border-right-color: #bfcad1 !important;
}

.bg-grey-mint {
  background: #525e64 !important;
}

.bg-hover-grey-mint:hover {
  background: #525e64 !important;
}

.font-grey-mint {
  color: #525e64 !important;
}

.bg-font-grey-mint {
  color: #FFFFFF !important;
}

.border-grey-mint {
  border-color: #525e64 !important;
}

.border-top-grey-mint {
  border-top-color: #525e64 !important;
}

.border-bottom-grey-mint {
  border-bottom-color: #525e64 !important;
}

.border-left-grey-mint {
  border-left-color: #525e64 !important;
}

.border-right-grey-mint {
  border-right-color: #525e64 !important;
}

.bg-red {
  background: #e7505a !important;
}

.bg-hover-red:hover {
  background: #e7505a !important;
}

.font-red {
  color: #e7505a !important;
}

.bg-font-red,
.bg-font-red a {
  color: #ffffff !important;
}

.border-red {
  border-color: #e7505a !important;
}

.border-top-red {
  border-top-color: #e7505a !important;
}

.border-bottom-red {
  border-bottom-color: #e7505a !important;
}

.border-left-red {
  border-left-color: #e7505a !important;
}

.border-right-red {
  border-right-color: #e7505a !important;
}

.bg-red-pink {
  background: #E08283 !important;
}

.bg-hover-red-pink:hover {
  background: #E08283 !important;
}

.font-red-pink {
  color: #E08283 !important;
}

.bg-font-red-pink,
.bg-font-red-pink a {
  color: #ffffff !important;
}

.border-red-pink {
  border-color: #E08283 !important;
}

.border-top-red-pink {
  border-top-color: #E08283 !important;
}

.border-bottom-red-pink {
  border-bottom-color: #E08283 !important;
}

.border-left-red-pink {
  border-left-color: #E08283 !important;
}

.border-right-red-pink {
  border-right-color: #E08283 !important;
}

.bg-red-sunglo {
  background: #E26A6A !important;
}

.bg-hover-red-sunglo:hover {
  background: #E26A6A !important;
}

.font-red-sunglo {
  color: #E26A6A !important;
}

.bg-font-red-sunglo,
.bg-font-red-sunglo a {
  color: #ffffff !important;
}

.border-red-sunglo {
  border-color: #E26A6A !important;
}

.border-top-red-sunglo {
  border-top-color: #E26A6A !important;
}

.border-bottom-red-sunglo {
  border-bottom-color: #E26A6A !important;
}

.border-left-red-sunglo {
  border-left-color: #E26A6A !important;
}

.border-right-red-sunglo {
  border-right-color: #E26A6A !important;
}

.bg-red-intense {
  background: #e35b5a !important;
}

.bg-hover-red-intense:hover {
  background: #e35b5a !important;
}

.font-red-intense {
  color: #e35b5a !important;
}

.bg-font-red-intense,
.bg-font-red-intense a {
  color: #ffffff !important;
}

.border-red-intense {
  border-color: #e35b5a !important;
}

.border-top-red-intense {
  border-top-color: #e35b5a !important;
}

.border-bottom-red-intense {
  border-bottom-color: #e35b5a !important;
}

.border-left-red-intense {
  border-left-color: #e35b5a !important;
}

.border-right-red-intense {
  border-right-color: #e35b5a !important;
}

.bg-red-thunderbird {
  background: #D91E18 !important;
}

.bg-hover-red-thunderbird:hover {
  background: #D91E18 !important;
}

.font-red-thunderbird {
  color: #D91E18 !important;
}

.bg-font-red-thunderbird,
.bg-font-red-thunderbird a {
  color: #ffffff !important;
}

.border-red-thunderbird {
  border-color: #D91E18 !important;
}

.border-top-red-thunderbird {
  border-top-color: #D91E18 !important;
}

.border-bottom-red-thunderbird {
  border-bottom-color: #D91E18 !important;
}

.border-left-red-thunderbird {
  border-left-color: #D91E18 !important;
}

.border-right-red-thunderbird {
  border-right-color: #D91E18 !important;
}

.bg-red-flamingo {
  background: #EF4836 !important;
}

.bg-hover-red-flamingo:hover {
  background: #EF4836 !important;
}

.font-red-flamingo {
  color: #EF4836 !important;
}

.bg-font-red-flamingo {
  color: #ffffff !important;
}

.border-red-flamingo {
  border-color: #EF4836 !important;
}

.border-top-red-flamingo {
  border-top-color: #EF4836 !important;
}

.border-bottom-red-flamingo {
  border-bottom-color: #EF4836 !important;
}

.border-left-red-flamingo {
  border-left-color: #EF4836 !important;
}

.border-right-red-flamingo {
  border-right-color: #EF4836 !important;
}

.bg-red-soft {
  background: #d05454 !important;
}

.bg-hover-red-soft:hover {
  background: #d05454 !important;
}

.font-red-soft {
  color: #d05454 !important;
}

.bg-font-red-soft {
  color: #ffffff !important;
}

.border-red-soft {
  border-color: #d05454 !important;
}

.border-top-red-soft {
  border-top-color: #d05454 !important;
}

.border-bottom-red-soft {
  border-bottom-color: #d05454 !important;
}

.border-left-red-soft {
  border-left-color: #d05454 !important;
}

.border-right-red-soft {
  border-right-color: #d05454 !important;
}

.bg-red-haze {
  background: #f36a5a !important;
}

.bg-hover-red-haze:hover {
  background: #f36a5a !important;
}

.font-red-haze {
  color: #f36a5a !important;
}

.bg-font-red-haze {
  color: #ffffff !important;
}

.border-red-haze {
  border-color: #f36a5a !important;
}

.border-top-red-haze {
  border-top-color: #f36a5a !important;
}

.border-bottom-red-haze {
  border-bottom-color: #f36a5a !important;
}

.border-left-red-haze {
  border-left-color: #f36a5a !important;
}

.border-right-red-haze {
  border-right-color: #f36a5a !important;
}

.bg-red-mint {
  background: #e43a45 !important;
}

.bg-hover-red-mint:hover {
  background: #e43a45 !important;
}

.font-red-mint {
  color: #e43a45 !important;
}

.bg-font-red-mint {
  color: #ffffff !important;
}

.border-red-mint {
  border-color: #e43a45 !important;
}

.border-top-red-mint {
  border-top-color: #e43a45 !important;
}

.border-bottom-red-mint {
  border-bottom-color: #e43a45 !important;
}

.border-left-red-mint {
  border-left-color: #e43a45 !important;
}

.border-right-red-mint {
  border-right-color: #e43a45 !important;
}

.bg-yellow {
  background: #c49f47 !important;
}

.bg-hover-yellow:hover {
  background: #c49f47 !important;
}

.font-yellow {
  color: #c49f47 !important;
}

.bg-font-yellow {
  color: #ffffff !important;
}

.border-yellow {
  border-color: #c49f47 !important;
}

.border-top-yellow {
  border-top-color: #c49f47 !important;
}

.border-bottom-yellow {
  border-bottom-color: #c49f47 !important;
}

.border-left-yellow {
  border-left-color: #c49f47 !important;
}

.border-right-yellow {
  border-right-color: #c49f47 !important;
}

.bg-yellow-gold {
  background: #E87E04 !important;
}

.bg-hover-yellow-gold:hover {
  background: #E87E04 !important;
}

.font-yellow-gold {
  color: #E87E04 !important;
}

.bg-font-yellow-gold {
  color: #ffffff !important;
}

.border-yellow-gold {
  border-color: #E87E04 !important;
}

.border-top-yellow-gold {
  border-top-color: #E87E04 !important;
}

.border-bottom-yellow-gold {
  border-bottom-color: #E87E04 !important;
}

.border-left-yellow-gold {
  border-left-color: #E87E04 !important;
}

.border-right-yellow-gold {
  border-right-color: #E87E04 !important;
}

.bg-yellow-casablanca {
  background: #f2784b !important;
}

.bg-hover-yellow-casablanca:hover {
  background: #f2784b !important;
}

.font-yellow-casablanca {
  color: #f2784b !important;
}

.bg-font-yellow-casablanca {
  color: #ffffff !important;
}

.border-yellow-casablanca {
  border-color: #f2784b !important;
}

.border-top-yellow-casablanca {
  border-top-color: #f2784b !important;
}

.border-bottom-yellow-casablanca {
  border-bottom-color: #f2784b !important;
}

.border-left-yellow-casablanca {
  border-left-color: #f2784b !important;
}

.border-right-yellow-casablanca {
  border-right-color: #f2784b !important;
}

.bg-yellow-crusta {
  background: #f3c200 !important;
}

.bg-hover-yellow-crusta:hover {
  background: #f3c200 !important;
}

.font-yellow-crusta {
  color: #f3c200 !important;
}

.bg-font-yellow-crusta {
  color: #ffffff !important;
}

.border-yellow-crusta {
  border-color: #f3c200 !important;
}

.border-top-yellow-crusta {
  border-top-color: #f3c200 !important;
}

.border-bottom-yellow-crusta {
  border-bottom-color: #f3c200 !important;
}

.border-left-yellow-crusta {
  border-left-color: #f3c200 !important;
}

.border-right-yellow-crusta {
  border-right-color: #f3c200 !important;
}

.bg-yellow-lemon {
  background: #F7CA18 !important;
}

.bg-hover-yellow-lemon:hover {
  background: #F7CA18 !important;
}

.font-yellow-lemon {
  color: #F7CA18 !important;
}

.bg-font-yellow-lemon {
  color: #ffffff !important;
}

.border-yellow-lemon {
  border-color: #F7CA18 !important;
}

.border-top-yellow-lemon {
  border-top-color: #F7CA18 !important;
}

.border-bottom-yellow-lemon {
  border-bottom-color: #F7CA18 !important;
}

.border-left-yellow-lemon {
  border-left-color: #F7CA18 !important;
}

.border-right-yellow-lemon {
  border-right-color: #F7CA18 !important;
}

.bg-yellow-saffron {
  background: #F4D03F !important;
}

.bg-hover-yellow-saffron:hover {
  background: #F4D03F !important;
}

.font-yellow-saffron {
  color: #F4D03F !important;
}

.bg-font-yellow-saffron {
  color: #ffffff !important;
}

.border-yellow-saffron {
  border-color: #F4D03F !important;
}

.border-top-yellow-saffron {
  border-top-color: #F4D03F !important;
}

.border-bottom-yellow-saffron {
  border-bottom-color: #F4D03F !important;
}

.border-left-yellow-saffron {
  border-left-color: #F4D03F !important;
}

.border-right-yellow-saffron {
  border-right-color: #F4D03F !important;
}

.bg-yellow-soft {
  background: #c8d046 !important;
}

.bg-hover-yellow-soft:hover {
  background: #c8d046 !important;
}

.font-yellow-soft {
  color: #c8d046 !important;
}

.bg-font-yellow-soft {
  color: #ffffff !important;
}

.border-yellow-soft {
  border-color: #c8d046 !important;
}

.border-top-yellow-soft {
  border-top-color: #c8d046 !important;
}

.border-bottom-yellow-soft {
  border-bottom-color: #c8d046 !important;
}

.border-left-yellow-soft {
  border-left-color: #c8d046 !important;
}

.border-right-yellow-soft {
  border-right-color: #c8d046 !important;
}

.bg-yellow-haze {
  background: #c5bf66 !important;
}

.bg-hover-yellow-haze:hover {
  background: #c5bf66 !important;
}

.font-yellow-haze {
  color: #c5bf66 !important;
}

.bg-font-yellow-haze {
  color: #ffffff !important;
}

.border-yellow-haze {
  border-color: #c5bf66 !important;
}

.border-top-yellow-haze {
  border-top-color: #c5bf66 !important;
}

.border-bottom-yellow-haze {
  border-bottom-color: #c5bf66 !important;
}

.border-left-yellow-haze {
  border-left-color: #c5bf66 !important;
}

.border-right-yellow-haze {
  border-right-color: #c5bf66 !important;
}

.bg-yellow-mint {
  background: #c5b96b !important;
}

.bg-hover-yellow-mint:hover {
  background: #c5b96b !important;
}

.font-yellow-mint {
  color: #c5b96b !important;
}

.bg-font-yellow-mint {
  color: #ffffff !important;
}

.border-yellow-mint {
  border-color: #c5b96b !important;
}

.border-top-yellow-mint {
  border-top-color: #c5b96b !important;
}

.border-bottom-yellow-mint {
  border-bottom-color: #c5b96b !important;
}

.border-left-yellow-mint {
  border-left-color: #c5b96b !important;
}

.border-right-yellow-mint {
  border-right-color: #c5b96b !important;
}

.bg-purple {
  background: #8E44AD !important;
}

.bg-hover-purple:hover {
  background: #8E44AD !important;
}

.font-purple {
  color: #ffffff !important;
}

.bg-font-purple {
  color: #ffffff !important;
}

.border-purple {
  border-color: #8E44AD !important;
}

.border-top-purple {
  border-top-color: #8E44AD !important;
}

.border-bottom-purple {
  border-bottom-color: #8E44AD !important;
}

.border-left-purple {
  border-left-color: #8E44AD !important;
}

.border-right-purple {
  border-right-color: #8E44AD !important;
}

.bg-purple-plum {
  background: #8775a7 !important;
}

.bg-hover-purple-plum:hover {
  background: #8775a7 !important;
}

.font-purple-plum {
  color: #8775a7 !important;
}

.bg-font-purple-plum {
  color: #ffffff !important;
}

.border-purple-plum {
  border-color: #8775a7 !important;
}

.border-top-purple-plum {
  border-top-color: #8775a7 !important;
}

.border-bottom-purple-plum {
  border-bottom-color: #8775a7 !important;
}

.border-left-purple-plum {
  border-left-color: #8775a7 !important;
}

.border-right-purple-plum {
  border-right-color: #8775a7 !important;
}

.bg-purple-medium {
  background: #BF55EC !important;
}

.bg-hover-purple-medium:hover {
  background: #BF55EC !important;
}

.font-purple-medium {
  color: #BF55EC !important;
}

.bg-font-purple-medium {
  color: #ffffff !important;
}

.border-purple-medium {
  border-color: #BF55EC !important;
}

.border-top-purple-medium {
  border-top-color: #BF55EC !important;
}

.border-bottom-purple-medium {
  border-bottom-color: #BF55EC !important;
}

.border-left-purple-medium {
  border-left-color: #BF55EC !important;
}

.border-right-purple-medium {
  border-right-color: #BF55EC !important;
}

.bg-purple-studio {
  background: #8E44AD !important;
}

.bg-hover-purple-studio:hover {
  background: #8E44AD !important;
}

.font-purple-studio {
  color: #8E44AD !important;
}

.bg-font-purple-studio {
  color: #ffffff !important;
}

.border-purple-studio {
  border-color: #8E44AD !important;
}

.border-top-purple-studio {
  border-top-color: #8E44AD !important;
}

.border-bottom-purple-studio {
  border-bottom-color: #8E44AD !important;
}

.border-left-purple-studio {
  border-left-color: #8E44AD !important;
}

.border-right-purple-studio {
  border-right-color: #8E44AD !important;
}

.bg-purple-wisteria {
  background: #9B59B6 !important;
}

.bg-hover-purple-wisteria:hover {
  background: #9B59B6 !important;
}

.font-purple-wisteria {
  color: #9B59B6 !important;
}

.bg-font-purple-wisteria {
  color: #ffffff !important;
}

.border-purple-wisteria {
  border-color: #9B59B6 !important;
}

.border-top-purple-wisteria {
  border-top-color: #9B59B6 !important;
}

.border-bottom-purple-wisteria {
  border-bottom-color: #9B59B6 !important;
}

.border-left-purple-wisteria {
  border-left-color: #9B59B6 !important;
}

.border-right-purple-wisteria {
  border-right-color: #9B59B6 !important;
}

.bg-purple-seance {
  background: #9A12B3 !important;
}

.bg-hover-purple-seance:hover {
  background: #9A12B3 !important;
}

.font-purple-seance {
  color: #9A12B3 !important;
}

.bg-font-purple-seance {
  color: #ffffff !important;
}

.border-purple-seance {
  border-color: #9A12B3 !important;
}

.border-top-purple-seance {
  border-top-color: #9A12B3 !important;
}

.border-bottom-purple-seance {
  border-bottom-color: #9A12B3 !important;
}

.border-left-purple-seance {
  border-left-color: #9A12B3 !important;
}

.border-right-purple-seance {
  border-right-color: #9A12B3 !important;
}

.bg-purple-intense {
  background: #8775a7 !important;
}

.bg-hover-purple-intense:hover {
  background: #8775a7 !important;
}

.font-purple-intense {
  color: #8775a7 !important;
}

.bg-font-purple-intense {
  color: #ffffff !important;
}

.border-purple-intense {
  border-color: #8775a7 !important;
}

.border-top-purple-intense {
  border-top-color: #8775a7 !important;
}

.border-bottom-purple-intense {

  border-bottom-color: #8775a7 !important;
}

.border-left-purple-intense {
  border-left-color: #8775a7 !important;
}

.border-right-purple-intense {
  border-right-color: #8775a7 !important;
}

.bg-purple-sharp {
  background: #796799 !important;
}

.bg-hover-purple-sharp:hover {
  background: #796799 !important;
}

.font-purple-sharp {
  color: #796799 !important;
}

.bg-font-purple-sharp {
  color: #ffffff !important;
}

.border-purple-sharp {
  border-color: #796799 !important;
}

.border-top-purple-sharp {
  border-top-color: #796799 !important;
}

.border-bottom-purple-sharp {
  border-bottom-color: #796799 !important;
}

.border-left-purple-sharp {
  border-left-color: #796799 !important;
}

.border-right-purple-sharp {
  border-right-color: #796799 !important;
}

.bg-purple-soft {
  background: #8877a9 !important;
}

.bg-hover-purple-soft:hover {
  background: #8877a9 !important;
}

.font-purple-soft {
  color: #8877a9 !important;
}

.bg-font-purple-soft {
  color: #ffffff !important;
}

.border-purple-soft {
  border-color: #8877a9 !important;
}

.border-top-purple-soft {
  border-top-color: #8877a9 !important;
}

.border-bottom-purple-soft {
  border-bottom-color: #8877a9 !important;
}

.border-left-purple-soft {
  border-left-color: #8877a9 !important;
}

.border-right-purple-soft {
  border-right-color: #8877a9 !important;
}

















.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 30px;
}

.custom-file-upload label {
  display: block;
  margin-bottom: 5px;
}

.file-upload-wrapper {
  display: flex;
  position: relative;
  margin-bottom: 5px;
}

.file-upload-input {
  border: 1px solid #707070;
  width: 65%;
  color: #444;
  font-size: 16px;
  padding: 11px 17px;
  background-color: #F4F4F4;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  float: left;
  /* IE 9 Fix */
}

.file-upload-input:hover,
.file-upload-input:focus {
  background-color: #eee;
  outline: none;
}

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #444;
  font-size: 16px;
  text-transform: uppercase;
  padding: 11px 0;
  margin-left: -1px;
  background-color: #ccc;
  float: left;
  /* IE 9 Fix */
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  width: 35%;
  border: 1px solid #707070;
}

.file-upload-button:hover {
  background-color: #bbb;
}

/*
* 
ADD AND REMOVE QUESTION FORM FILES STYLE START
*
*/
.add-remove-field {
  margin-bottom: 15px;
}

.row.add-remove-field #inputFormRow {
  position: relative;
}

.input-group {
  display: inline-block;
  width: 100%;
}

button#removeRow {
  margin-left: 0;
  margin-top: 0;
  background: #e20000;
  border: 0;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}

.row.add-remove-field-2 button#addRow {
  margin-left: 0;
  margin-top: 15px;
}

.custom-ans-row {
  margin-top: 15px;
}

.custom-ans-row .input-group.mb-3 input {
  display: block;
  width: 100% !important;
  float: left;
}

.custom-ans-row .input-group.mb-3 .input-group-append {
  width: 10%;
  float: left;
}

.custom-ans-row .input-group.mb-3 .input-group-append button {
  margin: 0 !important;
  font-size: 40px;
  padding: 10px;
  min-height: auto;
  padding: 10px 15px;
  background: transparent;
  color: red;
}

.add-remove-field .input-group.mb-3 input.form-control {
  width: 100%;
  padding-right: 50px;
}

button#addRow {
  margin-left: 0px;
  margin-top: 15px;
}

.radio-check {
  padding-top: 5px;
  padding-left: 10px;
  position: absolute;
  z-index: 999;
  top: 0px;
  right: 0;
}

.custom-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 12px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #cdcdcd;
  border-radius: 50%;
}

.question_form .checkmark {
  top: 0;
}

/* On mouse-over, add a grey background color */
.custom-box:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-box input:checked~.checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-box input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-box .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.custom-ans-row .input-group-append {
  position: absolute;
  top: 13px;
  z-index: 999;
  right: 10px;
}

.custom-ans-row .radio-check {
  right: 30px;
}

.custom-ans-row input.form-control {
  padding-right: 70px !important;
}

/*
* 
ADD AND REMOVE QUESTION FORM FILES STYLE END
*
*/
/* table#sample_1 td.last_td {
  width: 160px !important;
  text-align: center;
} */
/* table#sample_1 td.date_td {
width:185px !important;
} */
/*
*/
.cat_edit .form-group {
  padding: 20px 20px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f7fafa;
}

.form-group label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

}

.form-group label:last-child {
  padding-left: 5px;
}

.form-group label input.form-control,
.form-group label select.form-control {
  margin-left: 5px;
  min-height: 28px !important;
  height: 28px !important;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 400;
}

.form-group label:first-child input {
  width: 100%;
  max-width: 40px;
}

section#page-dashboard .row {
  margin-left: 0;
  margin-right: 0;
}

.c-right.dash-boxes .radio-check {
  right: inherit;
  top: -18px;
  left: -25px;
}

.c-right.dash-boxes button.btn.blue {
  margin-left: 0;
}

.c-right.dash-boxes .input-group {
  margin-left: 20px;
}

.c-right.dash-boxes .cat_edit .form-group {
  padding: 20px 15px 10px
}

.avg-perct-exp {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.dash_box .expand {
  display: grid;
}

.dash_box .expand a {
  margin-bottom: 32px;
}

.dash_box .expand a:last-child {
  margin-bottom: 7px;
}

/*

RESPONSIVE AREA

*/

@media all and (max-width:1197px) {}

.qtitle {
  font-size: 19px;
  line-height: 22px;
  font-weight: bold;
}

.ques_box .title,
.qtitle {
  color: #d62e37;
}



.main_dash .dash_box .title {
  color: #b75505;
  ;
}

.main_dash .dash_box .percent {
  color: #444;
  ;
}

.main_dash .first_overall {
  background-color: #d62e37 !important;
  color: #fff !important;
  border-color: #b75505 !important;
}

.main_dash .dash_box.first_overall .title,
.main_dash .dash_box.first_overall .percent,
.main_dash .dash_box.first_overall .avg {
  color: #fff !important;
}

.survey_pages {
  width: 100%;
}

.survey_pages .survey_page {
  display: none;
}

.survey_pages .survey_page:nth-child(1) {
  display: block;
}

label.error {
  display: none;
}

label.error {
  color: red;
  font-style: italic;
  width: 100%;
  background-color: #fbd9d9;
  padding: 4px;
  border: 1px solid red;
}


.stepbar .step_heading {
  float: left;
  margin: 0 0 15px;
  font-size: 33px;
}

.stepbar .step_number {
  float: right;
  font-size: 20px;
  line-height: 36px;
}

#page-dashboard .dash_box .bars {
  display: none;
}

.apexcharts-legend>div.apexcharts-legend-series:last-child {
  display: none;
}

.apexcharts-slices>.apexcharts-pie-series:last-child,
.apexcharts-slices>.apexcharts-datalabels:last-child {
  display: none;
}