/*styles sepcifc to team */
.one_team_panel{
  background: white;
  width: 95%;
  eight: 95%;
  margin: auto;
order: 1px solid #ddd;
  ox-shadow: 0 1px 0 rgba(0,0,0,.25);
  position: relative;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.16), 0 3px 6px rgba(183, 183, 183, 0.23);
border: 1px solid white;
}


.one_team_panel .codes{
  margin-top: 10px;

margin-bottom: 10px;
}


.one_team_panel_full_body{
  background: white;
  width: 100%;
  eight: 95%;
  margin: auto;
order: 1px solid #ddd;
 box-shadow: 0px 0px 2px rgba(0,0,0,0.09), 0 3px 6px rgba(183, 183, 183, 0.23);
  position: relative;
   
}

.small_team_panel{
  width: 95%;
  eight: 95%;
  margin: auto;
  margin-left: 0px;
}

.left_panel{
  margin-left: 0px;
}
.right_panel{
  margin-right: 0px;
}

.inner_panel_content{
  padding: 25px;
}

.underline_p{

adding: 10px;
order-bottom: 1px solid #d1d1d1;

}



.paddingp{
  adding: 10px;
}

.one_team_panel_p {

  margin-bottom: 15px;
}

.project_title{
  margin-bottom: 5px!important;
}

.boldp{
  ont-weight: bold;
}

.leftp{
text-align: left;
}



.invite_button,.green_button{
  font-size: 13px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 4px;
    line-height: 17px;
    color: white;
    padding: 8px;
    background: rgb(54, 173, 97);
    border: 1px solid rgb(54, 173, 97);
    min-width: 80px;
}
.margin_bottom_panel{
  margin-bottom: 25px;
}

.team_form_input{
  width: 100%;
  text-align: left;
  adding-left: 4px;
  margin-top: 15px;

}

.inner_panel_content_data_table{
  padding-top: 50px;
  padding-bottom: 60px;
}

.team_form_input input{
  margin-left: 0px;
  margin-top: 4px;
border-radius: 2px;
    border: 1px solid grey;
    padding: 3px;
    font-size: 12px;
    outline: none;
    margin-bottom: 0px;
}

.team_form_input label{
  font-size: 13px;

}

.infop{
  adding-left: 10px;
  font-size: 13px;
}

.number_of_team_members{
  font-weight: bold;

}

.are_also{
  margin-top: 15px;
  padding-left: 10px;
  font-size: 13px;
  padding-left: 10px;
  text-align: left;
  text-decoration: underline;

}
.are_also_span{
    background: #f9f69f;
    padding: 4px;
}


.other_team_name{
color: black;
font-weight: bold
}

.spl {
  color: rgb(40, 134, 255);
  text-decoration: none;
}

.spl:hover{
  border-bottom: 1px dotted rgb(40, 134, 255);
    background: rgba(40, 134, 255,.10);
}

.other_team{
  margin-top: 10px;
font-size: 13px;
text-align: left;
padding-left: 10px;
    line-height: 1.5;
}

.help_ul{
  font-size: 14px;

      list-style: none;
    padding-left: 0;
    margin-top: 25px;
}

.help_ul li{
  margin-bottom: 15px;
  margin-top: 12px;
}

.fs13{
  font-size: 13px!important;
}

.fs14{
  font-size: 14px!important;
}

.options_modal_h1 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 30px;
    text-align: center;
    text-align: left;
}

.our_modal_content {
    padding: 30px;
    background: #eaeaea;
    eight: 2000px;
    padding-bottom: 0;
}


.theme_modal footer {

}
.our_modal_footer {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;

}

.previous_project_section,.prev_project_section {
  margin-right: 15px;
}

.right_help{
  float: right;
  margin-right: 1px;
}

.wait_cursor{
 cursor: wait!important; 
}
.send_invites,.create_project,.add_users,.done_editing,.previous_project_section,.next_project_section,.prev_project_section{

    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);
    border: 1px solid rgb(54, 173, 97)!important;
    border-radius: 4px;
    cursor: pointer;
    padding: 7px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: rgb(54, 173, 97);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    color: white;
    font-size: 14.5px;
    outline: none;
    argin-right: 15px;
        width: 180px;
        height: 38px;

}

.school_email_holder{
  margin-bottom: 55px;
}

.sender_email{
      border: 1px solid #c5c3c3;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    
   
    outline: none;
    argin-bottom: 20px;
    width: 250px;
}

.sender_email:focus{
      ox-shadow: 0 0 5px #5b4dab;
    order: 1px solid #5b4dab!important;
}

.send_invites:hover,.create_project:hover,.add_users:hover,.done_editing:hover,.previous_project_section:hover,.next_project_section:hover,.prev_project_section:hover{
      color: #464444;
    background: white;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}


.invite_table{

    font-size: 14px!important;
    background-color: #e6e6e6;
    height: 55px;
    color: black;
    font-weight: normal;
    argin-bottom: 15px;
    margin-bottom: 0px!important;

}

.invite_table td{ 
background: white;
  }

.outer_wrapper_flex{

  padding: 20px;
  padding-top: 5px;
    padding-bottom: 5px;
}

.invite_table .fa-times{

font-size: 13px;
  padding-top:2px;
}

.pad_left_td{
      text-align: left;
    padding-left: 15px;
    outline: none;
}

.invite_table th,.invite_table td{
  padding: 10px;
  border: 1px solid #b7b7b7;
  font-size: 14px!important;
}

.invite_table th{
  background: #e4e4e4;
}

.invite_table td:first-child, .invite_table th:first-child {
    border-left: none;
    border-radius: 1px 0px 0px 0px;
}

.invite_table td:last-child, .invite_table th:last-child {
    border-right: none;
    border-radius: 1px 0px 0px 0px;
}



.our_modal_pop,.qtip *,.qtip, .notifyjs-container,.notifyjs-container * {

    ont-family: "Rubik", sans-serif;
        font-family:  sans-serif;
    etter-spacing: .6px;


}

.notifyjs-foo-base {
  opacity: 0.85;
  width: 200px;
  background: #F5F5F5;
  padding: 5px;
  border-radius: 10px;
}

.notifyjs-foo-base .title {
  width: 100px;
  float: left;
  margin: 10px 0 0 10px;
  text-align: right;
}

