.dn_footer_contacts *{box-sizing:border-box;max-width:100%;padding:0;margin:0}
.dn_footer_contacts label{padding:7px 0 6px;font-weight:bold}
.dn_footer_contacts hr{margin:10px 0}
.dn_footer_contacts-fullwidth{width:100%}
.dn_footer_contacts-fullwidth.button{text-align:center}
.dn_footer_contacts-responsive{max-width:100%}
.dn_footer_contacts-contacts{}
.dn_footer_contacts-clear{clear:both}
.dn_footer_contacts-menu{}
.dn_footer_contacts-menu a{display:inline-block;padding:7px 10px;color:#777;text-decoration:none}
.dn_footer_contacts-menu a.active{background:#fff;color:#333}
.dn_footer_contacts-menu a:hover{color:#333}
.dn_footer_contacts-box-row{clear:both}
.dn_footer_contacts-box-left,
.dn_footer_contacts-box-right,
.dn_footer_contacts-box-alert,
.dn_footer_contacts-box{background:#fff;width:100%;clear:both;width:100%;margin:0 0 5px;padding:10px;-border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.2)}
.dn_footer_contacts-box-right{float:right;width:auto}
.dn_footer_contacts-box-left{float:left;width:auto}
.dn_footer_contacts-box-alert{background:#ffffa0}
.dn_footer_contacts-minibox-color{position:relative;width:190px}
.dn_footer_contacts-minibox-color input{width:160px !important}
.dn_footer_contacts-minibox-color span{width:30px;height:30px;border:1px solid silver;position:absolute}
.dn_footer_contacts-minibox-colored{width:30px;height:30px;border:1px solid silver;position:absolute;right:4px}
.dn_footer_contacts-table{background:white;width:100%;border-collapse:collapse}
.dn_footer_contacts-table th{text-align:left}
.dn_footer_contacts-table td{border-top:1px solid #ddd}
.dn_footer_contacts-table th{padding:4px 10px}
.dn_footer_contacts-table td{padding:4px 4px}
.dn_footer_contacts-tablerow{background:#fbfab9;color:#555;font-weight:normal;font-style:italic}
.dn_footer_contacts-tablealtrow{background:#f8f8f8}
.dn_footer_contacts-table p,
.dn_footer_contacts-table h1,
.dn_footer_contacts-table h2,
.dn_footer_contacts-table h3,
.dn_footer_contacts-table h4,
.dn_footer_contacts-box p{line-height:2}
.dn_footer_contacts-box p,
.dn_footer_contacts-box h1,
.dn_footer_contacts-box h2,
.dn_footer_contacts-box h3,
.dn_footer_contacts-box h4{margin:2px 0 0}
.dn_footer_contacts-box input{}
.dn_footer_contacts-box textarea,
.dn_footer_contacts-box select,
.dn_footer_contacts-box input[type="email"],
.dn_footer_contacts-box input[type="password"],
.dn_footer_contacts-box input[type="text"]{width:100%;padding-right: 25px;border:1px solid #c4c4c4}
.dn_footer_contacts-box input[type="number"]{width:80px;padding-right:0}
.dn_footer_contacts-box-cell{display:inline-block;vertical-align:middle;padding:2px 5px;position:relative}
.dn_footer_contacts-box-cell-left{float:left;padding:2px 5px;width:80px;position:relative;text-align:right}
.dn_footer_contacts-box-cell-right{float:right;padding:2px 10px;width:calc(100% - 90px);position:relative}
.dn_footer_contacts-box-cell-left2{float:left;padding:2px 5px;width:140px;position:relative}
.dn_footer_contacts-box-cell-right2{float:right;padding:2px 10px;width:calc(100% - 150px);position:relative}

/*.dn_footer_contacts-box-cell-right *{width:100%}*/
.dn_footer_contacts-box-cell-float{float:left;padding:5px 10px;position:relative}
.dn_footer_contacts-box-cell-float.cf20{width:20%}
.dn_footer_contacts-box-cell-float.cf25{width:25%}
.dn_footer_contacts-box-cell-float.cf50{width:50%}
.dn_footer_contacts-box-cell-float.cf75{width:75%}
.dn_footer_contacts-box-cell-float.cf80{width:80%}
.dn_footer_contacts-box-cell-float.cf100{width:100%}
.dn_footer_contacts-box-title{clear:both;padding:0 5px 5px;position:relative}
.dn_footer_contacts-icon{width:32px;height:32px;padding:5px;display:table-cell;vertical-align:middle;text-align:center;background:rgba(200,200,200,0.5);border:1 px solid rgb(200,200,200,0.8);line-height:1}
.dn_footer_contacts-icon img{width:100%;vertical-align:middle;line-height:1}
.dn_footer_contacts-icon svg{width:100%;height:100%;vertical-align:middle;line-height:1}
.dn_footer_contacts-icon-active{background:rgba(0,150,0,0.4)}
.dn_footer_contacts-float-left{float:left}
.dn_footer_contacts-float-right{float:right}
.dn_footer_contacts-text-center{text-align:center}
.dn_footer_contacts-form_control{width:100%;padding:0 8px;line-height:2;min-height:30px;box-shadow:0 0 0 transparent;border-radius:4px;-border:1px solid #8c8f94;background-color:#fff;color:#2c3338;margin:0 1px;font-family:inherit;font-size:inherit;font-weight:inherit}
p.dn_footer_contacts-form_control{background-color:#f4f4f4;margin:0 1px}

.dn_footer_contacts-presetbutton{display:block;padding:3px;cursor:pointer}
.dn_footer_contacts-presetbutton:hover{background:rgba(30,30,30,0.2)}
.dn_footer_contacts-presetbutton span{vertical-align:middle;display:inline-block}
.dn_footer_contacts-presetbutton label{vertical-align:middle;display:inline-block;font-weight:normal;margin-left:5px;width:120px;overflow:hidden;white-space:nowrap}

.dn_footer_contacts-loading{width:22px;height:22px;margin:2px auto;background:transparent url(../images/loading.gif) no-repeat center center;display:block}
.dn_footer_contacts-popup{display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:30px;background:rgba(30,30,30,0.9);z-index:99991}
.dn_footer_contacts-popup > div{/*border-radius:15px;height:100%;*/position:relative;top:50%;left:50%;max-height:80%;width:auto;max-width:600px;padding:20px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.dn_footer_contacts-popup-head{height:30px;box-shadow: 0 1px 1px rgba(0,0,0,.2)}
.dn_footer_contacts-popup-body{height:calc(100% - 60px);padding:15px;background:#fff;overflow:auto;border:5px solid silver}
.dn_footer_contacts-popup-foot{height:30px}
.dn_footer_contacts-popup.popupon{display:block}
.dn_footer_contacts-popup-exit{color:#fff;font-size:36px;border:1px solid silver;padding:0 2px 8px;float:right;cursor:pointer}
.dn_footer_contacts-popup-exit:hover{background:#555;border-color:#555}
.dn_footer_contacts-popup .dn_footer_contacts-box{border:0;box-shadow:none;padding:0;margin:0 0 10px}

.dn_footer_contacts-box_head{background:#e8e8e8;padding-top:0;padding-bottom:0}
.dn_footer_contacts-col_icon{width:32px} 
.dn_footer_contacts-col_title{width:120px}
.dn_footer_contacts-col_value{width:200px}
.dn_footer_contacts-col_status{width:50px;float:right}
.dn_footer_contacts-col_actions{float:right}
 
.dn_footer_contacts-button-help,
.dn_footer_contacts-button-edit,
.dn_footer_contacts-button-delete{width:28px;height:28px;background:#ddd;padding:0;border-radius:30%;border:0px solid #ddd;text-align:center;display:inline-block;text-decoration:none;font-size:13px;line-height:1;margin:0;cursor:pointer;-webkit-appearance:none;white-space:nowrap;color:#2271b1;vertical-align:middle}
.dn_footer_contacts-button-edit{background:#38c url(../images/action-edit.png) no-repeat center center;margin-right:2px;border-top-right-radius:0}
.dn_footer_contacts-button-edit:hover{background-color:#16a}
.dn_footer_contacts-button-delete{background:rgba(200,0,0,0.7) url(../images/action-delete.png) no-repeat center center;border-bottom-left-radius:0}
.dn_footer_contacts-button-delete:hover{background-color:#BA0000}
.dn_footer_contacts-button-help{background:#777 url(../images/help.png) no-repeat center center;float:right;border-top-left-radius:0;border-top-right-radius:0}
.dn_footer_contacts-button-help:hover{background-color:#57aa57}

.dn_footer_contacts-button-status{display:inline-block;width:40px;height:20px;background:url('../images/action-status.png') 0 0;margin-right:5px;cursor:pointer}
.dn_footer_contacts-button-status:hover{opacity:0.8}
.dn_footer_contacts-button-status.dn_footer_contacts-status_show{background-position:0 20px}

.dn_footer_contacts-button-target,
.dn_footer_contacts-button-status-desktop,
.dn_footer_contacts-button-status-tablet,
.dn_footer_contacts-button-status-mobile{display:block;width:20px;height:20px;cursor:pointer;overflow:hidden;}

.dn_footer_contacts-button-target.dn_footer_contacts-target_blank,
.dn_footer_contacts-button-status-desktop.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-tablet.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-mobile.dn_footer_contacts-status_show{background-position:0 20px}

.dn_footer_contacts-button-target{background: url('../images/action-target.png') 0 0;background-size:100%}
.dn_footer_contacts-button-status-desktop{background: url('../images/action-status-desktop.png') 0 0;background-size:100%}
.dn_footer_contacts-button-status-tablet{background: url('../images/action-status-tablet.png') 0 0;background-size:100%}
.dn_footer_contacts-button-status-mobile{background: url('../images/action-status-mobile.png') 0 0;background-size:100%}


.dn_footer_contacts-order{cursor:grab;display:block;width:100%;height:100%}
.dn_footer_contacts-grab{cursor:grabbing;background:#e3e3e3;opacity:0.6;position:absolute;z-index:99992;vertical-align:middle}
.dn_footer_contacts-grabbing{cursor:grabbing;opacity:0.1;border:3px solid gray;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dn_footer_contacts-order-rowCur{border-top:1px solid red !important}
.dn_footer_contacts-order-rowPrev{border-bottom:1px solid red !important}
.dn_footer_contacts-order_loading{pointer-events: none;opacity: 0.4; background-color:#777;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.dn_footer_contacts-items_row{background:#fff;clear:both;width:100%;margin:0 0 5px;padding:5px;box-shadow:0 1px 1px rgba(0,0,0,.2);border-top:1px solid transparent;border-bottom:1px solid transparent;transition:background 1s,height 1s;-webkit-transition:background 1s,height 1s;-o-transition:background 1s,height 1s;-moz-transition:background 1s,height 1s}
.dn_footer_contacts-items_row-changed{animation:dn_footer_contacts_animate_chenged 3s;-webkit-animation:dn_footer_contacts_animate_chenged 3s;-o-animation:dn_footer_contacts_animate_chenged 3s;-moz-animation:dn_footer_contacts_animate_chenged 3s}
.dn_footer_contacts-items_row-deleting{overflow:hidden;animation:dn_footer_contacts_animate_deleting 2s;-webkit-animation:dn_footer_contacts_animate_deleting 2s;-o-animation:dn_footer_contacts_animate_deleting 2s;-moz-animation:dn_footer_contacts_animate_deleting 2s}
.dn_footer_contacts-items_row:hover .dn_footer_contacts-items_col-order{}
.dn_footer_contacts-items_col{display:inline-block;vertical-align:middle;padding:0 5px;position:relative}
.dn_footer_contacts-items_col-order{width:20px;padding:0}
.dn_footer_contacts-order{background:transparent url(../images/action-ordering.png) no-repeat center center;background-size:80%}
.dn_footer_contacts-items_col-icon{width:40px}
.dn_footer_contacts-items_col-title{width:200px}
.dn_footer_contacts-items_col-value{width:calc(100% - 20px - 40px - 200px - 150px - 70px)}
.dn_footer_contacts-items_col-status{width:150px}
.dn_footer_contacts-items_col-target,
.dn_footer_contacts-items_col-status-desktop,
.dn_footer_contacts-items_col-status-tablet,
.dn_footer_contacts-items_col-status-mobile{width:36px}
.dn_footer_contacts-items_col-actions{width:70px;text-align:right}

.dn_footer_contacts_css_colorinput{width:120px} 
.dn_footer_contacts_css_colorinput input[type="color"]{border:0;width:100%;height:32px} 
.dn_footer_contacts_css_colorinput input[type="range"]{
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background-image: linear-gradient(to right,rgba(0,0,0,0),#000000);
  outline: none;
  border:0;
  border-radius:0;
}

.dn_footer_contacts_css_colorinput input[type="range"]::-moz-range-thumb,
.dn_footer_contacts_css_colorinput input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: gray;
  cursor: pointer;
  border:1px solid white;
}


@media(max-width:782px){
.dn_footer_contacts-items_col-order{display:none}
.dn_footer_contacts-items_col-title{width:190px;margin-bottom:10px}
.dn_footer_contacts-items_col-value{width:calc(100% - 40px - 190px)}
.dn_footer_contacts-items_col-actions{width:90px;float:right}
.dn_footer_contacts-button-edit,
.dn_footer_contacts-button-delete{width:35px;height:35px}
.dn_footer_contacts-icon{width:60px;height:auto}
.dn_footer_contacts-minibox-colored{width:40px;height:40px}
.dn_footer_contacts-items_col-target, .dn_footer_contacts-items_col-status-desktop, .dn_footer_contacts-items_col-status-tablet, .dn_footer_contacts-items_col-status-mobile{width: 50px}
.dn_footer_contacts-items_col-target{margin-left:calc(100% - 290px)}
.dn_footer_contacts-button-target,
.dn_footer_contacts-button-status-desktop,
.dn_footer_contacts-button-status-tablet,
.dn_footer_contacts-button-status-mobile{width:40px;height:40px;}
.dn_footer_contacts-button-status-desktop.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-tablet.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-mobile.dn_footer_contacts-status_show{background-position:0 40px}
	
}
@media(max-width:480px){
.dn_footer_contacts-items_col-order{display:none}
.dn_footer_contacts-box-cell-float{float:none}
.dn_footer_contacts-items_col-icon{width:60px}
.dn_footer_contacts-items_col-value{width:calc(100% - 60px);margin-left:0}
.dn_footer_contacts-items_col-title{width:calc(100% - 60px);margin-left:60px;margin-bottom:10px}
.dn_footer_contacts-items_col-title p{font-size:16px}
.dn_footer_contacts-items_col-status-desktop{margin-left:60px}
.dn_footer_contacts-items_col-actions{width:100px;float:right }
.dn_footer_contacts-button-target,
.dn_footer_contacts-button-status-desktop,
.dn_footer_contacts-button-status-tablet,
.dn_footer_contacts-button-status-mobile{width:40px;height:40px}
.dn_footer_contacts-button-status-desktop.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-tablet.dn_footer_contacts-status_show,
.dn_footer_contacts-button-status-mobile.dn_footer_contacts-status_show{background-position:0 40px}
/*
.dn_footer_contacts-items_col-title{width:calc(100% - 20px - 60px);margin-left:80px}
.dn_footer_contacts-items_col-value{width:calc(100% - 20px - 60px);margin-left:0}
.dn_footer_contacts-items_col-status{width:calc(100% - 80px - 100px);margin-left:80px}
.dn_footer_contacts-items_col-status-desktop{margin-left:80px}
.dn_footer_contacts-items_col-actions{width:100px;text-align:right}
*/
.dn_footer_contacts-button-edit,
.dn_footer_contacts-button-delete{width:40px;height:40px}
}

/*	Animations */
@keyframes dn_footer_contacts_animate_chenged{
	0%  {background-color:rgba(50,205,50,0.3)}
	70% {background-color:rgba(50,205,50,0.3)}
	100%{background-color:#fff}
}
@keyframes dn_footer_contacts_animate_deleting{
	0%  {background-color:rgba(200,50,50,0.3)} 
	70%  {background-color:rgba(200,50,50,0.3)} 
	100%{background-color:transparent;height:0}
}