html,
body {
  height: 100%!important;
  scroll-behavior: smooth;
}

/* Performance optimization: Scroll margin for date anchors to account for fixed header */
[id^="date"] {
  scroll-margin-top: 140px;
}

@font-face {
  font-family: "San Francisco";
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

body {
  padding-top: 0px;
  background-color: #F4F4F4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
}

a {
  color:inherit;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color:inherit;
  text-decoration: none;
  background-color: transparent;
}

a:visited {
  color:inherit;
  text-decoration: none;
}

.form-control{
  height: calc(2em + .75rem + 2px);
}

.navbar-brand {
  color: #000;
  font-weight: 600;
  font-size: 24px;
  font-family: 'SF Pro Display','Helvetica Neue','Verdana','Tahoma';
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg id='Group_1450' data-name='Group 1450' transform='translate(-149 -82)'%3E%3Cg id='Ellipse_38' data-name='Ellipse 38' transform='translate(149 82)' fill='none' stroke='%23c6007c' stroke-width='1'%3E%3Ccircle cx='22' cy='22' r='22' stroke='none'/%3E%3Ccircle cx='22' cy='22' r='21.5' fill='none'/%3E%3C/g%3E%3Cline id='Line_97' data-name='Line 97' x2='12' transform='translate(163.4 98.19)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_98' data-name='Line 98' x2='16' transform='translate(163.538 104.524)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_99' data-name='Line 99' x2='14' transform='translate(163.464 110.857)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");  width: 42px;
  height: 42px;
}

.search-icon {
  display: block; 
  z-index: 2; 
  position: absolute; 
  width: 20px; 
  height: 20px;
  margin-top: 11px;
  margin-left: 11px;
}

.navbar-toggler
{
  border: 0px transparent;
}

nav > div.form-inline > form > div > input,
#page-content > form > div > input[name="q"]{
  border: 1px solid #C6C6C6;
  border-radius: 22px;
  height: 42px;
  width: 300px;
}
nav > div.form-inline > form > div > .search-icon{
  margin-top: 0px;
  margin-left: 9px;
}


#alert-block {
  position:absolute;
  z-index: 10000;
  top:10px; 
  width: 25%; 
  left: 50%; 
  margin-left: -12%;
}

@media (max-width: 768px) {
  #alert-block {
  width: 80%; 
  left: 20%; 
  margin-left: -10%;
 }
}

#notice {
  background-color: #C6007C;
  height: 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  width: 100%;
}
.icon { 
  overflow:visible; 
  height:1em; 
  width:1em; 
  fill:currentColor; 
}

.arrow  { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.04' height='14.04' viewBox='0 0 14.04 14.04'%3E%3Cpath id='Path_129' data-name='Path 129' d='M0,0V7.928H7.928' transform='translate(1.414 7.02) rotate(-45)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;  
  margin-top: 5px;
  height: 15px;
  width: 15px;
  display: inline-block;
  transform:rotate(270deg);
}

