/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Navbar bottom border disabled by default */
.navbar {
    border-bottom: 1px solid transparent;
}

/* Header button states - text colors */
.header-btns > div > button:focus {
    color: #666;
}

.header-btns > div > button:hover {
    color: #0094d2;
}

/* Sidebar menu item states - background colors */
/* top level*/
/* Submenu item level */
/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/

a {
    color: #428bca;
}

.active {
    color: #D24A00;
}

a:hover {
    text-decoration: none;
}

a.noactive {
    color: #428bca;
}

.search-field input {
    height: 25px !important;
}

#upload-content {
    overflow: hidden;
}

.file-uploaded {
    height: 50px;
}

.file-delete {
    cursor: pointer;
}

#page-logo {
    margin: 40px auto 40px !important;
}

.required-field {
    color: red;
}

.project-users {
    background-color: rgb(248, 242, 236);
    padding-bottom: 30px;
    padding-top: 10px;
}

.vertical-align {
    vertical-align: middle !important;
}

.comments {
    background-color: aqua;
    background-color: rgb(229, 240, 241);
    padding-bottom: 30px;
    padding-top: 10px;
    background-color: #f5f5f5;
}

.comment-delete span {
    cursor: pointer;
}

.users-in-project-table td {
    padding: 5px !important;
}

@media (max-width: 750px) {
    .users-in-project-table td {
        padding: 10px !important;
    }    
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    color: #888;
    font-size: 14px;
}

.bs-callout-info {
    border-left-color: #5bc0de;
    background-color: rgb(234, 250, 252);
}

.bs-callout-warning {
    border-left-color: #EBE450;
    background-color: rgb(253, 255, 229);
}

.bs-callout-error {
    border-left-color: #F58E74;
    background-color: #FFEAE8;
}

.files .filesize, .files .date {
    text-align: right;
    padding-right: 10px;
}

.files .action {
    text-align: center;
}

.files td {
    vertical-align: middle !important;
}

.intern-com .media-content {
    border: 1px solid #fcbcbc;
    background-image: linear-gradient(#ffffff, #ffe0e0);
}

.div-comment-deleted .media-content {
    border: 1px solid #dddddd;
    background-image: linear-gradient(#ebebeb, #dddddd);
}

.div-comment-pinned .media-content {
    border: 1px solid #46b8da;
    background: linear-gradient(rgba(91,192,222, 0.4), rgba(91,192,222, 0.1));
    box-shadow: 0px 0px 10px rgb(91,192,222) inset;
}

.media-content .media-heading {
    color: #d63131;
    font-size: 13px;
}

.media-content .comment {
    color: #444;
    font-weight: 600;
    word-break: break-word;
}

.media-content img {
    max-width: 100%;
    height: auto;
}

.media-content .not-users {
    color: #868686;
    font-size: 11px;
    margin-bottom: 0px;
}

.media-content .not-users span {
    font-weight: 600;
}

.inter-com-sp {
    color: red;
    font-weight: bold;
}

#frm-reqInfoForm-name {
    font-size: 18px;
    color: #d63131;
}

.form-group label {
    line-height: 29px;
}

.form-group label.required {
    /*color: #d9534f;*/
    color: rgb(194, 102, 102);
}

td label {
    width: 100%;
}

.form-group span.request-data {
    font-size: 15px;
    line-height: 29px;
}

a.link-lg {
    font-size: 15px;
    line-height: 29px;
}

#edit-company {
    font-size: 20px;
    color: #357ebd;
    float: right;
    cursor: pointer;
}

textarea[name=comment] {
    height: 110px;
}

select.highlight {
    background-color: rgb(255, 241, 211);
}

#frm-statesForm .glyphicons-list {
    font-size: 21px;
}

.form-row {
    line-height: 29px;
    padding-top: 7px;
}

.form-row input[type=checkbox] {
    vertical-align: text-top;
}

.form-control.col-lg-3 {
    width: auto;
}

#frm-projectUsersForm-addUser-force_notif {
    margin: 5px;
}

#saveUsersBtnRow {
    display: none;
}

.modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important; /* IE 9 */
    -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

html, body.login-page, #main {
    height: 100%;
}

.login-page .panel h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    padding: 10px 15px;
}

.login-page .panel .panel-body  {
    padding: 10px 15px 30px;
}

