/*NS Theme Green*/
.container-fluid, .view, .main2 {
    height: auto;
    min-height: 100%;
    padding-bottom: 5px;
    z-index: 0;
}


.mr10 {
    margin-right: 10px;
}

.visibleDiv {
    border-left: 7px solid #3D9BAB;
    outline-color: #3D9BAB;
}

.app-modal-window .modal-dialog {
    width: 500px;
}


.right-panel.open .sidebar-handle {
    background-image: url(../images/theme-red/sidebar-handle.png);
}

.right-panel .sidebar-handle {
    background-image: url(../images/theme-red/sidebar-handle2.png);
}

.action-box .e-btn {
    background: #d0625f !important;
    border: 1px solid #d0625f !important;
}

    .action-box .e-btn:hover {
        background: #bbb !important;
        border: 1px solid #bbb !important;
    }

.arrow-down {
    background-image: url(../images/theme-red/arrow-up-green.png);
}

.arrow-up {
    background-image: url(../images/theme-red/arrow-down-green.png);
}

.tabset.with-chat ul.nav.nav-tabs li:last-child {
    background-color: #d0625f;
}

.tabset.with-chat ul.nav.nav-tabs .active:last-child {
    background: #d0625f;
}



table.dataTable thead .sorting_desc {
    background-image: url("../images/theme-red/sort_desc.png");
    color: #d0625f !important;
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/theme-red/sort_asc.png");
    color: #d0625f !important;
}

.paginate_button.current {
    background: #d0625f !important;
    color: white;
}

.input-group-addon:first-child {
    background: #3D9BAB;
}

.refresh.input-group-addon:first-child {
    background: #3D9BAB;
}

.e-btn:hover, .e-btn:active, .e-btn:hover, .editable-buttons .btn-primary:hover, .editable-buttons .btn-primary:active, .editable-buttons .btn-primary:hover, .faq-btn:hover, .faq-btn:focus, .faq-btn:active, .faq-btn:hover {
    border: 1px solid #aaa !important;
    background: #aaa !important;
    border-radius: 0;
}

.e-btn, .e-btn:visited, .editable-buttons .btn-primary, .editable-buttons .btn-primary:focus {
    background: #3ca2b3 !important;
    border: 1px solid #3da2b3 !important;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-bottom: 5px;
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    position: absolute;
    right: 0;
}

    .editable-buttons .btn-primary, .editable-buttons .btn-primary:focus, .editable-buttons .btn-default, .editable-buttons .btn-default:focus {
        margin: 0px !important;
        float: left;
        margin-left: 5px !important;
        padding: 2px 5px;
        border-radius: 2px !important;
    }

.editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea {
    margin-bottom: 0;
    border: 1px solid #e5e5e5 !important;
    padding: 3px 5px !important;
    height: 25px;
    outline: none;
}

.e-btn-back:hover, .e-btn:hover, .editable-buttons .btn-default, .editable-buttons .btn-default:focus {
    background: #9FA3A9 !important;
    border: 1px solid #9FA3A9 !important;
    color: white;
    border-radius: 0;
}

.e-btn-back, .editable-buttons .btn-default {
    background: #ffffff !important;
    border: 1px solid transparent;
    border-radius: 3px;
    /*margin-bottom: 5px;*/
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    box-shadow: none;
    color: #293d49 !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border: 1px solid #e5e5e5 !important;
    padding: 0px 20px;
}


    .e-btn-back:hover, .editable-buttons .btn-default:hover {
        color: white !important;
        background: #e5e5e5 !important;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        border-radius: 3px;
        border: none !important;
    }


.tasks .my_tasks .task-icon {
    background: #d0625f;
    background-image: url(../images/tasks_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}


.show-documents .glyphicon:hover {
    background: #d0625f;
    border: 1px solid #d0625f;
}

.calendar .btn-sm:hover, .calendar .btn-group-sm > .btn:hover, .calendar .btn-sm:hover span, .calendar .btn-group-sm > .btn:hover span {
    background: #d0625f;
}

.calendar .btn-success {
    background-color: #d0625f;
    border-color: #d0625f;
}

.calendar .btn-info.active {
    background: #d0625f;
}

.e-btn, .e-btn:visited, .e-btn:focus {
    background: #45a6b5 !important;
    margin-bottom: 5px;
    transition: all .2s ease-in;
    box-shadow: none;
    color: #ffffff !important;
    box-shadow: none;
    /* border: 1px solid #fafafa!important; */
    border-radius: 3px !important;
    margin-top: 0px;
}

    .e-btn-back:hover, .e-btn:hover {
        background: #9BA1A9 !important;
        border: 1px solid #9BA1A9 !important;
    }

.e-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #d0625f !important;
}

    .e-btn-white :hover {
        background: #aaa !important;
        border: 1px solid #aaa !important;
    }

