/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/11/2017, 08:50:56 AM
    Author     : RICARDO
*/

/*# sourceMappingURL=material-dashboard.css.map */


/*Ricardo CSS*/


/*botones colores*/
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    background-color: #034076;
    color: #FFFFFF;
}

/*cabecera de la tabla*/
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    background-color: #034076;
    color: white;  
    height : 20px;
    font-size: 12px;
    /*border: 1px solid black;*/
}

/*botones select*/
.btn-group.open > .dropdown-toggle.btn.btn-primary, .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
    background-color: #034076;
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    background-color: #034076;
    color: #FFFFFF;   
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    background-color: #034076;
    color: #FFFFFF;
}
/*boton of login*/
.btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:active {
    background-color: transparent;
    color: #034076;
}

.btn.btn-rose.btn-simple, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple {
    background-color: transparent;
    color: #034076;
    box-shadow: none;
}

.btn.btn-rose.btn-simple, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple {
    background-color: transparent;
    color: #034076;
    box-shadow: none;
}

.map {
    /* position: relative !IMPORTANT; */
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 70px;
    position: relative;
    overflow: visible;
}

body, html {
    height: 100%;
    width: 100%;
}

div#content {
    width: 100%; height: 100%;
}

/*TABLE SCROLL*/
/*
tr {
  width: 100%;
  display: inline-table;
  }
  
  table{
   height: 400px; 
  }
  thead{
    overflow-x: none;
    height: 25px;
    width: 98%;    
  }
  tbody{
    overflow-y: scroll;
    overflow-y: none;
    height: 400px;
    width: 98%;
    position: absolute;
  }
*/
.dropdown-menu li > a {
    font-size: 13px;
    padding: 0px 15px;
    margin: 0 5px;
    border-radius: 2px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px; 
    margin-bottom: 10px;
}

.card .table tr:first-child td {
    border-top: none;
    height:10px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px 5px;
    vertical-align: middle;
}  

#shareRow{
    width:128px; color:inherit; font-size: 12px;
}

html>body div.tableContainer table {
    /* width: 756px */
}

thead.fixedHeader tr {
    position: relative;    
}


html>body tbody.scrollContent {  
    display: table;
    display: block;
    height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;    
    width: 100% !important
}

html>body thead.fixedHeader {    
    display: table;
    overflow: auto;
    width: 100%;

}
.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: #FFF;
    padding: 2px 3px 3px 4px;
    /*border: 1px solid black;*/
}



tbody.scrollContent tr.alternateRow td {
    background: white;
    padding: 2px 3px 3px 4px;
    /*border: 1px solid black;*/
}
tr {
    width: 100%;
    display: inline-table;
    /*border: 1px solid black;*/
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
    color: black;
}

.bootstrap-datetimepicker-widget tr {
    display: table-row;
}

/*@media (max-width: 991px)*/
/*_responsive.scss:705*/
.sidebar::before, .off-canvas-sidebar::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #034076;
    display: block;
    content: "";
    z-index: 1;
}

/*@media (max-width: 991px)*/
/*_responsive.scss:705*/
.sidebar::before, .off-canvas-sidebar::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #034076;
    display: block;
    content: "";
    z-index: 1;
}

.labelAuto{
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */    
}

@media only screen and (max-width: 991px) {
    .labelAuto{
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */    
        width: 100% !important;
        min-width: 200px;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }    

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;

        visibility: hidden;
        padding: 0px;
        margin: 0px;
        border: 0px;
        width: 0px;
        height: 0px;

    }

    #no-more-tables tr { border: 1px solid #ccc; }
    #no-more-tables td#normalRow {
        border: none;
        border-bottom: 1px solid white;
        position: relative;
        padding-left: 35%;
        white-space: normal;
        text-align: left;
        height: auto;
        font-size: 11px;

        visibility: hidden;
        padding: 0px;
        margin: 0px;
        border: 0px;
        width: 0px;
        height: 0px;

        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */
        white-space: nowrap;
    }


    #no-more-tables td#importartRow {
        border: none;
        border-bottom: 1px solid white;
        position: relative;
        padding-left: 35%;
        white-space: normal;
        text-align: left;
        height: auto;
        font-size: 11px;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */
        white-space: nowrap;
    }

    #no-more-tables td#importartRow::before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 39%;     
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font-size: 11px;
        height: auto;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */

    }

    /* columnas compartidas*/
    #no-more-tables td#importartRowShare {
        border: none;
        border-bottom: 1px solid white;
        position: relative;
        padding-left: 15%;
        white-space: normal;
        text-align: right;
        height: auto;
        font-size: 10px;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */
        white-space: nowrap;
        width: 37% !important;
        float: left;
    }

    #no-more-tables td#importartRowShare::before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: auto !important;     
        padding-right: 5px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font-size: 10px;
        height: auto;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */    

    }


    #shareRow{
        width:120px; color:inherit; font-size: 11px;
    }

    #no-more-tables td#importartRowSecond {
        border: none;
        border-bottom: 1px solid white;
        position: relative;
        padding-left: 00%;
        white-space: normal;
        text-align: center;
        height: auto;
        font-weight: bold;
        font-size: 11px;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */
        white-space: nowrap;
        width: 100%;
        /*margin-top:35px;*/
    }

    #no-more-tables td#importartRowSecond::before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        visibility: hidden;
        padding: 0px;
        margin: 0px;
        border: 0px;
        width: 0px;
        height: 0px;
        top: 0px;
        left: 0px;
        width: 0%;     
        padding-right: 0px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font-size: 11px;
        height: auto;
        white-space: pre-wrap;      /* CSS3 */   
        white-space: -moz-pre-wrap; /* Firefox */    
        white-space: -o-pre-wrap;   /* Opera 7 */    
        word-wrap: break-word;      /* IE */
    }



    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title)": " ; }
}

.div-Longest{
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
    /*margin-left: 45px;*/
    transform: translateX(55px);

}
.sidebar[data-background-color="red"] .nav li > a, .off-canvas-sidebar[data-background-color="red"] .nav li > a {
    color: #FFFFFF;
    height: auto;
    max-height: 60px;
}

.modal .modal-header .close {
    color: black;
}

.modal{
    width: 100%; /* respsonsive width */
    /*margin-left:-10%;  width/2) */ 
}
.modal-body {
    position: relative;
    overflow-y: auto;
    height:95vh;
    max-height: 80vh;
    padding: 15px;
}

#slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #034076;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #034076;
    cursor: pointer;
}

.input-aling{
    margin-top: -10px;
}

.panel-title{
    text-align: center;
    color:#034076;
    font-weight: bold
}

.nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover {
    background-color: #034076;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card .nav-pills, .card .tab-content {
    margin-top: -3px;
}

/*.table > tbody > tr:nth-child(even) {background: #F5F5F5}

.table > tbody > tr:hover{
  background:#c9e8f7;
  position:relative;
}*/

/*
#contextMenu {
  position: absolute;
 
}


table{border:1px solid rgba(221, 221, 221, 1);}

tr:nth-child(even) {background: #F5F5F5}

tr:hover{
  background:#c9e8f7;
  position:relative;
}*/

.list-group-item {
    position: relative;
    display: block;
    /* padding: 10px 15px; */
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}


.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #034076 !important;
}

.modal
{
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
     overflow-y: hidden; 
}