.notifyjs-foo-base .buttons {
  width: 70px;
  float: right;
  font-size: 9px;
  padding: 5px;
  margin: 2px;
}

.notifyjs-foo-base button {
  font-size: 9px;
  padding: 5px;
  margin: 2px;
  width: 60px;
}

.invite_table_holder{
text-align: left;
margin-top: 15px;
}

.fr-counter,.fr-quick-insert{
  display: none;
}


.foo{
  text-align: left;
  min-height: 300px;
}

.foo2{
  text-align: left;
  min-height: 300px;
}

.add_row,.add_franchise_row{
    background: white;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);

}

.upbtn,.import_franchise,.add_users_import{
      cursor: pointer;
    /* height: 32px; */
    text-decoration: none solid rgb(255, 255, 255);
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background: #36ad61;
    border: 1px solid #36ad61;
    border-radius: 3px!important;
    font: 15px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 4px 10px;
    font-size: 14px;
margin-left: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);

}



button{
  cursor: pointer;
}

.invite_content{
  padding: 20px;
}


.invite_table_wrapper{

    margin: auto;
    margin-top: 00px;
    overflow-y: auto;
    max-height: 64%;
    -webkit-overflow-scrolling: touch;


}

.franchise_table_wrapper{

    margin: auto;
    margin-top: 00px;
    overflow-y: auto;
    max-height: 60%;
    -webkit-overflow-scrolling: touch;


}



.outer_invite_wrapper{
      margin-bottom: 15px;
}

.invite_table{
  idth: 500px;
}


.default_email{
      float: left;
    padding-top: 5;
    font-size: 11px;
    color: rgb(40, 134, 255);
    cursor: pointer;
}

.invite_table td:first-child{
  text-align: center;
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #9c9c9c;
  font-size: 14px;
}

/* */
[contenteditable="true"].single-line {
    white-space: nowrap;
    width:200px;
    overflow: hidden;
} 
[contenteditable="true"].single-line br {
    display:none;

}
[contenteditable="true"].single-line * {
    display:inline;
    white-space:nowrap;
}

.team_upload{
  display: none;
}

.foot_wrap{
  padding-left: 30px;
  padding-right: 30px; 
height: 45px;
}

.diag_holder{
  display: flex;
   
    align-items: center;
    height: 100%;
}

.our_modal_footer{
padding-top: 10px!important;
padding-bottom: 10px!important;

}

.invalidmessage{

  font-size: 14px;
  color: red;
  display: none;
}

.one_team_panel .notifyjs-bootstrap-base{
  font-size: 15px!important;
}


.loader_button {

    border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
   border-top: 5px solid rgb(54, 173, 97);
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
   margin-left: 40%; 

   
}


.upload_loader_button {

    border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
border-top: 5px solid rgb(101, 101, 101);
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
   margin-left: 0%; 

   
}



.loader_button_send_small{
      border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
    border-top: 5px solid rgb(54, 173, 97);
    width: 7px;
    height: 7px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 37%;
}


.loader_button_download_template{
      border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
    border-top: 5px solid rgb(54, 173, 97);
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 45%;
}


.import_franchise{
      width: 90px;
    height: 27px;
}

.add_franchise_row{
height: 28px;
  width: 90px;
  }

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}


.successb:before, .selectric-theme_picker .selectric .label.theme1b:before {
    background-color: #36ad61;
}

.pendingb:before, .selectric-theme_picker .selectric .label.theme1b:before {
    background-color: #50504b;
}


.cancelb:before, .selectric-theme_picker .selectric .label.theme1b:before {
    background-color: #d34949;
}



.tbb:before, .selectric-theme_picker .selectric .label.tbb:before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.5rem;
    margin-top: -1px;
}


.remove_span,.remove_span_part_of{

    margin-right: 7px;
    outline: none;
    padding: 0px;
   
    font-size: 13px;
    cursor: pointer;
    color: rgb(211, 73, 73);
    text-decoration: none;
    border-bottom: 1px dotted rgb(233, 104, 104);
    padding: 4px;
}

.del td {
  background: rgba(233, 75, 75, 0.17)!important;

}

.remove_span:hover, .remove_span_part_of:hover {
    border-bottom: 1px dotted rgb(114, 12, 12);
    background: rgba(222, 39, 39,.20);
}

.dataTables_filter label{

}


.team_members_table td,.team_members_table_manage td{
  font-size: 13.5px!important;
  padding-left: 15px!important;
      padding-top: 13px!important;
    padding-bottom: 15px!important;
}

.team_members_table th,.team_members_table_manage th{
  font-size: 14.5px!important;
text-align: left;
 padding-left: 15px!important;
}

.status_div{
  display: flex;
  ustify-content: center;
    align-items: center;
}

.status_table_holder{
  margin-top: 20px;
}


.admin_manage_p{

  margin-top: 7px;
  margin-bottom: 7px;
  text-align: left;
  adding-left: 10px;
}

.admin_add{
      font-size: 13px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 4px;
    line-height: 17px;
    color: white;
    padding: 3px;
    background: rgb(54, 173, 97);
    border: 1px solid rgb(54, 173, 97);
    min-width: 80px;
}

.admin_manage{

      font-size: 13px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 4px;
    line-height: 17px;
    color: #000000;
    padding: 3px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    min-width: 80px;

}





.leave_team{

    margin-right: 7px;
    outline: none;
    padding: 0px;
    font-size: 13px;
    cursor: pointer;
    color: rgb(211, 73, 73);
    text-decoration: none;
    border-bottom: 1px dotted rgb(233, 104, 104);
    padding: 0px;

}


.parent_uid_email{
  display: none;
}


.status_table_holder_manage{

width: 80%;
margin: auto;

}


.upload_franchise,.current_project_id,.upload_franchise2{
  display: none;
}



















.student_survey_link{
color: blue!important;
}





/*I hid the datATABES LENGTH */
.dataTables_length{
display: none;
}


.student_survey_link_table{
margin-top: 30px;
table-layout: fixed;
width: 100%;

}

.student_survey_link_table thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}

.student_survey_link_table tbody td {
    border-top: 1px solid #a09e9e!important;
}