.arrow2 {
  border: solid #676767;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
 
.warning-icon{
  background-image: url("data:image/svg+xml,%3Csvg id='Group_129' data-name='Group 129' xmlns='http://www.w3.org/2000/svg' width='17.336' height='15.337' viewBox='0 0 17.336 15.337'%3E%3Cpath id='Path_28' data-name='Path 28' d='M8.672,15.312H2.609A2.482,2.482,0,0,1,.527,14.32a2.507,2.507,0,0,1-.123-2.9Q2.751,7.487,5.1,3.556c.468-.789.937-1.571,1.411-2.36a2.522,2.522,0,0,1,4.325.006q3.041,5.083,6.075,10.16a2.656,2.656,0,0,1,.413,1.14,2.556,2.556,0,0,1-2.619,2.81Zm.012-1.479h6.044a1.026,1.026,0,0,0,1.078-.739,1.139,1.139,0,0,0-.136-.955Q12.621,7.046,9.578,1.954a1.069,1.069,0,0,0-1.818.018Q5.2,6.279,2.634,10.586c-.327.542-.653,1.091-.973,1.639a1.024,1.024,0,0,0,.333,1.448,1.186,1.186,0,0,0,.659.154Q5.674,13.836,8.684,13.833Z' transform='translate(-0.003 0.025)' fill='%23fff'/%3E%3Cpath id='Path_29' data-name='Path 29' d='M125.147,73.1a1.028,1.028,0,0,1,1.023,1.072c-.037.567-.1,1.134-.148,1.694-.055.616-.111,1.232-.173,1.848a1.029,1.029,0,0,1-.148.567.675.675,0,0,1-.727.265.661.661,0,0,1-.511-.585c-.086-.875-.166-1.75-.246-2.631-.037-.382-.068-.764-.111-1.146A1.026,1.026,0,0,1,125.147,73.1Z' transform='translate(-116.454 -68.595)' fill='%23fff'/%3E%3Cpath id='Path_30' data-name='Path 30' d='M126.917,173.9a.909.909,0,1,1-.918.893A.911.911,0,0,1,126.917,173.9Z' transform='translate(-118.236 -163.184)' fill='%23fff'/%3E%3C/svg%3E%0A");
  height: 17px;
  width: 22px;
  margin-top: 4px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;  
}
.red {
color: #C6007C;
}

.red:hover {
  color: #C6007C;
  }
  .red:active {
    color: #C6007C;
    }

    .red:visited {
      color: #C6007C;
      }

.activity-info {
  font-size: 1rem; 
  font-family: Roboto, sans-serif; 
  color: rgba(0, 0, 0, 0.6); 
}

.bold {
font-weight: 600;
}

.dd-short{
  max-height: 400px;
  overflow-y: auto;
}

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}    .select select {
      font-family: 'Arial';
      display: inline-block;
      width: 100%;
      cursor: pointer;
      padding: 15px 19px;
      outline: 0;
      border: 1px solid #BEBEBE;
      border-radius: 4px;
      background: #FFFFFF;
      color: #7B7B7B;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
      .select select::-ms-expand {
          display: none;
      }
      .select select:hover,
      .select select:focus {
          color: #000000;
          background: #fff;
      }
      .select select:disabled {
          opacity: 0.5;
          pointer-events: none;
      }
.select_arrow {
  position: absolute;
  top: 22px;
  right: 24px;
  width: 8px;
  height: 8px;
  border: solid #5F5F5F;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
  border-color: #000000;
}
.select select:disabled ~ .select_arrow {
  border-top-color: #CCCCCC;
}


/* Login page */
.keepmeloggedin {
 font-size: 16px;
 font-weight: 200;
 padding-left: 10px;
 color: #5A5A5A;
}

.keepmeloggedin-block{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.main-content {
    max-width: 1140px;
    margin-top: 100px;
  }

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
  text-align: center;
}

label {
  font-size: 1rem; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.6); font-weight: 600;
}

#orders label, #travels label {
  position: relative;
  margin-bottom: -9px;
  margin-left: 8px;
  padding-left: 5px;
  padding-right: 5px;

  font-size: 0.75rem !important;
  font-weight: normal !important;

  background-color: #fff;
}

#orders .delad {
  background: linear-gradient(
    to top,
    #eaecef 0%,
    #eaecef 50%,
    #fff 50%,
    #fff 100%
  );
}

#order_list label, .project label, .open_events label {
  position: relative;
  font-size: 0.75rem !important;
  font-weight: normal !important;
  margin-bottom: -9px;
  margin-left: 8px;
  background-color: #fff !important;
  padding-left: 5px;
  padding-right: 5px;
}

#order_list .headerRow, #orders .headerRow, .project .headerRow {
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  font-weight: normal;
  color: #888;
}

#order_list .listed-orders a:link, #order_list .listed-orders a:visited {
  color:#000;
  font-weight: bold;
  font-size: 1rem;
}

#order_list a:hover {
  color:#555;
  font-weight: bold;
  font-size: 1rem;
}

.order_header_select{
  
}

/* Slider switch */
/* The switch - the box around the slider */
.switch {
  margin-top: 0rem;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #6bada5;
}

input:focus + .slider {
  box-shadow: 0 0 1px #6bada5;
}

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Slider switch */
/* The switch - the box around the slider */
.switch2 {
  margin-top: 0rem;
  position: relative;
  display: inline-block;
  width: 120px;
  height: 44px;
}

/* Hide default HTML checkbox */
.switch2 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E26800;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 36px;
  width: 36px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2 div.on {
  display: none;
  padding-left: 15px;
  margin-top: 10px;
  text-align: left;
  width: 120px;
  float: left;
  color: #fff;
}

