body {
    font-family: Arial, sans-serif;
    background-color: #F2F2F2;
}

#body-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background: url("../img/ajax-loader.gif") center center no-repeat #F2F2F2;
}

.margin-none {
    margin: 0;
}

.bottom-margin-10 {
    margin-bottom: 10px;
}

a {
    color: #0077c6;
}

.gray-text {
    color: #828282;
}

.blue-text {
    color: #0077c6;
    font-weight: bold;
}

.hidden-container {
    display: none;
}

.header {
    background: #FFF;
    border-bottom: solid 7px #0d87da;
}

.header .container {
    height: 103px;
    position: relative;
    z-index: 100;
}
.company-name-small{
    position: absolute;
    top: 85px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}

.header .logo, .header .default-logo {
    height: 90px;
    vertical-align: middle;
    overflow: hidden;
}

.header .logo img {
    max-width: 100%;
    max-height: 90px;
}

.header .company-name {
    margin-top: 10px;
}

.header .default-logo img {
    height: 90px;
    max-width: 100%;
}

.header .user-info {
    text-align: right;
    line-height: 20px;
}

.header .current-time {
    color: #9b9b9b;
    font-size: 12px;
    margin-top: 3px;
}

.header .user-link {
    margin-top: 14px;
}

.header .logout-link {
    padding-bottom: 0;
}

.header .logout-link a {
    color: #0d87da;
}

.sidebar {
    margin-top: 30px;
    text-align: right;
}

.sidebar ul {
    list-style: none;
    padding-left: 0;
}

.sidebar li {
    font-size: 17px;
    border-bottom: 1px solid #bebebe;
    padding: 10px 0 10px 0;
}

.sidebar li.active {
    font-weight: bold;
}

.sidebar li:last-child {
    border: none;
}

.sidebar li a {
    color: #000;
    text-decoration: none;
}

.sidebar li a i {
    color: #a5a5a5;
    margin-left: 10px;
}

.sidebar li.active a i {
    color: #0077c6;
}

.footer p {
    margin: 30px 0;
    text-align: center;
    color: #666666;
    font-size: 12px;
}

#main-content-container, .login-container {
    min-height: 180px;
    background-color: #ffffff;
    margin-top: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}

#main-content-container {
    padding: 30px 45px;
}

