/*
 * Cerberus  Copyright (C) 2013  vertigo17
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 *
 * This file is part of Cerberus.
 *
 * Cerberus is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Cerberus is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Cerberus.  If not, see <http://www.gnu.org/licenses/>.
 *//* 
    Created on : May 18, 2015, 2:18:04 PM
    Author     : FNogueira
*/

.tooltip {
    position: fixed;
}

.separator {
    border-top: 1px solid #E3E3E3;
    margin-top:20px;
    margin-bottom:30px;
}

#confirmationModal{
    z-index: 10000001 !important
}

.modal {
    overflow: auto !important;
    z-index: 9998 !important;
}

ul.ui-autocomplete {
    z-index: 9999 !important;
}

.select2-dropdown{
    z-index: 10000 !important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px;
}

td
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nomargintop{
    margin-top:0px;
}
.nomarginbottom{
    margin-bottom:0px;
}

.manageRowsFont{
    font-size:12.3167px;
}


#datas {
    margin: 3px;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 100%;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
/*widths*/
.width20{
    width: 20px;
}
.width50{
    width: 50px;
}
.width80 {
    width: 80px;
}
.width100 {
    width: 100px;
}

.width130{
    width: 130px;
}

.width150 {
    width: 150px;
}

.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}
.width350 {
    width: 350px;
}


.width500 {
    width: 500px;
}

.width600 {
    width: 600px;
}

.width800 {
    width: 800px;
}

.width850 {
    width: 850px;
}
.width900 {
    width: 900px;
}

.width950 {
    width: 950px;
}
.width1000{
    width: 1000px;
}
.width1400{
    width: 1400px;
}

/**heights**/
.height400{
    height: 400px;
}
/**margins**/

.marginRight0{
    margin-right: 0px;
}
.marginRight5{
    margin-right: 5px;
}

.marginRight10{
    margin-right: 10px;
}

.marginLeft5{
    margin-left:5px;
}

.marginLeft15{
    margin-left:15px;
}

.marginLeft-15{
    margin-left:-15px;
}

.marginLeft25{
    margin-left:25px;
}

.marginLeft0{
    margin-left:0px;
}
.paddingRight0{
    padding-right:0px;
}
.paddingLeft0{
    padding-left:0px;
}
.paddingTop30{
    padding-top:30px;
}
/*margins*/
.marginTop5{
    margin-top: 5px;
}
.marginTop10{
    margin-top: 10px;
}
.marginTop15{
    margin-top: 15px;
}
.marginTop20{
    margin-top: 20px;
}
.marginTop25{
    margin-top: 25px;
}
.marginTop5{
    margin-top: 5px;
}

.marginBottom10{
    margin-bottom: 10px;
}

.marginBottom15{
    margin-bottom: 15px;
}

.marginBottom20{
    margin-bottom: 20px;
}
/**************************************ALERT messages ****************************/
#messagesArea {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    border: none;
    z-index: 300;
}

/**************************************Page layout ****************************/

/*TODO After conversion change this to the main css file*/
#navcontainer {
    position: fixed;
    width:100%;
    height: 40px;
}

#page-layout{
    /*max-width: 1488px; */
    /*margin-left: auto;*/
    margin-right: auto;
}
#page-layout table{
    min-height: 80%;
}
#page-layout table > tbody > tr > td {
    vertical-align: top;
    min-height: 40%;
    padding: 5px;
}

div button.margin-right25{
    /*margin-left: 5px;*/
    margin-right: 25px;
}

div button.margin-right5{
    /*margin-left: 5px;*/
    margin-right: 5px;
}





/*default styles used by bootstrap*/
select option{
    color: var(--crb-grey-color);
    font-size: 14px;
    font-style:normal
}
.emptySelectOption{
    color: gray;
    font-size: 10px;
    font-style:italic;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}



table.display {
    table-layout:fixed;
}
table.display  th, #listOfTestDataLib td , #viewTestDataLibDataEntriesTable td{
    overflow:hidden;
    text-overflow: ellipsis;
}

#viewTestDataLibDataEntriesTable.display{
    margin-left: 0px;
}

.dataTables_paginate {
    width: auto;
}

.dataTables_info {
    padding-top: 6px;
    color: var(--crb-dark-color);
}

.pagination>li>a, .dataTables_length select, .dataTables_filter input{
    background-color: var(--crb-white-color);
}