.slider2 div.off {
  padding-right: 20px;
  padding-top: 10px;
  width: 120px;
  text-align: right;
  color: #fff;
}


input:checked + .slider2 div.off {
  display: none;
}

input:checked + .slider2 div.on {
  display: inline;
}

input:checked + .slider2 {
  background-color: #5ea733;
}

input:focus + .slider2 {
  box-shadow: 0 0 1px #5ea733;
}

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

/* Rounded sliders */
.slider2.round {
  border-radius: 34px;
}

.slider2.round:before {
  border-radius: 50%;
}

/* Dots */ 
.dot-orange {
  height: 10px;
  width: 10px;
  background-color: #E26800;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 2px;
  display: inline-block;
}

.dot-green {
  height: 10px;
  width: 10px;
  background-color: #00A820;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 2px;
  display: inline-block;
}

/* Buttons */
.btn-primary {
    color: #fff;
    background-color: #c6007e;
    border-color: #c6007e;
    border-radius: 24px;
    padding: .275rem .75rem;
}


.btn-primary:hover {
  color: #fff;
  background-color: #c6007e;
  border-radius: 24px;
  border-color: #c6007e;
}

.btn-primary:visited {
  color: #fff;
  background-color: #c6007e;
  border-radius: 24px;
  border: 3px solid #c6007e;
}

.dropdown-item:hover {
  color: #ffffff;
  background-color: #c6007e;
  }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #c6007e;
  border-radius: 24px;
  border: 3px solid #c6007e;
  }

  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #c6007e;
  }

.btn-blk {
  color: #000000;
  font-size: 16px;
  border-color: #000000;
}

button .btn-lg{
  color:  #C1C1C1;
}
    
    .btn-link-black {
      font-weight: 400;
      color: #000;
      text-decoration: none;
     }

     .btn-link-red {
      font-weight: 400;
      color: #C6007C;
      text-decoration: none;
     }

     .btn-primary-outline {
      background-color: transparent;
      border-color: #5b5b5b;
      border-radius: 16px;
      padding: 0rem;
      padding-left: 5px;
      padding-right: 5px;
    }

    .btn-red {
      border-color: #C6007C;
      border-radius: 22px;
      padding: 0.5rem;
      }

      .navbar-light .navbar-nav .show>.nav-link{
        color: #fff;
      }

    .btn-red:hover {
        color: #fff;
        border-color: #C6007C;
      }
  
      .btn-red:visited {
        color: #C6007C;
      }
a.btn-red {
  color: #fff;
}

/* Calles knapp */

.csBtn, .csBtn:visited {
  display: inline-block;
  border-radius: 24px;
  border: solid 1px;
  border-color: #333;
  padding: 0.6rem 2rem;
  text-align: center;
  vertical-align: midde;
  line-height: 1.5rem;
  font-size: 0.9rem;
  font-weight: normal;
  text-decoration: none;
  color: #444;
  cursor: pointer;
  appearance: none;
}

.csBtnSmall, .csBtnSmall:visited {
  display: inline-block;
  border-radius: 24px;
  border: solid 1px;
  border-color: #333;
  padding: 0.6rem 1rem;
  text-align: center;
  vertical-align: midde;
  line-height: 0.8rem;
  font-size: 0.8rem;
  font-weight: normal;
  text-decoration: none;
  color: #444;
  cursor: pointer;
  appearance: none;
}

.csBtn_green, .csBtn_green:visited {
  color: #56AD66;
  border-color:#56AD66;
  background-color: transparent;
}

.csBtn_greenpri, .csBtn_greenpri:visited {
  color: #fff;
  border-color:#56AD66;
  background-color: #56AD66;
}

.csBtn_green:hover {
    color: #fff;
    border-color:#56AD66;
    background-color: #56AD66;
    font-weight: normal !important;
}

.csBtn_greenpri:hover {
  color: #fff;
  border-color:#5dbb6e;
  background-color: #5dbb6e;
  font-weight: normal !important;
}

.csBtn_grey, .csBtn_grey:visited {
  color: #333;
  border-color:#333;
  background-color: transparent;
}

.csBtn_grey:hover {
    color: #fff;
    border-color:#333;
    background-color: #333;
    font-weight: normal !important;
}

