/**
 * Theme modifications
 */

body {
    background-color: #2C3E50;
}

body.client-signed-documents {
    background-color: #FFFFFF;
}

.page-content {
    background-color: #fafafa;
}

.page-header.navbar .page-logo {
    background-color: #2C3E50;
}

.page-header.navbar {
    background-color: #1F3140;
}

.page-bar {
    background-color: #fff;
    position: relative;
    padding: 0 20px;
    margin: -25px -20px 0;
    border-bottom: 1px solid #e7ecf1;
    border-radius: 0;

    display: none;
}

.page-bar .page-breadcrumb {
    padding: 11px 0 10px;
}

.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: 46px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
}

.page-header.navbar .page-logo {
    height: 46px;
}

.page-title {
    font-size: 24px;
    margin: 5px 0px 15px 0px;
    font-weight: 500;
    color: #2C3E50;
}

.page-title small {
    color: #2C3E50;
}

.page-title .page-toolbar {
    float: right;
}

.input-group .input-group-addon i {
    margin-top: 0px;
}

.page-footer .page-footer-inner {
    float: right;
    margin-right: 35px;
}

.scroll-to-top {
    bottom: 1px;
}

.scroll-to-top > i {
    font-size: 24px;
}

.form-inline label {
    margin-bottom: 0;
}

.checkbox > label {
    padding-left: 20px;
}

.checkbox > label > label {
    padding: 0;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #5b9bd1;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
    background: #67809F !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected,
.page-header.navbar .hor-menu .navbar-nav > li.current .selected {
    border-top: 6px solid #67809F;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu.active {
    background: #67809F;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    background: #94accd;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #ffffff;
}

.portlet.box.blue-hoki > .portlet-title {
    background-color: #1F3140;
}

/**
 * Global styles
 */
.w-auto { width: auto; }
.w-100p { width: 100% }
.w-50p  { width: 50% }
.w-25p  { width: 25% }

.mb0 {
    margin-bottom: 0;
}

.mb4 {
    margin-bottom: 4px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb12 {
    margin-bottom: 12px;
}

.page-break {
    page-break-after: always;
    border: 1px darkslategray dashed;
    padding: 2px;
    text-align: center;
}

.page-break::before {
    content: "Page Break";
}

.img-thumb, .img-thumb-64 {
    width: 64px;
    height: auto;
}

.img-thumb-128 {
    width: 128px;
    height: auto;
}

.nested-list-grid li > .list-unstyled {
    margin: 0;
}

.nested-list-grid > li {
    vertical-align: top;
}

.nested-list-grid-third > li {
    width: 33%;
}

label.error {
    margin: 0;
    color: #a94442;
}

.input-group label.error {
    margin: 0 4px;
}

.form-group-file {
    margin-bottom: 21px;
}

input[type=file] {
    margin: 6px 0;
}

.checkbox-list label select, .checkbox-list label input[type="text"], .checkbox-list label input[type="password"] {
    width: auto;
    display: inline-block;
}

.toggle-off {
    height: 0px !important;
    display: none !important;
}

.toggle-on {
    height: auto;
}

.nowrap {
    white-space: nowrap;
}

/**
 * Login styles
 */
.login {
    background-color: #fff !important;
}

/**
 * Data grid styles
 */
.dg-wrapper tbody tr td {
    line-height: 28px;
}

.dg-wrapper tr[data-dg-type="titles"] a {
    width: 100%;
    display: inline-block;
    position: relative;
}

.dg-wrapper tr[data-dg-type="titles"] a i {
    position: absolute;
    top: 2px;
    right: 0;
}

.dg-wrapper th[data-dg-col="actions"] {
    width: 83px;
    text-align: center;
}

.dg-wrapper tr[data-dg-type="filters-row"] th[data-dg-col="actions"] .btn {
    margin-right: 0;
}

.dg-wrapper td[data-dg-col="actions"] .btn {
    margin-right: 0;
}

.dg-wrapper tbody td[data-dg-col="actions"] {
    text-align: center;
}

.dg-wrapper td[data-dg-col="actions"] .btn-group {
    margin: 0 auto;
}

.dg-wrapper td[data-dg-col="id"] {
    width: 75px;
}

.dg-wrapper td[data-dg-col="capital"], .dg-wrapper td[data-dg-col="registration_total"] {
    text-align: right;
}

.dg-wrapper td[data-dg-col="registration_type_id"],
.dg-wrapper td[data-dg-col="is_holding"],
.dg-wrapper td[data-dg-col="extras_status"],
.dg-wrapper td[data-dg-col="bank_status"] {
    text-align: center;
}

.dg-wrapper th[data-dg-col-ordered="true"] a {
    color: #3175af;
    text-decoration: underline;
}

/**
 * Image Grid
 */
.image-grid .item-wrapper {
    margin: 0 0 15px 0;
    position: relative;
    text-align: center;
}

.image-grid .item-wrapper .btn {
    position: absolute;
    top: 0;
    right: 0;
}

.image-grid img {
    width: 100%;
    height: auto;
}

.image-delete {
    position: relative;
    display: inline-block;
}

.image-delete a {
    position: absolute;
    top: 0;
    right: 0;
}

#owners h3, #directors h3 {
    margin-top: 0px;
    font-weight: bold;
    font-size: 20px;
}

#owners > div, #directors > div, .grantees .rows > div {
    padding: 12px;
}

