/* TED styles */
/* navigation */
nav .logo {
  width: auto;
  height: 100%;
}

nav .logo img {
  width: auto;
  height: 100%;
}

nav .menu {
  margin-left: auto;
}

nav .menu form {
  display: flex;
  align-items: center;
}

nav .admin {
  /* padding-top: 20px; */
}

/* dashboard */
#dashboard .survey {
  background-size: 100%;
  background-position: bottom right;
}

/* #dashboard .survey.surveyblue {
  background-image: url(/images/survey-grid-bg-blue.png);
}

#dashboard .survey.surveypink {
  background-image: url(/images/survey-grid-bg-pink.png);
}

#dashboard .survey.surveygreen {
  background-image: url(/images/survey-grid-bg-green.png);
} */



input:checked ~ .dot {
  transform: translateX(100%);
  background-color: rgb(2, 132, 199);
}





/* HOMEPAGE STUFF */
#bgcircle {
  height: 425px;
  width: 425px;
  background-image: url("..//images/circleLine.png") ;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  z-index: 2;
  transform: translate(-50%,-20%);
}

.title {
    position: absolute;
    padding: 1px 25px 0px 15px;
    color: #203684;
    font-weight: 800;
    font-family: 'Calibri';

}



.title.top {
    top: -50px;
    transform: translateX(-20%);
    text-align: center;
    width: 400px;
    right: -240px;

}
.title.top:after {
    content: '';
    background-color: #B04389;
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: -10px;
    left: 200px;
    transform: translateX(-50%);
}

.title.right {
    transform: translateY(-50%);
    text-align: left;
    right: -300px;
    left: 100px;
    width: 190px;


}


.title.right:before {
    content: '';
    background-color: #B04389;
    position: absolute;
    height: 50px;
    width: 5px;
    left: 0;
    bottom: -25px;
    transform: translateY(-50%);
}

.title.bottom {
    bottom: -100px;
    transform: translateX(-35%);
    text-align: center;
    width: 400px;
    right: -300px;
    top: 100px;

}
.title.bottom:after {
    content: '';
    background-color: #B04389;
    position: absolute;
    width: 50px;
    height: 5px;
    top: -10px;
    transform: translateX(-50%);
    left: 200px;
}

.title.left {
    transform: translateY(-50%);
    text-align: right;
    left: -280px;
    width: 260px;
}
.title.left:before {
    content: '';
    background-color: #B04389;
    position: absolute;
    height: 50px;
    width: 5px;
    right: 0;
    bottom: -25px;
    transform: translateY(-50%);
}