.btn-primary, .submit-button {
    background: #0077c6;
    border-color: #0077c6;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
.submit-button:hover, .submit-button:focus, .submit-button.focus, .submit-button:active, .submit-button.active {
    background: #0063a9;
    border-color: #0063a9;
}

.divider {
    height: 2px;
    width: 100%;
    background-color: #c7c7c7;
}

/********************* Modal forms **********************/

.login-container {
    text-align: center;
}

.form-group {
    margin-bottom: 20px;
}

.form-title, .content-title {
    margin: 30px;
    padding-bottom: 10px;
    border-bottom: 5px solid #d8d8d8;
}

.form-subtitle, .content-subtitle {
    margin: 45px 0;
    font-size: 22px;
}

.form-subtitle-small-margins {
    margin: 0 0 20px 0;
    font-size: 20px;
}

.content-title {
    margin: 0;
    text-align: center;
}

.content-subtitle {
    margin: 30px 0 25px 0;
    text-align: center;
}

.forgot-link {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.form-alert {
    padding: 10px;
    margin: 0;
    border-radius: 3px;
}

#change-password-form input, #edit-file-form input, #two-factory-auth-form input {
    text-align: left;
}

/****************** Dashboard ********************/

.dashboard {
    padding: 10px 0;
}

.dashboard .blue-text {
    font-weight: normal;
}

.dashboard:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.dashboard table > tbody > tr > td {
    vertical-align: middle;
}

.dashboard p {
    margin: 10px 0;
}

.dashboard i.icon {
    margin: 0 10px 5px 0;
    font-size: 16px;
    color: #0077c6;
    font-weight: normal;
}

.dashboard .date {
    margin: 0 10px;
}

.dashboard .view-all-link {
    margin-bottom: 10px;
}

.load-more-link {
    padding: 0;
    margin-top: 20px;
}

/********************* Chat **********************/

.chat-container {
    height: 350px;
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 17px;
    margin-bottom: 35px;
}

.chat-container .message .message-username-container {
    padding: 0;
}

.chat-container .message .message-username {
    color: #333;
    font-size: 11px;
}

.chat-container .message .message-date {
    color: #333;
    font-size: 11px;
}

.chat-container .message .message-text-container {
    border: 1px #C9E5F8 solid;
    padding: 15px;
    border-radius: 3px;
    background: #C9E5F8;
    min-height: 50px;
    word-wrap: break-word;
}

.message-text {
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.empty-message-name {
    display: inline-block;
    float: left;
    color: #666666;
    font-size: 11px;
    margin-top: 10px;
}

.chat-table-wrapper {
    padding-left:0;
    padding-right:0;
}

.chat-empty-message {
    margin-top: -30px;
}

.chat-container .message .message-inbox {
    background: #E3F4FF;
}

.chat-container .message .own-message {
    background: #ebffea;
    color: #333;
    border-color: #cce6cc;
}

.chat-container .load-more {
    display: block;
    text-align: center;
    cursor: pointer;
}

.chat-header .first-line {
    border-bottom: 5px #D8D8D8 solid;
}

.chat-header .chat-title {
    font-size: 30px;
    margin-top: 0;
    text-align: center;
}

.chat-client-data {
    text-align: center;
    font-size: 22px;
}

.chat-client-offline {
    color: red;
}

.chat-client-online {
    color: green;
}

.chat-offline-message {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    font-style: italic;
}

.chat-send-button {
    width: 115px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
}

.menu-error-counter {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #FF0000;
    border-radius: 10px;
}

/******************* Settings *********************/
.two-verify-enabled {
    background: green;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    color: white;
    text-transform: capitalize;
    border: 3px solid green;
    position: relative;
    bottom: 2px;
}

.two-verify-disabled {
    background: red;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    color: white;
    text-transform: capitalize;
    border: 3px solid red;
    position: relative;
    bottom: 2px;
}

.phone-extend-bottom {
    position: relative;
    bottom: 4px !important;
}

.ssform-row {
    padding-bottom: 10px;
    padding-right: 0px;
}

.ssform-info {
    padding-left: 0px;
}

.ssform-phone {
    font-size: 18px;
    width: 20px;
}

.ssform-verphone {
    font-size: 20px;
    font-weight: normal;
}

.ssform-addblock {
    padding-bottom: 10px;
}

.unstyled-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.master-code input {
    text-transform: uppercase !important;
}

#two-factory-auth-form .btn-danger {
    color:#fff !important;
    background-color:#d9534f!important;
    border-color:#d43f3a !important;
}

#two-factory-auth-form .btn-success {
    color:#fff !important;
}

/********************* Files **********************/

thead {
    background-color: #e6eef3;
}

.table > thead > tr.active, .table > tbody > tr.active, .table > tfoot>tr.active {
    outline: 2px solid #0289FF;
}

.files-list table tr td {
    vertical-align: middle;
}

.action-buttons {
    vertical-align: middle !important;
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.bs-callout {
    padding: 10px 20px;
    margin: 10px 0;
    border-left: 3px solid #369adb;
}

.user-document-upload .my-drop-zone {
    border: dotted 3px lightgray;
    text-align: center;
    margin-bottom: -43px;
    padding: 38px 0
}

.user-document-upload .nv-file-over {
    border-color: #337ab7
}

.user-document-upload .check-list-title {
    margin-bottom: 15px
}

.user-document-upload .file-input-button {
    position: relative;
    overflow: hidden
}

.user-document-upload .file-input-button input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.user-document-upload .field-label {
    margin-right: 30px;
}

.uploader-queue .glyphicon-ok {
    color: green
}

.uploader-queue .glyphicon-remove {
    color: red
}

.user-document-upload .form-subtitle {
    text-transform: uppercase;
    border-bottom: 1px dotted #666;
    padding: 10px 0;
    margin: 20px 0;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: bold;
}

#edit-file-form .submit-button, #edit-file-form .back-button {
    margin: 0;
    padding: 0 30px;
}

.files-list .check-list-title {
    margin-bottom: 15px
}

.files-list .form-control-feedback {
    right: 49px;
    pointer-events: all;
    cursor: pointer
}

.files-list .table td {
    cursor: default;
    height: 45px;
}

.files-list td[field-name="name"] label {
    margin-bottom: 0;
    cursor: default;
}

