/*
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
*/ 

    #emails-cont{
        padding:0px 40px;
    }

    .mail-box {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .mail-box aside {
        display: table-cell;
        float: none;
        height: 100%;
        padding: 0;
        vertical-align: top;
    }

    .mail-box .sm-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 4px 0 0 4px;
        width: 19%;
    }

    .mail-box .lg-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0 4px 4px 0;
        width: 75%;
    }

     a.mail-dropdown {
        background: none repeat scroll 0 0 #80d3d9;
        border-radius: 2px;
        color: #01a7b3;
        font-size: 10px;
        margin-top: 20px;
        padding: 3px 5px;
    }

    .inbox-body {
        padding: 20px;
    }

    .btn-compose {
        background: none repeat scroll 0 0 #00BCD4;
        color: #fff;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

    .btn-compose:hover {
        background: none repeat scroll 0 0 #00ACB4;
        color: #fff;
    }

    ul.inbox-nav {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .inbox-divider {
        border-bottom: 1px solid #d5d8df;
    }

    ul.inbox-nav li {
        display: inline-block;
        line-height: 45px;
        width: 100%;
    }

    ul.inbox-nav li a {
        color: #6a6a6a;
        display: inline-block;
        line-height: 45px;
        padding: 0 20px;
        width: 100%;
    }

    ul.inbox-nav li a:hover,
    ul.inbox-nav li.active a,
    ul.inbox-nav li a:focus {
        background: none repeat scroll 0 0 #d5d7de;
        color: #6a6a6a;
    }

    ul.inbox-nav li a i {
        color: #6a6a6a;
        font-size: 16px;
        padding-right: 10px;
    } 

    ul.labels-info li h4 {
        color: #5c5c5e;
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    ul.labels-info li {
        margin: 0;
    }

    ul.labels-info li a {
        border-radius: 0;
        color: #6a6a6a;
    }

    ul.labels-info li a:hover,
    ul.labels-info li a:focus {
        background: none repeat scroll 0 0 #d5d7de;
        color: #6a6a6a;
    }

    ul.labels-info li a i {
        padding-right: 10px;
    }

    .modal-dialog{
        height: 400px;
        margin-top: 100px;
    }

    .nav.nav-pills.nav-stacked.labels-info p {
        color: #9d9f9e;
        font-size: 11px;
        margin-bottom: 0;
        padding: 0 22px;
    }

     .table-inbox {
        border: 1px solid #d3d3d3;
        margin-bottom: 0;
    }

    .table-inbox tr td {
        padding: 12px !important;
    }

    .table-inbox tr td:hover {
        cursor: pointer;
    }

    .table-inbox tr td .fa-star.inbox-started,
    .table-inbox tr td .fa-star:hover {
        color: #f78a09;
    }

    .table-inbox tr td .fa-star {
        color: #d5d5d5;
    }

    .table-inbox tr.unread td {
        background: none repeat scroll 0 0 #f7f7f7;
    }

    ul.inbox-pagination {
        float: right;
    }

    ul.inbox-pagination li {
        float: left;
    }

    .mail-option {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }

    .mail-option .chk-all,
    .mail-option .btn-group {
        margin-right: 5px;
    }

    .mail-option .chk-all,
    .mail-option .btn-group a.btn {
        background: none repeat scroll 0 0 #fcfcfc;
        border: 1px solid #e7e7e7;
        border-radius: 3px !important;
        color: #afafaf;
        display: inline-block;
        padding: 5px 10px;
    }
    
    .mail-option .drop-inbox {
        padding:10px;
        margin:5px 0px; 
        box-shadow: 4px 4px 3px #c9c7c7;
    }

    .mail-option .drop-inbox li {
        border-bottom: 1px solid #e7e7e7;
    }    
    .mail-option .drop-inbox li a{
        color:#afafaf;
    }

    .inbox-pagination a.np-btn {
        background: none repeat scroll 0 0 #fcfcfc;
        border: 1px solid #e7e7e7;
        border-radius: 3px !important;
        color: #afafaf;
        display: inline-block;
        padding: 5px 15px;
    }

    .mail-option .chk-all input[type="checkbox"] {
        margin-top: 0;
    }

    .mail-option .btn-group a.all {
        border: medium none;
        padding: 0;
    }

    .inbox-pagination a.np-btn {
        margin-left: 5px;
    }

    .inbox-pagination li span {
        display: inline-block;
        margin-right: 5px;
        margin-top: 7px;
    }

    .fileinput-button {
        background: none repeat scroll 0 0 #eeeeee;
        border: 1px solid #e6e6e6;
    }

    .inbox-body .modal .modal-body input,
    .inbox-body .modal .modal-body textarea {
        border: 1px solid #e6e6e6;
        box-shadow: none;
    }

    .btn-send,
    .btn-send:hover {
        background: none repeat scroll 0 0 #00a8b3;
        color: #fff;
    }

    .btn-send:hover {
        background: none repeat scroll 0 0 #009da7;
    }

    .modal-header h4.modal-title {
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
    }

    .modal-body label {
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
    }

    .heading-inbox h4 {
        border-bottom: 1px solid #ddd;
        color: #444;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .sender-info {
        margin-bottom: 20px;
    }

    .sender-info img {
        height: 30px;
        width: 30px;
    }

    .sender-dropdown {
        background: none repeat scroll 0 0 #eaeaea;
        color: #777;
        font-size: 10px;
        padding: 0 3px;
    }

    .view-mail a {
        color: #00BCD4;
    }

    .attachment-mail {
        margin-top: 30px;
    }

    .attachment-mail ul {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%;
    }

    .attachment-mail ul li {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        width: 150px;
    }

    .attachment-mail ul li img {
        width: 100%;
    }

    .attachment-mail ul li span {
        float: right;
    }

    .attachment-mail .file-name {
        float: left;
    }

    .attachment-mail .links {
        display: inline-block;
        width: 100%;
    }

    .fileinput-button {
        float: left;
        margin-right: 4px;
        overflow: hidden;
        position: relative;
    }

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 23px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-300px, 0px) scale(4);
    }

    .fileupload-buttonbar .btn,
    .fileupload-buttonbar .toggle {
        margin-bottom: 5px;
    }

    .files .progress {
        width: 200px;
    }

    .fileupload-processing .fileupload-loading {
        display: block;
    }

    * html .fileinput-button {
        line-height: 24px;
        margin: 1px -3px 0 0;
    }

    *+html .fileinput-button {
        margin: 1px 0 0;
        padding: 2px 15px;
    }

    @media (max-width: 767px) {
        .files .btn span {
            display: none;
        }
        .files .preview * {
            width: 40px;
        }
        .files .name * {
            display: inline-block;
            width: 80px;
            word-wrap: break-word;
        }
        .files .progress {
            width: 20px;
        }
        .files .delete {
            width: 60px;
        }
    }

    ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }