/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

.form-label-sm {
    margin-top: 5px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
}

ul[data-sortable], ul[data-fixed-sortable] {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul[data-sortable].linage > li:first-child, ul[data-fixed-sortable].linage > li:first-child {
    margin-top: 0px;
}

ul[data-sortable].linage>li, ul[data-fixed-sortable].linage>li {
    border: 1px solid #780d0d;
    padding: .25rem;
    background-color: #f9f9f9;
    margin-top: 5px;
    border-radius: 5px;
}

ul[data-sortable].linage>li:hover, ul[data-fixed-sortable].linage > li:hover:not(.noDragHandleBg) {
    background-color: #e7e7e7;
}

.dragHandleBg:hover {
    background-color: #e7e7e7;
    border-radius: 5px;
}

.dropdown-menu.dropdown-large>li>a {
    font-size: 15px;
    text-decoration: none;
    padding: 13px 20px;
}

.dropdown-menu.dropdown-large>li>a>i {
    padding-right: 10px
}

.dropdown-menu.dropdown-inverse {
    background-color: #333;
    color: white;
    z-index: 1002;
}

.dropdown-menu.dropdown-inverse .divider {
    background-color: #000;
}

.dropdown-menu.dropdown-inverse>li>a {
    color: white;
}

.dropdown-menu.dropdown-inverse>li>a:focus, .dropdown-menu.dropdown-inverse>li>a:hover {
    background-color: black;
    color: #eee;
}

input[type='submit'].ibtn ibtn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

input[type='submit'].ibtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.col-vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.bot-border-eee {
    border-bottom: 1px solid #eee;
}

.border-left:before {
     background: #eee;
     bottom: 0;
     content: " ";
     left: 0;
     position: absolute;
     width: 1px;
     top: 0;
}

.border-right:before {
     background: #eee;
     bottom: 0;
     content: " ";
     right: 0;
     position: absolute;
     width: 1px;
     top: 0;
}

.border-right-w2:before {
    width: 2px;
}

.border-right-w3:before {
    width: 3px;
}

.border-right-w4:before {
    width: 4px;
}

@media (min-width: 1200px) {
    .voffset-lg-0 { margin-top: 2px; }
    .voffset-lg-1 { margin-top: 5px; }
    .voffset-lg-2 { margin-top: 10px; }
    .voffset-lg-3 { margin-top: 15px; }
    .voffset-lg-4 { margin-top: 30px; }
    .voffset-lg-5 { margin-top: 40px; }
    .voffset-lg-6 { margin-top: 60px; }
    .voffset-lg-7 { margin-top: 80px; }
    .voffset-lg-8 { margin-top: 100px; }
    .voffset-lg-9 { margin-top: 150px; }

    .loffset-lg-0 { margin-left: 2px; }
    .loffset-lg-1 { margin-left: 5px; }
    .loffset-lg-2 { margin-left: 10px; }
    .loffset-lg-3 { margin-left: 15px; }
    .loffset-lg-4 { margin-left: 20px; }
    .loffset-lg-5 { margin-left: 25px; }
    .loffset-lg-6 { margin-left: 30px; }
    .loffset-lg-7 { margin-left: 35px; }
    .loffset-lg-8 { margin-left: 40px; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .voffset-md-0 { margin-top: 2px; }
    .voffset-md-1 { margin-top: 5px; }
    .voffset-md-2 { margin-top: 10px; }
    .voffset-md-3 { margin-top: 15px; }
    .voffset-md-4 { margin-top: 30px; }
    .voffset-md-5 { margin-top: 40px; }
    .voffset-md-6 { margin-top: 60px; }
    .voffset-md-7 { margin-top: 80px; }
    .voffset-md-8 { margin-top: 100px; }
    .voffset-md-9 { margin-top: 150px; }

    .loffset-md-0 { margin-left: 2px; }
    .loffset-md-1 { margin-left: 5px; }
    .loffset-md-2 { margin-left: 10px; }
    .loffset-md-3 { margin-left: 15px; }
    .loffset-md-4 { margin-left: 20px; }
    .loffset-md-5 { margin-left: 25px; }
    .loffset-md-6 { margin-left: 30px; }
    .loffset-md-7 { margin-left: 35px; }
    .loffset-md-8 { margin-left: 40px; }
}

@media (max-width: 991px) and (min-width: 768px) {
    .voffset-sm-0 { margin-top: 2px; }
    .voffset-sm-1 { margin-top: 5px; }
    .voffset-sm-2 { margin-top: 10px; }
    .voffset-sm-3 { margin-top: 15px; }
    .voffset-sm-4 { margin-top: 30px; }
    .voffset-sm-5 { margin-top: 40px; }
    .voffset-sm-6 { margin-top: 60px; }
    .voffset-sm-7 { margin-top: 80px; }
    .voffset-sm-8 { margin-top: 100px; }
    .voffset-sm-9 { margin-top: 150px; }

    .loffset-sm-0 { margin-left: 2px; }
    .loffset-sm-1 { margin-left: 5px; }
    .loffset-sm-2 { margin-left: 10px; }
    .loffset-sm-3 { margin-left: 15px; }
    .loffset-sm-4 { margin-left: 20px; }
    .loffset-sm-5 { margin-left: 25px; }
    .loffset-sm-6 { margin-left: 30px; }
    .loffset-sm-7 { margin-left: 35px; }
    .loffset-sm-8 { margin-left: 40px; }
}

@media (max-width: 767px) {
    .voffset-xs-0 { margin-top: 2px; }
    .voffset-xs-1 { margin-top: 5px; }
    .voffset-xs-2 { margin-top: 10px; }
    .voffset-xs-3 { margin-top: 15px; }
    .voffset-xs-4 { margin-top: 30px; }
    .voffset-xs-5 { margin-top: 40px; }
    .voffset-xs-6 { margin-top: 60px; }
    .voffset-xs-7 { margin-top: 80px; }
    .voffset-xs-8 { margin-top: 100px; }
    .voffset-xs-9 { margin-top: 150px; }


    .loffset-xs-0 { margin-left: 2px; }
    .loffset-xs-1 { margin-left: 5px; }
    .loffset-xs-2 { margin-left: 10px; }
    .loffset-xs-3 { margin-left: 15px; }
    .loffset-xs-4 { margin-left: 20px; }
    .loffset-xs-5 { margin-left: 25px; }
    .loffset-xs-6 { margin-left: 30px; }
    .loffset-xs-7 { margin-left: 35px; }
    .loffset-xs-8 { margin-left: 40px; }
}

.roffset-0 { margin-right: 2px; }
.roffset-1 { margin-right: 5px; }
.roffset-2 { margin-right: 10px; }
.roffset-3 { margin-right: 15px; }
.roffset-4 { margin-right: 20px; }
.roffset-5 { margin-right: 25px; }
.roffset-6 { margin-right: 30px; }
.roffset-7 { margin-right: 35px; }
.roffset-8 { margin-right: 40px; }

.loffset-0 { margin-left: 2px; }
.loffset-1 { margin-left: 5px; }
.loffset-2 { margin-left: 10px; }
.loffset-3 { margin-left: 15px; }
.loffset-4 { margin-left: 20px; }
.loffset-5 { margin-left: 25px; }
.loffset-6 { margin-left: 30px; }
.loffset-7 { margin-left: 35px; }
.loffset-8 { margin-left: 40px; }

.voffset-0 { margin-top: 2px; }
.voffset-1 { margin-top: 5px; }
.voffset-2 { margin-top: 10px; }
.voffset-3 { margin-top: 15px; }
.voffset-4 { margin-top: 30px; }
.voffset-5 { margin-top: 40px; }
.voffset-6 { margin-top: 60px; }
.voffset-7 { margin-top: 80px; }
.voffset-8 { margin-top: 100px; }
.voffset-9 { margin-top: 150px; }

.poffset-0 { padding-top: 2px; padding-bottom: 2px; }
.poffset-1 { padding-top: 5px; padding-bottom: 5px; }
.poffset-2 { padding-top: 10px; padding-bottom: 10px;}
.poffset-3 { padding-top: 15px; padding-bottom: 15px;}
.poffset-4 { padding-top: 30px; padding-bottom: 30px;}
.poffset-5 { padding-top: 40px; padding-bottom: 40px;}
.poffset-6 { padding-top: 60px; padding-bottom: 60px;}
.poffset-7 { padding-top: 80px; padding-bottom: 80px;}
.poffset-8 { padding-top: 100px; padding-bottom: 100px;}
.poffset-9 { padding-top: 150px; padding-bottom: 150px;}


.panel-sm {
    margin-bottom: 5px !important;
}

.panel-md {
    margin-bottom: 10px !important;
}

.panel-none {
    margin-bottom: 0px !important;
}

.panel.panel-sm > .panel-heading {
    padding: 5px 10px !important;
}

.panel.panel-md > .panel-heading {
    padding: 2px 7px !important;
}

.panel.panel-none > .panel-heading {
    padding: 0px 0px !important;
}

.btn-icon {
    font-family:"Font Awesome\ 5 Pro";
    font-weight: 900;
}

.well.white {
    background: white !important;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-black {
    border-color: #333;
}

.panel-black > .panel-heading {
    border-color: #333;
    color: #fff;
    background-color: #333;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}


.modal-red .modal-content {
    border-color: #d43f3a;
}

.modal-red .modal-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #ce423e;
    border-color: #d43f3a;
    color: white;
}

.bg-black-1 {
    background-color: #333;
}

.text-error {
    color:red !important;
}

.text-white {
    color: #fff;
}

.text-bold {
    font-weight: bold;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.help-block {
    font-size: 11px;
    padding-left: 15px;
}

table.table-condensed input[type='checkbox'].fillcell {
    width: 100%;
    height: 16px;
}

table.table-condensed input[type='checkbox'].fillcell:hover {
    cursor: pointer;
}

.input-sm-checkbox {
    margin-top: 0px !important;
}

.dragHandle:hover {
    cursor: move;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}



.vTab {
    display: table;
}

.vTab .vtabs {
    display: table-row;
    width: 100%;
    height: 100%;
}

/* Style the tab */
.vTab div.tab {
    display: table-cell;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    max-width: 30%;
    height: 100%;
}

/* Style the buttons inside the tab */
.vTab div.tab .tablinks {
    background-color: inherit;
    color: black;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    cursor: pointer;
    height: 100%;
    padding: 3% 10px;
}

/* Change background color of buttons on hover */
.vTab div.tab .tablinks:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.vTab div.tab .tablinks.active {
    background-color: #ccc;
}

/* Style the tab content */
.vTab .tabcontent {
    display: table-cell;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    vertical-align: top;
}

.tablinks::after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #615d5d;
    right: 5px;
    top: 32%;
}

.tablinks:hover::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #6d6c6c;
}


button.list-group-item {
    width: 100%;
    text-align: left;
}

.breadcrumb>.active>a {
    cursor: default;
    text-decoration: none;
    color: #777;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


hr.condensed {
    margin-bottom: 10px;
    margin-top: 10px;
}

textarea.no-horzontal-resize {
    resize: vertical;
}

.row-no-gutters {
    margin: auto 0px;
}


.btn-sq-blue {
    color: #fff;
    background-color: #2980b9;
    border-color: #2e6da4;
    border-radius: 0;
}

.btn-sq-blue:hover {
    color: #edecec;
}

a.disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #ccc;
}

a.disabled:hover {
    text-decoration: none !important;
    color: #ccc !important;
}

.drag-over {
    border: 1px dashed #333;
}

.window-drag {
    border: 1px dashed rgba(51,51,51, 0.5);
}




.text-line {
    background-color: transparent;
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 3px 10px;
    border-radius: 0;

    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto !important;
    outline: none !important;

    border: 0;
}

.text-line-warning {
    border-bottom: solid #f0ad4e 1px !important;
    color: #f0ad4e !important;
}

.text-line-info {
    border-bottom: solid #5bc0de 1px !important;
    color: #5bc0de !important;
}

.text-line-danger {
    border-bottom: solid #d9534f 1px !important;
    color: #d9534f !important;
}

.text-line-success {
    border-bottom: solid #5cb85c 1px !important;
    color: #5cb85c !important;
}

.text-line-primary {
    border-bottom: solid #337ab7 1px !important;
    color: #337ab7 !important;
}

.text-line-default {
    border-bottom: solid #fff 1px !important;
    color: #000 !important;
}


.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}


.disable-capable {
    position: relative;
}

.disabler {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(175, 175, 175, 0.75);
    color: white;
    border-radius: 2px;
}

.disabler .lightbox {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: 0 10px;
    background-color: rgba(55,55,55, 0.9);
    border-radius: 5px;
}

.disabler.actionable:hover {
    background-color: rgba(55,55,55, 0.5);
    cursor: pointer;
}

.btn-default-checked {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}



.minthumbnail > .thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.minthumbnail > .thumbnail > h4 {
    padding: 18px 5px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f5f5f5;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
}

.minthumbnail > .thumbnail h4 .info {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0.6em;
    padding-left: 15px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 4px;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}

.minthumbnail > .thumbnail h4 .info > span {
    margin-right: 10px;
}

    .minthumbnail > .thumbnail img {
        height: 250px;
        margin: auto;
        border: 1px solid #675a5a;
        margin-bottom: 5px;
    }

.minthumbnail > .thumbnail a.btn {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.cert-header {
    background-color: #333;
    color: #fff;
    font-size: 17px;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #9e9e9e;
    margin-top: 10px;
}

.cert-header > span {
    margin-top: 3px;
}


.cert-header > a, cert-header > button {
    margin-left: 10px
}

.actionable3:hover {
    opacity: 0.5;
    cursor: pointer;
}