html,
body {
  height: 100%!important;
}

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

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

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;
  background-color: transparent;
}

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

#notice {
  background-color: #C6007C;
  height: 100px;
  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);
}

.notBarArrow  { 
  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='%23ededed' 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(180deg);
}

a.collapsed .notBarArrow,
#notificationsContainer .notBarArrow { 
  transform:rotate(360deg);
} 
.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;
      }
    
/* 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-weight: bold;
}

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

/* 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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

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

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

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

/* 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%;
}


/* The switch - the box around the slider */
.toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

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

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

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

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

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

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

/* Rounded sliders */
.toggle_slider.toggle_round {
  border-radius: 34px;
}

.toggle_slider.toggle_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 */
/* Buttons */

.btn-primary, .btn-primary:hover, .btn-primary:visited, .btn-primary:active {
  color: #fff;
  background-color: #c6007c;
  border: 1px solid #c6007c;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-primary, .bbBtn-primary:hover, .bbBtn-primary:visited, .bbBtn-primary:active {
    color: #fff;
    background-color: #c6007c;
    border: 1px solid #c6007c;
    border-radius: 24px;
    padding: .5rem 1rem;
}

.bbBtn-secondary, .bbBtn-secondary:hover, .bbBtn-secondary:visited, .bbBtn-secondary:active {
  color: #c6007c;
  border: 1px solid #c6007c;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-secondary-black, .bbBtn-secondary-black:hover, .bbBtn-secondary-black:visited, .bbBtn-secondary-black:active {
  color: #000;
  border: 1px solid #000;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-secondary-white, .bbBtn-secondary-white:hover, .bbBtn-secondary-white:visited, .bbBtn-secondary-white:active {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-delete, .bbBtn-delete:hover, .bbBtn-delete:visited, .bbBtn-delete:active {
  color: #fff;
  background-color: #B70000;
  border: 1px solid #B70000;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-go, .bbBtn-go:hover, .bbBtn-go:visited, .bbBtn-go:active {
  color: #fff;
  background-color: #56AD66;
  border: 1px solid #56AD66;
  border-radius: 24px;
  padding: .5rem 1rem;
}

.bbBtn-live, .bbBtn-live:hover, .bbBtn-live:visited, .bbBtn-live:active {
  color: #8D53FF;
  border: 1px solid #8D53FF;
  border-radius: 24px;
  margin-top: 1em;
  padding: .5rem 1rem;
}

.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: #000;
      border-radius: 24px;
    }

    .btn-red {
      color: #C6007C;
      border-color: #C6007C;
      font-size: 16px;
      margin-top: 1em;
      border-radius: 24px;
      }

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

  

  /* Mods */ 

input[type='checkbox'] {
  width:15px;
  height:15px;
  background:white;
  border-radius:2px;
  border:1px solid #707070;
}

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

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

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


    .card-link-black {
      font-weight: 400;
      color: #000;
      text-decoration: none;
      font-size: 1rem;
     }


    .card-link-red {
      font-weight: 400;
      color: #C6007C;
      text-decoration: none;
      font-size: 1rem;
     }

    .title  {      
      font-weight: 600;
      font-size: 1,5rem;
      text-align: center;
      padding-bottom: 30px;
    }


     .first {
        padding-left: 0px;
      }
    .open > ul {
        display: inline-flex !important;
    }

    .action-menu a{
      color: #fff;
    }
    .action-menu .btn-light{
      color: #000;
    }
    .action-menu .btn{
      border-radius: 1rem;
    }

    .actionlist-wrapper {
      max-width: 500px;
      margin: auto;
      }

    .actiontitle {
      border:1px solid #DDDDDD;
      background-color: #F7F7F7;
      display: table-cell;
      width: 100%;
      border-radius: 0.4rem;
      min-height: 80px;
      text-align: left;
      padding-left: 20px;
    }
  
    .action {
        border:1px solid #DDDDDD;
        background-color: #F7F7F7;
        display: table-cell;
        white-space: nowrap;
        border-radius: 0.4rem;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
      }
      
      .col-sm-6 {
        padding: 0px;
      }
      
      .front-box  {
      border:1px solid #DDDDDD;
      border-radius: 0.4rem;
      text-align: center;
      min-height: 0px!important;
      padding: 20px;
      background-color: #F7F7F7;
    }

    @media (min-width: 576px) {  
      .front-box {
        min-height: 338px!important;
      }
    }


    #ftpinformation{
      border:1px solid #C6007C;
      border-radius: 0.4rem;
      text-align: center;
      padding: 15px;
      background-color:transparent;
    }

    .no-gutters {
      margin-right: 0;
      margin-left: 0;
      > .col,
      > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
      }
    }
        

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