#owners > div:nth-child(odd),
#directors > div:nth-child(odd),
.grantees .rows > div:nth-child(odd) {
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

#owners > div:nth-child(even),
#directors > div:nth-child(even),
.grantees .rows > div:nth-child(even) {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
}

#companies-grid [data-dg-col="actions"] {
    width: 122px;
}

#companies-grid [data-dg-col="status"] {
    min-width: 200px;
}

.company-document {
    text-align: justify;
}

.company-document table {
    width: 100%;
    margin-bottom: 10px;
}

.company-document table caption {
    padding-left: 8px;
    padding-right: 8px;
}

.company-document td, .company-document th {
    padding: 8px;
}

li.tab-secondary a {
    background: #F4F4F4;
}

/**
 * Page specific styles
 */
th[data-dg-col="created_at"], td[data-dg-col="created_at"],
th[data-dg-col="updated_at"], td[data-dg-col="updated_at"],
th[data-dg-col="deleted_at"], td[data-dg-col="deleted_at"] {
    width: 140px;
}

#company-form > div {
    margin-bottom: 15px;
}

#company-form .nav-tabs .fa-check {
    color: #3B9C96;
}

#company-form .nav-tabs .fa-times {
    color: #F1353D;
}

#company-form .nav-tabs > li > a, #company-form .nav-pills > li > a {
    font-size: 12px;
}

#company-form .nav > li > a {
    padding: 5px 7px;
}

#company-form .nav > li > a > i {
    font-size: 11px;
}

#company-form .nav-tabs {
    margin-bottom: 0;
}

#company-form .tab-content {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#drafts-grid td {
    vertical-align: middle;
}

#drafts-grid td p {
    margin: 0;
}

.btn-send-to-penneo {
    width: 100%;
    margin: 24px 0;
    padding: 43px;
}

.document-template {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 0 60px;
    background-color: #8e8e8e;
}

.document-template-content {
    background-color: #ffffff;
    padding: 60px;
    margin: 30px auto;
    max-width: 760px;
    min-height: 1075px;
}

.text-stat h3 span {
    font-size: 18px !important;
}

.text-stat span.label a {
    color: #FFFFff;
    text-decoration: underline;
}

/**
 * Tags input
 */
div.tagsinput input {
    width: auto !important;
}

div.tagsinput span.tag {
    margin-bottom: 0px;
}

div.tagsinput input {
    margin-bottom: 0px;
    padding: 3px 6px;
}

div.tagsinput span.tag {
    padding: 3px 6px;
}

/**
 * Dropzone
 */
.dropzone {
    border: 1px solid #ddd;
}

.dropzone .dz-message {
    margin: 4em 0;
}

/**
 * Select 2
 */
#company-status-filter {
    display: flex;
    align-items: center;
}

#company-status-filter > div:first-of-type {
    flex-grow: 1;
    margin-right: 8px;
}

