/* ..........................................
   replete modal, replete-modal based!
   THEME COLOR - DEFAULT
   blue    ->    #57bfe1
   .........................................
*/

.rplm-alert {
	top:30%;
 }
.rplm-alert .content-wrap { background-color: #57bfe1 !important; }
.rplm-alert #filled-email .circle { fill: #FFFFFF; }
.rplm-alert #filled-message .circle { fill: #ff6b6b; }
.rplm-alert button {
	color: white;
	background-color: #57bfe1 !important;
	border: none;
	border-radius: 0;
	display: inline-block;
	height: 36px;
	line-height: 34px;
	outline: none;
	margin: 15px 5px 0 5px;
	padding: 0 1.5rem;
	vertical-align: middle;
 }
.rplm-alert button:hover, rplm-alert button:focus, rplm-alert button:active {
	background-color: #57bfe1 !important;
	outline: none;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.rplm-alert button.confirm {
	color: white;
	border: none;
	background-color: #57bfe1 !important;
	margin: 15px 5px 0 5px;
	padding: 0 1.5rem;
	outline: none;
	vertical-align: middle;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
 }
.rplm-alert button.confirm:hover, .rplm-alert button.confirm:focus, .rplm-alert button.confirm:active {
	background-color: #57bfe1 !important;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
 }
.rplm-alert button.cancel { background-color: #57bfe1 !important; }
.rplm-alert button.cancel:hover, .rplm-alert button.cancel:active {
	background-color: #57bfe1 !important;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
 }
 
/*.....................................................
	  end replete modal
  .....................................................*/