/* Calles gula knapp, invoice/order */
  .csBtn_yellow, .csBtn_yellow:visited {
    color: #444;
    border-color:#F4DF89;
    background-color: #F4DF89;
  }

  .csBtn_yellow:hover {
    color: #666;
    border-color:#F4DF89;
    background-color: #FFEC9D;
    font-weight: normal !important;
  }

  .csBtn_red, .csBtn_red:visited{
    color: #dc3545;
    border-color:#dc3545;
    background-color: transparent;
  }

  .csBtn_red:hover {
    color: #fff;
    border-color:#dc3545;
    background-color: #dc3545;
    font-weight: normal !important;
  }

  .csBtn_primary, .csBtn_primary:visited{
    color: #fff;
    border-color:#c6007c;
    background-color: #c6007c;
  }

  .csBtn_primary:hover {
    color: #fff;
    border-color:#B20170;
    background-color: #B20170;
    font-weight: normal !important;
  }

  .csBtn_secondary, .csBtn_secondary:visited{
    color: #c6007c;
    border-color:#c6007c;
    background-color: transparent;
  }

  .csBtn_secondary:hover {
    color: #fff;
    border-color:#B20170;
    background-color: #B20170;
    font-weight: normal !important;
  }

  /* Floating labels */
  .form-label-group {
    position: relative;
    margin-bottom: 1rem;
  }
  
  .form-label-group > input,
  .form-label-group > label {
    padding: var(--input-padding-y) var(--input-padding-x);
  }
  
  .form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #888;
    font-weight: 300;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
  }
  
  .form-label-group input::-webkit-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input:-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-moz-placeholder {
    color: transparent;
  }
  
  .form-label-group input::placeholder {
    color: transparent;
  }
  
  .form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
  }
  
  .form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #777;
  }

  /* Amify suggestions overrides */
.amsify-suggestags-area
.amsify-suggestags-input-area-default {
    border: 0px solid #cccccc;
}

.amsify-suggestags-area
.amsify-suggestags-input-area
.amsify-suggestags-input {
	max-width: 100px;
	padding: 0px 4px;
  background-color: transparent;
}

.amsify-focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
}

.amsify-focus-light {
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(189, 189, 189, 0.6);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(189, 189, 189, 0.6);
}

.amsify-suggestags-area .amsify-suggestags-list {
	display: none;
	position: absolute;
	background: white;
	border: 1px solid #dedede;
	z-index: 9999;
}

.amsify-suggestags-area .amsify-suggestags-list ul.amsify-list {
  margin-bottom: 0rem;
  }

.amsify-suggestags-area .amsify-suggestags-list ul.amsify-list li.amsify-list-item {
  text-align: left;
  cursor: pointer;
  padding: 5px 20px;
  border-bottom: 1px solid #DEDEDE;
  }

.amsify-suggestags-area
.amsify-suggestags-list
ul.amsify-list
li.amsify-list-item:active {
	background: #717171;
    color: white;
    -moz-box-shadow:    inset 0 0 0px #000000;
    -webkit-box-shadow: inset 0 0 0px #000000;
    box-shadow:         inset 0 0 0px #000000;
}

.topfilters {
  font-size: 0.8rem;
}

.topfilters .dropdown-toggle {
  font-size: 0.8rem;
}


.topfilters .bullet,
.topfilters .bullet-active {
  display: inline-block;
  border-radius: 14px;
  padding: 2px 10px;
  white-space: nowrap;
}

.topfilters .bullet {
  background-color: #EAEAEA;
  color: #343a40;
}

.topfilters .bullet-active {
  background-color: #343a40;
  color: #fff;
}


