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

body {
    background: #F5F5F5;
}

header,
section,
aside,
div {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.jumbotron {
    background: #77C043;
}

.jumbotron * {
    color: white;
}

header *,
section *,
aside * {
    padding: 5px;
    margin: 5px;
    color: gray;
    text-align: center;
}

.hiddenx,
.hidePay,
.noView {
    display: none;
}

.margin5 {
    margin: 20px;
}

.shadowExcel {
    position: fixed;
    bottom: 1%;
    left: 1%;
    cursor: pointer;
    display: block;
    background: #C4E3F3;
    color: black;
    padding: 5px;
    border-radius: 5px;
}

.bgAA,
.btn-success {
    background: #77c043;
}

.bgAA:hover,
.btn-success:hover {
    background: #77c043;
}

.titleTable {
    background: #E0E0E0;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 12px;
}

ol {
    margin: 0;
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
    -webkit-margin-start: 5px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 3px;
}

.all {
    width: 60%;
}

.option {
    font-size: 18px;
    text-transform: uppercase;
    border: 0;
}

.login {
    width: 50%;
    background: #F1F8E9;
    padding: 10px;
}

.loginMid {
    width: 90%;
    background: #F1F8E9;
    padding: 10px;
}

.info {
    background: #A5D6A7;
}

.login div {
    background: none;
    width: 80%;
}


/*
        input[type="text"],textarea{
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        
        background:#EEEEEE;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border:1px solid gray;
        padding:5px;
        font-size:16px;
        text-align:center;	
        padding-top:2px;
        padding-bottom:2px;
        border:0;
        outline:0px;
        border-bottom:1px solid #6C7A89;
        border-bottom-width:1px;
        margin-top:5px;
        }
        
        input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus{
        background:#E0E0E0;
        
        
        
        }
        
        button,input[type="submit"]{
        border:0;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        padding-left:5%;
        padding-right:5%;	
        }
        
        button:hover,input[type="submit"]:hover{
        background:white;
        color:gray;
        border:solid gray 1px;	
        cursor:pointer;
        padding-left:6%;
        padding-right:6%;
        }
*/

table td {
    text-align: center;
    padding: 5px;
}

.content {
    width: 100%;
    background: white;
    overflow: auto;
    font-size: 12px;
}

.addGest {}

.jumbotron {
    padding: 5px;
}

.borde {
    border: solid black 1px;
}

.headerTitle td {
    background: #E0E0E0;
    color: #EF4836;
    font-weight: bold;
}

.decorate {
    border: none;
    border-radius: 5px;
}

.black {
    display: none;
    background: black;
    position: fixed;
    opacity: 0.8;
    left: -1%;
    top: -1%;
    height: 102%;
    width: 102%;
    z-index: 88;
}

.white,
.white-answer {
    padding: 3% 0 3% 0;
    text-align: center;
    display: block;
    background: white;
    position: fixed;
    top: -200%;
    left: 30%;
    height: auto;
    width: 40%;
    overflow: auto;
    z-index: 99;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.white-answer {
    display: none;
    top: 30%;
    z-index: 999;
    transition: none;
}

.sendi {
    transition: 1s;
}

.font-little {
    font-size: 10px;
}

.show {
    cursor: pointer;
}

.sendi:hover {
    transition: 1s;
}

.overflow {
    overflow: auto;
}

.noMargin {
    margin: initial;
}

.modalHeader {
    background: #77C043;
}

.modal-header button {
    color: white;
}

.white-responsive {
    height: 60%;
    width: 60%;
    left: 20%;
}

.shadow img {
    opacity: 0.6;
    width: 200px;
    height: 300px;
    /*    ransform : scale(0.7);
        -moz-transform : scale(0.7);  Firefox 
        -webkit-transform : scale(0.7);  Chrome - Safari 
        -o-transform : scale(0.7);  Opera 
        -ms-transform : scale(0.7);  IE9 */
}

.shadow img:hover {
    opacity: 1;
}

.miniImage {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    /* Firefox */
    -webkit-transform: scale(0.7);
    /* Chrome - Safari */
    -o-transform: scale(0.7);
    /* Opera */
    -ms-transform: scale(0.7);
    /* IE9 */
}

.puntero {
    cursor: pointer;
}

.txtGest {
    width: 80%;
}


/* clases de leer más */

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}


/* fin clases de leer más */

.left {
    text-align: left;
}

.btn {
    border: none;
}

.popover {
    z-index: 1000 !important;
}

.inputResponsiveAuto,
.filterTableSearch {
    width: 30% !important;
}

.content {
    box-sizing: border-box;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.3);
}

.container .jumbotron {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media only screen and (max-width: 767px) {
    .inputResponsiveAuto,
    .filterTableSearch {
        width: 80% !important;
    }
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .txtarea {
        width: 100%;
    }
}

.navbar.navbar-inverse {
    margin-bottom: 0 !important;
}

.well {
    color: black !important;
}

.info td {
    background: #E0E0E0 !important;
}

.txtarea {
    border: none;
    outline: none;
    background: none;
}

.filterTableSearch {
    margin-bottom: 10px;
}

.noticeRepo .col-sm-3 {
    max-height: 260px;
    overflow: auto;
    margin-bottom: 50px;
}

.noticeRepo img:hover {
    opacity: 0.7;
    border-top: 5px solid #77C043;
}

.noticeEdit .contam {
    max-height: 480px;
    max-width: 335px;
    overflow: auto;
}

.master-content-read-more textarea {
    resize: none;
    width: 100%;
    border: none;
    outline: none;
    background: none;
}