@media (min-width: 600px) {
    .login-page .panel .panel-body  {
        padding: 10px 50px 30px;
    }
}

.login-page .panel .panel-footer a, .login-page .panel form a {
    color: #d9534f !important;
    font-size: 13px;
}

.special-hr hr {
    margin-top: 15px;
}

.icon-flag-lang {
    display: inline-block;
}

.image-thumbnail {
    height: 50px;
}

.nowrap {
    white-space: nowrap;
}

.component-icon {
    font-size: 30px;
    /*color: #b6b6b6;*/
    color: rgb(243, 210, 209);
    top: 8px;
    margin-right: 10px !important;
}

.semafor {
    height: 34px;
    width: 22px;
    background: url('../images/semafor.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.semafor-green {
    background-position: -22px 0;
}

.semafor-red {
    background-position: 0 0;

}

.semafor-no-color {
    background-position: -43px 0;
}

.semafor-title {
    display: inline-block;
    vertical-align: middle;
}

.documents {
    padding-bottom: 30px;
    padding-top: 10px;

}

.width960 {
    width: 960px !important;
}

#edit-password {
    padding-left: 15px;
    line-height: 25px;
}

#edit-password span {
    font-size: 20px;
}

.row h3, .panel-title {
    color: #a0a0a0;
}

.row.main h3 {
    color: #666;
}

.txt-dark-red {
    color: #d63131;
}

.contacts-person .glyphicon {
    font-size: 17px;
    padding-right: 7px;
    color: #428bca;
}

.contacts-person .modal-body h4 {
    padding-bottom: 3px;
    padding-top: 18px;
}

.homepage-table-desktop {
    display: none;
}

.homepage-table-mobile-wrapper {
    display: block;
}

@media (min-width: 600px) {
    .homepage-table-desktop {
        display: table;
    }

    .homepage-table-mobile-wrapper {
        display: none;
    }
}

.homepage-table tbody tr:hover > td{
    cursor: pointer;
}

.homepage-table-mobile {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
}

.homepage-table-mobile:last-of-type {
    border-bottom: 0;
}

.homepage-table-mobile td,
.homepage-table-mobile th {
    padding: 5px;
}

.homepage-table-mobile tbody tr:last-of-type td,
.homepage-table-mobile tbody tr:last-of-type th {
    padding-bottom: 20px;
}

.table-wrapper {
    margin-bottom: 15px;
    overflow-x: auto;
}

.table-mobile {
    overflow: hidden;
}

.table-mobile .table-mobile-title {
    color: #428bca;
    display: none;
    font-weight: 700;
    margin-right: 15px;
    min-width: 80px;
}

@media (max-width: 750px) {
    .table-bordered.table-mobile {
        border: 0;
    }
    .table-mobile thead {
        display: none;
    }

    .table-mobile tbody tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    .table-bordered.table-mobile tbody tr td,
    .table-striped.table-mobile tbody tr td {
        border-top: 1px solid #ddd;
        border-bottom: 0;
    }

    .table-bordered.table-mobile tbody tr:last-of-type td:last-of-type {
        border-bottom: 1px solid #ddd;
    }

    .table-mobile tbody td {
        align-items: flex-start;
        display: flex;
        flex-basis: 100%;
        order: 3;
        text-align: left;
    }

    .table-mobile td .label {
        height: 20px;
    }

    .table-mobile tbody tr td.checker {
        background-color: transparent;
        border: 0;
        order: 1;
        position: absolute;
        right: 8px;
        width: 30px;
    }

    .table-mobile tbody tr td.grid-cell-name,
    .table-mobile tbody tr td.grid-cell-username {
        font-weight: 700;
        order: 2;
        padding-right: 46px;
    }

    .table-mobile tbody .grid-cell-name .table-mobile-title,
    .table-mobile tbody .grid-cell-username .table-mobile-title {
        display: none;
    }

    .table-mobile .table-mobile-title {
        display: inline-block;
    }

    .table-mobile .row-sum {
        display: none;
    }
}


.glyphicons.bigger {
    font-size: 32px;
}

.glyphicons.middle {
    font-size: 22px;
}

.gliphicons.pointer {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.navbar-brand {
    padding-top: 7px;
}

header.navbar-fixed-top + #main {
    padding-top: 54px;
}

.alert.no-reg-alert {
    margin: 20px 30px 0 30px;
}