.files-list td[field-name="name"][data-level="0"] {
}

.files-list td[field-name="name"][data-level="1"] {
    padding-left: 26px
}

.files-list td[field-name="name"][data-level="2"] {
    padding-left: 44px
}

.files-list td[field-name="name"][data-level="3"] {
    padding-left: 62px
}

.files-list td[field-name="name"][data-level="4"] {
    padding-left: 80px
}

.files-list td[field-name="name"][data-level="5"] {
    padding-left: 98px
}

.files-list td[field-name="name"][data-level="6"] {
    padding-left: 116px
}

.files-list td[field-name="name"][data-level="7"] {
    padding-left: 134px
}

.files-list td[field-name="name"][data-level="8"] {
    padding-left: 152px
}

.files-list td[field-name="name"][data-level="9"] {
    padding-left: 170px
}

.files-list td[field-name="name"] label input {
    margin: 0 0 2px 0;
    vertical-align: middle;
}

.files-list th[field-name="checkbox"],
.files-list td[field-name="checkbox"] {
    padding: 0
}

.files-list th[field-name="checkbox"] label,
.files-list td[field-name="checkbox"] label {
    margin: 0;
    display: block;
    cursor: default;
    line-height: 40px;
    padding-top: 4px
}

.files-list th[field-name="checkbox"] .tr-ng-title {
    margin-bottom: 7px
}

.files-list span.file-type {
    padding-left: 20px;
    cursor: pointer;
    color: #337ab7;
    margin-left: 3px
}

.files-list span.file-type:hover {
    text-decoration: underline;
    color: #23527c
}

.files-list span.file-type.file-dir {
    background: url(../img/file-dir.png) no-repeat;
    cursor: default;
    color: #333
}

.files-list span.file-type.file-dir:hover {
    text-decoration: none;
    color: #333
}

.files-list span.file-type.file-doc,
.files-list span.file-type.file-docx {
    background: url(../img/file-doc.png) no-repeat
}

.files-list span.file-type.file-pdf {
    background: url(../img/file-pdf.png) no-repeat
}

.files-list span.file-type.file-txt {
    background: url(../img/file-txt.png) no-repeat
}

.files-list span.file-type.file-wpd {
    background: url(../img/file-wpd.png) no-repeat
}

.files-list span.file-type.file-xls,
.files-list span.file-type.file-xlsx {
    background: url(../img/file-xls.png) no-repeat
}

.files-list span.file-type.file-jpg,
.files-list span.file-type.file-jpeg {
    background: url(../img/file-jpg.png) no-repeat
}

.files-list span.file-type.file-png,
.files-list span.file-type.file-PNG {
    background: url(../img/file-png.png) no-repeat
}

.files-list span.file-type.file-tif,
.files-list span.file-type.file-tiff {
    background: url(../img/file-tif.png) no-repeat
}

.files-list span.file-type.file-qba,
.files-list span.file-type.file-qbb,
.files-list span.file-type.file-qbj,
.files-list span.file-type.file-qbm,
.files-list span.file-type.file-qbw,
.files-list span.file-type.file-qbx,
.files-list span.file-type.file-qby,
.files-list span.file-type.file-aif,
.files-list span.file-type.file-tlg,
.files-list span.file-type.file-iif,
.files-list span.file-type.file-qb2014,
.files-list span.file-type.file-qb2015,
.files-list span.file-type.file-qb2016 {
    background: url(../img/file-qb.png) no-repeat
}

.modal-body text-field input{
    text-align: left;
}

.comment-text {
    color: grey;
    font-size: 13px;
}

.chat-window-files-grid-title {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.chat-attach-file-label{
    color: #666666;;
    cursor: pointer;
    margin-top: 20px;
}

.chat-attach-file-icon {
    display: inline;
    float: left;
}

.chat-attach-file-label:hover{
    text-decoration: underline;
}

#chat-attach-file-input{
    display:none;
}

.chat-attach-file-icon:before{
    content: " ";
    background: url(../img/icon-sendfile.png) no-repeat 0 0;
    display: inline-block;
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    margin-top: -10px;
    margin-right: 10px;
}

.chat-file-queue-input {
    margin: 10px 0;
}