#company-status-filter .select2-container {
    width: 100% !important;
}

#company-status-filter .select2-search input {
    min-height: auto;
    padding: 0 !important;
}

/**
 * Multiple Select
 */
.ms-parent {
    width: 100% !important;
    padding: 0;
    border: none;
}

.ms-choice {
    border: 1px solid #e5e5e5;
    height: 28px;
    line-height: 28px;
}

.ms-drop input[type="checkbox"] {
    margin: 0 4px 0 0;
}

.ms-choice > div {
    height: 28px;
}

/**
 * Comments
 */

#page-comments .mentioned {
    font-weight: bold;
    color: #FFFFFF;
}

#page-comments .page-quick-sidebar-chat-user-form {
    position: relative;
}

#page-comments .page-quick-sidebar-chat-user-form button[name="send"] {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

#page-comments .page-quick-sidebar-chat-user-form textarea[name="body"] {
    resize: none;
}

#page-comments .page-quick-sidebar-chat-mention {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 10px;
    background-color: #BABFC6;
}

#page-comments .page-quick-sidebar-chat-mention a {
    display: block;
    margin-bottom: 5px;
}

#page-comments .page-quick-sidebar-chat-mention a:last-child {
    margin-bottom: 0;
}

#page-comments {
    background: #ffffff;
    border-left: 1px solid #9ea6af;
}

#page-comments .page-quick-sidebar .nav-justified > li.active > a {
    background-color: #1F3140;
}

#page-comments .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
    background-color: #e78d3e;
}

#page-comments .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
    border-left-color: #e78d3e;
}

#page-comments .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
    border-right-color: #e78d3e;
}

.current-company-logo {
    max-width: 100%;
    display: block;
}

/**
 * Modals
 */
#modal-document-preview .modal-body {
    height: 80vh;
}

@media (max-width: 767px) {
    .table-responsive {
        border-width: 0 0 1px 0;
    }

    .table-responsive table {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    /*//*/
}

@media (min-width: 992px) {
    /*//*/
}

@media (max-width: 992px) {
    .page-bar {
        margin: -20px -20px 0;
    }
}

@media (min-width: 1200px) {
    /*//*/
}

@media (max-width: 480px) {
    .page-content-wrapper .page-content .page-title small {
        display: inline-block;
        clear: both;
    }
}

/*Troels changes*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #67809F;
    border-top-color: transparent;
    color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #67809F;
}

.page-header.navbar .page-logo .logo-default {
    margin: 10px 0 0 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
    color: #ffffff;
}

/*Troels Login Changes */
.login .content {
    margin: 10px auto 10px auto;
    border-radius: 3px !important;
    background-color: #f8f8f8;
    color: #041929;
}

.login .content h3 {
    color: #041929;
}

.login .content .form-actions .btn-success {
    font-weight: 600;
    padding: 10px 20px !important;
    background-color: #e98d33;
    width: 100%;
}

.login .content .forget-password {
    float: none;
}

.login .content .form-actions {
    text-align: center;
}

.mgmt-ctc {
    position: relative;
}

.ctc-value {
    position: absolute;
    /*top: -99999px;
    left: -99999px;*/
}

#companies-grid tbody td:not([data-dg-col="actions"]) {
    cursor: pointer;
}

#search-grid i {
    margin: 7px 2px 4px 7px;
}

.dataTables_filter {
    display: none;
}

#field_aim_comments, #field_comments {
    min-height: 100px;
}

/* Troels Custom CSS 17/1-17 */

#company-form .nav > li > a {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #22313F;
}

#company-form .nav > li.active > a {
    border-top: 3px solid #1F3140;
}

.portlet.box.blue-ebonyclay > .portlet-title > .caption {
    font-weight: 500;
}

.page-sidebar .page-sidebar-menu li > a {
    background: #22313F;
    color: #fff;
}

.page-sidebar .page-sidebar-menu > li.active > a {
    background: #2C3E50;
}

.page-sidebar .page-sidebar-menu > li.active > a:hover {
    background: #aaaaaa;
}

.page-header.navbar .menu-toggler.responsive-toggler {

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 0;
}