#edit-mode button {
  border: 1px solid #8D53F9; /* Green border */
  color: #8D53F9; /* White text */
  font-weight: 600;
  font-size: 12px;
  background-color: #fff;
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
}
#edit-mode .right-button {
  background-color: #8D53F9;
  color: white;
}
#view-mode button {
  border: 1px solid #C6007C; /* Green border */
  color: #C6007C; /* White text */
  font-weight: 600;
  font-size: 12px;
  background-color: #fff;
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
}
#view-mode .left-button {
  background-color: #C6007C;
  color: white;
}
.btn-group .left-button {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.btn-group .right-button {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

.amsify-suggestags-input-area
.amsify-select-tag {
    padding: 5px 11px;
    margin: 0px 4px 1px 0px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    display: inline-block;
}

.amsify-suggestags-input-area
.amsify-select-tag.col-bg {
	background: #fbfbfb;
  color: black;
  border: 1px solid #dddddd;
}

.tag-primary 
{border: 0px solid #dddddd;
}
  .tag-1{
    background: #E6B8AF;
    color: #A61C00;
  }
.tag-2{
    background: #DD7E6B;
    color: #333333;
  }
.tag-3{
    background: #A61C00;
    color: #E6B8AF;
  }
.tag-4{
    background: #F4CCCC;
    color: #CC0000;
  }
.tag-5{
    background: #EA9999;
    color: #333333;
  }
.tag-6{
    background: #CC0000;
    color: #F4CCCC;
  }
.tag-7{
    background: #FCE5CD;
    color: #E69137;
  }
.tag-8{
    background: #F9CB9C;
    color: #333333;
  }
.tag-9{
    background: #E69137;
    color: #FCE5CD;
  }
.tag-10{
    background: #FFF2CC;
    color: #DE7800;
  }
.tag-11{
    background: #FFE599;
    color: #333333;
  }
.tag-12{
    background: #F1C232;
    color: #FFF2CC;
  }
.tag-13{
    background: #D9EAD3;
    color: #69A84F;
  }
.tag-14{
    background: #B6D7A9;
    color: #333333;
  }
.tag-15{
    background: #69A84F;
    color: #D9EAD3;
  }
.tag-16{
    background: #D0E0E3;
    color: #44818E;
  }
.tag-17{
    background: #A2C4C9;
    color: #333333;
  }
.tag-18{
    background: #44818E;
    color: #D0E0E3;
  }
.tag-19{
    background: #C9DAF8;
    color: #3D78D8;
  }
.tag-20{
    background: #A4C3F4;
    color: #333333;
  }
.tag-21{
    background: #3D78D8;
    color: #C9DAF8;
  }
.tag-22{
    background: #CFE2F3;
    color: #333333;
  }
.tag-23{
    background: #9FC5E8;
    color: #333333;
  }
.tag-24{
    background: #3D85C6;
    color: #CFE2F3;
  }
.tag-25{
    background: #DAD2E9;
    color: #674EA7;
  }
.tag-26{
    background: #B4A7D6;
    color: #333333;
  }
.tag-27{
    background: #674EA7;
    color: #DAD2E9;
  }
.tag-28{
    background: #EAD1DC;
    color: #A64D79;
  }
.tag-29{
    background: #D5A6BD;
    color: #333333;
  }
.tag-30{
    background: #A64D79;
    color: #EAD1DC;
  }

  .grey-text{
  color: #A3A3A3;
}

  /* flexdatalist overwrites */ 
  .flexdatalist-results {
    border: 0px solid #fff;
}
  .flexdatalist-multiple {
    border: 0px solid #fff;
  }
  .flexdatalist-multiple li.value {
    border-radius: 33px;
    color: #888;
    padding: 6px 25px 4px 9px;
    border: 1px solid #999;
  }
  .flexdatalist-multiple li.value span.fdl-remove {
    padding: 5px 7px;
    }
  .flexdatalist-multiple li.input-container, 
  .flexdatalist-multiple-value li.input-container input,
  .flexdatalist-multiple-value li.input-container,
  .flexdatalist-multiple li.input-container input  {
    width: 100%;
    }

    input.flex0{
      border: 0px solid #fff;
      }
  /* Mods */ 



.form-control{
  background-color: transparent;
  -webkit-appearance: none;
}

select::after { 
  content: '\25BC'; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  padding: 0 1em; 
  background: #34495E; 
  pointer-events: none; 
} 

#login .form-control {
  background-color: #F1F1F1;
  color: #C1C1C1;
  border-radius: .50rem;
  border: 1px solid #F1F1F1;
}

form .form-control.form-group::-webkit-input-placeholder {
  color: #C1C1C1;
  font-size: 20px;
}

form .form-control::-webkit-input-placeholder {
  color: #C1C1C1;
  font-size: 14px;
}

.dropdown-item.active, .dropdown-item:active{ 
  background-color:  #C6007C;
}

.border-bottom{ 
  border-bottom: 1px solid #c0c0c0;
}

.dropdown-menu > div.dropdown-item:last-child { 
  border-bottom: 0px solid #c0c0c0 !important;
}

.dropdown-menu > li > a { 
  display:inline-block; 
  width:100%;
}
  #userMenuButton {
    font-size: 18pt;
    font-weight: 600;
    color: #000;
    margin-top: -10px;
}

