[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text);
    opacity:0.8;
}

.container-wrap input[type="text"], textarea{
            background-color: #fff;
}


.element.style input[type="text"], textarea{
          background-color: #fff;
          background: #fff;
}

.container-wrap input[type="text"], .container-wrap textarea, .container-wrap input[type="email"], .container-wrap input[type="password"], .container-wrap input[type="tel"], .container-wrap input[type="url"], .container-wrap input[type="search"], .container-wrap input[type="date"]{
          background-color: #fff;
          background: #fff;     
}

.swp_activitybox{
      margin-top:10px;
}

.swp_activity_input{
            text-decoration: none;
            width: 460px;
            min-height: 20px;
            max-height: 400px;
            margin:0px;
            display:inline-block;
            vertical-align: middle;
            padding: 5px;
            color: #606060;
            border-bottom: 1px solid #aaa;
            background-color:transparent;
            overflow:auto;
}

.swp_activity_input[contenteditable] {
  outline: 0px solid transparent;
}

.swp_activitytitle{
    /*min-width: 460px;*/
    line-height: 30px;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    display: inline-block;
    border-bottom: 4px solid var(--accent1);
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.swp_scheduletitle {
    line-height: 30px;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    display: inline-block;
    border-bottom: 4px solid var(--accent1);
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}


.swp_activity_title{
            min-width: 460px;
            font-size: 18px;
            font-family: 'Lato', sans-serif;
}

.swp_fieldcontent{
      min-width: 460px;
}

.swp_taxonomy_input{
            height: 34px;       
            margin-bottom:0px;
            width: 100%;
            max-width: 400px;
            display:inline-block;
            vertical-align: center;
}

.swp_topicbox{
      margin-top:10px;
      margin-bottom:20px;      
}

.select_multidropdown{
            border-color: #aaa;
            border-width: 1px;
            min-height: 35px;
}

.select_dropdown{
            border-color: #aaa;
            border-width: 1px;      
}

.activity-taxonomy{
            min-width: 300px;
            max-width:400px;
            min-height: 34px;
            margin-top:3px;
            background-color: #FAFAFA;
            border-color: #006799;
            /*border-style: solid;*/
            border-width: 1px;
            /*display:inline-block;*/
            vertical-align: middle;
}

.swp_groupbox{
      margin-top:10px;
      margin-bottom:20px;      
}

.swp_seriesbox{
      margin-top:10px;
      margin-bottom:20px;      
}

.swp_categoriesbox{
      margin-top:10px;
      margin-bottom:20px;      
}

.swp_locationsbox{
      display:none;
      margin-top:10px;
      margin-bottom:20px;      
}

.swp_roomsbox{
      display:none;
      margin-top:10px;
      margin-bottom:20px;      
}

.swp_roombox{
      display:none;
      margin-top:10px;
      margin-bottom:20px;      
}

/*.swp_addblock{
      display:inline-block;
}*/

.swp_add{
      margin:5px;
      display:inline-block;
      vertical-align:middle;
      text-align: center;
      font-size: inherit;
      font-family: 'Lato', sans-serif;
}

.swp_addblock {
            height: 34px;       
            margin-bottom:0px;
            display:inline-block;
            vertical-align: center;
}

.swp_addblock > a {
      margin:0px;
      display:inline-block;
      vertical-align:middle;
      text-align: center;
      font-size: 30px;
      font-family: 'Lato', sans-serif;
}

.search-field{
      width:500px;
}

.swp_newtaxbox{
  margin-top: 5px;
}

.swp_newtopic{
            width:300px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newgroup{
            width:300px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newcategory{
            width:300px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newseries{
            width:300px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newbucket{
            width:300px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newgroup:focus, .swp_newseries:focus, .swp_newtopic:focus, .swp_newcategory:focus, .swp_newbucket:focus{
  border: 1px solid var(--accent1);
  outline: 1px solid transparent !important;
  border-radius:2px;
}

.swp_newroom{
            width:310px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_newitem{
            width:310px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            margin-bottom:3px;
            margin-right: 5px;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}


/*.swp_addnewtopic{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewtopic:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}

.swp_addnewgroup{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewgroup:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}

.swp_addnewcategory{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewcategory:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}

.swp_addnewseries{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewseries:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}

.swp_addnewbucket{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewbucket:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}

.swp_addnewroom{
            cursor: pointer;
            text-align: center;
            width:150px;
            min-height: 34px;
            display:inline-block;
            vertical-align: center;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewroom:hover {
      background-color: #006799;
      border-color: #006799;
      border-style: solid;
      border-width: 1px 1px 1px 0;
      color: #ffffff;
}*/

.swp_addtaxbutton{
  margin-left: 5px;
}

.swp_addtaxbox{
  display:none;
  margin-top: 5px;
  max-width: 400px;
}

.swp_newtaxinput{
    width: 80%;
    min-height: 34px;
    display: inline-block;
    vertical-align: center;
    margin: 0px;
    margin-bottom: 3px;
    padding: 5px;
    border: 1px solid #aaa;
    background-color: #FAFAFA;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.swp_duration_input{
            width:315px;
            height: 34px;
            max-height: 34px;
            margin:0px;
            display:inline-block;
            padding: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px;
            background-color:#FAFAFA;
            text-overflow: hidden;
            font-size: 16px;
            font-family: 'Lato', sans-serif;
}

.swp_duration_text{
            font-weight: bold;
            width:85px;
            height:34px;
            margin:0px;
            display:inline-block;
            text-align: center;
            vertical-align: center;
            padding-top: 5px;
            border-color: #aaa;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            background-color:#FAFAFA;
            font-size: 16px;
            font-family: 'Lato', sans-serif;
}

.swp_duration_wrap{
      display:block;
}

.swp_durationbox{
      margin-top:10px;
      margin-bottom:20px;  
}

.swp_goal_input{
            min-width:400px;
            max-width:400px;
            min-height: 34px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
}

.swp_goalbox{
      margin-top:20px;
      margin-bottom:20px;  
}

.swp_description_input{
            text-decoration: none;
            min-width: 460px;
            max-width:100%;
            min-height: 46px;
            max-height: 400px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            overflow:auto;
}

.swp_atypeframe{
  margin-top: 10px;
  margin-bottom: 10px;
  width: 200px;
}

.swp_descriptionbox{
      margin-top:10px;
      margin-bottom:20px;
      max-width:99%;
}

.swp_equipment_input{
            min-width:460px;
            min-height: 34px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
}

.swp_equipmentbox{
      margin-top:10px;
      margin-bottom:20px;  
}

.swp_link_input{
            min-width:460px;
            min-height: 34px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
}

.swp_linkbox{
      margin-top:10px;
      margin-bottom:20px;  
}

.swp_submitbox{
      display:block;
      margin-top:10px;
      margin-bottom:0;
}

.swp_poststatus{
      display: inline-block;
      width: 100px;
      margin-right: 10px;
}

.swp_poststatus1 {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  padding: 5px;
  cursor: pointer;
}

.swp_poststatus1 > .select-items {
  margin-top: 10px;
}

.swp_poststatus1>option {
  margin-top: 10px;
}

.swp_poststatus_option{
  cursor: pointer;
}

.swp_act_publishdetails {
  margin-top: 5px;
}

.swp_save_button {
    text-decoration: none;
    display: inline-block;
    margin: 2px 2px 2px 0px;
    padding:5px 10px;
    font-weight: 600;
    background-color: #ffffff;
    color: var(--accent1);
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    border: solid 1px var(--accent1);
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    border-radius: 2px;
}

.swp_save_button:hover {
    background-color: var(--accent1);
    color: #ffffff;
    border: solid 1px var(--accent1);
    border-radius: 2px;
}

.swp_save_button:active {
      position:relative;
}



.swp_close_button {
    display: inline-block;
    margin: 2px 2px 2px 0px;
    padding:5px 10px;
    font-weight: 600;
    background-color: #ffffff;
    color: var(--accent1);
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    border: solid 1px var(--accent1);
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    border-radius: 2px;
    text-decoration: none;
}

.swp_close_button:hover {
    background-color: var(--accent1);
    color: #ffffff;
    border: solid 1px var(--accent1);
    border-radius: 2px;
}

.swp_close_button:active {
      position:relative;
}

.swp_formdelete{
      display:none;
}

.swp_delete_button {
      color: #FFFFFF;
      background-color: var(--accent1);
      margin: 2px;
      cursor:pointer;
      border:1px solid var(--accent1);
      border-radius: 2px;
      padding:5px 10px;
      font-size: 14px;
      font-family: 'Lato', sans-serif;
}

.swp_delete_button:hover {
      background-color: #10537F;
      color: #ffffff;
}

.swp_delete_button:active {
      position:relative;
}

.swp_formview{
      display: none;
}

.swp_gen_button{
      text-decoration: none;
      color: #FFFFFF;
      background-color: var(--accent1);
      margin: 2px;
      cursor:pointer;
      border:1px solid var(--accent1);
      border-radius: 2px;
      padding:5px 10px;
      font-size: 14px;
      font-family: 'Lato', sans-serif;
}

.swp_gen_button:hover{
      background-color: #10537F;
      color: #ffffff;
}

.swp_gen_button:active{
      position:relative;
}

.swp_hr{
      margin-top:5px;
      margin-bottom:5px;
      opacity: 0.5;   
}

.swp_search_popupbuttons {
            margin-top:20px;
            text-align: center;
}

.swp_deletebuttons {
            margin-top:20px;
            text-align: center;

}

.swp_scroll{
      width:100%;
      height:600px;
      overflow-x:hidden;
      overflow-y:scroll;
      -webkit-overflow-scrolling: touch;
}

.swp_scroll::-webkit-scrollbar {
    width: 0.8em;
}
 
.swp_scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
 
.swp_scroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  outline: 1px solid #fff;
}

.swp_scroll::-webkit-scrollbar-button{
  color:#fff;
  background-color: #000;
  outline: 1px solid #fff;    
}


/*Add to Schedule*/
/*#swp_schedules_input{
            height: 34px;
            font-size: 16px;
}*/

/*#swp_newschedule{
            height: 34px;
            width:100%;
            margin-top:3px;
            display:block;
            vertical-align: center;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 0;
}*/

.ui-sortable{
            margin-top :20px;
}
.swp_schedule {
            min-height: 40px;
            background-color: #f1f1f1;
            margin-bottom: 5px;
            padding: 5px;
            border-color: var(--accent1);
            border: 1px;
            border-radius: 3px;
            color: #000000;
            display:block;
            animation: swp_lfade ease 1s;
            -webkit-animation: swp_lfade ease 1s;
            -moz-animation: swp_lfade ease 1s;
            -o-animation: swp_lfade ease 1s;
            -ms-animation: swp_lfade ease 1s;
        }

.swp_fill{
    height: 20px; 
}

.swp_addnewschedule{
            color:#999;
            cursor: pointer;
            text-align: center;
            width:100%;
            min-height: 34px;
            display:block;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 0;
            background-color:#ffffff;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewschedule:hover {
      background-color: #A5281B;
      color: #ffffff;
}

.swp_adds {
      color:#ffffff;
      height:34px;
      line-height: 34px;
      margin-top:3px;
      margin-bottom:3px;
      font-size: 34px;
      font-family: 'Lato', sans-serif;
      vertical-align: center;
      padding:0px;
      display:inline-block;
}

.swp_activity{
            display:inline-block;
            height: 34px;
            font-size: 16px;
            width:95%;    
}

.swp_starttime{
            height: 34px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-family: 'Lato', sans-serif; 
}

.swp_endtime{
            height: 34px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-family: 'Lato', sans-serif; 
}

.swp_scheduler_roleinput{
            width: 300px;
            height: 35px;
            margin:0px;
            display:inline-block;
            vertical-align: center;
            padding: 5px;
            border: 1px solid #aaa;
            background-color:#FAFAFA;
            font-family: 'Lato', sans-serif;   
            font-size: 16px;
            color: #000000;
}

#swp_schedules_input{
            min-height: 34px;
            width:100%;
            display:block;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 1px;
            font-family: 'Lato', sans-serif;      
}

.swp_taxonomyblock{
            margin-top: 10px;
            margin-bottom: 20px;
}

.swp_timeblock{
            margin-top: 10px;
            margin-bottom: 20px;     
}

.swp_schedulelist{
      padding-top: 10px;
      width: 400px;
      min-height: 32px;
}

.swp_schid{
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
}

.swp_schtitle{
      display: inline-block;
      padding-right: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
}

.swp_editschedule{
      /*float: right;*/
      display: inline-block;
}

#swp_schedules_input_chosen{
            min-height: 34px;
            width:100%;
            display:block;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 1px;
            font-family: 'Lato', sans-serif;
}

#swp_leader_input_chosen{
            min-height: 34px;
            width:100%;
            display:block;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 1px;
            font-family: 'Lato', sans-serif;
}

#swp_users_input_chosen{
            min-height: 34px;
            width:100%;
            display:block;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 1px;
            font-family: 'Lato', sans-serif;
}

.swp_mmember_messageto{
  margin-right: 15px;
}

.swp_subjectbox{
  margin-top: 10px;
  margin-right: 15px;
}

.swp_mmember_messagesubject{
  text-decoration: none;
  min-height: 45px;
  max-height: 400px;
  margin:0px 15px 0px 0px;
  width: 100%;
  vertical-align: center;
  padding: 5px;
  border: 1px solid #aaa;
  background-color:#ffffff;
  overflow:auto;
}

.swp_mediaitem{
  position: relative;
  display: inline-block;
  margin: 2px;
  border: 4px solid #efefef;
  border-radius: 4px;
  min-height: 125px;
  width: 130px;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.swp_mediaitem:hover > .swp_mediaboximg{
  background-color: #ffffff;
}

.swp_mediaitem:hover > .swp_mediafilename{
  background-color: var(--accent1);
  color: #ffffff;
}

.swp_pmediaitem{
  position: relative;
  display: inline-block;
  margin: 2px;
  border: 4px solid #efefef;
  border-radius: 4px;
  height: 100px;
  width: 100px;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.swp_pmediaitem:hover > .swp_mediaboximg{
  background-color: #ffffff;
}

.swp_pmediaitem:hover > .swp_mediafilename{
  background-color: var(--accent1);
  color: #ffffff;
}

.swp_mediabox > img {
  /*position: absolute;
  left: 0px;*/
  width: 100%;
}

.swp_mediaimage {
  width: 100%;
}

.swp_mediaboxvid > img {
    /*position: absolute;
    left: 0px;*/
    width: 100%;
}

.swp_youtubeoverlay{
  top: 10px;
  left:20px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  color: #FF0000;
  color: #ffffff;
}

.swp_vimeooverlay{
  top: 10px;
  left:30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  color: #ffffff;
}

.swp_mediafile{
  position: relative;
  display: inline-block;
  border: 4px solid #efefef;
  border-radius: 4px;
  height: 130px;
  width: 130px;
  margin: 20px 10px 10px 10px;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.swp_mediafile:hover > .swp_mediaboximg{
  background-color: #ffffff;
}

.swp_mediafile:hover > .swp_mediafilename{
  background-color: var(--accent1);
  color: #ffffff;
}

.swp_addmediaitem{
  position: relative;
  display: inline-block;
  border: 4px dashed var(--accent1);
  border-radius: 4px;
  margin: 2px;
  height: 125px;
  width: 130px;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  text-align: center;
  cursor: pointer;
}

.swp_addmediaitem:hover{
  border: 4px solid var(--accent1);
}

.swp_addmediaitem:hover > .swp_mediabox{
  background-color: var(--accent1);
  opacity: 0.6;
  color: #ffffff;
  margin: 0px;
}

.swp_mediaitemmargin{
  /*margin: 5px;*/
  margin: 20px 10px 10px 10px;
}

.swp_mediafilemargin{
  margin: 20px 10px 10px 10px;
}


.swp_mediaitemselected{
  position: relative;
  display: inline-block;
  border: 4px solid var(--accent1);
  border-radius: 4px;
  height: 130px;
  width: 130px;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.swp_mediabox{
  text-align: center;
  margin: 0px;
  font-size: 70px;
  width: 100%;
  height: 85px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

.swp_mediabox > *{
  margin-top: 10px;
}

.swp_mediaboxvid{
  text-align: center;
  margin: 0px;
  font-size: 70px;
  width: 100%;
  height: 85px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
}

.swp_mediaboxvid> .lar, .swp_mediaboxvid> .las {
  margin-top: 10px;
}

.swp_mediaboximg{
  background-color: #ffffff;
  text-align: center;
  margin: 0px;
  font-size: 70px;
  height: 85px;
  overflow: hidden;
}

.swp_mimageunderlay{
  width: 100%;
}

.swp_moverlay{
    background-color: var(--accent1);
    padding: 2px;
    width: 100px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 15px;
    left: -25px;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
}

.swp_mediafilename{
      word-wrap: break-word;
      font-size: 12px;
      /*border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;*/
      background-color: #efefef;
      height: 35px;
      line-height: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 3px;
      padding-right: 3px;
      text-align: center;
}

.swp_mediafileselect{
  display: none;
}

.swp_mediafileselected{
  display: inline-block;
}

.swp_moptions {
  background: #efefef;
  padding-top: 8px;
  padding-bottom: 7px;
}

.swp_moptions>button {
  display: inline-block;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  padding: 1px 7px 1px 7px;
  margin-right: 5px;
  min-height: 30px;
  font-size: 18px;
  vertical-align: bottom;
}

.swp_moptions>button:hover {
  border: 1px solid var(--accent1);
  background-color: var(--accent1);
  color: #ffffff;
  cursor: pointer;
}

.swp_moptions>.swp_floaderbox {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  margin-right: 5px;
  min-height: 30px;
  font-size: 18px;
  vertical-align: bottom;
}

.swp_moptions>.lar,
.swp_moptions>.las {
  margin-top: 0px;
}

.swp_fbucket{
  margin-top: 40px;
}

.swp_btitle{
  margin-left: 15px;
}

.swp_wb_pview{
  margin-left: 15px;
}

.swp_bbuttons{
  display: inline-block;
  margin-left: 15px;
  padding: 5px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

.swp_bbuttons:hover{
  background-color: #efefef;
  color: #000000;
}

.swp_boptions {
  background: #efefef;
  padding-top: 5px;
}

.swp_boptions>button {
  display: inline-block;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  padding: 1px 10px 1px 10px;
  margin-right: 5px;
  min-height: 30px;
  font-size: 18px;
  vertical-align: bottom;
}

.swp_boptions>button:hover {
  border: 1px solid var(--accent1);
  background-color: var(--accent1);
  color: #ffffff;
  cursor: pointer;
}

.swp_boptions>.swp_floaderbox {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  margin-right: 5px;
  min-height: 30px;
  font-size: 18px;
  vertical-align: bottom;
}

.swp_boptions >.lar, .swp_boptions >.las {
  margin-top: 0px;
}

.swp_wb_mli{
  display: inline-block;
  margin: 5px 40px 5px 0px;
}
.swp_wbicon{
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  border-radius: 2px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

.swp_wbicon:hover {
  background-color: var(--accent1);
  color: #ffffff;
}

.swp_wbibutton{
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  border: none;
  background-color: transparent;
}

.swp_wbibutton:hover {
  background-color: var(--accent1);
  color: #ffffff;
}

.swp_wb_list{
  margin-left: 15px;
}

.swp_wb_slist {
  margin-left: 15px;
}

.swp_wb_icons{
  margin-left: 5px;
}

.swp_wb_sicons{
  margin-left: 15px;
}

.swp_rattachment{
  display: inline-block;
  margin-left: 3px;
  cursor: pointer;
  font-size: 20px;
}

.swp_rattachment:hover{
  display: inline-block;
  margin-left: 3px;
}

.swp_uploadmedia{
  display:block;
}

.swp_approvemediagroup{
  display:none;
  margin-top: 10px;
  margin-bottom: 10px; 
}

.swp_choosegroup{
  margin-top: 15px;
  padding: 5px;
  border-color: var(--accent1);
  border: 1px;
  border-radius: 3px;
  background-color: #f1f1f1;
}

.swp_mgroup{
  width: 400px;
}

.swp_mgfilename{
  font-weight: bold;
}

/*start of invitepopup*/
.swp_rpermission{
  margin-left: 20px;
  margin-bottom: 10px;
}

.swp_permissionbutton{
  margin-top: 10px;
  margin-bottom: 10px;
}

.swp_ginvitebutton{
  margin-top: 20px;
  margin-bottom: 10px;
}

.swp_rinvite{
  background-color: #efefef;
  margin-top: 10px;
  padding: 2px;
  border-radius: 4px;
}

.swp_rinviteheader{
  width: 99%;
  margin: 5px;  
}

.swp_rinvitelink{
  cursor: pointer;
}

.swp_removepermission{
    float:right;
    transition: all 200ms;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #14679e;
    cursor: pointer;
}

.swp_removepermission:hover{
  color: #000000;
}

.swp_rinvitedata{
  background-color: #efefef;
  margin: 5px;  
}

.swp_rinvitetitle{
  font-weight: bold;
}

.swp_rinvitetitle, .swp_rinvitedata{
  display:inline-block;
  margin-left: 5px;
}

.swp_gkeyblock{
  display: block;
  margin: 5px;
}

.swp_gkey{
  display: inline-block;
  width: 50%;
  padding: 7px;
  border: 1px solid #aaa;
}
/* End of invite popup

/*start of drag and drop form*/
.dropFileForm {
  margin: 16px;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  transition: 0.5s;
}

.dropFileForm .fileLabel {
  background-color: transparent;
  border: 3px dashed var(--accent1);
  border-bottom: none;
  display: block;
  padding-top: 50px;
  position: relative;
  cursor: pointer;
  min-height: 275px;
}

.dropFileForm .fileInput {
  display: none;
}

.dropFileForm .fileLabel:after,
.dropFileForm .fileLabel:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: -2;
  border-radius: 8px 8px 0 0;
}

.dropFileForm .fileLabel:before {
  z-index: -1;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5%,
    black 5%,
    black 10%
  );
  opacity: 0;
  transition: 0.5s;
}

#dropFileForm.fileHover .fileLabel:before {
  opacity: 0.25;
}

#sdropFileForm.fileHover .fileLabel:before {
  opacity: 0.25;
}


.dropFileForm .uploadButton {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 8px;
  background-color: var(--accent1);
  color: #fff;
  cursor: pointer;
}

/*#dropFileForm .fileHover {*/
.fileHover {
  box-shadow: 0 0 16px var(--accent1);
  background-color: transparent;
  opacity: 0.8;
  border: 1px solid green;
}
/*end of drag and drop form*/


.md-close1 {
      height: 34px;
      border: none;
      padding: 0.6em 1.2em;
      margin-left:5px;
      background: #c0392b;
      color: #fff;
      font-family: 'Lato', Calibri, Arial, sans-serif;
      font-size: 1em;
      letter-spacing: 1px;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block;
      margin: 3px 3px;
      border-radius: 2px;
}

/*.swp_messagechat > .swp_messatt{
  border: 1px solid #000000;
}*/

.swp_messagebox > [contenteditable=true]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
}

.swp_messatt {
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #ffffff;
  padding: 2px 10px;
  margin: 2px 2px;
  border-radius: 3px;
}

.swp_messatt>a,
.swp_messatt>a:hover,
.swp_messatt>a:visited,
.swp_messatt>a:hover,
.swp_messatt>a:active {
  color: inherit;
}

.swp_attachment{
  display:block;
  margin-top: 5px;
  color: var(--accent1);
}

.swp_attachment>a,
.swp_attachment>a:hover,
.swp_attachment>a:visited,
.swp_attachment>a:hover,
.swp_attachment>a:active {
  color: inherit;
}

.swp_attachmenticon{
  display:inline-block;
}

.swp_attchmentname{
  margin-left: 5px;
  display:inline-block;  
}

.md-close1:hover {
      background: #A5281B;
}


@media only screen and (max-device-width: 480px) {
.swp_activity_input {
            height: 34px;
            font-size: 16px;
            min-width:95%;
            width:95% ;
            display:block;
}

.activity-taxonomy{
    min-width: 80%;
}

.element-style{
            min-width:90%;
            width:90%;    
}

.swp_taxonomy_input{
            height: 34px;  
            margin-bottom:0px;
            display:inline-block;
}

.swp_add{
      display:inline-block;
      font-size: 15px;
      margin: 2px;
}

#swp_topic_input{
            min-width:90%;
            width:90%;   
            display:inline-block; 
}



#swp_group_input{
            min-width:90%;
            width:90%;   
            display:inline-block;  
}



#swp_categories_input{
            min-width:90%;
            width:90%;   
            display:inline-block;  
}


.swp_newschedule{
            height: 34px;
            margin-top:3px;
            display:inline-block; 
            vertical-align: center;
}

.swp_newtopic{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_newgroup{
            width:80%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_newcategory{
            width:80%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_newseries{
            width:80%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_newbucket{
            width:80%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_addnewtopic{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
            border-width: 1px 1px 1px 1px;
}

.swp_addnewgroup{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
            border-width: 1px 1px 1px 1px;
}

.swp_addnewcategory{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
            border-width: 1px 1px 1px 1px;
}

.swp_addnewseries{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
            border-width: 1px 1px 1px 1px;
}

.swp_addnewbucket{
            min-width:95%;
            width:95%;
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
            border-width: 1px 1px 1px 1px;
}

.swp_addnewschedule{
            height: 34px;
            margin-top:3px;
            display:inline-block;
            vertical-align: center;
}

.swp_duration_input{
            width:70%;
}

.swp_duration_text{
            width:30%;
}


.swp_goal_input{
            height: 34px;
            min-width:95%;
            width:95%;
            margin:0px;
            display:block;
}



.swp_description_input{
            min-height: 75px;
            min-width:95%;
            width:95%;
            margin:0px;
            display:block;
}


.swp_equipment_input{
            height: 34px;
            min-width:95%;
            width:95%;
            margin:0px;
            display:block;
}

.swp_link_input{
            height: 34px;
            min-width:95%;
            width:95%;
            margin:0px;
            display:block;
}


}




/*Add to Schedule*/
.swp_addnewschedule{
            color:#999;
            cursor: pointer;
            text-align: center;
            width:100%;
            min-height: 34px;
            display:block;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 0;
            background-color:#ffffff;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
}

.swp_addnewschedule:hover {
      background-color: #A5281B;
      color: #ffffff;
}

.swp_activity{
            display:inline-block;
            height: 34px;
            font-size: 16px;
            width:90%;    
}

#swp_schedules_input{
            min-height: 34px;
            width:100%;
            display:block;
            background-color: transparent;
            border-style: none;
            border-width: 1px 1px 1px 1px;
            font-family: 'Lato', sans-serif;      
}

#swp_schedules_input_chosen{
            width:50%;
}

#swp_leader_input_chosen{
            width:50%;
}

#swp_users_input_chosen{
            width:50%;

}

.md-close1{
      margin-top:5px;
}