.custom__tag{display:inline-block;padding:3px 12px;background:#d2d7ff;margin-right:8px;margin-bottom:8px;border-radius:10px;cursor:pointer}.custom__tag:nth-child(2n){background:#daffee}.custom__tag:hover{background:#eaeaea}.custom__remove{padding:0;font-size:10px;margin-left:5px}

body {
    /*font-family: 'Titillium Web', sans-serif;*/
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto',sans-serif;
}

.app-name {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2563eb;
}

.double-bold {
     border-bottom: 3px double;
     font-weight: 700;
      padding: 6px 0;
      border-top: 1px solid black;
}

.text-justified {
    text-align: justify;
    text-justify: inter-word;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #2800fd;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: red;
}

/* TRIAL BALANCE */

.tree-menu {
    font-size: 12px;
}

.tree-menu > .label-wrapper {
  padding: 4px 0;
  border-top: 1px solid #ccc;
}

 .tree-menu > .label-wrapper > .has-children {
    cursor: pointer;
  }

.balance {
    width: 70px;
    text-align: right;
}

.active-label {
    color: green;
    font-weight: 700;
}

.bold {
    font-weight: 700;
}

.tb-unit {
    font-style: italic;
    color: royalblue;
    font-size: 10px;
}

.h-400 {
    height: 400px;
    overflow: auto;
}

/* END TRIAL BALANCE STYLES*/

[v-cloak] { display: none !important; }

.main-header {
    border-top: solid 8px #2563eb;
}

.indent-tax-item {
    margin-left: 20px;
    width: 95%;
}

.auditor-company-details {
    float:left;
    padding: 15px 15px;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.3px;
}

span.user-guide-link {
    color: #d3d194;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

span.download-user-guide-link {
    color: #b8c7ce;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.auditor-company-name {
    font-size: 12px;
    text-transform: uppercase;
    color: #40ff03
}

.form-control {
   /* background-color: #edf1f3;*/
    border-color: #a9a8a4;
    color: #2800fd;
}

textarea.form-control:not(.journal) {
    height: 200px
}

.help-block {
    color: red;
}

.main-sidebar, .left-side {
    top: 8px;
}

.file-archived {
    font-size: 13px;
    font-weight: 100;
}

.journal {
    font-size: 11px;
    padding: 2px;
}

.panel-info { border-color: #2563eb; }
.panel-primary { border-color: #2563eb; }
.panel-success { border-color: #2563eb; }
.panel-danger { border-color: #2563eb; }
.panel-default { border-color: #2563eb; }

/*.fa { color: #2563eb; }*/

.content-header {
    min-height: 70px;
    position: relative;
    padding: 15px 15px 0 36px;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-primary {
    background-color: #5661B3;
}

.info-box-secondary:hover {
    background-color: #1d4ed8;
}

.info-box-secondary {
    background-color: #222d32;
    min-height: 90px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    border-top: solid 4px #2563eb;
    box-shadow:
          0 4px 8px 0 rgba(0,0,0,0.12),
          0 2px 4px 0 rgba(0,0,0,0.08);
}

.info-box-secondary:hover .info-box-list-secondary {
        display: block;
}

.info-box-secondary:hover .info-box-text-secondary {
    font-size: 14px;
    opacity: 1;
}


.row {
    margin-left: 0;
    margin-right: 0;
}

.box {
    background-color:  #f3f7f9;
    border-top: 3px solid #2563eb;
}

.bg-chartine {
    background-color: #2563eb;
}

.skin-blue .main-header li.user-header {
    background-color: #3c8dbc;
}

.selected-file-header {
    color: #605ca8;
}

.dashboard-title {
    font-size: 24px;
    letter-spacing: -1.1px;
}

.with-input
{
    border: solid 2px #17dc2f;
}

.progress-label {
    font-size: 9px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 6px;
    margin-right: 16px;
    opacity: 0.5;
    padding-bottom: 4px;
}

.not-started {
    flex-grow: 0;
    opacity: .7;
    font-size: 9px;
    letter-spacing: 0.4px;
    margin-left: 3px;
}

div.info-box:not(.stats) {
    border-top: solid 4px #2563eb;
}

.info-box {
    display: flex;
    align-items: center;
    box-shadow:
          0 4px 8px 0 rgba(0,0,0,0.12),
          0 2px 4px 0 rgba(0,0,0,0.08);
}


.info-box-content {
    margin-left: 0px;
    width: 100%;
}

.info-box:not(.stats):hover{
    padding-top: 10px;
    border-top: solid 4px #7886D7;
}

.info-box:hover .progress-label {
    opacity: 1;
}


.info-box:hover .viewlist{
    display: none;
}

.info-box:hover .info-box-text {
    opacity: 1;
}

.info-box:hover .info-box-list {
        display: block;
}

.info-box-text {
    white-space: normal;
    font-weight: 100;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 1.2px;
}

.font-700 {
    font-weight: 700;
}

.info-box-text-primary {
   color: #676498;
}

.info-box-text-secondary {
    color: #F8FAFC; /*Tailwind grey lightest*/
    font-size: 14px;
    opacity: .5;
    font-weight: 700;
}

.info-box-list {
    list-style-type: none;
    display: none;
    padding: 0;
    font-size: 12px;
    line-height: 1.9;
}

.info-box-list .info-box-list-item .download-section {
    display: none;
}

.info-box-list-secondary {
    list-style-type: none;
    padding: 0;
    font-size: 12px;
    line-height: 1.9;
}

.info-box-list-item-secondary {
    display: flex;
    align-items: center;
    list-style-type: none;
    line-height: 2.1
}

.info-box-list-item-secondary a {
    color: #2563eb;
    flex-grow: 1;
}

.info-box-list-item-secondary a:hover {
    text-decoration: underline;
}

.download-section {
    display: none;
    flex-grow: 1;
    text-align: right;
    opacity: .3;
    cursor: pointer;
}

.download-section:hover {
    opacity: 1
}

.info-box-list-item:hover a {
    color: #2563eb;
    text-decoration: underline;
}

.info-box-list-item a {
    flex-grow: 1;
}

.info-box-list-item {
    display: flex;
    align-items: center;
    line-height: 1.8;
}

.skin-blue .main-header li.user-header {
    background-color: #121a53;
}

li.attachments-list{
    margin: 5px 0px;
    list-style-type:none;
    font-size:12px;
}
div.toggleSelect {
    cursor: pointer;
    font-size: 10px;
    color: black;
    letter-spacing: 1.5px;
}

div.selectField {
    display: none;
}