.is-typing-message {
    color: #666666;
    font-size: 11px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.is-typing-message-hidden {
    visibility: hidden;
}

.is-typing-message-visible {
    visibility: visible;
}

@media (min-width: 1200px) {
    .container {
        width: 1302px !important;
    }
}

.like-link {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

.like-link:hover, .like-link:focus {
    color: #23527c;
    text-decoration: underline;
    outline: 0;
}
.relogin-link:hover {
    cursor: pointer;
}

.representative-link {
    position: relative;
}

.representative-link a {
    color: #000000;
    position: relative;
    z-index: 10;
}

.representative-link ul {
    line-height: normal;
    padding: 15px 15px 20px 15px;
    margin: 0;
    right: 0;
    list-style: none;
    position: absolute;
    top: 18px;
    border: 1px solid #e3e3e3;
    display: none;
    background: #FFF;
}

.representative-link:hover ul {
    display: block;
}

/**************************************************/
.sidebar li a:hover,
.sidebar li a:hover i {color: #0077c6}
table.files-list {margin-bottom: 0}
.chat-container .message {margin-bottom: 10px}
.chat-container .message:last-child {margin-bottom: 0}

@media screen and (max-width: 767px) {
    #chatbox {resize: none}

    .chat-container {padding-right: 17px}

    .login-container {margin-left: 15px; margin-right: 15px; margin-top: 15px}
    .login-container .form-subtitle {margin: 15px 0}
    .login-container .login-forgot {margin-bottom: 10px}
    .login-container .login-submit {margin-bottom: 0}
    #main-content-container {padding: 15px; margin-top: 10px}
    .header .logo a,
    .header .default-logo a {line-height: 90px}
    .footer p {margin: 20px 0}

    .sidebar {margin-top: 0}
    .sidebar ul {margin-bottom: 0}
    .sidebar li {text-align: left}
    .sidebar li a i {float: left; margin-right: 10px; margin-left: 9px; min-width: 19px}
    .sidebar:not(.collapsing) {display: none; visibility: hidden}
    .sidebar.collapse.in {display: block; visibility: visible}

    .documents-tree th[field-name="date"],
    .documents-tree td[field-name="date"] {display: none}
    .documents-tree td[field-name="name"] {height: auto}
    .documents-tree tfoot .form-group {margin-bottom: -5px}

    .message .files-list tbody td:first-child,
    .dashboard .files-list tbody td:first-child {max-width: 1px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; font-weight: normal}

    .menu-toggle {float: left; margin-top: 22px}
    .menu-toggle button {background: none; border: none; font-size: 28px; outline: none}
    .menu-toggle button:not(.collapsed) i {color: #0077c6}
    .menu-toggle i {color: #a5a5a5}

    .uploader-queue {margin-bottom: 0}
    .uploader-queue tbody td:first-child {padding-left: 3px; max-width: 1px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle}

    .chat-window-files-grid-title {margin-top: 0}

    .files-list .action-buttons .btn {padding: 1px 5px; font-size: 12px; line-height: 1.5}
    .bs-callout {padding: 0 0 0 10px}
    .user-document-upload .form-subtitle {margin-top: 0}
    .user-document-upload .btn:not(.btn-xs) {padding: 5px 10px; font-size: 12px; line-height: 1.5}
    .files-list-actions a {width: 100%; padding: 12px}
    .files-list-actions button {padding: 5px 9px; font-size: 12px; line-height: 1.5}
    .files-list-actions button.btn-delete {float: right; width: 49%}
    .files-list-actions button.btn-export {float: left; width: 49%}
    .documents-tree {margin-bottom: 0}

    .reset-password .back-button,
    .reset-password .submit-button {margin: 0; padding: 0; width: 48%}
    .reset-password .back-button {float: left}
    .reset-password .submit-button {float: right}

    .user-link .visible-xs {display: inline!important}
    .user-link .visible-xs a {font-size: 17px; margin-left: 5px}

    .ng-scope > .dashboard:last-child {padding-bottom: 0}
    .content-title {font-size: 25px}
    .content-subtitle {font-size: 18px; margin: 20px 0}
}

.phone-2fa-icon {
    background: url(../img/phone-2fa-icon.png) no-repeat center;
    background-size: 25px 38px;
    width: 25px;
    height: 38px;
}

.check-circle-icon {
    background: url(../img/check-circle.png) no-repeat center;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.modal {
    background: #000000ab;
}