.student_survey_link_table tbody tr {
    background-color: #f1f1f1!important;
}




.display.dataTable.no-footer tr th:not(:first-child){
  text-align: left;
padding-left: 10px;
}

.admin_status_table,.student_survey_link_table, .my_team_table,.my_permissions_table{
  table-layout: fixed;
}

.admin_status_table tr th,.student_survey_link_table tr th,.my_team_table tr th,.my_permissions_table tr th {
    text-align: left;
    padding-left: 10px!important;
    font-size: 14px;
}


.admin_status_table tr td,.student_survey_link_table tr td,.my_team_table tr td, .my_permissions_table tr td{
    text-align: left;
    padding-left: 10px!important;
    font-size: 14px;
    word-wrap:break-word;
}

.my_team_table tr td {
  padding-top: 14px!important;
  padding-bottom:14px!important;
}

.my_permissions_table tr td{
   padding-top: 7px!important;
  padding-bottom:7px!important; 
}

.permissions_edit_a {
    font-size: 12px;
    text-decoration: none;
    color: #2886fd;
}

.permissions_content_survey{
  min-height: 180px;
  margin-top: 20px;
}

.survey_permissions_pop .done_editing_holder {
    margin-top: 15px;
    position: absolute;
    bottom: 25px;
}


/* work around to not show the 5th colmn */
.my_team_table td:nth-child(6),.my_team_table thead tr th:nth-child(6){
font-size: 0px!important;
}

.team_holder .dataTables_wrapper .dataTables_filter input {
  margin-bottom: 10px;
}



.dataTables_wrapper .dataTables_paginate .paginate_button {
outline: none!important;

}



.single-line{
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-o-user-select: text;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: black !important;
    border: 1px solid white;
    background-color: white;
    background: white;
text-decoration: none!important;
box-shadow: none!important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
   background-color: white; 
  background: white;
   
   
}


.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
        color: #909090 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}


.dataTables_length,.dataTables_length{

margin-bottom: 15px;
}

.dataTables_length select{
  border-radius: 2px;
  border-color: grey;
padding: 2px;
padding-left: 5px;
padding-right: 2px; 
outline: none;
}


.dataTables_filter input{
  border-radius: 2px;
  border-color: grey;
padding: 5px;
padding-left: 5px;
padding-right: 2px; 
outline: none;
border: 1px solid grey;

}

.dataTables_wrapper .dataTables_paginate {
  
    padding-top: 6px!important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #cdc9c9!important;
}

table.dataTable tbody>tr.selected:not(.no_check), table.dataTable tbody>tr>.selected:not(.no_check) {
    background-color: #f1f1f1!important;
}

table.dataTable.stripe tbody>tr.odd.selected:not(.no_check), table.dataTable.stripe tbody>tr.odd>.selected:not(.no_check), table.dataTable.display tbody>tr.odd.selected:not(.no_check), table.dataTable.display tbody>tr.odd>.selected:not(.no_check) {
    background-color: #f1f1f1!important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #a09e9e!important;
}


table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f1f1f1!important;
}

.dataTables_scrollBody{
     ackground-color: #f1f1f1!important; 
}

table.dataTable tbody tr {
    background-color: #f1f1f1!important;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #f1f1f1;
}

table.dataTable{
    table-layout: fixed;
    word-wrap:break-word;
    
}
.dataTables_length, .dataTables_filter,.dataTables_info,.dataTables_paginate.paging_simple_numbers{
  font-size: 13.5px;
}




.dataTables_empty{

  text-align: left!important;
  padding-top: 30px!important;
  padding-bottom: 30px!important; 
}


table.dataTable.stripe tbody>tr.odd.selected:not(.no_check), table.dataTable.stripe tbody>tr.odd>.selected:not(.no_check), table.dataTable.display tbody>tr.odd.selected:not(.no_check), table.dataTable.display tbody>tr.odd>.selected:not(.no_check) {
    background-color: #dadee6!important;
}

table.dataTable tbody>tr.selected:not(.no_check), table.dataTable tbody>tr>.selected:not(.no_check) {
    background-color: #dadee6!important;
}






table.dataTable:not(.check_table) tbody>tr.selected:not(.no_check), table.dataTable:not(.check_table) tbody>tr>.selected:not(.no_check) {
    background-color: #f1f1f1!important;
}

table.dataTable.stripe:not(.check_table) tbody>tr.odd.selected:not(.no_check), table.dataTable.stripe:not(.check_table) tbody>tr.odd>.selected:not(.no_check), table.dataTable.display:not(.check_table) tbody>tr.odd.selected:not(.no_check), table.dataTable.display:not(.check_table) tbody>tr.odd>.selected:not(.no_check) {
    background-color: #f1f1f1!important;
}




table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    ackground-color: #eeeeee!important;
}

.team_members_table{
  table-layout: fixed;
  width: 100%!important;
}




.i-am-new *{
font-family: sans-serif!important;
}
.noty_message{

line-height: 16px!important;
padding-top: 25px!important;
    padding-bottom: 25px!important;
}






.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5b4dab;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .slider {
  background-color: #36ad61;
}

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

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

/*------ ADDED CSS ---------*/
.on
{
  display: none;
  padding-right: 10px;
}