/* ADD ASSIGNMENT */
#addAssignment .disabled  { 
  pointer-events: none;
  opacity: 0.4;
}

#addAssignment a.btn,
#addAssignment button.btn{ 
  margin-bottom: 3em;
}

#addAssignment a.btn { 
  margin-top: 2em;
}


@media (max-width: 576px) {  
  #addAssignment a.btn,
  #addAssignment button.btn {
    width: 100%;
    text-align: center;
  }
}

#addAssignment .lock  { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.991' height='18.682' viewBox='0 0 14.991 18.682'%3E%3Cpath id='Path_156' data-name='Path 156' d='M194.395,388.675c0-.1,0-.179,0-.254.007-.9-.019-1.8.029-2.692a5.6,5.6,0,0,1,1.314-3.318,5.716,5.716,0,0,1,3.539-2.1,5.979,5.979,0,0,1,6.985,5.069,5.061,5.061,0,0,1,.048.679c.006.8,0,1.609,0,2.413v.206c.227,0,.435,0,.643,0a.852.852,0,0,1,.895.9q0,4.2,0,8.394a.864.864,0,0,1-.87.917c-.041,0-.082,0-.122,0H193.85a.928.928,0,0,1-.781-.31.885.885,0,0,1-.208-.578q0-4.232,0-8.464a.843.843,0,0,1,.847-.861C193.929,388.671,194.149,388.675,194.395,388.675Zm9.506-.011v-.2c0-.764,0-1.527,0-2.291a4.287,4.287,0,0,0-.033-.5,3.548,3.548,0,0,0-7.062.506c0,.764,0,1.527,0,2.291v.195Zm-2.008,4.214a1.536,1.536,0,0,0-1.921-1.517,1.446,1.446,0,0,0-1.106,1.138,1.461,1.461,0,0,0,.513,1.519.289.289,0,0,1,.113.251c0,.548-.005,1.1,0,1.643a.879.879,0,0,0,.059.321.861.861,0,0,0,1.006.526.887.887,0,0,0,.671-.87c0-.542,0-1.084,0-1.625a.286.286,0,0,1,.117-.252A1.478,1.478,0,0,0,201.893,392.879Z' transform='translate(-192.86 -380.207)'/%3E%3C/svg%3E%0A");  
  background-repeat: no-repeat;  
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: bottom;
}

#addAssignment label {
  margin-top: 1rem;
  margin-bottom: 0rem;
}

#addAssignment hr {
  margin-bottom: 0rem;
  margin-top: 2rem;
}

#addAssignment .form-control,
#editor-view .form-control,
#confirm-template .form-control{
  height: calc(2.5em + .75rem + 2px);
}

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

@media (max-width: 576px) {  
  .bootstrap-select>.dropdown-toggle {
    height: calc(2.5em + .75rem + 2px);
  }
  #addAssignment .form-control,
  #confirm-template .form-control{
    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;
}

/* 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);
  }   
  div#assignment.notificationBar { 
    background-color: #525252;
    color:#fff;
    } 
  #assignmentHeader .assignment-header {
  color: #888888;
  font-size: 13px;
  font-weight: 400;
}
#assignmentHeader .notificationHeader {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#assignmentHeader .notificationStatus {
  font-size: 18px;
  font-weight: 300;
  padding-left: .5em;
}

#assignmentHeader .notificationBadge {
  font-size: 1rem;
  padding-right: .5em;
  padding-left: .45em;
  margin-right: .7em;
}

#assignmentHeader .assignment-content {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
div#assignment.assignmentNotification .assignment-header, 
div#assignment.assignmentNotification .assignment-content { 
  color: #fff;
  } 

div#assignment.assignmentNotification { 
  background-color: #6c6c6c;
  } 

#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;
}

/* CONFIRM TEMPLATE */
#confirm-template label{
  margin-top: 1rem;
  margin-bottom: 0rem;
}

#confirm-template .btn-primary,
#confirm-template .btn-red
{
  margin-top: 10px;
  border-radius: 36px;
}


#confirm-template h3.active{ 
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
  width: max-content;
}

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

#editor-view textarea.form-control,
#confirm-template textarea.form-control{
  height: calc(6em + .75rem + 2px);
}

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

#edit-assignment .btn-primary,
#edit-assignment .btn-red
{
  margin-top: 10px;
  border-radius: 36px;
}

