body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: black;
}
/*Imagen del Menu*/
.ImgMenu{
    width:200px;
    height: 200px;
}
/*Imagen del SubMenu*/
.ImgSubMenu {
    width: 120px;
    height: 120px;
}

.material-icons.md-15 {
    font-size: 15px;
}
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.TabColordanger {
    background: rgba(219,15,0,1);
    background: -moz-linear-gradient(top, rgba(219,15,0,1) 0%, rgba(191,9,3,0.63) 71%, rgba(236,20,9,0.59) 79%, rgba(202,9,2,0.55) 87%, rgba(194,6,0,0.55) 89%, rgba(194,6,0,0.55) 92%, rgba(255,0,0,0.55) 99%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,15,0,1)), color-stop(71%, rgba(191,9,3,0.63)), color-stop(79%, rgba(236,20,9,0.59)), color-stop(87%, rgba(202,9,2,0.55)), color-stop(89%, rgba(194,6,0,0.55)), color-stop(92%, rgba(194,6,0,0.55)), color-stop(99%, rgba(255,0,0,0.55)));
    background: -webkit-linear-gradient(top, rgba(219,15,0,1) 0%, rgba(191,9,3,0.63) 71%, rgba(236,20,9,0.59) 79%, rgba(202,9,2,0.55) 87%, rgba(194,6,0,0.55) 89%, rgba(194,6,0,0.55) 92%, rgba(255,0,0,0.55) 99%);
    background: -o-linear-gradient(top, rgba(219,15,0,1) 0%, rgba(191,9,3,0.63) 71%, rgba(236,20,9,0.59) 79%, rgba(202,9,2,0.55) 87%, rgba(194,6,0,0.55) 89%, rgba(194,6,0,0.55) 92%, rgba(255,0,0,0.55) 99%);
    background: -ms-linear-gradient(top, rgba(219,15,0,1) 0%, rgba(191,9,3,0.63) 71%, rgba(236,20,9,0.59) 79%, rgba(202,9,2,0.55) 87%, rgba(194,6,0,0.55) 89%, rgba(194,6,0,0.55) 92%, rgba(255,0,0,0.55) 99%);
    background: linear-gradient(to bottom, rgba(219,15,0,1) 0%, rgba(191,9,3,0.63) 71%, rgba(236,20,9,0.59) 79%, rgba(202,9,2,0.55) 87%, rgba(194,6,0,0.55) 89%, rgba(194,6,0,0.55) 92%, rgba(255,0,0,0.55) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0f00', endColorstr='#ff0000', GradientType=0 );
}
.TabColorsuccess {
    background: #35cc24;
    background: -moz-linear-gradient(top, hsla(114,70%,47%,1) 0%, hsla(112,70%,40%,0.61) 51%, hsla(128,67%,42%,0.46) 71%, hsla(124,63%,52%,0.39) 80%, hsla(116,70%,41%,0.24) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, hsla(114,70%,47%,1)), color-stop(51%, hsla(112,70%,40%,0.61)), color-stop(71%, hsla(128,67%,42%,0.46)), color-stop(80%, hsla(124,63%,52%,0.39)), color-stop(100%, hsla(116,70%,41%,0.24)));
    background: -webkit-linear-gradient(top, hsla(114,70%,47%,1) 0%, hsla(112,70%,40%,0.61) 51%, hsla(128,67%,42%,0.46) 71%, hsla(124,63%,52%,0.39) 80%, hsla(116,70%,41%,0.24) 100%);
    background: -o-linear-gradient(top, hsla(114,70%,47%,1) 0%, hsla(112,70%,40%,0.61) 51%, hsla(128,67%,42%,0.46) 71%, hsla(124,63%,52%,0.39) 80%, hsla(116,70%,41%,0.24) 100%);
    background: -ms-linear-gradient(top, hsla(114,70%,47%,1) 0%, hsla(112,70%,40%,0.61) 51%, hsla(128,67%,42%,0.46) 71%, hsla(124,63%,52%,0.39) 80%, hsla(116,70%,41%,0.24) 100%);
    background: linear-gradient(to bottom, hsla(114,70%,47%,1) 0%, hsla(112,70%,40%,0.61) 51%, hsla(128,67%,42%,0.46) 71%, hsla(124,63%,52%,0.39) 80%, hsla(116,70%,41%,0.24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35cc24', endColorstr='#29b21f', GradientType=0 );
}

/*Publicaciones*/
.ImagePublica {
    position: relative;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 10%;
    left: 10%;
    transform: translate(-10%, -10%);
    -ms-transform: translate(-10%, -10%);
    text-align: center;
}

.ImagePublica:hover .image {
    opacity: 0.3;
}

.ImagePublica:hover .middle {
    opacity: 1;
}

.text {
    background-color: transparent;
   text-align:center;
}

.loaderC {    
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 5px;
    height: 5px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}