.table-text {
    max-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.action-buttons {
    text-align: center;
    min-width: 110px;
}

.unread-comments .comment{
    border-bottom: 1px dashed #c9c9c9;
    padding: 14px 8px !important;
    position: relative;
    cursor: auto !important;
}
.unread-comments .comment a{
    text-decoration: none;
    color: #666;
}
.unread-comments .comment a.td-link{
    
}
.unread-comments .title {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    color: #666;
    font-weight: 700;
    padding-bottom: 6px;
}
.unread-comments .title-icon {
    position: absolute;
    top: 14px;
    right: 8px;
    font-size: 14px;
}
.unread-comments .title-icon .fa {
    padding: 3px 0px;
    border-radius: 3px;
    width: 21px;
    text-align: center;
}
.unread-comments .title-icon  .fa.pin-icon {
    background: #428bca;
    color: white;
}
.unread-comments .title-icon  .fa.remove-icon {
    background: none;
    color: #d9534f;
    transition: all 0.3s ease-out;
}
.unread-comments .title-icon  a:hover .fa.remove-icon {
    background: #d9534f;
    color: white;
}
.unread-comments .subtitle {
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    padding-bottom: 4px;
    line-height: 15px;
}
.unread-comments .subtitle .name {
    font-size: 13px;
    font-weight: 600;
    color: #d63131;
    padding: 4px 0px;
    display: inline-block;
}
.unread-comments .subtitle .date {
    font-size: 11px;
    color: #666;
    font-weight: 400;
    float: right;
    padding: 4px 0px 4px 8px;
}
.unread-comments .avatar {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: 50% 0%;
    margin: 4px 8px 0px 0px;
    float: left;
    border-radius: 50%;
}
.unread-comments .message {
}

.navbar-brand .navbar-logo {
    max-width: 150px;
}

#addUserModal .glyphicons-circle_question_mark {
    color: #d10011;
}

#iconModal .icon-wrap label span {
    font-size: 18px;
}

#iconModal .icon-wrap label {
    padding: 5px 9px 0px 9px;
    border: 1px solid white;
    border-radius: 6px;
    cursor: pointer;
}

#iconModal .icon-wrap label.selected {
    border-color: grey;
}

.panel-heading .panel-title .req_icon {
    font-size: 22px !important;
    top: 5px;
}

.panel-body img {
    max-width: 100%;
    height: auto;
}

.paginator .pagination {
    margin: 0;
}

@media (max-width: 991px) {
    .paginator .pagination {
        margin-top: 10px;
    }
}

.count .items-count {
    line-height: 34px;
}

.grido #outer-filter {
    display: none;
}

.grido input[type="checkbox"].form-control {
    height: auto;
    width: auto;
}

.grido .grid-filter-archived label,
.grido .grid-filter-billed label,
.grido .grid-filter-project_attendant label,
.grido .grid-filter-project_manager label
{
    height: 58px;
    line-height: 58px;
}

.grido .grid-filter-archived label input[type="checkbox"], 
.grido .grid-filter-billed label input[type="checkbox"], 
.grido .grid-filter-project_attendant label input[type="checkbox"], 
.grido .grid-filter-project_manager label input[type="checkbox"]
{
    position: relative;
    top: 20px;
}

.grido .actions a.button_view {
    font-size: 18px;
    color: #428bca;
    padding: 3px 2px 3px 8px;
    text-decoration: none;
    border-radius: 5px;
}

.grido .actions a.button_edit {
    font-size: 18px;
    color: #6db54b;
    padding: 3px 2px 3px 8px;
    text-decoration: none;
    border-radius: 5px;
}

.grido .actions a.button_archive {
    color: #b95112;
    font-size: 16px;
    padding: 5px 4px 3px 8px;
    text-decoration: none;
    border-radius: 5px;
}

.grido .actions a.button_unarchive {
    color: #35b5d7;
    font-size: 16px;
    padding: 5px 4px 3px 8px;
    text-decoration: none;
    border-radius: 5px;
}

.grido .actions a.button_delete {
    color: #e4151d;
    font-size: 18px;
    padding: 3px 5px 3px 6px;
    text-decoration: none;
    border-radius: 5px;
}

.grido .actions a:hover {
    background-color: #ddd;
}

.grido .req_type {
    font-size: 20px;
}