.innerCircle {
  position: absolute;
  width: 82px;
  height: 82px;
  background-image: url("/images/tedJourney.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
}

.modal {
  transition: opacity 0.25s ease;
}

body.modal-active {
  overflow-x: hidden;
  overflow-y: visible !important;
}

/* Accordion Tab content - closed */

.tab-content {
  max-height: 0;
  transition: max-height .0s;
}

/* :checked - resize to full height */

.tab input:checked~.tab-content {
  /* max-height: 100vh; */
  max-height: 100%;
}

/* .tab h3{
  color: #203684;
} */

/* Label formatting when open */

.tab input:checked+label {
  font-size: 1rem;
  /*.text-xl*/
  padding: 1.25rem;
  /*.p-5*/
  background-color:  #328ACA;
  /*.bg-gray-100 */
  color: #ffffff;
  /*.text-indigo*/
  border-radius: 0;
}

.tab input:checked+label h3{

  color: #ffffff;
}

/* Icon */

.tab label::after {
content:none !important;
}

.tab label::before {
  float: right;
  right: 0;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1.25rem;
  text-align: center;
  transition: all .35s;
}

/* Icon formatting - closed */

.tab input[type=checkbox]+label::before {
  /* content: "＋"; */
  content: "\25BE";
  font-weight: bold;
  /*.font-bold*/
  border-width: 1px;
  /*.border*/
  border-radius: 9999px;
  /*.rounded-full */
  border-color: #b8c2cc;
  /*.border-grey*/
}

.tab input[type=radio]+label::before {
  font-weight: bold;
  /*.font-bold*/
  border-width: 1px;
  /*.border*/
  border-radius: 9999px;
  /*.rounded-full */
  border-color: #b8c2cc;
  /*.border-grey*/
}

/* Icon formatting - open */

.tab input[type=checkbox]:checked+label::before {
  transform: rotateX(180deg);
  /* transform: rotate(315deg); */
  background-color: #B04389;
  /*.bg-indigo*/
  color: #f8fafc;
  /*.text-grey-lightest*/
}

.tab input[type=radio]:checked+label::before {
  transform: rotateX(180deg);
  background-color: #B04389;
  /*.bg-indigo*/
  color: #f8fafc;
  /*.text-grey-lightest*/
}

.border-tedpink.tab input:checked+label {
  background-color: #B04389;
}

.border-tedorangeLight.tab input:checked+label {
  background-color: #BC4000;
}

.border-tedgreen300.tab input:checked+label {
  background-color: #306A38;
}

/* Icons */

.icon-tm {
  background: url('/images/icons/teamCom.png');
  height: 22px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-wo {
  background: url('/images/icons/workOthers.png');
  height: 17px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-tp {
  background: url('/images/icons/teamPurpose.png');
  height: 22px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-ld {
  background: url('/images/icons/leadership.png');
  height: 22px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-vi {
  background: url('/images/icons/valuingindi.png');
  height: 28px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-eg {
  background: url('/images/icons/engagement.png');
  height: 23px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-rc {
  background: url('/images/icons/reviewCeleb.png');
  height: 28px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-wt {
  background: url('/images/icons/workingtogether.png');
  height: 22px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

.icon-te {
  background: url('/images/icons/teamengagement.png');
  height: 21px;
  width: 22px;
  display: block;
  background-repeat: no-repeat;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
  content: " \25B4\25BE"
}



/* SURVEY USER ENTRY */
.range {
  background: #203684;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 2px;
  margin: 1rem auto 3rem;
  width: calc(100% - 16px);
}
.range__level {
  position: relative;
  top: 2px;
}
.range__radio {
  position: relative;
  cursor: pointer;
}
.range__radio.unselected::before {
  background-color: #203684;
  height: 16px;
  width: 2px;
}
.range__radio.selected::before {
  background-color: #B04389 !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 100% !important;
}
.range__radio::after {
  content: attr(data-label);
  color: #bbb;
  display: inline-block;
  font-size: 12px;
  left: 50%;
  line-height: 0.9rem;
  position: absolute;
  text-align: center;
  top: 0.8rem;
  transform: translatex(-50%);
  transition: color 0.25s ease;
}
.range__radio::before {
  background-color: #203684;
  background-clip: content-box;
  box-sizing: content-box;
  content: "";
  display: inline-block;
  height: 16px;
  padding: 12px 25px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  /* transition: width 0.25s ease, height 0.25s ease; */
  width: 2px;
}
.range:hover .range__radio:not(:hover)::before {
  height: 16px;
  width: 2px;
}
.range:hover .range__radio:not(.selected):hover::after {
  color: #203684;
  font-weight: 600;
}
.range:hover .range__radio:not(.selected):hover::before {
  background-color: #B04389;
  height: 16px;
  width: 16px;
  border-radius: 100%;
}
.range input {
  position: absolute;
  top: 40px;
  visibility: hidden;
}
.range input:checked + .range__radio::before {
  background-color: #B04389;
  height: 16px;
  width: 16px;
  border-radius: 100%;
}
.range input:checked + .range__radio::after {
  color: #203684;
  text-align: center;
}

/* Dashboard */

.survey:nth-child(3n-2) .survey-table-bg {
  background-color: #318ACA; /*tedBlue*/;
}
.survey:nth-child(3n-2) .survey-table-col {
  color: #318ACA; /*tedBlue*/;
  border-color: #318ACA; /*tedBlue*/;
}

.survey:nth-child(3n-1) .survey-table-bg {
  background-color: #B04389; /*tedPink*/;
}
.survey:nth-child(3n-1) .survey-table-col {
  color: #B04389; /*tedPink*/;
  border-color: #B04389; /*tedPink*/;
}

.survey:nth-child(3n) .survey-table-bg {
  background-color: #45ac37; /*tedGreen*/
}
.survey:nth-child(3n) .survey-table-col {
  color: #45ac37; /*tedGreen*/;
  border-color: #45ac37; /*tedGreen*/;
}

/* Administration menu */

.adminBtn {
  /*background-blend-mode: soft-light;*/
  background-size: cover !important;
  background-position: center !important;
}

.adminBtn:active,
.adminBtn:focus,
.adminBtn:focus:active {
  text-decoration: underline white;
}

.adminUser {
  background: url('/images/adminMenu/adminMenu_user.jpg');
}

.adminRole {
  background: url('/images/adminMenu/adminMenu_roles.jpg');
}

.adminRegion {
  background: url('/images/adminMenu/adminMenu_region.jpg');
}

.adminOrganisation {
  background: url('/images/adminMenu/adminMenu_organisation.jpg');
}

.adminTemplate {
  background: url('/images/adminMenu/adminMenu_template.jpg');
}

.adminRAG {
  background: url('/images/adminMenu/adminMenu_RAG.jpg');
}

.adminQuestionManage {
  background: url('/images/adminMenu/adminMenu_questionManage.jpg');
}

.adminQuestion {
  background: url('/images/adminMenu/adminMenu_question.jpg');
}

.adminQuestionOrganisation {
  background: url('/images/adminMenu/adminMenu_questionOrganisation.jpg');
}

.adminLogViewer {
  background: url('/images/adminMenu/adminMenu_logViewer.jpg');
}

.adminMenuGreen {
  /*background-color: #306A38;*/
  box-shadow: inset 0 0 0 50vw #306a38e5 !important;
}

.adminMenuBlue {
  box-shadow: inset 0 0 0 50vw #24387fe5 !important;
}

.adminMenuOrange {
  box-shadow: inset 0 0 0 50vw #BC4000e5 !important;
}

.adminMenuPurple {
  box-shadow: inset 0 0 0 50vw #753784e5 !important;
}

.adminMenuRed {
  box-shadow: inset 0 0 0 50vw #850000e5 !important;
}

.adminMenuLightBlue {
  box-shadow: inset 0 0 0 50vw #328ACAe5 !important;
}

.adminMenuPink {
  box-shadow: inset 0 0 0 50vw #B1448Ae5 !important;
}

/*Super admin color*/
.roleColor-1{
  background-color: #FEF5CB;
}

/*Site admin color*/
.roleColor-2{
  background-color: #D0E1F1;
}

/*Team leader color*/
.roleColor-3{
  background-color: #DCE5B5;
}

/*Division leader color*/
.roleColor-4{
  background-color: #F1D5E5;
}

.tableRow:after{
  content: "";
  position: relative;
  margin: 0 auto;
  height: 2px;
  width: 75%;
  border-bottom: 2px solid black;
}

.tableRowDivision{
  box-shadow: inset 0px -1px 0px 0px #d6d6d6;
}

.curve{
  border-radius: 77% 23% 93% 7% / 66% 0% 100% 34% ;
  border-width: 4px;
  border-style: hidden hidden hidden solid;
}

/*User view page*/

.userOrganisationLogo:before, .userOrganisationLogo:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #328ACA;
}
.userOrganisationLogo:before {
  margin-left: -50%;
  text-align: right;
}

/* Chloe's stuff */


/* .carousel-cell {
  margin-right: 10px;
  text-align: center;
  padding:10px;
}

.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
}

.flickity-button {
  background: #24397F;
}
.flickity-button:hover {
  background: #667AB2;
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}

.flickity-button-icon {
  fill: white;
}

.flickity-prev-next-button.previous {
  left: -40px;
}
.flickity-prev-next-button.next {
  right: -40px;
}

.flickity-page-dots, .flickity-page-dots .dot {
  display:none;
} */


.a, .b, .c, .d, .e{
  transform:scale(0);
}

.line1, .line2, .line3, .line4, .line5, .line6{
  opacity:0;
}


/* accordion plus/minus animation */
.plusminus {
  color: #ecf0f1;
  width: 50px;
  height: 50px;
  border: 0;
  font-size: 1.5em;
  position: absolute;
  top: 8px;
  right: 4px;
}

.plusminus span {
  position: absolute;
  transition: 300ms;
  background: white;
  border-radius: 2px;
}

/* Create the "+" shape by positioning the spans absolutely */
.plusminus span:first-child {
  top: 25%;
  bottom: 25%;
  width: 10%;
  left: 45%;
}

.plusminus span:last-child {
  left: 25%;
  right: 25%;
  height: 10%;
  top: 45%;
}

/* Morph the shape when the button is hovered over */
input:checked+label span {
  transform: rotate(90deg);
}

input:checked+label span:last-child {
  left: 50%;
  right: 50%;
}


/* Jakub process diagram */

.arrowbackground {
  background-image: url(/images/bg-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;

  min-height: 300px;
}

@media only screen and (max-width: 1435px) {
  .arrowbackground {
    background-image: none;
  }
}

.bespokeclimbdot {
  bottom: 13.5em;
  right: 29em;
}

#archotspottext1, #archotspottext2, #archotspottext3, #archotspottext4, #archotspottext5 {
  display: none;
}

#archotspotbutt1, #archotspotbutt2, #archotspotbutt3, #archotspotbutt4, #archotspotbutt5 {
  display: none;
}

@media only screen and (min-width: 1850px) {
  #archotspotbutt1, #archotspotbutt2, #archotspotbutt3, #archotspotbutt4, #archotspotbutt5 {
    display: block;
  }
}

@media only screen and (min-width: 1850px) {
  #archotspottextmob {
    display: none;
  }
}

.responseemaildate {
  white-space: break-spaces;
}

.circle-blue {
  border: 15px solid #318aca;
}

.circle-pink {
  border: 15px solid #b04389;
}

.circle-green {
  border: 15px solid #45ac37;
}

.circle-orange {
  border: 15px solid #bc4000;
}

.feedbacktextarea {
  min-height: 140px;
}

/* Pagination */
#dashboard #organisation-dropdown {
  max-width: 300px;
}

/* datatables entries dropdown fix */
.dataTables_wrapper .dataTables_length select {
  padding-right: 2.5rem;
  margin-bottom: 1rem;
}

/* MFA REMINDER */
.twofactorreminder {
  color: #fff;
  background: #000;
  margin-top: -0.75rem;
  padding: 5px 20px;
  width: 100%;
  text-align: center;
}

.twofactorreminder span {
  color: #ffffff;
  background: #737475;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  margin-left:10px;
}

.twofactorreminder span:hover {
  background: #454545;
  text-decoration: none;
}

/* Announcement-menu */
.announcement-menu {
  color: #fff;
  background: #000;
  margin-top: -0.75rem;
  padding: 5px 20px;
  width: 100%;
  text-align: center;
}

.usertable {
  max-width: 100% !important;
  width: 100%;
  padding: 10px;
}

.questionresults {
  background-image: url(/images/report-question-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.datepicker .range {
  height: auto!important;
  margin: auto!important;
  width: 100%!important;
  border-radius: 0px!important;
}

#quarterlystats button.active {
  background-color: #4A89C5;
  color: #fff;
  border-color: #203684;
}

.divisionscroller {
  overflow-y: scroll;
  max-height: 450px;
  padding: 0 10px;
  height: 100%;
}

.divisionscroller button {
  max-width: 100%;
  margin: 5px 0;
}



.surveyquestionsmain {
    padding-top: 1px;
}