#edit-assignment label
{
  margin-bottom: .2rem;
  margin-top: .7rem
}


#edit-assignment .page-submenu{
  font-size: 16pt; 
  font-weight: 300;
}

@media (max-width: 576px) {  
  #edit-assignment .page-submenu {
    text-align: center!important;
  }
}

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


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

#edit-assignment textarea.form-control{
  height: calc(6em + .75rem + 2px);
}

/* ASSIGNMENT ARCHIVE */ 
#assignment-archive .form-control{
  height: calc(2.5em + .75rem + 2px);
}

#assignment-archive textarea.form-control{
  height: calc(6em + .75rem + 2px);
}

#assignment-archive .switch {
  position: relative;
  padding-bottom: 10px;
  height: 42px;
  width: 153px;
  background-color: #fafafa;
  border-radius: 0px;
}
#assignment-archive .switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 74px;
  line-height: 42px;
  font-size: 14px;
  color: #535353;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  cursor: pointer;
}
#assignment-archive .switch-label:active {
font-weight: bold;
}
#assignment-archive .switch-label-off {
  padding-left: 3px;
}
#assignment-archive .switch-label-on {
  padding-right: 2px;
}
#assignment-archive .switch-input {
  display: none;
}
#assignment-archive .switch-input:checked + .switch-label {
  color: #333;
font-weight: bold;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
#assignment-archive .switch-input:checked + .switch-label-on ~ .switch-selection {
  /* Note: left: 50% doesn't transition in WebKit */
  left: 74px;
}
#assignment-archive .switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 74px;
  height: 36px;
  background: #fff3fb;
border-style: solid;
border-width: 1px;
  border-color: #c6007c;
  border-radius: 4px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

/* EDITOR VIEW */ 
#edit-assignment .active{
  text-decoration: none; 
  color: #000;
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}

#editor-view .active-blue{
  text-decoration: underline; 
  color: #4894FF;
  color: #000;
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}

#editor-view .page-submenu{
  font-size: 16pt; 
  font-weight: 300;
}

#editor-view .active-all{
  text-decoration: underline; 
  color: #4894FF
}

#editor-view .active-active{
  text-decoration: underline; 
  color: #8D53FF
}

#editor-view .active-unactive{
  text-decoration: underline; 
  color: #C6007C
}

/* DB ADMIN */

:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}
#db-admin{
  padding-bottom: 30px;
}

#db-admin label{
  margin-top: 2rem;
  margin-bottom: 0rem;
}

#db-admin label.switch  {
  margin-top: 0rem;
}
#db-admin .form-control{
  height: calc(2.5em + .75rem + 2px);
}

#db-admin textarea.form-control{
  height: calc(6em + .75rem + 2px);
}

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

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

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

#db-admin .form-label-group > input,
#db-admin .form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

#db-admin .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: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

#db-admin .form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

#db-admin .form-label-group input:-ms-input-placeholder {
  color: transparent;
}

#db-admin .form-label-group input::-ms-input-placeholder {
  color: transparent;
}

#db-admin .form-label-group input::-moz-placeholder {
  color: transparent;
}

#db-admin .form-label-group input::placeholder {
  color: transparent;
}

#db-admin .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);
}

#db-admin .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;
}

/* 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: 20px;
  padding-top: 10px;
  color: #888888;
}

#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;
  }
}

#topbar .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: 1.5em;
  margin-top: 30px;
  margin-left: 10px;
  height: 0.6em;
}

#topbar .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;
}
/* LEFT MENU STYLE */

#menucontainer .navbar { 
  padding: 0;
}

#menucontainer .navbar-brand {
  padding-top: .0rem;
}

#menucontainer .close-menu { 
  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_930' data-name='Group 930' transform='translate(-541.301 -1192.84)'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='22' cy='22' r='22' transform='translate(541.301 1192.84)' fill='%23c6007c'/%3E%3Cline id='Line_13' data-name='Line 13' x2='12.021' y2='12.021' transform='translate(557.29 1208.829)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_15' data-name='Line 15' x1='12.021' y2='12.021' transform='translate(557.29 1208.829)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");  width: 2.8em;
  height: 2.8em;
  margin-left: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}

#menucontainer .arrow  { 
  height: 2.8em;
  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-color: transparent;
  background-repeat: no-repeat;
}

#menucontainer .nav-item { 
  background-color: #393939;
  font-size: 16px;
  font-weight: bold;
  color: #DDDDDD;
  border-bottom: 2px solid #333333;
  padding-left: 2rem;
}

