.dp_contain{
	font-weight: 300}

.dp_contain h1, .dp_contain h2, .dp_contain h3, .dp_contain h4, .dp_contain h5 {
	font-weight: 500 !important}

.dp_input_text{
	width: 300px;
	padding: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border: solid 1px #ccc !important;
	border-radius: 4px !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.dp_input_text:disabled{background-color:#f5f5f5;
	cursor: not-allowed;}

.dp_blue{
	color: #76c1e9 !important}

.dp_grey{
	color: #363940 !important}

.dp_grey2{
	color: #6a6a6a !important}

.dp_contain{
	font-size: 14px !important;
	padding: 15px !important;
	background-color: #fff !important}

.dp_contain p{
	font-size: 14px !important}

.dp_wrap{
	padding-right: 20px}

.dp_wrap h1{
	padding-top: 5px;
	position: relative !important;
	font-weight: 300 !important;
	padding-left: 40px !important}

.dp_wrap .dp_iconlogo{
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	width:30px !important;
	height:auto !important;
	margin-right:10px !important}

.dp_contain .form-table tr td{
	margin-bottom: 0px !important}

.dp_contain .dp_titleinputform{
	font-size: 18px !important}

.dp_contain .dp_titleinputform span{
	float: left !important;
	padding-top: 7px !important;
	width: 150px !important;
	font-size: 18px !important}

.dp_contain .form-table td{
	padding: 2px 10px !important}

.dp_contain .dp_maciphone{
	max-width: 637px;
	width: 90% !important;
	height: auto !important}

.dp_contain .dp_form td{
	padding-top: 10px !important}

.dp_contain .col{
	vertical-align: top;
	display: table-cell;
	width: 50% !important}

.dp_contain hr{
	border: none !important;
	border-bottom: solid 1px #eee !important}

.dp_contain .paddingRight40{
	padding-right: 40px !important}

.dp_contain .check{
	margin-bottom: 10px !important}

.dp_contain .btn{
	text-shadow: none !important;
	background-color: #76c1e9;
  color: #fff;
	display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 20px !important;
  -webkit-transition-duration: 0.3s !important;
  transition-duration: 0.3s !important}

.dp_contain .btn:hover, .dp_contain .btn:active{
	text-shadow: none !important;
	line-height: 20px !important;
	border: 1px solid transparent;
	color: #fff !important;
	background-color: #56a8d4 !important}

#configurepopup:disabled{
	cursor: not-allowed}

.dp_contain .shadow{
	-webkit-transition-duration: 0.3s !important;
  transition-duration: 0.3s !important;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important}

.dp_contain .icon-google-analytics{
	position: absolute;
  left: 0px;
	width: 20px;
	height: auto;
	margin-left: 0px;
	margin-right: 10px}

.dp_contain .titleInputGoogleAnalytic{
	font-weight: 500;
	font-size: 12px;
	padding-left: 30px;
  padding-bottom: 10px;
  line-height: 21px}

.dp_contain .hide{
	position: absolute;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important}

.dp_contain .marginTop10{
	margin-top: 10px}

.dp_contain .marginLeft10{
	margin-left: 10px}

.dp_contain .red{
	margin-top: 10px;
	line-height: 20px;
	color: #f33b3b !important}

.dp_contain .green{
	margin-top: 10px;
	line-height: 20px;
	color: #26bb57 !important}

.dp_contain #image-preview{
	width: 100px;
    background-color: #eee}

#content_configure, #content_send, #content_advanced{
	width: 100%;
	display: none}

#content_configure .col, #content_send .col, #content_advanced .col{
	padding-bottom: 20px;
	width: 50% !important}

.dp_contain .t-a-c{
	text-align: center}

.dp_contain a.nodecoration{
	cursor: pointer;
	text-decoration: none}

.dp_contain .tabs{
	border-bottom: 2px solid #eee;
	width: 100%;
	height: 38px}
.dp_contain .tab{
	-webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;
	font-weight: 500;
	width: auto;
	float: left;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-align: center}
.dp_contain .tab.active{
	border-bottom: 2px solid #76c1e9}
.dp_contain .tab:hover{
	font-weight: 500;
	border-bottom: 2px solid #76c1e9}
.dp_contain .tab.active{
	color: #76c1e9;
	font-weight: 500;
	display: block !important}
.dp_contain .active{
	display: block !important}

.dp_contain textarea{
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: 50ms border-color ease-in-out;
    transition: 50ms border-color ease-in-out;
	width: 100%;
	height: 140px}

.dp_contain select{
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: 50ms border-color ease-in-out;
    transition: 50ms border-color ease-in-out;
	width: 100%}

.dp_contain .button-save{
	margin-top: -1px}

.dp_contain #numberCaracteres{
	position: absolute;
	right: 10px;
	font-size: 10px;
	margin-top: 5px}

.dp_contain .titleInput{
	font-size: 12px;
	font-weight: 500}

.dp_contain #titleNotification, .dp_contain #urlNotification, .dp_contain #titleWelcomeNotification, .dp_contain #textWelcomeNotification{
	width: 100%}

.dp_contain .color-red{
	color: #fd5f5f}

.dp_contain .margin-top20{
	margin-top: 20px}

.dp_contain .margin-top10{
	position: relative;
	margin-top: 10px}

/*preview*/
.dp_contain #notificationPreview{
	margin-bottom: 10px;
	position: relative;
	width: 300px;
	background-color: #fff;
	border: solid 1px #ccc !important;
	border-radius: 2px !important;
	padding: 10px;
    padding-left: 100px;
    min-height: 70px}

.dp_contain #notificationPreview #iconPreview{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover}

.dp_contain #notificationPreview #titlePreview{
	font-size: 14px;
	font-weight: 500;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden}

.dp_contain #notificationPreview #textPreview{
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500}

.dp_contain #notificationPreview #closePreview{
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	right: 10px;
	top: 5px}

.dp_contain #notificationPreview #urlPreview{
	position: absolute;
	font-size: 12px;
	font-weight: 500;
	bottom: 5px;
	color: #999}

/*advanced*/
.dp_contain #content_advanced .input100{
	width: 100%}

.dp_contain #dp_modal_active{
	border: solid 1px #ccc !important;
	border-radius: 2px;
	padding-top: 20px;
	width: 100%;
	text-align: center;
	max-width: 300px;
  -webkit-transition-duration: 0.3s !important;
  transition-duration: 0.3s !important}

.dp_contain .dp_shadow{
	-webkit-transition-duration: 0.3s !important;
  transition-duration: 0.3s !important;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important}

.dp_contain #dp_modal_active .dp_icon{
	background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM5LjY1MiwzNDcuOTE1di05Ny40OGMwLTg1Ljc5Ny01OS4xNC0xNTguMDMxLTEzOC43OTQtMTc4LjEwMWMzLjM0LTYuNzA3LDUuMjI5LTE0LjI1OCw1LjIyOS0yMi4yNDYgICAgQzMwNi4wODcsMjIuNDY5LDI4My42MTgsMCwyNTYsMGMtMjcuNjE4LDAtNTAuMDg3LDIyLjQ2OS01MC4wODcsNTAuMDg3YzAsNy45ODgsMS44ODksMTUuNTM5LDUuMjI5LDIyLjI0NiAgICBjLTc5LjY1NCwyMC4wNy0xMzguNzk0LDkyLjMwNS0xMzguNzk0LDE3OC4xMDF2OTcuNDhjLTE5LjQzMyw2Ljg5Mi0zMy4zOTEsMjUuNDUtMzMuMzkxLDQ3LjIxNSAgICBjMCwyNy42MTgsMjIuNDY5LDUwLjA4Nyw1MC4wODcsNTAuMDg3aDg1LjE1OEMxODEuOTU3LDQ4My4yNzUsMjE1LjY4Niw1MTIsMjU2LDUxMnM3NC4wNDItMjguNzI1LDgxLjc5OS02Ni43ODNoODUuMTU4ICAgIGMyNy42MTgsMCw1MC4wODctMjIuNDY5LDUwLjA4Ny01MC4wODdDNDczLjA0MywzNzMuMzY1LDQ1OS4wODUsMzU0LjgwNyw0MzkuNjUyLDM0Ny45MTV6IE0yNTYsMzMuMzkxICAgIGM5LjIwNiwwLDE2LjY5Niw3LjQ5LDE2LjY5NiwxNi42OTZTMjY1LjIwNiw2Ni43ODMsMjU2LDY2Ljc4M2MtOS4yMDYsMC0xNi42OTYtNy40OS0xNi42OTYtMTYuNjk2UzI0Ni43OTQsMzMuMzkxLDI1NiwzMy4zOTF6ICAgICBNMjU2LDQ3OC42MDljLTIxLjc2NiwwLTQwLjMyMy0xNC4wNy00Ny4yMTUtMzMuNTAzaDk0LjQzMUMyOTYuMzIzLDQ2NC41MzksMjc3Ljc2Niw0NzguNjA5LDI1Niw0NzguNjA5eiBNNDIyLjk1Nyw0MTEuODI2ICAgIEg4OS4wNDRjLTkuMjA2LDAtMTYuNjk2LTcuNDktMTYuNjk2LTE2LjY5NnM3LjQ5LTE2LjY5NiwxNi42OTYtMTYuNjk2aDMzLjM5MmM5LjIyLDAsMTYuNjk2LTcuNDc1LDE2LjY5Ni0xNi42OTYgICAgcy03LjQ3NS0xNi42OTYtMTYuNjk2LTE2LjY5NmgtMTYuNjk3di05NC42MDljMC04Mi44NTQsNjcuNDA3LTE1MC4yNjEsMTUwLjI2MS0xNTAuMjYxczE1MC4yNjEsNjcuNDA3LDE1MC4yNjEsMTUwLjI2MXY5NC42MDkgICAgaC0xNi43MWMtOS4yMiwwLTE2LjY5Niw3LjQ3NS0xNi42OTYsMTYuNjk2czcuNDc1LDE2LjY5NiwxNi42OTYsMTYuNjk2aDMzLjQwNmM5LjIwNiwwLDE2LjY5Niw3LjQ5LDE2LjY5NiwxNi42OTYgICAgUzQzMi4xNjIsNDExLjgyNiw0MjIuOTU3LDQxMS44MjZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDEzMy41NjVjLTY0LjQ0MiwwLTExNi44Nyw1Mi40MjgtMTE2Ljg3LDExNi44N2MwLDkuMjIsNy40NzUsMTYuNjk2LDE2LjY5NiwxNi42OTZzMTYuNjk2LTcuNDc1LDE2LjY5Ni0xNi42OTYgICAgYzAtNDYuMDMsMzcuNDQ4LTgzLjQ3OCw4My40NzgtODMuNDc4YzkuMjIsMCwxNi42OTYtNy40NzUsMTYuNjk2LTE2LjY5NlMyNjUuMjIsMTMzLjU2NSwyNTYsMTMzLjU2NXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K');
	background-color: #76c0e8;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70% auto;
	width: 80px;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
	height: 80px}