#userMenuButton.dropdown-menu{
  right: 0;
}

.bootstrap-select>.dropdown-toggle {
  height: calc(2em + .75rem + 2px);
}

@media (max-width: 576px) {  
  .bootstrap-select>.dropdown-toggle {
    height: calc(2.5em + .75rem + 2px);
  }
}


/* PAGE STYLE */
#page-content h3.page-headline{ 
  font-size: 20px;
  font-weight: 300;
}


#page-content h3.active-assignment{ 
  font-size: 18pt;
  color: #8D53FF;
}

@media (max-width: 576px) {  
  #page-content .text-secondary,
  #page-content .page-headline {
    width: 100%;
    text-align: center;
  }
}
/* SCHEDULE FRONT PAGE */ 
.scheduleLink a,
.scheduleLink a:visited{ 
 color: #333333;
}

#schedule .scheduleRow {
  color: #333333;
  font-size: 13pt;
  font-weight: 400;
  background-color: #fff;
}

#schedule:hover {
  cursor: pointer;
}

div.arrow-schedule  {
  display: inline-flex;
  margin-left: .255em;
  vertical-align: 0em;
  content: "";
  font-size: 1.8rem;
  line-height: 1;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.04' height='14.04' viewBox='0 0 14.04 14.04'%3E%3Cpath id='Path_129' data-name='Path 129' d='M0,0V7.928H7.928' transform='translate(1.414 7.02) rotate(-45)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");  background-repeat: no-repeat;
  width: 14.04pt;
  margin-top: 30px;
  margin-left: 10px;
  height: 0.6em;
}

/* ADD ACTIVITY */ 
#addactivity .onoffswitch {
  position: relative; width: 98px;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
#addactivity .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#addactivity .onoffswitch-label {
  display: block; overflow: hidden; cursor: pointer;
  border: 0px solid #999999; 
  border-radius: 33px;
}
#addactivity .onoffswitch-inner {
  display: block; width: 200%; margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
#addactivity .onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block; float: left; width: 50%; height: 36px; padding: 0; line-height: 36px;
  font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
  box-sizing: border-box;
}
#addactivity .onoffswitch-inner:before {
  content: "Show";
  padding-left: 10px;
  background-color: #56AD66; color: #FFFFFF;
}
#addactivity .onoffswitch-inner:after {
  content: "Hide";
  padding-right: 10px;
  background-color: #AAAAAA; color: #DDDDDD;
  text-align: right;
}
#addactivity .onoffswitch-switch {
  display: block; width: 34px; margin: 1px;
  background: #F4F4F4;
  position: absolute; top: 0; bottom: 0;
  right: 58px;
  border: 0px solid #999999; border-radius: 33px;
  transition: all 0.3s ease-in 0s; 
}
#addactivity .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
#addactivity .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; 
}


/* ASSIGNMENTS */
#assignment { 
  width: 100%; 
  background-color: #fff; 
  border-radius: 6px;
}

div#assignment.active-assignment { 
  border: 2px solid #8D53FF;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);
  }   
#assignmentHeader .assignment-header {
  color: #888888;
  font-size: 13px;
  font-weight: 400;
}
#assignmentHeader .assignment-content {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}

#assignment .arrow  { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.04' height='14.04' viewBox='0 0 14.04 14.04'%3E%3Cpath id='Path_129' data-name='Path 129' d='M0,0V7.928H7.928' transform='translate(1.414 7.02) rotate(-45)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;  
  margin-top: 15px;
  height: 15px;
  transform:rotate(180deg);
  margin-left: -15px;
}

#assignment a.collapsed .arrow  { 
  transform:rotate(360deg);
  width: 15px;
  margin-left: -15px;
}
#assignment a.assignment-buttons,
#assignment button.assignment-buttons  { 
  margin-top: 0px;
  width: 180px;
  margin-left: 20px;
}
#assignment a.collapsed .arrow,
#assignment .arrow  { 
  margin-left: 30px;
  margin-top: 20px;
  }

