/** {
    box-sizing: content-box;
}*/

.swp_movelitem{
  margin-left: 20px;
  margin-right: 20px;
  border-color: #0085ba !important;
  border: dotted 1px !important;
  border-radius: 3px !important;
  opacity: 0.4;
}

.swp_animatefadein{
  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;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.swp_contactlist{
   display: inline-block;
   list-style: none; 
   background: #e0e0e0;
   border-radius: 4px;
   /*box-shadow: 0 0 40px rgba(0,0,0,0.4);*/
   margin: 5px;
   padding: 5px;
   width: calc(30% - 20px);
   vertical-align: text-top;
}

.swp_sortableframe{
  /*left: 300px;*/
  width: calc(70% - 20px);
  min-height: 465px;
  display:inline-block;
  vertical-align: text-top;
  list-style: none; 
  background: #e0e0e0;
  border-radius: 4px;
  /*box-shadow: 0 0 40px rgba(0,0,0,0.4);*/
  margin: 5px;
  padding: 5px;

  -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 */
  display: inline-flex;
  flex-direction: column;
}

.sortableli {
  min-height: 20px;
  display: block;
  margin: 1px;
  margin-top: 4px;
  padding: 10px;
  border-radius: 4px;
  cursor: move;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sortableli > *{
  margin-right: 5px;
}

.sortableli header {

}

.sortableli.hover{
	background: #ffffe0;
}

.sortableli.active {
	background: #ccc;
}

.sortableli.dragElem {
  opacity: 0.4;
}

.sortableli.over {
  /*border: 2px dashed #000;
  top-border: 2px solid blue;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);*/
  opacity:0.4;
}

.hidden{
	display: none;
}

.hoverover{
  margin-left: 10px !important;
  margin-right: 10px !important;
  border-style: dashed !important;
  border-width: 2px !important;
  border-color: #7F8C8D !important;
  opacity: 0.6 !important;
}

.swp_fill{
  flex-grow: 1;
  /*line-height: 10px;*/
}

.swp_fill:hover{
  /*line-height: 10px;*/
}



/*contacts form*/

.swp_fieldsframe{
  /*position: fixed;
  top: 120px;*/
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  display:inline-block;
  vertical-align: text-top;
  width: 25%;

  -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_titleicon{
  display:inline-block;
  margin-right: 4px;
}

.swp_titlefield{
  display: inline-block;
  margin-bottom: 10px;

    -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 */
  cursor: pointer;
}

.swp_titlefield:hover{
  font-style: italic;
}

.swp_fieldtype{
  display: none;
}

.swp_removefield{
  display: inline-block;
  float:right;
  cursor: pointer;
  transition: all 200ms;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: 444;
  border: none;
  background-color: unset;
  -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_removefield:hover{
  color: #1779ba;
}

.contactfield{
  background-color: #ffffff;
  color: #000000;
  margin: 1px;
  margin-top: 4px;
  border-radius: 4px;
  padding: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

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

.swp_caretdown:hover{
  cursor: pointer;
}

.swp_caretup{
  display: none;
  margin-left: 3px;
}

.swp_caretup:hover{
  cursor: pointer;
}

.swp_foptions{
  display: none;
}

.swp_tfoptions{
  display: none;  
}

.swp_foption{
  margin-top: 10px;
  line-height: 34px;
}
.swp_optiontag{
  display:inline-block;
  vertical-align: middle;
  margin-right: 5px;

    -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_dropdownoptions{
  display:none;
}