#summaryTableHeader td{
    font-weight: bold;
    background-color: rgba(66,139,202,0.2);
    border:0;
}


/*********AUTOCOMPLETE***************/
/*from:https://gist.github.com/daz/2168334*/
/* workarounds */
* html .ui-autocomplete {
    width:1px;
} /* without this, the menu expands to 100% in IE6 */

/**AUTOCOMPLETE FOR BOOTSTRAP**/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999999999999;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    max-height: 200px;
    overflow: auto;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: var(--crb-white-color);
    color: var(--crb-black-color);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;

}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: var(--crb-black-color);
    white-space: nowrap;
}
.ui-widget-content .ui-state-focus {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--crb-blue-light-color);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/*from http://www.bootply.com/vitor-gapitec/AugjvLCRFt*/
/* CSS used here will be applied after bootstrap.css */
.menu-ico-collapse {
    margin-left: 4px;
}

.list-group-submenu .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-submenu .list-group-item:last-child {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#testCaseListModal .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

.modal-subtitle {
    border-bottom: 2px solid #3D3D3D;
    margin-bottom: 5px;
}

.ListItem{
    height: 40px;
}

/************************** test case page **/
.fitWidth{
    width: 100%;
}
activeY{
    color: #483D8B;
}

activeN{
    color: #8B0404;
}

/***************test case page CSS *************************/
.collapseOrExpandAllStep {
    display:none;
}

.AttachPictureClass{
    display: none;
}

.generalPropertyDiv{
    display:inline-block;
    background-color: white;
}
.generalPropertyDiv div{
    background-color: white;
}
.generalPropertyDiv:hover div{
    background-color: #EEEEEE;
}
.generalPropertyDiv:hover{
    background-color: #EEEEEE;
}
.generalPropertyDiv:focus{
    background-color: #EEEEEE;
}


.StepHeaderContent {
    margin-top:15px;
}

a.docOnline{
    /*color:white;*/
}


.libLineDiv{
    display:block;
}
.libHideLineDiv{
    display:none;
}

img.selectedPicture{
    max-height: 900px;
    max-width: 1100px;
}

.filterReportingExecution{
    margin-bottom: 10px;
    margin-left:15px;
}

.popover{
    z-index: 10000 !important;
    word-wrap: break-word;
}

.tooltip-inner {
    max-width: 1000px;
    overflow-wrap: break-word;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: var(--crb-blue-light-color);
    border: none;
    color:var(--crb-black-color);
    border-radius:0;
    font-weight: normal;
}

#nav-execution .affix-top {
    width: 100%;
}

#nav-execution .affix-bottom {
    width: 100%;
    position: absolute;
}

@media (max-width: 1200px) {
    #nav-execution .affix {
        position: static;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    #nav-execution .affix {
        top: 0;
        width: 255px;
    }
}

.spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
#envelope:focus {
    outline: 0px solid transparent;
}

.highlightedContainer {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.logo-login {
    margin-top : 3%;
    max-width: 250px;
}
.panel-login {
    padding : 10px 0;
}

.login-box-form {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .body-login {
        padding-top : 10%;
    }
    .panel-login {
        background : #f9f9f9;
    }
}
@media (max-width: 992px) {
    .panel-login {
        border : 0;
    }
    .logo-login {
        max-width: 150px;
    }
}

a.list-group-item.selected, button.list-group-item.selected {
    color: #fff;
    background-color: #5bc0de;
}

.ui-autocomplete .tooltip img {
    max-width : 300px;
    max-height : 40px;
}

.bold-option{
    font-weight: bolder;
}

/* begin interactive tutoriel with introjs adjustement*/
.modal .introjs-fixedTooltip {
    z-index: 999999998 !important;
}
.modal .introjs-showElement {
    z-index: 999999999 !important;
}

/* end interactive tutoriel with introjs adjustement*/
.popover-content .editable-checklist {
    width: 100%;
    padding-right: 20%;
}

/* force tinymce menus on top of bootstrap modals*/
.tox-tinymce-aux {
    z-index: 130000000000 !important;
}

.select2 {
    background-color: var(--crb-white-color);
    color: var(--crb-dark-color);
}

.btn-default {
    color: var(--crb-dark-color);
    background-color: var(--crb-white-color);
    border-color: var(--crb-grey-light-color);
}
