/* here you can put your own css to customize and override the theme */

@media (min-width:991px) {
    /* Mainmenu topbar styling overwrite*/
    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
        background: transparent !important;
    }
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i:not(.fa-angle-down),
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i:not(.fa-angle-down) {
    color:#3598dc;
}

@media (min-width:991px) {
    .page-header .page-header-menu .hor-menu .navbar-nav > li,
    .page-header .page-header-top .top-menu:not(.top-menu) .navbar-nav > li.dropdown-dark,
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i,
    .page-header .page-header-menu {
        background: #104C78;
    }
}

/* Notifications menu styling overwrite*/
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #13335b;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open  > a{
    color:#4b5675;
    background: #ffffff;
}

/* EQ Express*/
.eqExpress .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
.eqExpress .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.eqExpress .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
.eqExpress .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
.eqExpress .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
    background: #105084 !important;
}

/* Notifications menu styling overwrite*/
.eqExpress .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external,
.eqExpress .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #2d6995;
}

.page-header .page-header-menu .hor-menu .navbar-nav li.productIcons a img{
    margin-left:-7px;
}

/** Shared custom css for template workspace/mainmenu */
.page-content {
    background-color: #F6F6F6;
}

.page-header .page-header-top .page-logo .logo-default {
    margin: 14px 0 0 0;
    height:50px;
}

.page-header-top .container, .page-header-menu .container {
    width: 100% !important;
}

.page-header-top .container {
    padding-left: 20px;
}

.page-header {
    z-index: 1001;
    position: relative;
}

.current-folder-info {
    width: 100%;
    color:#5C9BD1;
}

.current-project-template-folder-info {
    width: 100%;
    color: #C49F47;
}

.current-project-archive-folder-info {
    width: 100%;
    color: #e7545d !important;
}

.current-project-archive-folder-info > i {
    color: #e7545d !important;
}


.current-custom-question-folder-info {
    width: 100%;
    color: #32c5d2;
}

.current-external-source-table-info {
    width: 100%;
    color:#5C9BD1;
    font-size: 16px;
    margin-bottom: 20px;
}

.page-header-top .current-project-info {
    text-align: center;
    color:grey;
    display:inline-block;
    padding-top:27px;
}

.mainmenu-current-project-info {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    display:inline-block;
    padding-top:8px;
}

.page-header-top .current-project-info .title {
    font-size: 15px;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}
.mainmenu-current-project-info .title {
    white-space: normal;
    word-wrap: break-word;
    color: grey;
}

.page-header-top .current-project-info .status, .mainmenu-current-project-info .status {
    text-align: center;
    font-weight: 600;
    font-size: 11px;
}

.page-header-top .current-project-info .status.undeployed {
    color: #165787;
}

.page-header-top .current-project-info .status.deployed {
    color: #07b95a;
}

.page-header-top .current-project-info .status.closed {
    color: #165787;
}

.page-header-top .current-project-info .status.archived {
    color: grey;
}

.page-header-menu .container {
    padding-left: 0;
}

/* Custom style classes for bootstrap*/
.row-no-padding {
    padding: 0 !important;
}

.row-no-margin {
    margin: 0 !important;
}

.col-no-margin {
    margin: 0 !important;
}