@media (max-width: 576px) {  
#assignment a.assignment-buttons,
#assignment button.assignment-buttons  { 
  width: 100%;
  margin-left: 0px;
  margin-top: 20px;

}
#assignment a.collapsed .arrow,
#assignment .arrow  { 
  margin-left: -15px;
  margin-top: 15px;
  }

}

#assignmentHeader:hover {
  cursor: pointer;
}

h3.page-headline a { 
  color: inherit;
  text-decoration: none;
  
}

@media (max-width: 576px) {  
  #confirm-template .form-control{
    height: calc(2.5em + .75rem + 2px);
  }
}

@media (max-width: 576px) {  
  .center-mobile {
    text-align: center!important;
  }
}

/* DB ADMIN */

:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

/* TOP ACTION BAR */
#topbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_466' data-name='Group 466' xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='22' cy='22' r='22' fill='%23c6007c'/%3E%3Cg id='Group_64' data-name='Group 64' transform='translate(14.355 16)'%3E%3Cline id='Line_13' data-name='Line 13' x2='15.287' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_14' data-name='Line 14' x2='15.178' transform='translate(0 6.117)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_15' data-name='Line 15' x2='15.287' transform='translate(0 12.234)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 2.8em;
  height: 2.8em;
}

#topbar .navbar-toggler {
  padding: 0;
  font-size: 1.1rem;
}

#topbar .new-assignment-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg id='Group_722' data-name='Group 722' transform='translate(-1 -0.772)'%3E%3Cg id='Ellipse_28' data-name='Ellipse 28' transform='translate(1 0.772)' fill='none' stroke='%23c6007c' stroke-width='1'%3E%3Ccircle cx='21' cy='21' r='21' stroke='none'/%3E%3Ccircle cx='21' cy='21' r='20.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_136' data-name='Path 136' d='M0,1.385V15.777' transform='translate(21.989 13.18)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_90' data-name='Line 90' x1='14.392' transform='translate(14.792 21.761)' fill='none' stroke='%23c6007c' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 2.6em;
  height: 2.6em;
  border: none;
  background-color: transparent;
}

#topbar .search-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg id='Group_260' data-name='Group 260' transform='translate(0 0.227)'%3E%3Cg id='Ellipse_28' data-name='Ellipse 28' transform='translate(0 -0.227)' fill='none' stroke='%23c6007c' stroke-width='1'%3E%3Ccircle cx='21' cy='21' r='21' stroke='none'/%3E%3Ccircle cx='21' cy='21' r='20.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_70' data-name='Path 70' d='M652.927,274.975a6.371,6.371,0,1,0-1.521-1.432c-.035.037-.071.077-.108.114q-1.322,1.322-2.644,2.645a1.051,1.051,0,1,0,1.453,1.518q1.363-1.36,2.722-2.723A1.453,1.453,0,0,0,652.927,274.975Zm3.6-.984a4.306,4.306,0,1,1,4.313-4.261A4.313,4.313,0,0,1,656.522,273.992Z' transform='translate(-634.731 -249.84)' fill='%23c6007c'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 2.6em;
  height: 2.6em;
  border: none;
  background-color: transparent;
}

#topbar .topbar-headline{ 
  font-size: 22pt;
  padding-top: 5px;
}

#topbar #userMenuButton,
#topbar #userMenuButton a:visited,
#topbar #userMenuButton a { 
  font-size: 18pt;
  font-weight: 600;
  color: #000;
  margin-top: -10px;
}

@media (max-width: 576px) {  
  #topbar .topbar-headline {
    font-size: 16pt;
    padding-top: 15px;
    text-align: center;
    padding-left: 30px;
  }
}

.usermenu .dropdown-toggle::after {
  display: inline-flex;
  margin-left: .255em;
  vertical-align: 0em;
  content: "";
  font-size: 1.8rem;
  line-height: 1;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.04' height='14.04' viewBox='0 0 14.04 14.04'%3E%3Cpath id='Path_129' data-name='Path 129' d='M0,0V7.928H7.928' transform='translate(1.414 7.02) rotate(-45)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");  background-repeat: no-repeat;
  width: 2.6em;
  margin-top: 30px;
  margin-left: 10px;
  height: 0.6em;
}