.grido .actions {
    width: 110px;
    text-align: center;
    justify-content: center;
}

/*
.grido tr td {
    max-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
*/

.avatar-settings {
    max-width: 100px;
}

.select2-container {
    display: block;
}

.select2-container * {
    line-height: 1;
    padding: 0px;
}

.select2-selection__choice {
    padding: 1px !important;
}

table#grid tr.row-sum td {
    border-top: 2px #dddddd solid;
    padding: 5px !important;
    background: #f8f8f8;
}



/* CHECKLISTS */

.checklist-item {
    padding: 1px 5px;
    box-sizing: border-box;
    min-height: 32px;
}
.checklist-item input {
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
}
.checklist-item label {
    cursor: pointer;
    vertical-align: middle;
    padding: 4px 8px;
    box-sizing: border-box;
    margin: 0px;
    display: inline;
    line-height: 24px;
    font-weight: normal;
}
p + .checklist-item {
    margin-top: 8px;
}
.checklist-item + p{
    margin-bottom: 8px;
}
.checklist-item input:checked + label {
    text-decoration: line-through;
    color: #999;
}

.table .priority-badge {
    padding: 0px;
    width: 8px;
    position: relative;
}
.table .priority-badge .hint {
    position: absolute;
    height: 100%;
    width: 100%;
}
.table .priority-badge.priority-1 {background-color: #428bca}
.table .priority-badge.priority-2 {background-color: #5cb85c}
.table .priority-badge.priority-3 {background-color: #f0ad4e}
.table .priority-badge.priority-4 {background-color: #d9534f}

.table .silent-link {
    padding: 0px;
}
.table .silent-link a {
    color: inherit;
    padding: 8px;
    display: block;
}
.table .silent-link a:active, .table .silent-link a:hover {
    text-decoration: none;
}

/* gritter notifications */
#gritter-notice-wrapper-x {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
.gritter-item-wrapper .gritter-close {
    right: 3px;
    left: initial;
}
.gritter-item-wrapper .gritter-top {
    display: none;
}
.gritter-item-wrapper .gritter-item {
    padding: 15px;
    box-sizing: border-box;
    border-radius: 6px;
}
.gritter-item-wrapper .gritter-bottom {
    display: none;
}
.gritter-item-wrapper .gritter-title {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    text-shadow: none;
    padding: 0px;
}
.gritter-item-wrapper.flash-message-success .gritter-item  {
    background: rgba(85, 180, 85, 0.85);
    color: white;
    box-shadow: 6px 4px 10px rgba(85, 170, 85, 0.3);
}
.gritter-item-wrapper.flash-message-info .gritter-item {
    background: rgba(15, 120, 200, 0.75);
    color: white;
    box-shadow: 6px 4px 10px rgba(15, 120, 200, 0.3);
}
.gritter-item-wrapper.flash-message-warning .gritter-item {
    background: rgba(255, 100, 25, 0.9);
    color: white;
    box-shadow: 6px 4px 10px rgba(255, 100, 25, 0.3);
}
.gritter-item-wrapper.flash-message-error .gritter-item {
    background: rgba(210, 20, 0, 0.9);
    color: white;
    box-shadow: 6px 4px 10px rgba(210, 20, 0, 0.3);
}

/* registration form */
.login-page .pager .save.last-step .btn {
    float: right;
}

/* datepicker */
.datepicker .day {
    cursor: pointer;
}

.datepicker .day.disabled {
    opacity: 0.5;
    cursor: default;
}

/* bait for spam bots */
.past-na-mysi {
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.help label {
    text-decoration: underline dashed;
}

/* remove ugly chrome outline */
.btn:focus {
    outline: none !important;
}

/* fix overflowing tables */
#frm-grid-form.table-responsive {
    overflow-x: auto;
    /* monkey-patch clipped border */
    margin: -15px;
    padding: 15px;
    box-sizing: content-box;
}

#frm-grid-form #outer-filter .select2.select2-container {
    width: 100% !important;
}

@media (max-width: 991px) {
    #frm-grid-form.table-responsive {
        margin: -30px;
        padding: 30px;
    }
    #frm-grid-form.table-responsive #outer-filter.dt-panelmenu {
        margin: 0px;
        padding: 15px;
    }
}

.request input[type="checkbox"] {
    margin-right: 8px;
}

.glyphicons:empty {
    width: inherit;
}