.off{
  padding-left: 9px;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10.5px;
  font-family: Verdana, sans-serif;
      adding-bottom: 1px;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

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

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



.my_team_holder{
  margin-bottom: 30px;
}





.noty_message {
color: #354449;
    background: white;
font-weight:400;
font-size: 15px!important;
}

.i-am-new li,.noty_bar.noty_type_information {
  background: white!important;
}


.project_alert{
    color: #1d1c1d;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.46666667;
    padding: 12px 16px;
 border-radius: 4px;
    background-color: rgba(97,96,97,.1);
    border: 1px solid rgba(97,96,97,.4);
    margin-bottom: 20px;
}

.one_team_panel_alert {
    background: white;
    width: 95.2%;
    eight: 95%;
    margin: auto;
    order: 1px solid #ddd;
    ox-shadow: 0 1px 0 rgba(0,0,0,.25);
     order-radius: 2px;
    ackground-color: rgba(97,96,97,.1);
    order: 1px solid rgba(97,96,97,.4);
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 15px;
    line-height: 1.46666667;
}


.one_team_panel_full{

    background: white;
    width: 100%;
    eight: 95%;
    margin: auto;
    order: 1px solid #ddd;
    ox-shadow: 0 1px 0 rgba(0,0,0,.25);
     order-radius: 2px;
    ackground-color: rgba(97,96,97,.1);
    order: 1px solid rgba(97,96,97,.4);
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 15px;
    line-height: 1.46666667;


}

.inner_panel_content_alert{
  padding: 20px;
}



.project_img{

  width: 50%;
  margin: auto;
  text-align: center;
  max-width: 175px;
  max-height: 175px;
  margin-bottom: 15px;
}

.heading_p{
  font-size: 19px;
}

.underline_p:after{


    background: none repeat scroll 0 0 #HEXCOLOR;
    bottom: -7px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 80px;
    background: #545454;

}

.action_holder_p{
  margin-top: 35px!important;
}

/*bootstap fixes -- we ned bootrap for the rule picker but it breaks things */

#allcon a:not(.results_link):focus, #allcon a:not(.results_link):hover {
ext-decoration: none!important;
olor: rgb(40, 134, 255)!important;

}

.mf .fa-search {
    /* position: absolute; */
    top: 10px;

    }

.dropMenu.open .panel {
    margin-top: 12px!important;

  }

/* end bootstap fixes -- we ned bootrap for the rule picker but it breaks things */

a:hover{
  text-decoration: none!important
}

.outer_project_div_head{
  display: flex;
    /* justify-content: center; */
    align-items: center;
}

.outer_project_div_head p {
  margin-top: 3px;
  margin-bottom: 3px;
}

.header_ps{
  padding-left: 15px;
  text-align: left;
}



.survey_used a:hover {
    border-bottom: 1px dotted rgb(40, 134, 255);
    background: rgba(40, 134, 255, 0.14);
    text-decoration: none;
}

.survey_used a{
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.survey_used{
  text-align: left;
  font-size: 15px;
margin-top: 25px;
margin-bottom: 8px;
}





.notification_max_holder{
  padding-left: 70px;
  padding-right: 70px;
}

.check_table th,.check_table td{
  font-size: 14px;
}



/* students and tecahers css */
.survey_table td, .survey_table th {
    padding: 12px;
    padding-left: 15px;
    vertical-align: top;
    text-align: left;
    outline: none;
    
}

.admin_table tbody tr td {
  padding-left: 18px!important;
}

.admin_table tbody tr {
    background-color: #f4f4f4!important;
}


.reset {
font-size: 10px;
color: red;
margin-top: 5px;
cursor: pointer;
    margin-bottom: 0;
    padding-left: 2px;
}

.hidden_reset{
visibility: hidden;
}


.tablesorter-filter{
  align-items: center;
font-size: 13px;
border-width: 1px;
border-radius: 3px;
background-color: #ffffff;
font-weight: normal;
color: #636363;
outline: none;
padding: 2px;
}

.survey_table{
width: 100%;
font-size: 15px;
margin-top: 20px;
}

.admin_table  .tablesorter-ignoreRow td:nth-child(2) input {
  display: none;
}

.teacher_table tr th {
    vertical-align: bottom;
    border-top:1px solid white;
   
    padding-bottom: 5px;
}

.survey_table .tablesorter-ignoreRow td {
    vertical-align: bottom;
    border-top:1px solid white;
    border-bottom: 1px solid #3c3c3c;
    
}

.admin_table tbody tr td, .teacher_table tbody tr td {
  font-size: 14px;
  padding-left: 18px!important;
}

.product_panel p:not(.underline_p ) {
  margin-top: 15px;
  margin-bottom: 15px;
}

.product_p {
  font-size: 15px;
}


.survey_table tr:not(.tablesorter-ignoreRow) td{

  padding-top: 20px;
  padding-bottom: 20px;
      border-bottom: 1px solid #3c3c3c;
}

.survey_table .tablesorter-ignoreRow td{
 padding-top: 10px;
 padding-bottom: 10px;

 }

.one_project_holder{
  text-align: left;
  margin-bottom: 60px;
}

.one_project_holder h3{
font-size: 16px;
margin-top: 4px;
margin-bottom: 10px!important;
}

.one_project_holder h4{

font-size: 14px;
margin-top: 4px;
margin-bottom: 4px;

}

.survey_table  td:first-child,
.survey_table  td:last-child, 
.survey_table  th:first-child,
.survey_table  th:last-child {
border-left:0px solid white!important;
border-right: 0px solid white!important;

    /* styles */
}



.open_span{

border-radius: 30px;
    font-size: 13px;
    background: white;
    border: 1px solid  rgb(54, 173, 97);
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color:  rgb(54, 173, 97);

}

.taken_span{

border-radius: 30px;
    font-size: 13px;
    background: rgb(54, 173, 97);
    border: 1px solid  rgb(54, 173, 97);
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color:  white;


}

.closed_span{

border-radius: 30px;
    font-size: 13px;
    background: #e74e4e!important;
    border: 1px solid  #e74e4e!important;
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color:  white;

}

.survey_table tbody tr:hover td{
  background: whitesmoke;
    transition: all .3s ease;
}

.open_span,.closed_span,.taken_span{
  width: 50px;
  margin: 0px;
  text-align: center;
}

.one_project_holder h3,.one_project_holder h4 {
  adding-left: 15px;
}

.class_title{
  margin-top: 10px!important;
  text-decoration: underline;
  font-size: 13px!important;
}

.green_td{
olor: rgb(54, 173, 97);
}

.red_td{
olor:#e74e4e!important;
}

.project_foot{
  font-weight: bold;
}

.project_foot td {

  border-top: double black 2px!important;
border-bottom: solid black 0px!important;

}

.fancy_results{

  color: black;
    border-bottom: 2px solid #614a81;
    padding: 3px;
    border-radius: 1px;
transition: all 0.15s ease-in;
text-decoration: none;
background: rgba(91, 77, 171, 0.19);
padding-left: 6px;
padding-right: 6px;
}




 .fancy_results:hover {
cursor: pointer;
    box-shadow: 0px -26px 0px rgba(97, 74, 129, 0.34) inset;

}


/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
  display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}



/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
  display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}



/* end student ands teachers  section */

