/* Msgboxy i strona logowania */

.msgb_box {
    /* width: 20%; */
    display: table;
    margin: 20px auto 25px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 0 0 4px 4px;
    border: 1px solid #eee;
    min-height: 58px;
    height: auto;
    font-size: 16px;
    font-family: 'Mulish', Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: .3px;
    box-shadow: rgba(0, 0, 0, 0.2) 4px 2px 11px -6px;
    background: #FBFBFB;
    border-top: 4px solid;
    border-radius: 20px;
}
.msgb_box p {
    margin-top: 6px;
    color: #434343;
    margin-bottom: 0;
}
.msgb_left {
    display: table-cell;
    /* width: 80px; */
    text-align: center;
    /* height: 100%; */
    border-radius: 0 0 0 4px;
    vertical-align: middle;
    /* background-color: rgba(0,0,0,0.05); */
    padding: 8px 16px;
    border-right: 1px solid #eee;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.37) 0%, rgba(0,0,0,0.08) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.37)), color-stop(100%,rgba(0,0,0,0.08)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0.08) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0.08) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0.08) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e000000', endColorstr='#14000000',GradientType=0 );
    box-shadow: rgba(0, 0, 0, 0.2) 4px 2px 11px -6px;
}
.msgb_left img {height: 32px;}


.msgb_right {
    display: table-cell;
    /* width: 360px; */
    padding: 14px 50px;
    text-align: left;
    /* padding-left: 20px; */
}


.msgb_left img {

}

.msgb_right span.msgb_text {
    font-weight: bold;
    font-family: 'Mulish';
    font-size: 16px;
}
.msgb_box .msgb_content a,.msgb_box .msgb_content a:hover,.msgb_box .msgb_content a:visited,.msgb_box .msgb_content a:active,.msgb_box .msgb_content a:link {
    color: #006699;
    text-decoration: underline;
}


/**/
.box_green {

    border-top-color: #1FA91F;
}

.box_green .msgb_right span.msgb_text {

    color: #3a9805;

}
.box_yellow {
    border-top-color: #ffc000;
}
.box_yellow .msgb_right span.msgb_text {
    color: #E0A900;
}
.box_red {
    border-top-color: #FF3600;
}
.box_red .msgb_right span.msgb_text {

    color: #FF3600;
}
.box_blue {
    border-top-color: #409fe0
}
.box_blue .msgb_right span.msgb_text {

    color: #3498db;
}

.msgb_element {
    padding-top: 23px;
}
.msg_checkmail {
    width: 349px;
    height: 22px;
    margin: 20px 0 8px;
    padding-top: 11px;
    text-align: right;
    background: transparent url(/images/check_mail.png) no-repeat center top;
}
.msg_checkmail a {
    width: 128px;
    display: block;
    float: right;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

/* wewnatrz konwersacji */
.msg_box_conv {
    width: 100%;
}
.msg_box_conv .msgb_box {
    width: 573px;
    height: 40px;
    min-height: 0;
    margin: 14px auto 0;
    float: right;
    text-align: center;
}
.msg_box_conv .msgb_left {
    width: 0;
}
.msg_box_conv .msgb_left img {
    display: none;
}
.msg_box_conv .msgb_right {
    width: auto;
    padding: 14px 0 0 0;
    float: none;
    text-align: center;
}
.msg_box_conv .msgb_right .msgb_text {
    color: #444!important;
}

@media (max-width: 639px){
    
    .msgb_box {width: auto;}
    .msgb_left {padding: 6px;}
    .msgb_left img {height: 24px;}
    .msgb_right span.msgb_text {font-size: 12px;}
    .msgb_right {padding: 10px}
}