* {
    font-family: 'Roboto', sans-serif;
}

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

body {
    /*background: #fff url(Imagenes/FondoMovil.png) center no-repeat;*/
    -webkit-overflow-scrolling: touch;
}

/* M A I N     M E N U*/

.mainMenu {
    font-size: 0.7em;
    margin-bottom: 5px;
}

    .mainMenu li {
        background-color: #fff;
        border: 1px solid #808080;
        float: left;
        height: 70px;
        margin: 10px;
        margin-bottom: 40px;
        width: 80px;
        text-align: center;
        padding-top: 5px;
        -webkit-border-radius: 5 !important;
        -moz-border-radius: 5 !important;
        -ms-border-radius: 5 !important;
        -o-border-radius: 5 !important;
        border-radius: 5px !important;
        transition: all 0.3s ease;
    }

        .mainMenu li:hover {
            background-color: #cccccc;
            -webkit-transform: scale(1.12);
            -moz-transform: scale(1.12);
            -ms-transform: scale(1.12);
            -o-transform: scale(1.12);
            transform: scale(1.12);
        }

    .mainMenu ul li a {
        white-space: normal !important;
    }

    .mainMenu i {
        margin-bottom: 8px;
        font-size: 55px;
        color: #8A8A8A;
    }

    .mainMenu span {
        text-align: center;
        width: 75px;
        font-weight: bold;
        font-size: 14px;
        color: #555555;
    }

/* Menu Lateral */
#menu2 {
    width: 100%;
    font-size: 1.2em;
}

    #menu2 a, #menu a:visited {
        color: #0e0e0e;
        padding: 10px;
    }

    #menu2 li {
        margin: 10px;
        border: 1px solid #0e0e0e;
        width: 260px;
        /*background: #bababa url(Imagenes/boton.png) repeat-x;*/
    }

.colDerecha {
    display: none;
}