.usermenu .navbar-initials-icon{
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 44 44'%3E%3Cg id='Group_995' data-name='Group 995' transform='translate(-351 -113)'%3E%3Cg id='Ellipse_21' data-name='Ellipse 21' transform='translate(351 113)' fill='%23fff' stroke='%23c6007c' stroke-width='1'%3E%3Ccircle cx='22' cy='22' r='22' stroke='none'/%3E%3Ccircle cx='22' cy='22' r='21.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-top: 2px;
  border: 0px solid transparent;
  width: 2.85em;
  height: 2.85em;
  font-size: 17px;
  font-weight: 600;
  color: #C6007C;
}
  
      .m-315 {
        max-width: 100%;
        }
        .m-160 {
          max-width: 100%;
          }
          .m-90 {
            max-width: 100%;
            }
            .m-72 {
              max-width: 100%;
              }
            
      
      
      @media only screen and (min-width: 991.98px) {
        .m-315 {
          max-width: 315px;
        }
        .m-160 {
          max-width: 160px;
        }
      
        .m-90 {
          max-width: 90px;
        }
      }
  
        .m-72 {
          max-width: 72px;
        }
      /*}*/
      

      .show_external > input[type="checkbox"] {
        background-image: url("btn_ext_inactive.svg");
        background-size: 90%;
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        width: 50px;
        height: 50px;
        border-radius: 0px;
        border: 0px solid #555;
        vertical-align:middle;
      }
      
      .show_external > input[type="checkbox"]:checked {
        background-image: url("btn_ext_active.svg");
        background-size: 90%;
        background-position: right center;
        background-repeat: no-repeat;
      }

.amsify-suggestags-area
.amsify-suggestags-input-area
.amsify-suggestags-input {
    padding: 6px 4px;
    border: 1px solid #ccc;
    border-radius: 18px;
    background-color: transparent;
}

.amsify-suggestags-input-area .amsify-select-tag.col-bg{
    font-size: 14px;
    font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
    background: transparent;
    color: black;
    border: 1px solid #dddddd;

}

.amsify-remove-tag img{
padding-bottom: 3px;
padding-left: 3px;
}

div.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control > input,
.amsify-suggestags-input{
max-width: 32px;
max-height: 32px;
border: 1px dashed #dddddd;
}
.show_external > input[type="checkbox"] {
        background-image: url("btn_ext_inactive.svg");
        background-size: 90%;
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        width: 40px;
        height: 40px;
        border-radius: 0px;
        border: 0px solid #555;
        vertical-align:middle;
      }
      
      .show_external > input[type="checkbox"]:checked {
        background-image: url("btn_ext_active.svg");
        background-size: 90%;
        background-position: right center;
        background-repeat: no-repeat;
      }

      .no-pg > input[type="checkbox"]:checked {
        background-image: url("btn_ext_nopg.svg");
      }
      
div.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control > input:after{
}

.amsify-focus .amsify-suggestags-input{
min-width: 101px;
}

input::placeholder {
font-size: 16px;
color: #ccc;
font-weight: 300;
padding-left: 6px;
}

.btn-primary-outline {
background-color: #000; 
color: #fff;    
font-size: 14px;
font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 21px;
}

.btn-small-red{
color: #c6007e;
background-color: transparent;  font-size: 14px;
border-color: #c6007e;
font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
border-radius: 21px;
margin-bottom: 5px;
}



.btn-small-red:hover,
.btn-small-red:visited{
    color: #c6007e;
}

.btn-small-black{
  color: #000;
  background-color: #fff;  
  font-size: 14px;
  border-color: #000;
  font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
  border-radius: 21px;
  margin-bottom: 5px;
  }

  .btn-small-black-fill{
    color: #fff;
    background-color: #000;  
    font-size: 14px;
    border-color: #000;
    font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
    border-radius: 21px;
    margin-bottom: 5px;
    }

.btn-small-black-fill:hover{
    color: #cecece;
}
  

div.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control {
    padding-top: 0px;
}
#headingOne > h5 > button,
#headingTwo > h5 > button,
#headingThree > h5 > button
 {
    font-weight: 600;
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled),
.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: #fff;
}

.amsify-select-tag {
    font-size: 14px;
    font-family: 'SF Compact Text','Helvetica Neue','Verdana','Tahoma';
}
#joblist > form > input[type="search"]
{
  border: 1px solid #C6C6C6;
  border-radius: 22px;
  height: calc(1.5em + .75rem + 2px);
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled),
.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: #fff;
}