.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 12px solid #428bca;
    text-align: center;
    color: #2d2d2d;
    font-size: 10px;
    background: #eee;
    padding: 15px;
}

    .footer a, .footer a:link {
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        color: #2d2d2d;
    }

        .footer a:visited {
            color: #2d2d2d;
        }

        .footer a:hover {
            color: #2d2d2d;
            text-decoration: none;
        }

        .footer a:active {
            color: #2d2d2d;
        }


.shadow {
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
}

.baseroundlight {
    border: 1px solid #eee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.condition-error {
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ce0b0b), color-stop(100%, #ed1313));
    background-image: -webkit-linear-gradient(bottom, #ce0b0b, #ed1313);
    background-image: -moz-linear-gradient(bottom, #ce0b0b, #ed1313);
    background-image: -ms-linear-gradient(bottom, #ce0b0b, #ed1313);
    background-image: -o-linear-gradient(bottom, #ce0b0b, #ed1313);
    background-image: linear-gradient(bottom, #ce0b0b, #ed1313);
    color: white;
}

    .condition-error a {
        color: white;
    }

.condition-warning {
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f19c01), color-stop(100%, orange));
    background-image: -webkit-linear-gradient(bottom, #f19c01, orange);
    background-image: -moz-linear-gradient(bottom, #f19c01, orange);
    background-image: -ms-linear-gradient(bottom, #f19c01, orange);
    background-image: -o-linear-gradient(bottom, #f19c01, orange);
    background-image: linear-gradient(bottom, #f19c01, orange);
    color: white;
}

.condition-success a {
    color: white;
}

.condition-info {
    background-color: blue;
    color: white;
}

.redShadow {
    border-color: #e96666;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.60);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.60);
}


.normalShadow {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*body {
        color: #333;
        width: 600px;
        font-size: 14px;
        font-family: Verdana, Geneva, sans-serif;
        margin: 0 auto;
        padding: 0 100px;
    }*/

a:focus {
    outline: none;
}

a.trigger {
    position: absolute;
    background-color: #428bca;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #fff;
    padding: 4px 12px 6px 12px;
    font-weight: bold;
    z-index: 2;
}


    a.trigger.right {
        right: 0;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
    }

    a.trigger:hover {
        background-color: #59B;
    }

a.active.trigger {
    background-color: #666;
}

.slidePanel {
    position: absolute;
    display: none;
    background: #000;
    width: 400px;
    height: auto;
    z-index: 1;
    opacity: 1 !Important;
}

    .slidePanel.left {
        left: 0;
        padding: 20px 30px 20px 100px;
        border-top-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -webkit-border-bottom-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .slidePanel.right {
        right: 0;
        padding: 20px 30px 0px 5px;
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-topleft: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
    }

    .slidePanel p {
        font-size: 12px;
    }



.img_Tick {
    min-width: 16px;
    min-height: 16px;
    max-height: 16px;
    max-width: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc5JREFUeNpiYKA3aHkROB+EYXwmUjQ3PvWfLyYmmgDCIDZIjJFYzXWPfOfLyEgm3Lx7B8xXV1ZhuHP34QIWYjRX3fcBa7508ybD81evwGKfPv5geP/2E8IF5Xe8wE7qVNmWiKwZJK6sJJNw5to1hscvXoDF/n75x/D/F8OC3WH3EsEGlNzwnK+mJpsAYt+69XhBj8b2RGTxY5cvM9x/9gys+d+n/wwMPxkWHI57BFbDGHPQYr6drV7CgQsXwAocDAwYrl9/uADE1tSUB4vffvIE4pwPQPyDYcHptGdwV7JcunSf4fWnjwyPf70BC/z8+4fB3dgE7JqdZ88wXH/0GBJd7xkZmL4zLriU+xLFi2AvqHULz//L9S/hr/B/sKCugjyYvvzgIZhmfsvIwPyNacGt0reJ6AEMD0S5Zv75f7j/JfwR+4eigOUVEwPLV6YFj2o/JmKLIWYY4+P+nxs5TVgVfv/4a/CT6y/D739Ag4DhxviRccGzxs+JuKKYGZnz9fDvjWwGzAp/fvwz+P/xPwPje8YF7zq/J5Kc3tlymOeDMDFq4WHABAScHBwiXByc4hxAmomJkeXHj5/vvv34/vL7jx8v//z585smuRMgwACrwsFIfMPDiwAAAABJRU5ErkJggg==') /*../images/tick.png*/;
    *background-image: url(../images/tick.png); /* For IE 6 and 7 */
}

.img_Cross {
    min-width: 16px;
    min-height: 16px;
    max-height: 16px;
    max-width: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAjhJREFUOI2Fk+9PUlEYx7/Hi9B2x8V7b8wyV5ltMfs5YzUUdQhUb1z2H7Qp/hX+I01b4NZ7XlSWrBFkupaLRmuVTFKqoSJcfoztcjmX04uE8av1bOfNeT7fz/OcFwc4rgAgr0/bk34L78I/akUQvO88t3aWAKmlEQDkTzNT2cKij/3wzdJukhVB8O4uPKCFRR+LzTgzdQkJAPK1e+PbF2zDDWs2c6RHgxHvw3I5DABPBeHu+P3J56IscXUm+SVxtBXavETWRy8nr9qvDLVPzGZyenRtw2vkmGnM43wmnhS5dia+9TlB/DzvmnDaQ3KTvSHJ5vQe0gNR6uvo5ZQ8fRPenCYA4Od518To9ZAktoGMgVU1oErBdB2o6QBjyBVLNPJ9xz2vqlFSZ/0873KOjIQkQeBYtQqoKpimAYy1OJVymYZ3d6cXKH0LAKS56TeZXI5TgyGJM3SsDAC5iqqv/95zzwGR+p2hGSCUGqFqqPWSzjSAWrXWcdcglznuzph14IWl19R1euMJWkV/f/CzsQUBgCWO8zqsZ1bN/wnXq6Cp+odjCXnMcZ6b1sGXZmNnuKipOgAIxhNdex/3U26yahYTw5L1YjtQ0lQaS6fcBCA3Tp99be4iSSiH33p+lZTbqVI+QwlB/ShahcbSKfc8EJ0DIlvplFvRKnozs1dUDg6LeQeAv59pTe7PxIdsbGPgXHUZmGyf9giGqY2B8zQ+ZGOvpP79J0BfCxAA5KBF3O4WbpYELeLX5vAfETvzqIeEC14AAAAASUVORK5CYII=') /*../images/cross.png*/;
    *background-image: url(../images/cross.png); /* For IE 6 and 7 */
}




.boxFix div, .boxFix *::before, .boxFix *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


/****************Button GLow*******************/
@-webkit-keyframes glowing {
    0% {
        background-color: whitesmoke;
        -webkit-box-shadow: 0 0 3px whitesmoke;
    }

    50% {
        background-color: red;
        -webkit-box-shadow: 0 0 10px red;
    }

    100% {
        background-color: whitesmoke;
        -webkit-box-shadow: 0 0 3px whitesmoke;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: whitesmoke;
        -moz-box-shadow: 0 0 3px whitesmoke;
    }

    50% {
        background-color: red;
        -moz-box-shadow: 0 0 10px red;
    }

    100% {
        background-color: whitesmoke;
        -moz-box-shadow: 0 0 3px whitesmoke;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: whitesmoke;
        box-shadow: 0 0 3px whitesmoke;
    }

    50% {
        background-color: red;
        box-shadow: 0 0 10px red;
    }

    100% {
        background-color: whitesmoke;
        box-shadow: 0 0 3px whitesmoke;
    }
}

@keyframes glowing {
    0% {
        background-color: whitesmoke;
        box-shadow: 0 0 3px whitesmoke;
    }

    50% {
        background-color: red;
        box-shadow: 0 0 10px red;
    }

    100% {
        background-color: whitesmoke;
        box-shadow: 0 0 3px whitesmoke;
    }
}

.buttonGlow {
    -webkit-animation: glowing 6000ms infinite;
    -moz-animation: glowing 6000ms infinite;
    -o-animation: glowing 6000ms infinite;
    animation: glowing 6000ms infinite;
}

@-webkit-keyframes BluePulse {
    from {
        background-color: blue;
        -webkit-box-shadow: 0 0 9px skyblue;
    }

    50% {
        background-color: skyblue;
        -webkit-box-shadow: 0 0 18px blue;
    }

    to {
        background-color: blue;
        -webkit-box-shadow: 0 0 9px skyblue;
    }
}

@-o-keyframes BluePulse {
    from {
        background-color: blue;
        box-shadow: 0 0 9px skyblue;
    }

    50% {
        background-color: skyblue;
        box-shadow: 0 0 18px blue;
    }

    to {
        background-color: blue;
        box-shadow: 0 0 9px skyblue;
    }
}

@-o-keyframes BluePulse {
    from {
        background-color: blue;
        -moz-box-shadow: 0 0 9px skyblue;
    }

    50% {
        background-color: skyblue;
        -moz-box-shadow: 0 0 18px blue;
    }

    to {
        background-color: blue;
        -moz-box-shadow: 0 0 9px skyblue;
    }
}

.pulsateEffectBlue {
    -webkit-animation-name: BluePulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes RedPulse {
    from {
        background-color: whitesmoke;
        -webkit-box-shadow: 0 0 9px red;
    }

    50% {
        background-color: red;
        -webkit-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        background-color: whitesmoke;
        -webkit-box-shadow: 0 0 9px red;
    }
}

@-o-keyframes RedPulse {
    from {
        background-color: whitesmoke;
        box-shadow: 0 0 9px red;
    }

    50% {
        background-color: red;
        box-shadow: 0 0 18px whitesmoke;
    }

    to {
        background-color: whitesmoke;
        box-shadow: 0 0 9px red;
    }
}

@-o-keyframes RedPulse {
    from {
        background-color: whitesmoke;
        -moz-box-shadow: 0 0 9px red;
    }

    50% {
        background-color: red;
        -moz-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        background-color: whitesmoke;
        -moz-box-shadow: 0 0 9px red;
    }
}

.pulsateEffectRed {
    -webkit-animation-name: RedPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}


.ListViewSelected {
    color: #2d2d2d !important;
}


.circleGreen {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 9px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #33aa00
}

.circleGray {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 9px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #999
}

.circleRed {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 9px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #e96666
}

/* Blue */

@-webkit-keyframes BluePulse {
    from {
        -webkit-box-shadow: 0 0 9px #0044ff;
    }

    50% {
        -webkit-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -webkit-box-shadow: 0 0 9px #0044ff;
    }
}

@-o-keyframes BluePulse {
    from {
        box-shadow: 0 0 9px #0044ff;
    }

    50% {
        box-shadow: 0 0 18px whitesmoke;
    }

    to {
        box-shadow: 0 0 9px #0044ff;
    }
}

@-o-keyframes BluePulse {
    from {
        -moz-box-shadow: 0 0 9px #0044ff;
    }

    50% {
        -moz-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -moz-box-shadow: 0 0 9px #0044ff;
    }
}

.pulsateEffectBlue {
    -webkit-animation-name: BluePulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}


@-webkit-keyframes BlueDeepskyBluePulse {
    from {
        background-color: #0044ff;
        -webkit-box-shadow: 0 0 9px deepskyblue;
    }

    50% {
        background-color: deepskyblue;
        -webkit-box-shadow: 0 0 18px black;
    }

    to {
        background-color: #0044ff;
        -webkit-box-shadow: 0 0 9px deepskyblue;
    }
}

@-o-keyframes BlueDeepskyBluePulse {
    from {
        background-color: #0044ff;
        box-shadow: 0 0 9px deepskyblue;
    }

    50% {
        background-color: deepskyblue;
        box-shadow: 0 0 18px black;
    }

    to {
        background-color: #0044ff;
        box-shadow: 0 0 9px deepskyblue;
    }
}

@-o-keyframes BlueDeepskyBluePulse {
    from {
        background-color: #0044ff;
        -moz-box-shadow: 0 0 9px deepskyblue;
    }

    50% {
        background-color: deepskyblue;
        -moz-box-shadow: 0 0 18px black
    }

    to {
        background-color: #0044ff;
        -moz-box-shadow: 0 0 9px deepskyblue;
    }
}

.pulsateEffectBlueSkyBlue {
    -webkit-animation-name: BlueDeepskyBluePulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}


/* GREEN */

@-webkit-keyframes GreenPulse {
    from {
        -webkit-box-shadow: 0 0 9px #33aa00;
    }

    50% {
        -webkit-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -webkit-box-shadow: 0 0 9px #33aa00;
    }
}

@-o-keyframes GreenPulse {
    from {
        box-shadow: 0 0 9px #33aa00;
    }

    50% {
        box-shadow: 0 0 18px whitesmoke;
    }

    to {
        box-shadow: 0 0 9px #33aa00;
    }
}

@-o-keyframes GreenPulse {
    from {
        -moz-box-shadow: 0 0 9px #33aa00;
    }

    50% {
        -moz-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -moz-box-shadow: 0 0 9px #33aa00;
    }
}

.pulsateEffectGreen {
    -webkit-animation-name: GreenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes ReddishPulse {
    from {
        -webkit-box-shadow: 0 0 9px red;
    }

    50% {
        -webkit-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -webkit-box-shadow: 0 0 9px red;
    }
}

@-o-keyframes ReddishPulse {
    from {
        box-shadow: 0 0 9px red;
    }

    50% {
        box-shadow: 0 0 18px whitesmoke;
    }

    to {
        box-shadow: 0 0 9px red;
    }
}

@-o-keyframes ReddishPulse {
    from {
        -moz-box-shadow: 0 0 9px red;
    }

    50% {
        -moz-box-shadow: 0 0 18px whitesmoke;
    }

    to {
        -moz-box-shadow: 0 0 9px red;
    }
}

.pulsateEffectReddish {
    -webkit-animation-name: ReddishPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}


div.hideHeader table thead.k-grid-header {
    display: none;
}




@media (min-width: 768px) {
    .navbar-nav.nav-narrow > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size:12px;
    }
}

.navbar.nav-narrow {
    position: relative;
    z-index: 1000;
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

ul.dropdown-menu {
    font-size: 12px;
}