/* setting up project spefic css */

.left_project_nav{
  list-style: none;

}

.left_project_nav  li{

margin-bottom: 15px;

  }

  .inner_wrap_projects{


  }


  .our_modal_content_projects {
    /* flex: 1 1 auto; */
    /* overflow-y: auto; */
    ackground: green;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding: 30px;
    background: #eaeaea;
    eight: 2000px;
 
}

.center{
  text-align: center;
}

.next_disabled{
  opacity: .6;
  pointer-events:none;
}

.red_war{
  border-color: red!important;
}


.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
  background-color: #ededed;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px;
  padding-left: 0px;



}


.multi-steps_adjusted_left{

    margin-bottom: 25px;
    margin-top: 15px;
}


@media (min-width: 1655px) and (max-width: 14000px) {
.multi-steps_adjusted_left{
margin-left: -15.24%;
}}
@media (min-width: 1555px) and (max-width: 1654px) {
.multi-steps_adjusted_left{
margin-left: -15.1%;
}}
@media (min-width: 1455px) and (max-width: 1554px) {
.multi-steps_adjusted_left{
margin-left: -15.1%;
}}

@media (min-width: 1176px) and (max-width: 1454px) {
.multi-steps_adjusted_left{
margin-left: -14.9%;
}}


.multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: rgb(54, 173, 97);
  font-size: 13px;

}
.multi-steps > li:before {
  content: '\f00c';
  content: '\2713;';
  content: '\10003';
  content: '\10004';
  content: '\2713';
  display: block;
  margin: 0 auto 4px;
  background-color: #fff;
width: 26px;
    height: 26px;
    line-height: 27px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(54, 173, 97);
  border-radius: 50%;


}
.multi-steps > li:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: rgb(54, 173, 97);
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: -1;
   transition: all .5s ease;
}
.multi-steps > li:last-child:after {
  display: none;
}
.multi-steps > li.is-active:before {
  background-color: #fff;
  border-color: rgb(54, 173, 97);


}
.multi-steps > li.is-active ~ li {
  color: #808080;
}
.multi-steps > li.is-active ~ li:before {
  background-color: #ededed;
  border-color: #ededed;
}

.institution_name_p{
  font-size: 13px;

text-align: left;

margin-bottom: 15px;

text-decoration: underline;
}


.first_project_section_outer{
      padding-left: 20%;
        padding-right: 20%;
    padding-top: 60px;
}

.project_name,.institution_name,.team_name{
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 12px;
    font-size: 15px;
    width: 100%;
    padding-left: 20px;
    outline: none;
    margin-bottom: 20px;
}

.nice-select {
    border-color: #dbdbdb!important;
}

.franchise_section .invite_table_holder{
  max-width: 90%;
  margin: auto;
}


.franchise_input{
  border: 1px solid white;
  height: 100%;
  outline: none;
  width: 99%;
}

.franchise_invite tbody tr td {
  adding-top: 16px!important;
}

.franchise_invite tbody tr td .fa-times {
  
    margin-top: 4px;

  }

  .nice-select .list{
    display: none;
  }

    .franchise_invite .nice-select.open.selector .list, .franchise_modal_edit_users .nice-select.open.selector .list{

    columns: 3;
   
  }

 .franchise_modal_edit_users  .nice-select.open .list ,  .franchise_invite .nice-select.open .list{
   background: #f3f3f3;
    box-shadow: 0 12px 23px 0 rgba(9,28,84,0.1);
    border: 1px solid #bcbcbc;
  }


  .franchise_modal_edit_users .nice-select , .franchise_invite .nice-select{
  line-height: 25px;
  height: 25px;
      border-color: white!important;
          padding-left: 2px;
}


  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #e0e0e0;
}

  .nice-select.open .list{ 
display: block;
  }

  .franchise_table_wrapper{
    margin-top: 1.5%;
  }


  .new_fran_1 .list{
max-height: 200px;
overflow-y:auto!important; 
  }


 .franchise_invite ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b2b2;
  opacity: 1; /* Firefox */
}

 .franchise_invite :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b2b2b2;
}

 .franchise_invite ::-ms-input-placeholder { /* Microsoft Edge */
  color: #b2b2b2;
}

.franchise_modal_wrap_wording{
  max-width: 850px;
  margin: auto; 
}



.loader_button {

    border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
   border-top: 5px solid rgb(54, 173, 97);
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
   margin-left: 40%; 

   
}


.loader_button_send {

    border: 5px solid #f3f3f3;
    margin-top: 0px;
    border-radius: 50%;
   border-top: 5px solid rgb(54, 173, 97);
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
   margin-left: 45%; 

   
}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}


.open_closed_holder{
      text-align: left;
    margin-top: 15px;
}

.new_team_link{
      font-weight: bold;
    color: #5b4dab;
    text-decoration: none;
    cursor: pointer;
}

.new_team_link:hover{
      text-decoration: underline!important;
 
     transition: all .3s ease-in;
}



.containerc_new_team{
  background: white;
  ursor: pointer;
  border-radius: 3px;
  position: relative;
  padding: 25px 30px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.16), 0 3px 6px rgba(183, 183, 183, 0.23);
  color: var(--primary-color);
}



.containerc{
  background: white;
  ursor: pointer;
  border-radius: 3px;
  position: relative;
  padding: 25px 30px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.16), 0 3px 6px rgba(183, 183, 183, 0.23);
  color: var(--primary-color);
}

.containerc h1 {
  font-size: 20px;
  margin-top: 0px;
}

.containerc::after{
  content: '';
  background: var(--primary-color);
  border-radius: 15px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  clip-path: circle(10% at 0% 0%);               transition: all .3s ease-in;

}

.contentc{
  position: relative;
  z-index: 1;
  transition: all .3s ease-in;
  text-align: left;
}

.no_assigned span{
    background: rgba(240, 165, 165, 0.30980392156862746);
    border-radius: 3px;
    padding: 3px;
}


.no_assigned{
  margin-top: 15px;
  margin-left: -3px;
}

.email_heading{
      max-width: 850px;
    margin: auto;
    margin-top: 30px;
    font-size: 19px;
    text-align: left;
    position: relative;
    z-index: 2;
}

