/*
    main.css
    Vaxtor License
*/
@font-face
{
    font-family: "Source Sans Pro";
    font-style: normal;
    src: url("../fonts/SourceSansPro-Regular.ttf");
}

::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
    
.sizenavtext {
    text-transform: uppercase;
    padding: 0 6px;
    margin: 6px 8px;
    font-weight: 500;
    font-size: 14px;
}

.tabla {
    font-size: 13px;
    padding: 5px;
    min-height: 40px;
}

.tabla div, .tabla span
{
    cursor: pointer;
}

.headerItem:focus {
  outline: none;
  border: 0px;
}

.virtualRepeat #vertical-container {
  height: 480px;
  width: 100%;
}

.virtualRepeat .repeated-item {
  box-sizing: border-box;
  border-top: 0px;
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
  border-color: gray;
  border-style: dotted;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller
{
  overflow-y: scroll;
}

md-input-container
{
  margin: 0px;
}

/*.virtualRepeat md-content {
  margin: 16px;
}

.virtualRepeat .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px;
}*/

/*
 * CUSTOMIZATION
 */

.md-whiteframe
{
    box-shadow: none
}

html, body
{
  height: 90%;
}



.frameCenter
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 640px;
    height: 480px;
}
.frame {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
    width: 640px;
    white-space: nowrap;
}

.frame img {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    height: inherit;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    background-color: lightgrey;
}

.small-label
{
    font-size: 12px;
}

.h6-input-container
{
    margin-bottom: 0;
}

.h6-input-container-min
{
    margin-bottom: 0;
    min-width: 100px;
}

.h6-input-container-med
{
    margin-bottom: 0;
    min-width: 200px;
}

.h6-input-container-lar
{
    margin-bottom: 0;
    min-width: 400px;
}

.set-label
{
    margin-left: 10px;
    font-size: 16px;
    text-align: right;
}

.errorBox
{
    opacity: 1;
    border-radius: 4px;
    background-color: rgb(255,255,255);
    color: rgba(0,0,0,0.87);    width: 84%;
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12);
    position: absolute;
    z-index: 10;
    top: 90px;
    padding: 7px;
    margin: 5% 6%;
}

#progressCircular
{
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    padding: 20% 35%;
}

.message
{
    font-size: 40px;
    font-weight: 900;
    margin: 0;
    color:#2196F3
}

.spinner
{
    margin: 0px auto;
    height: 150px;
}

.h6-select-box
{
    min-width: 200px;
    height: 150px;
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;     
}
.h6-audit-details-box
{
    min-width: 400px;
    height: 400px;
    overflow-y: auto;
    resize: none;
}

.h6-select-box span
{
    cursor: pointer;
    padding: 2px
}

.md-dialog-fullscreen   
{
    overflow: hidden;
}

md-dialog
{
    min-width: 40%;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.box
{
    border: 1px solid grey;
    padding: 14px;
}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.h6-dropdown-menu {
    z-index:20;
    position:absolute;
    right: 70px;
    left: auto;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    /* background-color: #fff; */
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

lh
{
    font-weight: 600;
}

.h6-context-menu li:hover
{
    cursor: pointer;
    font-weight: 600;
}

.h6-context-menu
{
    z-index:20;
    position:fixed;
    min-width: 160px;
    padding: 10px;
    line-height: 21px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    /* background-color: white; */
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.h6-context-menu ul
{
    padding-left: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    list-style-type: none;
}


.h6-logo {
    height: 40px;
    margin-top:15px;
}
#h6-title {
    text-align:center;
}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.h6-logo {
    height: 40px;
    margin-top:15px;
}
#h6-title {
    text-align:center;
}
#h6-title span {
    font-weight: 200;
}
.h6-menu-button {
    font-size: 60px;
    /* color: black; */
    font-weight: 700
}

.iconMenu {
    font-size: 24px;
    height: 24px;
    width: 28px;
}

md-toolbar{
    font-size: 13px;
    color: #ffffff;    
    max-height: 50px;
}

.table-header {
    font-size: 13px;
    /* color: #ffffff !important; */
}

.table-header .md-button.md-icon-button md-icon, button.md-button.md-fab md-icon, md-toolbar:not(.md-menu-toolbar) md-icon
{
    color: white !important;
    fill: white !important;
}

md-card-actions .md-button.md-icon-button md-icon, button.md-button.md-fab md-icon, button.md-button.md-primary.md-raised, .md-button.md-primary:not([disabled]) md-icon
{
    color: white !important;
    fill: white !important;
}

.table-footer
{
    font-size: 13px;
    color: #ffffff !important;
}

.table-footer .md-button.md-icon-button md-icon, button.md-button.md-fab md-icon
{
    color: white !important;
    fill: white !important;
}

.md-button.md-primary.md-raised
{
    color: white !important;
    fill: white !important;
}

.h6-header-vaxtor {
    border-style: solid;
    border-width: 0 0 1px;
    border-color: rgba(0,0,0,0.12);
}

.h6-header-honeywell {
    background-color: lightgray;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: rgba(0,0,0,0.12);
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-device-width : 599px)
{
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}
/* iPads (portrait and landscape) ----------- */
@media (min-device-width : 600px) and (max-device-width : 960px)
{
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}

/* iPads (landscape) ----------- */
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}

/* iPads (portrait) ----------- */
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}
/**********
iPad 3
**********/
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
    .h6-logo {
        height: 24px;
        margin-top: 24px;
    }
}
/* Desktops and laptops ----------- gt-sm */
@media (min-width : 1280px)
{
    #barMenu
    {
        height     : 100%; /* 65px;
        margin-top : 40px; */
    }
    #iconMenu
    {
        font-size: 40px;
        height: 40px;
        width: 40px;
    }
}

.selectWithSelectHeader md-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}
.selectWithSelectHeader md-select-header input {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectWithSelectHeader  md-content._md {
    max-height: 240px; 
}

/* Aligerar listados! */

md-toolbar {
    min-height: 45px;
    color: white !important;
}

.associated-item
{
    box-sizing: border-box;
    border-top: 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-color: gray;
    border-style: dotted;
}

md-checkbox.md-checked.selec-to-delete .md-icon
{
    background-color: red;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alertRed {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #d6b2af;
    border-color: #d6b2af;
}

.alertWhite {
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: white;
    border-color: lightgray;
}
.personImage {
    display: block;
    max-width:100%;
    max-height:425px;
    width: auto;
    height: auto;
}

.supersearch div{
    padding: 5px 0;
    font-size: 15px;
}

.audit-textarea
{
    width: 100%;
    height: 250px;
    resize: none;
    margin-right: 20px;
    font-size: 14px;
}