.col-no-padding {
    padding: 0 !important;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.v-space {
    margin-bottom: 8px;
}

button.btn.rounded {
    border-radius: 4px !important;
}

.cursorPointer {
    cursor: pointer;
}

/** Animations **/
.passingAnimate {
    -webkit-animation: passing 3s linear infinite;
    animation: passing 3s linear infinite
}

@keyframes passing {
    0% {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes passing {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

button.btn + button.btn, .dt-button-collection + button.btn {
    margin-left: 5px;
}

.input-group .input-group-btn.btn-group-vertical:last-child *:first-child {
    border-radius: 0 4px 0 0;
}

.input-group .input-group-btn.btn-group-vertical:last-child *:last-child {
    border-radius: 0 0 4px 0;
}

body.login, body.startpage {
    background: url("../../../../assets/logic8/img/background-white-3.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 480px) {
    .page-header .top-menu {
        margin-top: 0!important;
        background-color: transparent;
    }

    .startpage .page-header {
        padding-right: 0!important;
    }
}

.startpage #userInfo{
    background-color: transparent;
}

.startpage .page-header {
    background-color: initial;
    padding-right: 50px;
}

.container .row.topSpacer {
    height: 50px;
}

.container .row .logo {
    margin-bottom: 15px;
}

.container .row .logo img{
    height:50px;
}

.container .row .jumbotron {
    background-color: #eceef1;
    padding: 30px 30px 10px;
}

.container .row.border-bottom {
    border-bottom: 1px solid;
}

.container .row.border-top {
    border-top: 1px solid;
}

.clear{
    clear:both;
}

.list-group a.list-group-item{
    padding-left: 17px
}

.markReference{
    color:red;
    font-weight: bold;
}

.modal-extra-large .modal-dialog{
    width: 80%;
}

.modal-xl {
    width: 95%;
}

.capitalizeFirst:first-letter {
    text-transform: uppercase;
}
.pace-inactive {
    display: none;
}

/**
* Force colvis element to render in front of (modal) datatable
* in case of column reoreder, force the UI elements which indicate where the column will be dropped to be on top of a modal
*/
div.DTCR_pointer,
table.DTCR_clonedTable,
.dt-button-collection {
    z-index: 10050 !important;
}



/** use other pace for export modal, copied from : Big Counter on http://github.hubspot.com/pace/docs/welcome/ */
#exportModal .pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
}

#exportModal .pace.pace-inactive .pace-progress {
    display: none;
}

#exportModal .pace .pace-progress {
    top: 50px!important;
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    height: 5rem;
    width: 0;

    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

#exportModal .pace .pace-progress:after {
    display: block;
    position: absolute;
    top: 0;
    right: .5rem;
    content: attr(data-progress-text);
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 100;
    font-size: 5rem;
    line-height: 1;
    text-align: right;
    color: rgba(0, 0, 0, 0.19999999999999996);
}

/*Language sub-menu in user drop-down menu*/
.nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    top: 0px;
    max-height: 230px;
    overflow-y: auto;
}
.width-inherit {
    width:inherit;
}
a.selectedLanguage {
    padding:8px 16px !important;
    font-size:13px !important;
}
.page-header-menu.changeLanguage {
    height:auto;
}
.selectedLanguage > img {
    margin-right:4px;
}

.selectedLanguage {
    float: none!important;
}

.editLanguage .dropdown-menu {
    max-height:250px;
    overflow-y:auto;
}

.wizard-portlet .datetime-picker .btn {
    height: auto;
    border: none;
}

.datetime-picker .input-group-addon, .date-datetime-picker .input-group-addon {
    padding: 0;
    border: none;
}
@media (max-width:991px) {
    .page-header .page-header-menu.changeLanguage{
        display:block !important;
    }
    .page-header .page-header-menu.changeLanguage {
        background-color: initial;
        padding:0px;
    }
    .page-header .page-header-menu.changeLanguage .hor-menu .navbar-nav {
        background-color: initial !important;
    }
    .page-header .page-header-menu.changeLanguage .hor-menu .navbar-nav > li > a {
        color:#aaafb7 !important;
    }
}

.shelflife_sample_count {
    color: red;
    font-weight: bold;
}

.shelflife_upcoming_sample_count {
    color: #82f182;
    font-weight: bold;
}

#projectFolderTable_wrapper .DTFC_LeftBodyLiner {
    overflow-y: auto !important;
}

#filter-row {
    margin-right:0px;
    margin-left:0px !important;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}


.no-padding-left {
    padding-left:0px !important;
    margin-left:0px !important;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.caption-bottom-border {
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

#newUserForm .multiselect{
    text-align: left;
}
.btn-import input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* Needed, otherwise the finalize table text will be white on IE11 */
@media all and (-ms-high-contrast: none) {
    .finalize-table td {
        color:black !important;
    }
}

.nav > li > a.dropdown-toggle:hover,
.nav > li > a.dropdown-toggle:focus {
    background-color: transparent !important;
}

@media (min-width:991px) {
    #home-icon, #home-menu-item {
        padding-left:15px
    }
}

.btn-primary, .bootstrap-switch-primary {
    background-color: #104C78 !important;
}

.btn-primary:hover, .bootstrap-switch-primary:hover {
    background-color: #185f8d !important;
}

.prefix-button > a {
    background: white !important;
    color:green;
}

.prefix-button > a:hover {
    background: #f5f5f5 !important;
}

.dropdown-menu-logo {
    height: 14px;
    width: 14px;
    margin-right: 6px;
}

.disabled-link .disable-target, .disabled-link.disable-target {
    opacity: 1 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background:#104C78;
}

.paginate_button:not(.active) > a {
    color:#104C78 !important;
}

#next-project-content {
    top:75px;
    padding-top:25px;
    height:auto;
}

@media (max-width:480px) {
    #next-project-content {
        top:125px;
        padding-top:0;
        height:50%;
        display:block;
    }
}