/*---- VALIDATOR STYLING - you can change it a bit to make it fit the look ----*/
.qtip-custom {
	background-color:#fff;
	border-color:red;
	border-width:2px;
	color:#000;
}
input.error, input:not([type="radio"]).error, select.error {
    color: #D8000C;
    background-color: #FFBABA !important;
	border:2px solid #D8000C !important;
	-webkit-text-fill-color: red !important;
	-webkit-box-shadow: 0 0 0px 1000px #FFBABA inset;
}



/*---- MODAL STYLING ----*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    margin-left:0px;
    color:#666;
}

/* Modal Header */
.modal-header {
    padding:  5px 16px;
    background-color: rgb(253, 84, 84);
    color: white;
}

.modal.warning,
.modal.error,
.modal.success {
display: block;
}

.modal.warning .modal-header,
.modal.error .modal-header {
display: inherit;
}
.modal.success .modal-header {
background-color: rgb(125, 224, 76);
}

/* Modal Body */
.modal-body {padding: 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 150px auto;
  padding: 0;
  border: 1px solid #888;
  width: 60%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

@media only screen and (max-width: 500px) {
.modal-content {
  width: 80%;

}
}



/*---- CHAT SCRIPT STYLING ----*/

/*Optional - replace Source Sans with the website font to use that for the chat script*/
#lc_chat_layout * {
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}

/*Styling to make it more visible on mobile*/
@media only screen and (max-width: 720px) {
    #lc_chat_layout.lc-collapsed #lc_chat_title {
        display: block !important;
        text-transform: uppercase !important;
        text-align: center !important;
        float: none !important;
        width: 100% !important;
    }
    
     #lc_chat_layout {
        right: 0px !important;
    }
    
    #lc_chat_layout.lc-collapsed #lc_chat_header {
        border-radius: 0px !important;
        background-position: 98% 17px !important;
    }
    
    #lc_chat_layout.lc-collapsed {
        width: 100% !important;
        bottom: 0px !important;
    }
}
#lc_chat_window input[type="text"], #lc_chat_window input[type="email"], #lc_chat_window textarea {
    max-width: 100%;
}
#lc_chat_message_window p span {top:0px;}