/*INPUT GROUP*/
/*.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group .input-group-addon {
        border-radius: 0;
        border-color: #d2d6de;
        background-color: #fff;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon:first-child {
    border-right: 0;
}*/

/*OVERWRITE PERFECT SCROLLBAR*/
/*.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}*/

/*OVERWRITE THEME HERE*/
.btn-icon {
    margin-right: 10px;
    cursor: pointer;
}

    .btn-icon:hover {
        color: lightblue;
    }
.btn-link{
    text-decoration: none;
}

.complete {
    color: forestgreen;
}

.cancel {
    color: red;
}

/*PLACEHOLDER COLOR*/
:-ms-input-placeholder.form-control { /* Internet Explorer 10-11 */
    color: lightgray;
    opacity: 1;
}

::-ms-input-placeholder.form-control { /* Microsoft Edge */
    color: lightgray;
    opacity: 1;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #F0F0F0;
    opacity: 1; /* Firefox */
}

*:focus::-webkit-input-placeholder {
    opacity: 0;
}
/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
    opacity: 0;
}
/* FF 4-18 */
*:focus::-moz-placeholder {
    opacity: 0;
}
/* FF 19-50 */
*:focus:-ms-input-placeholder {
    opacity: 0;
}
/* IE 10+ */
*:focus::placeholder {
    opacity: 0;
}
/* Modern Browsers */

/*.popover {
    font-family: 'Open Sans', Tahoma, Arial, Helvetica, Sans-Serif;
}*/

.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
    background-color: #2384c6;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    font-weight: 400;
}

.page-wrapper > .page-content {
    padding: 20px;
    min-height: calc(100vh - 157px);
}
.footer{
    padding:10px 20px;
    border-top:solid 1px #dddddd;
}
/* CSS Document */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 12px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15px;
    width: 32px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 0;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round-2 {
    border-radius: 34px;
}

    .slider.round-2:before {
        border-radius: 50%;
    }

.primary {
    background-color: #2384c6;
}

    .primary:hover {
        background-color: #1374b6;
    }
.btn-default {
    border-color:lightgray !important;
}
.btn-primary {
    background-color: #2384c6;
}

    .btn-primary:hover {
        background-color: #1374b6;
    }

    .btn-primary.disabled, :disabled.btn-primary{
        background-color: lightgray;
        border-color:lightgray;
    }

    .card {
        border-radius: 10px;
        margin-bottom: 15px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084)
    }

.card-body {
    padding: 1rem;
}

.reverse {
    color: #707cd2;
}

.header-card-title {
    font-size: 18px !important;
}
/* Triangles */
.big-triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccce2d;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.gry-triangle {
    border-top: 10px solid #cfcfcf;
}

.reg-triangle {
    bottom: -52px;
}
/* Triangle-End */
.qcera-dark-gray {
    color: #4d4d4d;
}

.qcera-gray, th {
    color: #58595b !important;
}

.qcera-disabled {
    color: #8898aa;
}

.qcera-blue {
    color: #2384c6 !important;
}

.qcera-dark-bkd {
    background: #195f8b;
}

.qcera-gray-bkd {
    background: #cfcfcf;
}

.qcera-tab {
    background: #d1d3d4;
}

.comp-color {
    color: #ff931e !important;
}

.comp-color-bkd {
    background: #ff931e !important;
}

.fix-height {
    min-height: auto !important;
}