.email_heading:after{

bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 80px;
    ackground: #545454;
    margin-bottom: 10px;

}

.email_heading:after{
    bottom: 9px;
    content: "";
    display: block;
    height: 13px;
    position: relative;
    width: 80px;
    ackground:  rgba(91, 77, 171, 0.26);
    z-index: -1;
    border-radius: 1px;
    margin-bottom: 5px;
}


.second_table_wrap{
  width: 80%;
  margin: auto;
margin-top: 20px;
}

.sender_email_info{
  font-size: 16px;
}




/* progess bar start */


.progress {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  height: 18px;
  background-color: #ee303c;
  border-radius: 4px;
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-striped .progress-bar {
    background-color:white;
    width: 100%;
    background-image: linear-gradient(45deg,white 25%, transparent 25%, transparent 50%,white 50%,white 75%, transparent 75%, transparent);

  animation: progressAnimationStrike 5s;
}

@keyframes progressAnimationStrike {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.progress2 {
  padding: 6px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar2 {
  height: 18px;
  border-radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
  width: 85%;
  background-color: #EF476F;
  animation: progressAnimation 3s;
}

@keyframes progressAnimation {
  0% {
    width: 5%;
    background-color: #F9BCCA;
  }
  100% {
    width: 85%;
    background-color: #EF476F;
  }
}
.progress-bar3 {
  height: 18px;
  border-radius: 4px;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-infinite .progress-bar3 {
  width: 100%;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  animation: colorAnimation 1s infinite;
}

@keyframes colorAnimation {
  0% {
    background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  }
  20% {
    background-image: linear-gradient(to right, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55, #4cd964);
  }
  40% {
    background-image: linear-gradient(to right, #007aff, #7DC8E8, #5856d6, #ff2d55, #4cd964, #5ac8fa);
  }
  60% {
    background-image: linear-gradient(to right, #7DC8E8, #5856d6, #ff2d55, #4cd964, #5ac8fa, #007aff);
  }
  100% {
    background-image: linear-gradient(to right, #5856d6, #ff2d55, #4cd964, #5ac8fa, #007aff, #7DC8E8);
  }
}

.small_bar{

  max-width: 250px;
  margin: auto;
  margin-top: 10%;


}

/* progreess bar end */

.edit_franchise_users_holder{
  width: 80%;
  margin: auto;
}


.franchise_modal_edit_users .dataTables_filter {
    font-size: 13.5px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.franchise_modal_edit_users .select-item,.team_holder .select-item ,.team_table_holder .select-item {
  display: none;
}

.franchise_modal_edit_users .sorting_asc{
  background-image: none!important;
}

.franchise_modal_edit_users table.dataTable thead th {
     padding: 10px 10px; 
    border-bottom: 1px solid #111;
}



.one_project_holder table{
  min-width: 700px;

}

.table_holder_div{
  overflow: auto;
  margin-bottom: 30px;
  -webkit-overflow-scrolling: touch;
}


.edit_type{
  background: rgba(255, 193, 60, 0.35);
  padding: 3px;
  border-radius: 3px;
}








.admin_status_ul{
   columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}




.school_status_ul{
   columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}


.franchise_status_ul{
   columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}



.school_status_ul,.franchise_status_ul,.school_status_ul_instructors,.admin_status_ul {

 
    padding-left: 0px;
    list-style: none;
    margin-top: 25px;
    max-width: 500px;
    text-align: left;
    font-size: 15px;
    margin-bottom: 25px;
}


.school_status_ul li,.franchise_status_ul li,.school_status_ul_instructors li{
margin-bottom: 7px;
}

.createdp{
  font-size: 13px;
}

.edit_project,.add_franchise_users{

    font-size: 12.5px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 3px;
    line-height: 22px;
    height: 21px;
    color: white;
    adding: 8px;
    background: rgb(91, 77, 171);
    border: 1px rgb(91, 77, 171);
    min-width: 80px;
     padding: 2px;
    

}

.show_reminders,.edit_franchise_users_button{

  font-size: 12.5px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 3px;
    line-height: 22px;
    height: 21px;
    color: white;
    adding: 8px;
    background: rgb(74, 134, 226);
   
    min-width: 110px;
margin-left: 8px;
    padding: 2px;
}


.view_results{

  font-size: 12.5px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 3px;
    line-height: 22px;
    height: 21px;
    color: white;
    adding: 8px;
    background: rgb(74, 134, 226);
   
    min-width: 110px;

    padding: 2px;
}




.project_action_holder{
  text-align: left;
    margin-bottom: 0;
}



.results_link,.results_link:hover{
  font-size: 13px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 3px;
    line-height: 17px;
    color: white;
    adding: 8px;
    background: rgb(74, 134, 226);
    border: 1px solid rgb(74, 134, 226);
    min-width: 80px;
  
    padding: 3px;
}

.results_p{
      margin-top: 25px;
    margin-bottom: 0;
}

.min_height_con{
  min-height: 600px;
}


.inner_create_section{
  max-width: 1000px;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}


.inner_create_section_permissions{
padding-top: 20px;
padding-bottom: 20px;
  }

.min_height_project_panel{
  min-height: 400px;
}

.min_height_project_panel2 {
    min-height: 166px;
}

.first_franchise_section .list {
  max-height: 350px;
  overflow-y:scroll!important; 
  border-radius: 3px;
  argin-top: 3px!important;
}

.project_button_holder{
  text-align: right;
      display: flex;
    justify-content: flex-end;
}

.first_step_previous,.second_step_previous{
  margin-right: 15px;
}

.initially_hidden_project_body{
  visibility: hidden;
}

.purple_input:focus,.nice-select.choose_project_survey.open{

 box-shadow: 0 0 5px #5b4dab;


  border: 1px solid #5b4dab!important;

}

.return_nav_div{
  text-align: left;
    margin-bottom: 7px;
    font-size: 13px;
}


 .invite_wrapper .dataTables_filter {
    float:left!important
}

 .invite_wrapper .dataTables_filter input {
margin-left: 0px!important;
margin-bottom: 10px; 
}

 .invite_wrapper  table.dataTable thead .sorting_asc{
background-image: none!important;
}


.thin_grey_table_wrap table.dataTable thead th {
     padding: 10px 10px; 
       border-bottom: 0px solid #cdcdcd;
        border-top: 0px solid #cdcdcd;
}

.franchise_table_wrap .dataTables_scrollHeadInner{
  background: #e4e4e4;
  border-top: 1px solid #b7b7b7;
}

.grey_thin_table tr td,.grey_thin_table tr th {

border-right:none;
border-bottom:none;
}

.import_franchise:not(.not_before):before{

    font-family: 'FontAwesome';
    content: '\f1c3';
    margin-left: 1px;
    position: relative;
    font-size: 90%;
    margin-right: 7px;
    margin-left: -3px;


}


.franchise_table_wrap .dt-buttons{
  float: right;
}


.franchise_email_wording .fr-element.fr-view p{
  margin-bottom: 5px!important;
}



.message_diag_holder{
  max-width: 850px;
  text-align: left;
  color: red;
  font-size: 13px;
  margin: auto;
}


.draft_project{
     font-size: 13px!important;
    text-decoration: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(56, 54, 54);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all .2s ease-out;
    border-radius: 3px;
    line-height: 22px;
    color: white;
    adding: 8px;
    background: rgb(91, 77, 171);
    border: 1px solid rgb(91, 77, 171);
    min-width: 80px;
    height: 21px;
}






.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: ease-in 100ms;
  visibility: hidden;
  opacity: 0;
  z-index: 2
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup * {
      font-family: sans-serif;
}

.popup {
  margin:auto;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  width: 600px;
  max-width: 93%; 
  height: 50%;
  top:23%;
  position: relative;
  transition: all 0s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;

  font-size: 21px;
  margin-bottom: 10px;
}
.popup .close {
  osition: absolute;
  top: 20px;
  right: 30px;
  
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 80%;
  overflow: auto;
  width: 100%;
}

@media screen and (max-width: 700px){
  
}

.popup .nice-select{
      height: 35px;
    line-height: 34px;
}


.permissions_ul {
  list-style: none;
  padding-left: 0px;
  width: 95%;
  margin-left: 0px;
}

.and_or_holder{
    margin-top: 4px;
    border-top: 1px solid #888888;
    padding-top: 10px;

}

.permissions_ul li:not(.option){
padding-bottom: 10px;  
margin-bottom: 10px;
}

.permissions_ul li:last-child .and_or_holder{
display: none;
}

.permissions_ul li:first-child .delete_permission {
display: none;
}


.delete_permission {
      font-size: 11px;
    padding-left: 3;
    padding-bottom: 3;
    color: #ea1c1c;
    text-decoration: underline;
    cursor: pointer;
}


.permissions_li_holder{

  display: grid;

}

.permissions_li_holder .mb_li{
margin-bottom: 10px;
  
}

.done_editing_rules{

    cursor: pointer;
    /* height: 32px; */
    text-decoration: none solid rgb(255, 255, 255);
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background: #36ad61;
    border: 1px solid #36ad61;
    border-radius: 3px!important;
    font: 15px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 4px 10px;
    font-size: 14px;
    argin-left: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);
    font-size: 13px!important;
    color: white!important;
    font-weight: normal!important;
    top: -28px;
    margin-top: 15px;
}

.add_permissions_rule{

    cursor: pointer;
    /* height: 32px; */
    text-decoration: none solid rgb(255, 255, 255);
    vertical-align: middle;
    color: rgb(255, 255, 255);
background: #493e89;
    border: 1px solid #493e89;
    border-radius: 3px!important;
    font: 15px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 4px 10px;
    font-size: 14px;
 
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);
    font-size: 13px!important;
    color: white!important;
    font-weight: normal!important;
    top: -28px;
    margin-bottom: 15px;

}




.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 18px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}



.tgl-skewed + .tgl-btn {
  overflow: hidden;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: all .2s ease;
  font-family: sans-serif;
  background: #e55757;
  border-radius: 3px;
  margin-top: 20px;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {

  display: inline-block;
  transition: all .2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #e55757;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}


.permissions_ul .list{
  background-color: #f6f6f6;
  width: 100%;
   columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;

}

.permissions_ul .list li:hover{
    background-color: #e9e9e9;
    border-radius: 3px;

}


.permissions_ul .list li:hover{
    background-color: #e9e9e9;

}



.permission_value{
      border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 12px;
    font-size: 15px;
    width: 100%;
    padding-left: 20px;
    outline: none;
    margin-bottom: 20px;
    height: 35px;
}

.invite_wrapper .select-item{
  display: none;.
}


.codes:last-child .and_or_span {
  display: none;
}

.and_or_span{
    background: #fbbbde;
    padding-left: 5px;
    padding-right: 5px!important;
    border-radius: 2px;
    adding-top: 3px;
    adding-bottom: 3px;
    margin-right: 3px;
    margin-left: 2px;
}

.done_editing_holder  {
  margin-top: 15px;
}

.code_holder{
  isplay: flex;
}

.codes{
  margin-top: 4px;
  margin-bottom: 4px;
}

.codes span{
  padding-right: 3px;
}

.operator_span{
  text-decoration: underline;
}

.warning_red_border{
  border-color: #b22020!important;
}

.warning_red_back{
   background-color: #b22020!important; 
}

.franchise_invite tbody tr td:nth-child(4) a{
      font-size: 12px;
    text-decoration: none;
    color: #2886fd;
}

.dataTable thead tr th {
  outline: none!important;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ffffff!important;
}


/* for now lets only have an or contion, that way we dont confuse things on th eexcel upload */
.mb_li.and_or_holder{
    pointer-events: none;
}

.informational_p{
  margin-bottom: 10px;
}

.download_franchise_template,.download_excel_example,.download_franchise_template a,.download_excel_example a{
    /* background-color: rgba(54, 173, 97, 0.38); */
    padding: 1px;
    border-radius: 2px;
    cursor: pointer;
    color: #36ad61; 
text-decoration: none!important;
     }

  .download_franchise_template:hover a,.download_excel_example:hover a {
    border-bottom: 1px dotted #36ad61;
    text-decoration: none!important;
   
}

.pulse{

  animation-name: color;
  animation-duration: .7s;
  animation-iteration-count: infinite;
}


@keyframes color {
  0% {
    background-color:  rgba(54, 173, 97, 0.38);
  }
  50% {
    background-color: #36ad61;
  }
  100 {
    background-color:  rgba(54, 173, 97, 0.38);
  }
}


.edit_project_title{

     color: rgb(40, 134, 255);
    text-decoration: none;
    font-size: 12px; 
    cursor: pointer;
}

.project_name_heading{
  margin-bottom: 15px;
}

.project_name_heading:after{
  bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 80px;
    ackground: #545454;
}

.project_name_heading:after{
      bottom: 13px;
    content: "";
    display: block;
    height: 13px;
    position: relative;
    width: 80px;
    ackground: rgba(91, 77, 171, 0.26);;
    z-index: -1;
    border-radius: 1px;
}


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

.user_franchise_ul {
  margin-bottom: 5px!important;
}

.user_franchise_p a {
  margin-left: 0px!important;
}

.show_span{

  background: #f9f69f;
    padding: 4px;

}

.remember_span{
 text-decoration: underline;
}

.import_type_ul{

list-style: none;
}

article {
  argin: 4rem auto;
  ax-width: 760px;
  margin-left: 30px;
}
article ul {
  list-style: none;
  margin: 0 0 2.5rem 1.3rem;
  padding: 0;
  text-indent: -1.3rem;
}
article li {
  margin-bottom: 1.5rem;
}
article li:last-child {
  margin-bottom: 0;
}
article li::before {
  content: "\00bb";
  color:  #36ad61;
  padding-right: 0.6rem;
}


.academic_import_section_div{

  margin-bottom: 50px;
  text-align: left;
}

.academic_import_section_div h4 {
  font-size: 16px;
  margin-bottom: 12px;
}

/* swtich for import type */
.switch-field {
  display: flex;
  margin-bottom: 36px;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
     background-color: #5b4dab;
    box-shadow: none;
    color: white;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

/* This is just for CodePen. */

.form {
  max-width: 600px;
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  font-weight: normal;
  line-height: 1.625;
  margin: 8px auto;
  padding: 16px;
}

h2 {
  font-size: 18px;
  margin-bottom: 8px;
}


.download_excel_template_button,.download_your_data{
  cursor: pointer;
    /* height: 32px; */
    text-decoration: none solid rgb(255, 255, 255);
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background: #36ad61;
    border: 1px solid #36ad61;
    border-radius: 3px!important;
    font: 15px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 4px 10px;
    font-size: 14px;
    argin-left: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);
    width: 290px;
    height: 35px;
}

.download_excel_template_button:not(.no_before):before,.download_your_data:not(.no_before):before{

      font-family: 'FontAwesome';
    content: '\f1c3';
    margin-left: 1px;
    position: relative;
    font-size: 90%;
    margin-right: 7px;
    margin-left: -3px;
}

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{    display: block;
    border: 2px solid #656565;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    border-radius: 3px;}
.file-upload .file-select .file-select-button{    background: #656565;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: white;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload.activefile .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.activefile .file-select .file-select-button{background:#36ad61;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.upload_file_holder{
  max-width: 600px;
}

.clear_file_upload,.clear_file_upload_update{
    position: absolute;
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
        font-size: 12px;
    color: #db5151;
}

#fileName{
  cursor: pointer!important;
}

.upload_file_holder *,.file-select,.file-select-button,.file-select-name {
  cursor: pointer!important;
}

.review_info_ul{
  padding-left: 0px;
  list-style: none;
}

.review_info_ul li{
margin-bottom: 5px;
}

.review_info_ul li.no_error,.review_info_ul li.error {
margin-bottom: 25px;
}



.review_info_ul li.no_error:before {

    content: "\2713";
    font-size: 15px;
    argin-left: -40px;
    margin-right: 14px;
    padding: 3px 6px 3px 6px;
    position: relative;
    color: white;
    background-color: #36ad61;
    border-radius: 50%;

}


.review_info_ul li.error:before {

    content: "\2613";
    font-size: 15px;
    argin-left: -40px;
    margin-right: 14px;
    padding: 3px 6px 3px 6px;
    position: relative;
    color: white;
    background-color: red;
    border-radius: 50%;

}



.color_heading{
  text-align: left;
    margin-top: 69px;
}

.color_heading p{
font-size: 15px;
margin-bottom: 5px;
}


.sp-replacer {
    margin: 0;
    verflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    border: 1px solid #d4d1d1;
    background: #fdfdfd;
    color: #333;
    vertical-align: middle;
    border-radius: 3px;
    height: 20px;
    width: 43px;
}

.sp-dd {
    display: none;
}

.sp-preview {
    position: relative;
    width: 17px;
    height: 11px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
}

.sp-preview {
    width: 94%!important;
}

.sp-replacer {
    height: 14px!important;
}


.tab_name_li{
  text-decoration: underline;
  margin-bottom: 15px!important;
}

.tab_type_error{
  padding-left: 5px;
}

.changes_locked{
  text-align: left;
  font-style: italic;
}

.email_subject{
  border: 1px solid #c5c3c3;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    outline: none;
    argin-bottom: 20px;
    width: 100%;
    margin-bottom: 10px;
}

.project_title_link{
      font-size: 19px;
      color: black;
      text-decoration: none;
      padding: 3px;
      cursor: pointer;
      border-bottom: 1px dotted rgb(47, 47, 47);

}

.project_title_link:hover{

border-bottom: 1px dotted rgb(40, 134, 255);
    background: rgba(40, 134, 255, 0.14);
    text-decoration: none;
  }

  .input_heading{
text-align: left;
margin-bottom: 5px;
font-size: 13px!important;
font-weight: bold;
  }


  .student_stats{
    text-align: left;
    margin-bottom: 4px;
    margin-top: 4px;
  font-size: 14px;
  }


  .results_button_holder{
 text-align: left;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: -6px;
  }

  .additional_team_info{
    text-align: left;
    font-size:15px;
    margin-top: 15px;
  }

  .team_table_holder{
    margin-top: 20px;
  }


  .add_members_holder{
    text-align: left;
    margin-top: 15px;
  }

  .team_role_p{
    margin-top: 20px;
    text-align: left;
  }

.creator_p{
text-align: left;
text-decoration: underline;
font-size: 13px;
margin-top: 11px;

}