#menucontainer .nav-sublink { 
  font-size: 14px;
  font-weight: 400;
  color: #DDDDDD;
  padding-left: 1rem;
}


#menucontainer .nav-subitem { 
  background-color: #181818;
  border-top: 1px solid #333333;
  padding-top: 10px;
  padding-bottom: 10px;
}

#menucontainer .subitem-active { 
  color: #ffffff;
  font-weight: 800;
}

#menucontainer .nav-sublink:hover { 
  text-decoration: none;
  font-weight: 800;
}

#menucontainer .nav-item a { 
  color: #DDDDDD;
}

#menucontainer .nav-item a:visited { 
  color: #DDDDDD;
}

#menucontainer .active,
#menucontainer .active a:visited,
#menucontainer .nav-item:hover { 
  background-color: #181818;
  color: #ffffff;
}

#menucontainer .nav-item:hover { 
  background-color: #181818;
  color: #ffffff;
}

#menucontainer .brand{ 
  padding-bottom: 65px;
}

#menucontainer { 
  padding: 0;
}


@media (max-width: 576px) {  
  #menucontainer .nav-item {
    text-align: center!important;
    padding: 0.7rem;    
    padding-left: 0;
  }
  #menucontainer .nav-subitem { 
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0;
  }
  #menucontainer .nav-link { 
    font-size: 18px;
    padding-left: 0;
  }
  #menucontainer .active .nav-link { 
    font-size: 18px;
    padding-left: 0;
    padding-bottom: 0.7em;
  }
  #menucontainer .nav-sublink { 
    font-size: 18px;
    padding-left: 0;
  }
}


.extAssConHead {
  font-size: 14px;
  color:#888;
  font-weight: bold;
}

.extAssConBody {
  font-size: 14px;
  color:#888;
  font-weight: normal;
}

.bbBadge{
  /* display:flex;
  align-items:center; 
  margin-right: -30px; */
  position: relative;
}

.bbBadge .badge {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

/* BB color palette */
.nsinfo {
  color:#fff;
}
.nsRequest {
  color:#9FB1FF;
}
.nsIPTCmissing {
  color:#F873C7;
}
.nsInvoice {
    color:#FFB56C;
}
.badgeInfo {
  color:#525252;
  background-color: #fff;
  border: solid 1px #fff;
  padding: .5em .7em;
}
.badgeRequest {
  color:#525252;
  background-color: #9FB1FF;
  border: solid 1px #9FB1FF;
  padding: .5em .7em;
}
.badgeIdle {
  color:#888;
  background-color: #fff;
  border: solid 1px #EAEAEA;
  padding: .5em .7em;
}
.badgeIPTCmissing {
  color:#525252;
  background-color: #F873C7;
  border: solid 1px #F873C7;
  padding: .5em .7em;
}
.badgeDone {
  color:#56AD66;
  background-color: #fff;
  border: solid 1px #56AD66;
  padding: .5em .7em;
}
.badgeWarningDone {
  color:#E57200;
  background-color: #fff;
  border: solid 1px #E57200;
  padding: .5em .7em;
}
.badgeLive {
  color:#8D53FF;
  background-color: #fff;
  border: solid 1px #8D53FF;
  padding: .5em .7em;
}
.boxLiveBorder{
  border: solid 1px #8D53FF;
}
.badgeInvoice {
  color:#525252;
  background-color: #FFB56C;
  border: solid 1px #FFB56C;
  padding: .5em .7em;
}
.badgeInvoiceWhite {
  color:#fff;
  background-color: #E57200;
  border: solid 1px #E57200;
  padding: .5em .7em;
}

.bbLabel{
  font-weight: normal;
  color: #676767;
  text-transform: uppercase;
  font-size: 14px;
}

.numberCircle {
  border-radius: 50%;
  width: 25px!important;
  height: 25px;
  padding: 4px;

  background: #F80000;
  color: #fff;
  text-align: center;

  font: 16px Arial, sans-serif;
}

.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_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:#c6007c;
    background-color: #c6007c;
    font-weight: normal !important;
}

.csBtn_black_pri, .csBtn_black_pri:visited {
  color: #fff;
  border-color:#333;
  background-color: #333;
}

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

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

.csBtn_black_sec:hover {
    color: #fff;
    border-color:#333;
    background-color: #333;
    font-weight: normal !important;
}
/* Disable collapse animation in menu to prevent flicker on navigation */
#menucontainer .collapsing {
    -webkit-transition: none !important;
    transition: none !important;
    height: auto !important;
    display: block !important;
}