.rounded-header {
    background: #d1d3d4;
    /*border-bottom:solid 1px #EEEEEE;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.show-eighty {
    max-height: 40vh;
    overflow-y: auto;
}

/*.sidebar-link {
    padding-bottom: 0 !important;
}*/

.show-seventy {
    max-height: 70vh;
    overflow-y: auto;
}

/*  FONTS */
.wide-table-font {
    font-size: 0.7rem !important;
}

.form-group {
    margin-bottom: 0.5rem;
}

.nav-link-slim {
    padding: 8px 20px !important;
}

sup {
    font-size: 125%;
    top: 0.5px;
}

/*HOME - WORKLIST - GRAPHS*/
.tab-pane .card {
    margin-bottom: 5px;
    cursor: pointer;
}

    .tab-pane .card:hover {
        background-color: #F9F9F9;
        border-radius: 0px;
    }

.box-options {
    position: absolute;
    right: 20px;
    z-index: 1;
    box-shadow: 0px 0px 0.5rem rgba(0,0,0,0.2);
    border-radius: 4px;
}

.box-options-body {
    padding: 1rem;
}

.box-options-footer,
.box-options-header {
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.box-options-title {
    margin-bottom: 0px;
    line-height: 1.5;
}

.box-options-body {
    border: solid 1px #EEEEEE;
    border-left: none;
    border-right: none;
}

.box-options-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

/* END HOME - WORKLIST - GRAPHS*/

/* NEW BLUE-COPY */
/*td {
    color: #2485c6 !important;
}*/

.badge-info {
    font-weight: 600;
}

.btn-link {
    color: #333333;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    /*color: #333333 !important;*/
    color: black !important;
    opacity: 1 !important;
}

/*.sidebar-link {
    padding-bottom: 0 !important;
}*/
/* COPY */
.copy-spacing {
/*    line-height: 17px;
    letter-spacing: 0.25px;*/
    font-size: 0.7rem;
}
a{
    /*color:#333333;*/
    color:black;
}
.card-footer, .card-header{
    background: #e7e7e7;
}
#recentlyViewed li:hover {
    background-color: #e7e7e7;
}

/* chat box */
/*.chat-item {
	margin-top: 0 !important;
}
.chat-list .chat-item .chat-content .box {
	padding: 6px ;
}*/
/* chat box-end */
/* Style the navbar */
/*table>thead#upper-part {
  overflow: hidden;
  background-color: #333;
}*/

/* Page content */
/*.content {
  padding: 16px;
}*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
/*.sticky {
  position: fixed;
  top: 60px;
  width: 100%;
	z-index: 333;
}*/

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
/*.sticky + .content {
  padding-top: 609px;
}*/

/*#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="overlay"].hide-sidebar .topbar .top-navbar .navbar-collapse, #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse, #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .page-wrapper{
    margin-left:0;
}*/
#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
    display: block;
}

@media all and (min-width: 1023px) {
}

@media all and (max-width: 768px) {
    /*[data-layout=vertical][data-sidebartype=overlay][data-sidebar-position=fixed].hide-sidebar#main-wrapper .topbar .top-navbar .navbar-header, [data-layout=vertical][data-sidebartype=mini-sidebar]#main-wrapper .topbar .top-navbar .navbar-header {
        width: 250px;
    }*/
}

@media(max-width: 540px) {
    .ls-logo {
        display: none !important;
    }
}

@media(min-width: 768px){
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header{
        width:250px;
    }
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse, #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper{
        margin-left:250px;
    }
}


/*---------------CUSTOM---------------*/
.mini-modal {
}

    .mini-modal .modal-header, .mini-modal .modal-body, .mini-modal .modal-footer {
        padding: 0.5rem;
    }
    .mini-modal .modal-header:hover{
        background-color:aliceblue;
    }

    .mini-modal .btn{
        padding: 3px 10px;
        font-size:12px !important;
        margin:0px;
    }

    .mini-modal .modal-title{
        font-size:12px !important;
    }

    .mini-modal .modal-body {
        font-size: 12px !important;
    }

    .mini-modal .datepicker {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        direction: ltr;
        padding:0px;
        font-size:12px;
    }

        .mini-modal .datepicker .dow, .mini-modal .datepicker .day {
            padding: 2px 7px;
        }
            .mini-modal .datepicker .dow, .mini-modal .datepicker .day:hover {
                cursor:pointer;
            }

    .mini-modal .form-control{
        padding:4px 10px;
    }
    .mini-modal th{
        background-color:transparent;
        text-align:center;
    }

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