.dp_contain #dp_modal_active .dp_text{
	font-size: 14px;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px}

.dp_contain #dp_modal_active .dp_buttons{
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top-color: #e9e9e9;
	border-top-width: 2px;
	border-top-style: solid}

.dp_contain #dp_modal_active.dp_bg_fff{
	background-color: #fff}

.dp_contain #dp_modal_active .btn_modal.allow{
	padding: 12px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	text-shadow: none !important;
	background-color: #76c1e9;
  color: #fff;
	display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px}

.dp_contain #dp_modal_active .btn_modal.allow:hover, #dp_modal_active .btn_modal.allow:active{
	text-shadow: none !important;
	border: 1px solid transparent;}

.dp_contain #dp_modal_active .btn_modal.block{
	padding: 12px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	margin-right: 10px;
	text-shadow: none !important;
	background-color: #e9e9e9;
  color: #9a9a9a;
	display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px}

.dp_contain #dp_modal_active .btn_modal.block:hover, .dp_contain #dp_modal_active .btn_modal.block:active{
	text-shadow: none !important;
	color: #9a9a9a !important;
	border: 1px solid transparent}

.dp_contain #numberCaracteresPopup{
	position: absolute;
	right: 10px;
	font-size: 10px;
	margin-top: 5px}

.dp_contain #dp_modal_active .btn_modal.block:hover, .dp_contain #dp_modal_active .btn_modal.allow:hover{
	-webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2) !important;
  -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2) !important;
  box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2) !important;
	text-shadow: none !important;
	border: 1px solid transparent}

