html,
body {
    height: 100%;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}

#push,
#footer {
    padding-top: 15px;
    height: 50px;
}


/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding-top: 10px;
}
.container .credit {
    margin: 20px 0;
}

.container-full{
    margin: 0 auto;
    width: 100%;
}

.c{
    text-align: center;
}

.r{
    text-align: right;
}

.l{
    text-align: left;
}

.table-active tr {
    cursor: pointer;
}
/*
.footer{

    padding-top: 30px;
    padding-bottom: 30px;
}
*/
.jla {
    margin-bottom: 10px;
}
#mark img {
    border-radius: 50%;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

#mark img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    transform: scale(1.08);
    transition: transform .25s ease;
}


.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}

.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}

.activerow{
    background-color: lightblue;
    cursor: pointer;
}

.btn-inline{
    display: inline-block;
}

a {

    color: #0d6a92 ;
}

a:hover {
    color: #2c3e50;
}
/*
#18bc9c -->  #ce232a

#15a589 ---> #2c3e50
 */

.header-color {
    background-color: darkgrey;
}

.footer-line {
    color: whitesmoke;
}