@media screen and (min-width:768px) {
    .colDerecha {
        float: right;
        width: 125px;
        display: block;
        margin-top: -5px;
    }
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.disabled {
    background-color: #DDDDDD;
    cursor: not-allowed;
}

.col-centered {
    text-align: center;
}

.col-vcentered {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.hga-inline {
    display: inline !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #000000 !important;
}

.btn-grey {
    background-color: #CCCCCC !important;
    border-color: #808080;
    color: black !important;
}

.panel-grey {
    border-color: #808080 !important;
}

    .panel-grey > .panel-heading {
        background-color: #8bdce5 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-grey .btn {
        background-color: #bed1d3 !important;
        border-color: #8A8A8A !important;
        color: black;
    }

.panel-blue {
    border-color: #808080 !important;
}

    .panel-blue > .panel-heading {
        background-color: #3EA7C9 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-blue .btn {
        background-color: #82D3ED !important;
        border-color: #808080 !important;
        color: black;
    }

    
.panel-light-blue {
    border-color: #808080 !important;
}

    .panel-light-blue > .panel-heading {
        background-color: #80DDF2 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-light-blue .btn {
        background-color: #B3EDF9 !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-green {
    border-color: #808080 !important;
}

    .panel-green > .panel-heading {
        background-color: #5AB53A !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-green .btn {
        background-color: #81CC66 !important;
        border-color: #808080 !important;
        color: black;
    }
    
.panel-light-green  {
    border-color: #808080 !important;
}

    .panel-light-green  > .panel-heading {
        background-color: #6aed86 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-light-green  .btn {
        background-color: #d9f7df !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-lime  {
    border-color: #808080 !important;
}

    .panel-lime  > .panel-heading {
        background-color: #cfdf38 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-lime  .btn {
        background-color: #e4eaa1 !important;
        border-color: #808080 !important;
        color: black;
    }
.panel-orange {
    border-color: #808080 !important;
}

    .panel-orange > .panel-heading {
        background-color: #EDB15C !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-orange .btn {
        background-color: #F2D19B !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-orange-light {
    border-color: #808080 !important;
}

    .panel-orange-light > .panel-heading {
        background-color: #ff9800 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-orange-light .btn {
        background-color: #F2D19B !important;
        border-color: #808080 !important;
        color: black;
    }
    
.panel-turquoise {
    border-color: #808080 !important;
}

    .panel-turquoise > .panel-heading {
        background-color: #28ad82 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-turquoise .btn {
        background-color: #81D6D1 !important;
        border-color: #808080 !important;
        color: black;
    }
    
.panel-brown {
    border-color: #808080 !important;
}

    .panel-brown > .panel-heading {
        background-color: #EA7602 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-brown .btn {
        background-color: #F2C89B !important;
        border-color: #808080 !important;
        color: black;
    }
    
.panel-yellow {
    border-color: #808080 !important;
}

    .panel-yellow > .panel-heading {
        background-color: #FFDF18 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-yellow .btn {
        background-color: #CCCCCC !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-blue-green {
    border-color: #808080 !important;
}

    .panel-blue-green > .panel-heading {
        background-color: #81C784 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-blue-green .btn {
        background-color: #81C784 !important;
        border-color: #808080 !important;
        color: black;
    }
.panel-yellow-green {
    border-color: #808080 !important;
}

    .panel-yellow-green > .panel-heading {
        background-color: #E5F77E !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-yellow-green .btn {
        background-color: #F0F9B3 !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-yellow-light {
    border-color: #808080 !important;
}

    .panel-yellow-light > .panel-heading {
        background-color: #FFE57F !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-yellow-light .btn {
        background-color: #FFE57F !important;
        border-color: #808080 !important;
        color: black;
    }


.panel-dark-yellow {
    border-color: #808080 !important;
}

    .panel-dark-yellow > .panel-heading {
        background-color: #FCEA20 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-dark-yellow .btn {
        background-color: #FFF7A5 !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-red {
    border-color: #808080 !important;
}

    .panel-red > .panel-heading {
        background-color: #F4927F !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-red .btn {
        background-color: #F9BAAE !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-dark-red {
    border-color: #808080 !important;
}

    .panel-dark-red > .panel-heading {
        background-color: #FC6D5D !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-dark-red .btn {
        background-color: #FCACA4 !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-purple {
    border-color: #808080 !important;
}

    .panel-purple > .panel-heading {
        background-color: #A472F9 !important;
        border-color: #808080;
        color: black !important;
    }

    .panel-purple .btn {
        background-color: #C2A2F9 !important;
        border-color: #808080 !important;
        color: black;
    }

.panel-transparent {
    background: none;
}

.panel-search {
    background-color: #E0E0E0;
}

.panel-toolbox {
}
/*.panel-transparent .panel-body {background: rgba(46, 51, 56, 0.2) !important;}*/

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.sin-espacios {
    padding: 0;
    margin: 0;
}

.right-inner-addon {
    position: relative;
}

    .right-inner-addon input {
        padding-right: 30px;
    }

    .right-inner-addon i {
        position: absolute; /*text-indent: -15px;	bottom: -8px;	font-size: 1.3em;*/
        opacity: 0.4;
        right: 0px;
        padding: 10px 12px;
    }

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 30px;
    }

    .left-inner-addon i {
        position: absolute; /*text-indent: -15px;	bottom: -8px;	font-size: 1.3em;*/
        opacity: 0.4;
        left: 0px;
        padding: 10px 12px;
    }

.cursor-pointer {
    cursor: pointer;
}

.no-resize {
    resize: none;
}

.divAlertas {
    display: none;
    font-weight: bold;
    font-size: larger;
}

.alertIcon {
    font-size: 25px;
    display: inline;
}

.alertText {
    margin-top: 100px;
}

/* L O G I N */
#ContentPlaceHolder1_Login1 {
    width: 100%;
}

.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    display: inline-table !important;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -o-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

.onclick-rotate {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

/* L O G I N */

/* E R R O R      4 0 4 */
#errorHeader {
    font-size: 35px;
}

#errorSubHeader {
    font-size: 20px;
}

@media screen and (min-width:640px) {
    #errorHeader {
        font-size: 72px;
    }

    #errorSubHeader {
        font-size: 50px;
    }
}
/* E R R O R      4 0 4 */

/***
Chart tooltips
***/
.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
}

    .chart-tooltip .label {
        clear: both;
        display: block;
        margin-bottom: 2px;
    }

/****/

.width100{
    width : 100px;
    min-width: 40px;
}

.oculto {
    display: none;
}

.block-overlay {
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.maxWidth{
    width: 100% !important;
}

#dPlantilla{
    border:1px #cccccc solid;
    width:100%;
}
/* PARTES OTS */
div .titulo{ 
    font-weight:bold;
    padding-right: 15px;
    padding-left: 15px;
    margin-top:10px;     
}
 
div .linea {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom:5px
}

.row .plantilla{ 
    padding:0 15px;
}

.rotated-90 {    
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
}

.rotated-180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.rotated-270 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

.list-group {
    max-height: 300px;
    margin-bottom: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}