.mensajeria-wrapper {
    font-family:'arial', sans-serif;
}

.mensajeria-content-border {
	position: relative;
	height: 2px;
	width: 100%;
	margin: auto auto;
	left: 0; right: 0;
	background-color: #46494f;
}

.mensajeria-page-section,
.mensajeria-container-flow {
    font-family: 'Century Gothic', 'Muli';
    padding: 5px 20px;
    color: #494948;
}

.mensajeria-modal-dialog {
    width: 60%;
}

.mensajeria-modal-dialog-lg {
    width: 70%;
    top: 0px;
}

.mensajeria-modal-dialog-full-screen {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.mensajeria-modal-content-full-screen {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
}



.mensajeria-img {
    width: 35px;
}

.mensajeria-confirmation {
    width: 200px;
    height: 100px;
    top: 400px;
}

.mensajeria-p {
    display: inline-block;
    font-family: 'Century Gothic','Muli';
    font-size: 30px;
    color: #46494F;
    font-weight: 700;
    vertical-align: middle;
    padding-left: 15px;
    text-transform: uppercase;
    margin: 0px;
}

.mensajeria-notification {
    z-index: 9999;
}

.mensajeria-icon {
    font-size: 16px;
}

.mensajeria-icon-lg {
    font-size: 24px;
}

.mensajeria-filter-top {
    float: right
}

.mensajeria-filter {
    border-left: 1px solid #46494F;
    border-right: 1px solid #46494F;
    border-bottom: 1px solid #46494F;
    padding: 5px 5px 5px 5px;
    background-color: #c4e6fb;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.mensajeria-filter ul>li>ul>li {
    padding-left: 8px;
    color: #0658a8;
}

.mensajeria-filter ul>li>ul>li>button {
    padding-left: 2px;
    padding-right: 2px;
}

.mensajeria-filter ul>li>ul>li>i {
    padding-left: 1px;
    padding-right: 1px;
}

.mensajeria-filter .btn-link:active {
    text-decoration: underline;
}

.mensajeria-header {
    font-weight: bold;
    color: black;
    padding-left: 5px;
}

.mensajeria-message-img {
    width: auto;
    height: auto;
    padding: 3px;
}

.mensajeria-table-img,
.msgcontact,
.contactiamge {
    height: auto;
    width: auto;
    max-width: 30px;
    max-height: 30px;
}

.msgimage {
    height: auto;
    width: auto;
    max-width: 30px;
    max-height: 30px;
}

/* message modal DIV  */

.mensajeria-row {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.mesajeria-message-header {
    background-color: #c4e6fb;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mesajeria-message-header-title {
    padding-top: 6px;
}

.mesajeria-message-header>label {
    font-weight: normal !important;
}

.mesajeria-message-header .msgimage {
    width: 50px;
}

.mesajeria-message-header div.row {
    padding-bottom: 5px;
}

.mesajeria-navbar, 
.mesajeria-message-nav {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mesajeria-message-textarea {
    border: 1px solid #000000;
}

.mesajeria-navbar {
    background-color: #c4e6fb;
}

.mensajeria-message-contact {
    position: relative;
    padding: 2px 0px 2px 12px;
    background: #c4e6fb;
    float: left;
    margin: 0 5px 5px 0;
}

.mesajeria-write-email-to {
    position: absolute;
}

.mesajeria-message-date {
    padding-left: 5px;
    padding-right: 5px;
}

.mesajeria-message-date>label {
    color: #c02929;
    font-weight: normal;
}

/* write/redactar  tab */

.listimage {
    height: auto;
    width: auto;
    max-width: 30px;
    max-height: 30px;
}

.mesajeria-modal-contact {
    position: relative;
    padding: 10px;
    height: 500px;
    background-color: white;
}

.mensajeria-contact {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 55px;
}

.mensajeria-btn-contact {
    margin-bottom: 5px;
}

.mensajeria-contact-group {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 30px;
}

table.mensajeria-table-contact th,
table.mensajeria-table-contact td {
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mensajeria-table-contact.dataTable tr,
.mensajeria-table-contact.dataTable th {
    background: transparent !important;
}

.mensajeria-td {
    overflow: hidden;
    text-overflow:ellipsis;
}

.mensajeria-unread-td {
    font-weight: bold;
}

.mensajeria-action-td {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.mensajeria-view-td {
    display: inline-block;
}

.mensajeria-contact-th {
    font-weight: bold;
}

.mensajeria-contact-row {
    height: 600px;
    padding: 10px;
}

.mensajeria-contact-tab-content {
    overflow-y: scroll;
    max-height: 500px;
}

.mensajeria-write-btn {
    font-size: 24px;
}

.mensajeria-message-body {
    min-height: 300px;
}

.mensajeria-manage-folder {
    font-size: 24px;
    padding: 0px;
}

.mensajeria-write-contact {
    overflow-x: auto;
    height: 400px;
}

.mensajeria-write-contact ul>li {
    margin-bottom: 2px;
}

.mensajeria-contact-create {    
    border-right: 1px solid #ddd;
}

.mensajeria-menu-manage {
    padding-right: 0px;
}

.mensajeria-write-attachment {
    padding-top: 5px;
}

.mensajeria-richText-editor {
    padding: 20px;
    background-color: #FFFFFF;
    border-left: #FFFFFF solid 2px;
    font-family: Calibri,Verdana,Helvetica,sans-serif;
    outline: none;
    background-color: #FAFAFA;
    border: #a5a4a4 solid 1px;
    color: #0a0000;
}

.mensajeria-message-print-td {
    padding: 1px;
    vertical-align: text-top;
}

.mensajeria-group-students {
    margin-left: 20px;
    overflow-x: auto;
}

.mensajeria-table-contact thead,
.mensajeria-group-students thead {
    border-bottom: 1px solid #e5e5e5;
}

.mensajeria-contact-group-label {
    margin-bottom: 0px !important;
}

.mensajeria-input-has-error {
    border-color: #a94442;
}

.mendsajeria-plan {
	padding-top: 15px;
	padding-left: 80px;
	height: 60px;
}

input.mendsajeria-plan-radio {
	width: 35px !important;
	height: 35px !important;
}

.mensajeria-progress .progress-bar {
	padding-top: 5px !important;
}