.email{ margin-bottom: 20px; } .emailHeader { padding-bottom: 10px; } .email .inbox { margin-bottom: 0; } .email .emailNav { list-style: none outside none; margin: 0 0 20px; padding: 0; } .email .emailNav li { position: relative; } .email .emailNav li a { display: block; text-align: left !important; color: #555555; font-size: 14px; } .emailNav.nav-pills > li.active > a{ background-color: #FFFFFF; color: #d9534f; font-weight: 600; } .emailNav.nav-pills > li.active > a:hover { background-color: #EEEEEE; } .email .composeBtn a { width: 100%; font-weight: 400; text-transform: uppercase; } .emailHeader .emailTitle { overflow: hidden; } .emailHeader .emailTitle img { height: 40px; margin-right: 20px; } .emailHeader .emailTitle .form-inline { margin-top: 10px; } .email .emailPager { text-align: right; } .email .emailPager .emailPagerCount { display: inline-block; font-size: 14px; line-height: 14px; padding-right: 10px; } .email tr label { display: inline-block; margin-bottom: 0; } .email tr.new td { font-weight: 600; } .email td i.fa-paperclip, .email td i.fa-camera{ color: #D8E0E5; font-size: 17px; position: relative; top: 2px; } .email tr i.fa-star, .email tr i.fa-trash-o { cursor: pointer; } .email tr i.fa-star { color: #ECEEF0; } .email tr i.fa-star:hover { color: #FCD76A; } .email tr i.starred { color: #FCD76A; } .email .table thead { border-radius: 4px; } .email .table th, .email .table td { cursor: pointer; } .email .table th { border-bottom: 1px solid #DBDBDB; color: #555555; } .email th.text-right { text-align: right; } .email ul.emailNav { margin-bottom: 20px; } .email ul.emailNav li { padding: 0; } .email ul.emailNav li span { color: #828F97; font-size: 12px; margin-right: 10px; } .email ul.emailNav i { cursor: pointer; font-size: 15px; padding: 1px 0; } .email td.text-right { text-align: right; width: 100px; } .email td.width-10 { width: 10px; } .email .emailTitle h1 { color: #666666; font-size: 22px; line-height: 24px; margin-bottom: 0 !important; margin-top: 0 !important; } .email .emailTitle h1 .label{ font-size: 45%; vertical-align: middle; } .emailViewContent { color: #666666; margin-bottom: 10px; padding: 5px 0; } .emailViewContent .control-label{ text-align: left; } .emailViewContent button { font-size: 13px; margin-left: 4px; padding: 3px 10px; position: relative; top: 2px; } .emailContent .toolbar .btn-group { margin-right: 40px; } .emailView { color: #666666; padding: 0px; } .emailAttached { line-height: 16px; } .emailAttached .btn-group{ display: block; margin-top: 5px; margin-bottom: 45px; } .emailAttached img { height: auto; margin-bottom: 5px; max-width: 250px; border-radius: 4px; } .emailAttached span { margin-right: 3px; } .emailAttached strong { color: #555555; display: block; font-size: 13px; } .emailAttached .margin-bottom-25 { margin-bottom: 25px; } .emailAttached .margin-bottom-15 { margin-bottom: 15px; } .emailCompose { margin-top: 1px; } .emailComposeButtons { padding: 8px 4px; border-radius: 4px; margin-top: 10px; } .emailComposeButtons button { margin-left: 4px; padding: 4px 10px; } .emailComposeButtons button i { margin-right: 3px; } .emailCompose .emailField { border-bottom: 1px solid #EEEEEE; margin-bottom: 0; position: relative; } .emailCompose .emailField .form-control { box-shadow: none; font-size: 13px; } .emailCompose .fields { margin-left: 85px; } .emailCompose .emailField > label { color: #979797; float: left; text-align: right; width: 80px; } .emailCompose .fields > input { border: medium none !important; } .emailCompose .fieldsTo { padding-right: 55px; } .emailCompose .fieldsCC { padding-right: 20px; } .emailCompose .fieldsBCC { padding-right: 20px; } .emailCompose .emailField .close { padding: 5px; } .emailCompose .address #cc-bcc { color: #979797; cursor: pointer; display: inline-block; font-size: 14px; position: absolute; right: 10px; top: 7px; } .emailCompose .address .emailBCC { margin-left: 5px; } .display-none { display: none; } @media (max-width: 480px) { .emailCompose .emailField > label { margin-top: 7px; } } .emailNav .list-group-item:first-child { border-radius: 0px; } .emailNav .list-group-item:last-child { margin-bottom: -1px; }