.dp_contain #dp_modal_active .legend img{
	width: 10px;
	height: auto}
.dp_contain #dp_modal_active .legend{
	text-align: center;
	padding-bottom: 10px;
	font-size: 10px}
.dp_contain #dp_modal_active .legend a{
	text-decoration: none;
	color: #9a9a9a !important;
	padding-bottom: 2px;
	font-weight: bold}

.dp_contain iframe{
	width: 90%}

.dp_contain .emoji-wysiwyg-editor {
	width: calc(100% - 45px) !important;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;
	padding: 6px;
	padding-right: 35px !important;
	margin-bottom: 0px;
	min-height: 35px; /* 35 */
	height: 30px;
	max-height: 284px;
	overflow: auto;
	line-height: 17px;
	border: 1px solid #d2dbe3;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-user-select: text;
	word-wrap: break-word}

.dp_contain .emoji-picker-icon {
	cursor: pointer;
	position: absolute;
	right: 5px !important;
	top: 25px;
	font-size: 20px;
	opacity: 0.7;
	z-index: 30;
	transition: none;
	color: black;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none}

.dp_contain .emoji-menu {
	position: absolute;
	top: 45px !important;
	right: 20px !important;
	z-index: 999;
	width: 225px;
	overflow: hidden;
	border: 1px #dfdfdf solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)}

.dp_contain .emoji-menu-tabs td {
	padding: 0px !important}