@media (max-width: 767px) {
    .navmenu, .navbar-offcanvas {
        width: 120px;
    }
}


.menu-fakturi-on {
    background-image: url('../images/dash-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right-link {
    background-size: 35px;
}

.menu-right {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 3px solid transparent;
}

    .menu-right a {
        color: #888 !important;
        color: rgba(66, 165, 180, 0.7) !important;
        color: rgba(249, 249, 249, 0.2) !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .menu-right:hover a, .menu-right a:hover, .menu-right.active a {
            color: #fff !important;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }


    .menu-right:hover .menu-fakturi-on, .menu-right.active .menu-fakturi-on {
        background-image: url('../images/dash-on.png');
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        border-right: 0px none #fff;
    }

.menu-projects-on {
    background-image: url('../images/menu-projects-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-projects-on, .menu-right.active .menu-projects-on {
    background-image: url('../images/menu-projects-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-dogovori-on {
    background-image: url('../images/menu-sett-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-address-book-on {
    background-image: url('../images/menu-fakturi-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-dogovori-on, .menu-right.active .menu-dogovori-on {
    background-image: url('../images/menu-sett-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-settings-on {
    background-image: url('../images/menu-sett-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-settings-on, .menu-right.active .menu-settings-on {
    background-image: url('../images/menu-sett-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-address-book-on, .menu-right.active .menu-address-book-on {
    background-image: url('../images/menu-fakturi-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}


.menu-bam-on {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

    .menu-bam-on:before {
        content: "\f4d2";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 25px;
        display: block;
        padding: 3px;
        color: rgba(249, 249, 249, 0.2) !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.menu-right:hover .menu-bam-on {
    color: rgba(249, 249, 249, 1) !important;
}

    .menu-right:hover .menu-bam-on:before {
        color: rgba(249, 249, 249, 1) !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.menu-calendar-on {
    background-image: url('../images/menu-settings-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-services-on {
    background-image: url('../images/menu-services-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-users-on {
    background-image: url('../images/menu-users-off.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-calendar-on, .menu-right.active .menu-calendar-on {
    background-image: url('../images/menu-settings-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-services-on, .menu-right.active .menu-services-on {
    background-image: url('../images/menu-services-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.menu-right:hover .menu-users-on, .menu-right.active .menu-users-on {
    background-image: url('../images/menu-users-on.png');
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-right: 0px none #fff;
}

.contracts-docs a {
    color: #d0625f;
}

.history-action.active {
    border-bottom-color: #d0625f;
    border-bottom: 4px solid #d0625f;
}

.chat-by {
    color: #d0625f;
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #f2dede;
}

.btn-group.outlinez > .btn-default {
    background-color: #d0625f;
    border-color: #cccccc;
}

.input-group:hover .input-group-addon, .input-group:hover input.btn.btn-primary.btn-block.e-btn, .input-group:hover .refresh, .input-group:hover button.btn.btn-primary.btn-block.e-btn-back {
    /*background: #3D9BAB !important;
    border: 0 solid #3D9BAB !important;*/
}


.select2-results .select2-highlighted {
    background: #d0625f;
}

.tasks .panel-heading:hover a {
    color: #d0625f;
}

.gray-light {
    background: #d0625f !important;
}

    .gray-light:hover {
        background: #aaa !important;
    }

.chat-btn-remove {
    background: #ce6e6e !important;
    border-color: #ce6e6e !important;
}

.chat-btn-gray {
    background: #aaa !important;
    border-color: #aaa !important;
}

.chat-btn {
    background: #4db7be !important;
    border: 1px solid #4db7be !important;
}

.green {
    color: #ce6e6e;
}



#suppliersPreview:hover {
    background: #ce6e6e;
}



.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0px none #ECECEC;
}

.table-bordered {
    border: 0 none #ddd !important;
}

    .table-bordered > tbody > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tfoot > tr > td:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > thead > tr > th:last-child {
        border-right: 1px solid #fff;
    }

.table > tbody > tr > td:first-child {
    /*width: 20% !important;*/
    border-left: 0;
}

.table td.center.text-center:last-child {
    font-size: 14px;
    width: 50px !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-size: 18px;
}

    .table td.center.text-center:last-child:hover {
        color: #45a6b5;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.table td.center.text-center.certificate:last-child:hover {
    color: #EFEFEF;
    background: #E2E2E2;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


.table td.center.text-center.certificate {
    background: #f1f1f1;
    border-bottom: #E4E4E4 1px solid !important;
}

    .table td.center.text-center.certificate:hover {
        background: #E2E2E2;
    }

    .table td.center.text-center.certificate, .table td.center.text-center.certificate:hover {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


.editable-click, a.editable-click {
    text-decoration: none;
    color: #3ba1b3;
    border-bottom: dashed 1px #ffb7b7;
    font-weight: 500;
    display: inline-block;
}

.table-box table thead tr th label {
    color: #3FA3AC;
    color: #000000;
    font-weight: 500;
}

.table-box .table thead tr th.text-center, .table-box .table thead tr th {
    text-align: left;
    padding-left: 15px !important;
    color: #3FA3AC;
}

.fa {
    font-size: 20px;
}

.inner-content h1 {
    color: #FFFFFF;
    font-size: 13px;
    border-bottom: 1px solid transparent;
    display: block;
    margin-top: 0;
    padding: 10px 22px;
    margin: -5px -20px 10px -20px;
    min-height: 20px;
    background: #3ba1b3; /* Old browsers */
    background: -moz-linear-gradient(left, #3ba1b3 0%, #8bcec6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3ba1b3 0%,#8bcec6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3ba1b3 0%,#8bcec6 100%) !important;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 63px;
    padding-left: 63px;
}

.panel-footer {
    padding: 10px 15px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #FFFFFF;
    box-shadow: none;
}

.panel {
    background-color: rgba(255,255,255,1);
    box-shadow: none;
    padding: 20px;
}

.panel-default > .panel-heading {
    background-image: none;
    padding: 5px 0px;
}

/*tabs*/
/*tabs*/
.nav-tabs > li, .nav-tabs > li:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


    .nav-tabs > li > a {
        margin: 0px;
        color: #667884;
        padding: 13px 25px;
        font-weight: 500;
    }


.services, .services:hover, .services:focus, .services.active {
    background-repeat: no-repeat !important;
    background-position: left 8px center !important;
}


.well-sm.alert {
    box-shadow: none;
    border: 1px solid #E8C6C7;
    background-color: #EFDADB;
    border-radius: 0px;
    background-image: url(../images/error-sign.png);
    background-repeat: no-repeat;
    background-position: left 5px center;
    padding-left: 70px;
    min-height: 55px;
    display: table;
    width: 100%;
}

    .well-sm.alert label {
        color: #CE6E6F;
        display: table-cell;
        vertical-align: middle;
        padding-top: 10px;
    }


.up-btn {
    margin-top: -65px;
    margin-right: -9px;
}

.pt15 {
    padding-top: 15px;
}

.service-desc img {
    left: -15px;
    top: -6px;
    position: absolute;
}

.service-desc span {
    color: #545454;
    font-weight: 500;
}

.service-desc .editable-buttons span.glyphicon {
    font-family: 'Glyphicons Halflings';
    color: white;
}

.gray-serv {
    background-color: rgb(249, 249, 249);
    border-bottom: 3px solid #3D9BAB !important;
    background-image: url(../images/program.png);
    background-repeat: no-repeat;
    background-position: left 15px top 7px;
}

.acc-services .panel {
    background: transparent;
    padding: 0;
}

    .acc-services .panel .panel-heading {
        padding: 0;
    }

.operation .inacive-group {
    background-color: #f3f7fa;
}

.operation .panel-title a span {
    width: 100%;
    display: block;
    padding: 10px;
    outline: none;
    font-size: 15px;
    color: #252A31;
    border-left: 3px solid #3D9BAB;
}

    .operation .panel-title a span.inacive-group {
        border: 1px solid #e5e5e5;
        border-left: 3px solid #3D9BAB;
    }

.operation .active-group {
    background-color: #fff;
    border-left: 3px solid #3D9BAB;
}

.acc-services .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
}


.operation .accordion-toggle i {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    color: transparent;
    background: url(../images/details_open.png) no-repeat;
    width: 22px;
    height: 22px;
}

.operation i.glyphicon-chevron-down {
    color: transparent;
    background: url(../images/details_close.png) no-repeat;
    width: 22px;
    height: 22px;
}

.acc-services .col-lg-2.up-btn {
    margin-top: -57px;
    margin-right: 0;
    z-index: 5;
    position: absolute;
    right: 0;
    width: auto;
}

.acc-services .up-btn {
    margin-top: 4px;
    margin-right: 25px;
}

.acc-services .btn.up-btn {
    background-color: #3D9BAB !important;
    border-color: #3D9BAB;
    height: 37px;
    box-shadow: none;
}

.acc-services h4 a:focus {
    text-decoration: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    white-space: normal;
    border-bottom: 1px solid #eaeaea;
    line-height: 16px;
}

.filter-box .head-collapse {
    background: rgb(249,249,249);
}

    .filter-box .head-collapse.docs-up {
        background: rgb(249,249,249);
    }

.filter {
    background-color: #FFFFFF;
}

.green, .blue, .red {
    font-size: 13px;
}

.green {
    color: #3D9BAB;
}

.blue {
    color: #aaa;
}

.profit {
    background-color: #fafafa;
}

.table-bordered > tfoot > tr.profit td {
    border-right: 1px solid white;
    font-size: 14px !important;
}

.income {
    box-shadow: none !important;
}

    .income .panel-footer {
        background-color: white !important;
    }

.border-top {
    border-top: 1px solid #e5e5e5;
}

.panel-body .table-responsive h4 {
    color: #3D9BAB;
    margin: 30px 0 0 0;
    padding: 6px;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px dashed #D2D2D2;
}

th.add:hover i {
    color: #5E676F;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


/*message-list*/

.messages {
    /* padding-top: 20px !important; */
    /* border-top: 4px double #cfcfcf; */
    /* margin-top: 15px; */
}

.message-list {
    margin-bottom: 10px;
    border: 1px solid #E0E0E0;
}

    .message-list table {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .message-list:hover table {
        background: #FBF9ED !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .message-list .open-mail, .message-list .closed-mail {
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 35px;
        height: 30px;
        display: inline-block;
        padding: 5px;
        position: relative;
    }

    .message-list.received .open-mail {
        background-image: url(../images/mail-open-red.png);
    }

    .message-list.received .closed-mail {
        background-image: url(../images/mail-closed-red.png);
    }

    .message-list.sent .open-mail {
        background-image: url(../images/mail-open-green.png);
    }

    .message-list.sent .closed-mail {
        background-image: url(../images/mail-closed-green.png);
    }

    .message-list.closed table {
        background-color: rgba(233, 238, 241, 0.6);
    }

    .message-list table tr td {
        padding: 0 10px;
    }

    .message-list label {
        display: block;
        margin: 0;
        font-size: 12px;
    }

    .message-list .status {
        width: 85px;
        border-right: 1px solid #D0D0D0;
        position: relative;
        border-right: 1px solid #dadada;
    }

    .message-list .from-to {
        width: 220px;
        border-right: 1px solid #DADADA;
    }

    .message-list .subject {
        border-right: 1px solid #E8E8E8;
        border-right: 1px solid #DADADA;
    }

    .message-list .date {
        width: 180px;
        border-right: 1px solid #E8E8E8;
        border-right: 1px solid #DADADA;
    }

    .message-list .more {
        width: 50px;
    }

    .message-list.received .status span {
        font-size: 25px;
        /* float: left; */
        display: inline-block;
        padding: 5px 0;
        color: #D0625F;
    }

    .message-list.sent .status span {
        font-size: 20px;
        display: inline-block;
        padding: 5px 0;
        color: #3D9BAB;
    }

.curcle {
    width: 20px;
    height: 20px;
    border-radius: 13px;
    color: #fff;
    line-height: inherit;
    text-align: center;
    margin-right: 0;
    position: absolute;
    font-size: 11px;
    right: -5px;
    top: 5px;
    line-height: 21px;
}

.message-list .status img {
    padding: 7px 7px;
}

.clip-title {
    height: 20px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    width: 195px;
    white-space: nowrap;
}

.load-more p {
    background-color: #C3C7CA;
    color: white;
    padding: 5px 0px 5px 20px;
    width: 150px;
    margin: 0 auto;
    /* margin-top: -20px; */
    border-radius: 5px;
    /* background-image: url(../images/details_open.png); */
    /* background-repeat: no-repeat; */
    /* background-position: left 5px center; */
    border: 0px solid #BCC4CC;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.load-more {
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    /* border-top: 4px double #C9CDD0; */
}

    .load-more p:hover {
        background-color: #B5BBC1;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.closed .circle-red {
    background: #C1C3C5;
}



/*message-list*/

.gray-serv .panel-footer {
    background: transparent;
}

.table-header-color {
    margin-top: 5px;
}

    .table-header-color > thead > tr, .table-header-color > thead > tr > td {
        vertical-align: top;
        border-bottom: 2px solid #3D9BAB;
        height: 25px;
        line-height: 14px;
        white-space: nowrap;
        background-color: #f5f5f5;
    }


@media (min-width: 768px) {
    .sidebar {
        overflow: auto;
        padding-top: 60px;
    }
}

/*discussions*/
.load-more.top-position {
    margin-top: 5px;
    margin-bottom: 25px;
}

    .load-more.top-position p {
        background-color: #FFFFFF;
        color: #3D9BAB;
        border: 1px solid #E3E6E8;
    }

.load-more.top-position {
    border-top: 4px double #E3E6E8;
}

    .load-more.top-position p:hover {
        background-color: #CBD1D6;
        color: white !important;
    }

.receive-discussion-right label, .send-discussion-left label {
    display: block;
    font-size: 12px;
    color: #3f4346;
    margin: 0;
    font-weight: 500;
}

.receive-discussion-right label, .send-discussion-left label,
.receive-discussion-right span, .send-discussion-left span {
    font-size: 11px;
    line-height: 15px;
}

.receive-discussion-right span, .send-discussion-left span {
    margin-bottom: 5px;
    display: block;
}

.receive-discussion label {
    color: #c76d6e;
    font-size: 12px;
    display: block;
    margin: 0;
}

.send-discussion label {
    color: #777;
    font-size: 12px;
    display: block;
    margin: 0;
}

.discussion-date {
    border-top: 1px dashed #e5e5e5;
    margin-top: 10px;
    padding-top: 5px;
}

.discussion-item {
    margin-bottom: 30px;
}

.institutionId {
    /* border: 5px solid #efefef; */
    width: auto;
    display: block;
    /* border-radius: 200px; */
    /* padding: 25px 0; */
    /* margin: 0 auto; */
    /* text-align: center; */
    /* width: 80px; */
    /* height: 80px; */
    text-transform: uppercase;
    /* background-color: #fafafa; */
    letter-spacing: 1px;
    color: #42a5b5;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}

.institutionName {
    margin-bottom: 0;
    line-height: 15px;
    margin-top: 0px;
    color: #292929;
    font-size: 11px;
    font-weight: 500;
}

.enter-message textarea.form-control {
    height: auto;
    max-width: 100%;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,.05);
}

.message-attachments {
    border-top: 1px dashed #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;
}

    .message-attachments label {
        background: url(../images/kniz-pisma.png) no-repeat left center;
        background-size: 24px;
        display: block;
        height: 25px;
        line-height: 25px;
        padding-left: 24px;
    }

        .message-attachments label span {
            font-size: 13px;
        }

.modal-dialog .modal-content .panel-default, .modal-dialog .modal-content .panel-default > .panel-heading, .modal-dialog .modal-content .panel-default > .panel-footer {
    background-color: #FFFFFF !important;
}

.form-errors {
    padding: 10px !important;
}

    .form-errors ul {
        padding-left: 50px;
        min-height: 35px;
    }

/*calendar*/
.date ul {
    padding: 15px;
    background-color: rgb(70, 93, 138);
}

.date table > thead > tr > th, .date table > thead > tr, .date table > thead > tr > td, .date em {
    vertical-align: middle !important;
    border-bottom: 0 solid #334B79;
    height: 30px;
    font-weight: normal;
    color: #fff;
}

.date table .btn-default {
    -ms-border-radius: 0;
    border-radius: 0;
    color: #FFF;
    background-color: transparent;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
}

.date .text-muted {
    color: #879BC2;
}

.date .btn-sm, .btn-group-sm > .btn {
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.5;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(70, 93, 138);
    color: white;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .date .btn-sm:hover, .date .btn-group-sm > .btn:hover, .date .btn-sm:hover span, .date .btn-group-sm > .btn:hover span {
        background: #334B79;
        color: white;
    }

.date .text-muted:hover {
    background: transparent;
    color: white;
}

.date .text-center {
    text-align: center;
    background-color: rgb(70, 93, 138);
}

.date table {
    width: 100% !important;
    background-color: transparent;
    outline: none;
}

.date .btn-info.active {
    color: white;
    font-weight: bold;
    font-size: 14px;
    background: #334B79;
}

.date .text-info {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
}

.date ul .btn-info {
    color: #fff;
    background: transparent;
    border-radius: 0 !important;
    border: 1px solid #3d9bab;
}

    .date ul .btn-info:hover, .date ul .btn-info:focus {
        border-color: #334B79;
    }

.date .btn:active, .date .btn.active {
    background-image: none;
    outline: 1px;
    box-shadow: inset 0 0 7px #eee;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .1);
    border: 1px solid #6E87B7;
    color: white;
    text-shadow: none;
    background: transparent;
    border: #3D9BAB 1px solid !important;
}

.date .btn-danger {
    border-color: #444;
}

.date .btn-success {
    color: #fff;
    background: transparent;
    border-color: #CE6E6F;
    border-radius: 0 !important;
}

    .date .btn-success:hover {
        background: #CE6E6F !important;
    }

.date .dropdown-menu {
    background-color: rgb(70, 93, 138);
}



.date table > thead > tr > th, .date table > thead > tr, .date table > thead > tr > td, .date em, .date .text-center, .date .dropdown-menu {
    border-bottom: 0 solid #AAAAAA;
    background: #2E3642;
}

.date .text-muted {
    color: #CDCDCD;
}

.date .btn-sm:hover, .date .btn-group-sm > .btn:hover, .date .btn-sm:hover span, .date .btn-group-sm > .btn:hover span {
    background: #3D9BAB;
    color: white;
    text-shadow: none;
}

.date .btn-info {
    border-color: #3d9bab !important;
    margin-right: 3px;
}

.date .btn:active, .date .btn.active {
    border: 1px solid #3D9BAB;
}

.date .btn-danger {
    color: #fff;
    background: transparent !important;
    border-color: #636979 !important;
    border-radius: 0 !important;
}

.date .glyphicon-calendar, .date .fa-calendar {
    font-size: 14px;
    text-shadow: none;
    color: #555;
}

.date .input-group-btn:hover .glyphicon-calendar, .date .input-group-btn:hover .fa-calendar {
    color: white;
}

/*end calendar*/
/*schema*/
.schema .up-btn {
    margin-top: -40px;
    margin-right: 0px;
}

.schema .modal-title {
    margin: 0;
    line-height: 16px;
    padding: 5px 0 15px 0;
}

.progress-bar {
    background-color: #b3cf72;
    line-height: 30px;
    font-size: 14px;
}

.schema legend {
    font-size: 16px;
}


@media (max-width:767px) {
    .nav-tabs > li:hover {
        width: 42px;
    }

    .inner-content h1 {
        font-size: 11px;
    }
}

.editable-buttons .btn-primary, .editable-buttons .btn-default {
    padding: 2px 5px !important;
    height: auto;
    line-height: 19px;
    float: right !important;
    box-shadow: none !important;
}

.editable-buttons .btn-default {
    border: 1px solid #e5e5e5 !important;
}

    .editable-buttons .btn-default:hover {
        border: 1px solid #cccccc !important;
        background: #cccccc !important;
    }

.editable-controls .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: none;
    border-radius: 2px;
}


.btnSmall {
    font-size: 12px !important;
    padding: 0px 10px;
    height: 30px;
}

    .btnSmall i {
        font-size: 22px !important;
        line-height: 10px;
        margin-top: 4px;
        display: block;
    }

.mce-btn, .mce-panel {
    background-color: #fafafa !important;
}