﻿.message-container {
    position:absolute;
    width:922px;
    text-align:center;
    transform:translate(-50%, -50%);
    visibility:hidden;
}
.success-container {
    position:absolute;
    text-align:left;
    transform:translate(-50%, -50%);
    width:586px;
    visibility:hidden;
}
.success-container img {
    float:left;
}
.success-container h1 {
    display:inline-block;
    margin:0;
    width:320px;
    margin-top:5px;
    margin-left:35px;
}
.success-container h1.uline:after {
    margin-left:0;
    left:0;
}
div.layout-modal.message div.message-container {
	visibility:visible;
}
div.layout-modal.success div.success-container {
    visibility:visible;
}
.message-container .uline {
    margin-top:25px;
}
.message-container form {
    margin:30px 0;
}
.message-container input {
    text-align:center;
    width:458px;
    box-sizing:border-box;
    border:none;
    border-bottom:solid 2px rgba(110, 119, 126, 1);
    color:#fff;
    outline:none;
    background-color:rgba(255,255,255,0.1);
    vertical-align:middle;
    padding:5px;
}
.message-container div.baron {
    text-align:center;
    display:block;
    width:458px;
    margin:20px auto;
    box-sizing:border-box;
    border:none;
    border-bottom:solid 2px rgba(110, 119, 126, 1);
    padding:5px 5px 5px 5px;
    color:#fff;
    outline:none;
    background-color:rgba(255,255,255,0.1);
}
.message-container div.baron {
    padding:0;
    padding-right:10px;
}
.message-container div.baron {
    height:200px;
}
.message-container div.baron__scroller {
    background-color:rgba(255,255,255,0.1);
}
.message-container .message-field {
    height:100%;
    outline:none;
    padding:0 5px 0 5px;
    word-wrap:break-word;
    text-align:left;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#fff;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#fff;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#fff;
}
:-moz-placeholder { /* Firefox 18- */
    color:#fff;
}
.message-container button {
    background-color:rgba(234, 64, 65, 1);
    color:#fff;
    border:none;
    margin:25px 0 0 0;
    width:458px;
    position:relative;
}
.message-container button img {
    position:absolute;
    vertical-align:middle;
    right:130px;
    visibility:hidden;
}
.message-container button.spin img {
    animation-name:spin;
    animation-duration:1.5s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
    animation-direction:reverse;
    visibility:visible;
}
@keyframes spin {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.message-container button:hover {
    background-color:rgba(234, 80, 80, 1);
}
.message-container button:active {
    background-color:rgba(215, 49, 49, 1);
}
.message-container iframe {
    display:none;
}
.message-container .order_name_cont,
.message-container .order_phone_cont {
    width:486px;
    margin:0 auto;
    position:relative;
    margin-bottom:30px;
}
.message-container .order_name_cont:after,
.message-container .order_phone_cont:after {
    content:"";
    width:24px;
    height:24px;
    background-image:url("/sources/star-empty.svg");
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    right:-20px;
    top:50%;
    transform:translateY(-50%);
}
    .message-container .order_name_cont.invalid:after,
    .message-container .order_phone_cont.invalid:after {
         background-image:url("/sources/notification.svg");
    }