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

html {
    width: 100%;
    height: 100%;
}

/* 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;
}


/*Login page*/
.app-logo-login {
    background-image: url('Images/logo/logo1.jpg');
    background-repeat: repeat-y;
    display: block;
    height: 55px;
    width: 264px;
}
.TIRailwaysapp-logo-login {
    background-image: url(Images/logo/Prepslogo.jpg);
    background-repeat: repeat-y;
    display: block;
    height: 55px;
    width: 389px;
}

.login-backgroung-img-SWC {
    padding-top: 50px;
    padding-bottom: 11%;
    background-image: url('Images/Audit/login.png');
    background-repeat: repeat-y;
    min-height: 100%;
    min-width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow-y: hidden;
    /*background-image: url('Images/TI-IC-Login.jpg');*/
    /*background: url(Images/TI-IC-Login.jpg) left top no-repeat;*/
    /*background-image: url('Images/logo/SWC.jpg');
    width: 100%;
    height: 100%;
    background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
}

.login-backgroung-img {
    background-image: url('Images/TI-IC-Login.jpg');
    width: 100%;
    height: 100%;
    background-size: cover;
}

.TIRailwayslogin-backgroung-img {
    background: url(Images/TIRailway-Login1.jpg) left top no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

/*PDF Logos*/
.app-logo-pdf {
    background-image: url('Images/logo/PDF_logo.jpg');
    background-repeat: repeat-y;
    display: block;
    height: 55px;
    width: 264px;
}

.success-message {
    color: #00b300;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px;
    /*width: 40%;*/
    margin: 0 auto 10px auto;
    /*border: 1px solid #999999;*/
}

.error-message {
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px;
    /*width: 40%;*/
    margin: 0 auto 10px auto;
    /*border: 1px solid #999999;*/
}

.warn-message {
    color: #9b440c;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px;
    /*width: 40%;*/
    margin: 0 auto 10px auto;
}

/*Gauge meter*/
.arc text {
    font: 10px sans-serif;
    text-anchor: middle;
}

.arc path {
    stroke: #fff;
}


.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
    display: inline-block;
}

    .GaugeMeter SPAN, .GaugeMeter B {
        width: 54%;
        position: Absolute;
        text-align: Center;
        display: Inline-Block;
        color: RGBa(0,0,0,.8);
        font-weight: 100;
        font-family: "Open Sans", Arial;
        overflow: Hidden;
        white-space: NoWrap;
        text-overflow: Ellipsis;
        margin: 0 23%;
    }

    .GaugeMeter[data-style="Semi"] B {
        width: 80%;
        margin: 0 10%;
    }

    .GaugeMeter S, .GaugeMeter U {
        text-decoration: None;
        font-size: .60em;
        font-weight: 200;
        opacity: .6;
    }

    .GaugeMeter B {
        color: #000;
        font-weight: 200;
        opacity: .8;
    }

.Custom-Gauge-colour {
    width: 188px;
    margin-top: -1%;
    margin-left: 3%;
    background-color: rgba(9, 74, 130, 0.6);
    border-radius: 100px;
}


/*Layout*/
.container {
    max-width: 100%;
    margin-top: -3%;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: -52px;
}

.app-logo {
    background-image: url('../Content/Images/LTlogo.jpg');
    background-repeat: repeat-y;
    background-color: #014b89;
}


.app-logo-name {
    margin-left: 19%;
}

.left_col {
    background: #014b89;
    height: 132%;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color: #014b89;
}

.nav_menu {
    float: left;
    background: #ffffff;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

body {
    color: #73879C;
    background: #f7f7f7;
    font-family: "calibri";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.471;
    height: 100%;
    width: 100%;
}

.footer-css {
    padding: 5px;
    font-size: 11px;
    float: right;
    /*background-color: #094a82;
            background-color: rgba(211, 223, 232, 0);*/
    color: darkblue;
}

.custom-footer {
    background-color: #ffffff;
    box-shadow: -14px 1px 8px black;
}

.custom-form-header {
    color: #100b0b;
    /*background-color: rgba(9, 74, 130, 0.31);*/
    font-size: 123%;
    margin-top: 10%;
}

.panel-body {
    padding: 15px;
    background-color: rgba(142, 147, 151, 0.13);
}

.panel-widget {
    background: #fff;
    background-color: white;
    padding-right: 5%;
}

.x_title span {
    color: #172d44;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #014b89;
    border-color: rgba(27, 50, 90, 0.88);
    color: #fdfdfd;
}

.modelLoad {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
}

.btn {
    border-radius: 6px;
}

.btn-info {
    color: #ffffff;
    background-color: #014b89;
    border-color: #4a4737;
}

/*.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
            background-color: #014b89;
            border-color: #573f58;
            color: #ffffff;
        }*/

.fa-2x {
    font-size: 2em;
    color: rgb(0, 0, 0);
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 5px;
}

.widget-right .text-muted {
    color: #010910;
    font-size: 19px;
}

.icon-color {
    color: #fdfdfd;
    font-size: 50px;
}

.nav.child_menu > li > a {
    color: rgba(255,255,255,0.75);
    font-size: 17px;
    padding: 10px;
}

.nav-sm .container.body .col-md-3.left_col {
    width: 73px;
    padding: 0;
    z-index: 9999;
    position: absolute;
}

.nav-sm .container.body .right_col {
    padding: 10px 20px;
    margin-left: 80px;
    z-index: 2;
}

.nav.navbar-nav > li > a {
    color: #001c33 !important;
    /* font-size: 15px; */
}

.top_nav li a i {
    font-size: 17px;
}

.modal-dialog {
    right: auto;
    left: 50%;
    width: 800px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.fa-android {
    color: #A4C639;
}

.user-icon {
    padding-right: 6px;
}

.customSidebarFooter {
    background-color: #014b89 !important;
    color: #E7E7E7;
}

    .customSidebarFooter:hover {
        color: #fff;
    }

.customBottomMargin {
    margin-bottom: 50px;
}


/*STSW Dashboard*/

.total-rej {
    background-color: rgb(249, 36, 56);
}

.total-pen {
    background-color: #c79d04;
}

.total-acc {
    background-color: rgba(12, 117, 12, 0.84);
}

.total-forms {
    background-color: #014b89;
}

.Dash-body {
    background-color: rgba(116, 137, 1, 0.11);
}


/*STSW Grid view*/

.input-group {
    margin-bottom: -2px;
}

.STSW-Grid {
    color: #071521;
    background-color: rgb(255, 255, 255);
    font-size: 123%;
    margin-top: 2%;
}

.STSW-det-render {
    margin-top: -9%;
}

.Custom-Form {
    margin-top: 2%;
    padding-bottom: 10%;
}


/*Safety improvements SE*/

.img-sig-size {
    height: 85px;
}

.fa-file-pdf-o {
    color: black;
    font-size: 1.5em;
}

.custom-pdf-icon {
    background-color: rgba(9, 74, 130, 0.78);
}

.si-modal-dialog {
    right: auto;
    left: 50%;
    width: 54%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.fa-check {
    color: green;
}

.fa-times {
    color: red;
}


/*Safety improvement EHS*/

.si-data-table {
    margin-top: -9%;
    padding-bottom: 10%;
}

.SI-Detailed-Grid {
    margin-top: -11%;
}


/*Report near miss*/

.fa-arrows {
    content: url('../Content/Images/dashboard/RNM/self1.png');
    width: 62px;
    margin-top: -4%;
}

.frm-sub-b-u {
    background-color: #ff751a;
}

.fa-taxi {
    content: url('../Content/Images/dashboard/RNM/other-user2.png');
    width: 62px;
    margin-top: -4%;
}

.frm-sub-b-ot {
    background-color: rgba(255, 117, 26, 0.33);
}

.det-grig-render {
    margin-top: -9%;
}

/*.div-fixed{
              position:fixed;
              width:4.5%;
          }*/
/*Charts Styling*/
.arc text {
    font: 10px sans-serif;
    text-anchor: middle;
}

.arc path {
    stroke: #fff;
}

.tooltip { /* NEW */
    background: #eee; /* NEW */
    box-shadow: 0 0 5px #999999; /* NEW */
    color: #333; /* NEW */
    display: none; /* NEW */
    font-size: 12px; /* NEW */
    left: 130px; /* NEW */
    padding: 10px; /* NEW */
    position: absolute; /* NEW */
    text-align: center; /* NEW */
    top: 95px; /* NEW */
    width: 80px; /* NEW */
    z-index: 10; /* NEW */
}
/* NEW */


/*EHS Inspection*/

.CustomGuage {
    font-size: 13.8462px;
    line-height: 288.231px;
    color: rgb(255, 255, 255);
}

.GuagePanel {
    background-color: rgb(50, 87, 113);
}

.DataLabel {
    color: #f7f7f7;
    margin-top: -158px;
    font-size: 21px;
    font-family: calibri;
}

.EhsIDash {
    background-color: rgb(255, 255, 255);
}

.TypOfInsp {
    width: auto;
    background-color: #fff;
    margin-top: 0.4%;
}

.x_panel {
    position: relative;
    width: 100%;
    height: 122%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

/*Loading icon*/

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
        if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}


/*Safety video, tips and news*/

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    color: #050b10;
}

/*Panels for Admin Screen*/

.panel-font {
    font-size: 20px;
    line-height: normal;
}

.panel-icon-font {
    font-size: 30px;
    line-height: normal;
}

.mypanel {
    border-radius: 25px;
    border: 0px;
}

.panel_footer_border {
    border: 1px;
}

.panel_fixed_height {
    height: 220px;
}


/* Green Panel */
.panel-green {
    border-color: #006666;
}

    .panel-green > .panel-heading {
        border-color: #006666;
        color: #fff;
        background-color: #006666;
        border-radius: 25px 25px 0px 0px;
    }

    .panel-green > a {
        text-decoration: none;
        color: gray;
    }

        .panel-green > a:hover {
            color: #006666;
        }

.panel-footer-Green {
    background: #fff;
    border-right: 1px solid #006666;
    border-left: 1px solid #006666;
    border-bottom: 1px solid #006666;
    border-radius: 0px 0px 25px 25px;
}

.iconGreenColor {
    color: #fff;
}

    .iconGreenColor:hover {
        color: #006666;
    }

.custom_btn_green {
    border-radius: 100%;
    border-color: #006666;
    background-color: #006666;
    padding: 25px 0px;
}

    .custom_btn_green:hover {
        border-color: #006666;
        background-color: #fff;
    }

.greenFont {
    font-size: 14px;
    font-weight: bold;
    color: #006666;
    text-align: -webkit-center;
}

/* Violet Panel */
.panel-violet {
    border-color: #5c5c8a;
}

    .panel-violet > .panel-heading {
        color: #fff;
        background-color: #5c5c8a;
        border-color: #5c5c8a;
        border-radius: 25px 25px 0px 0px;
    }

    .panel-violet > a {
        text-decoration: none;
        color: gray;
    }

        .panel-violet > a:hover {
            color: #5c5c8a;
        }

.panel-footer-Violet {
    background: #fff;
    border-right: 1px solid #5c5c8a;
    border-left: 1px solid #5c5c8a;
    border-bottom: 1px solid #5c5c8a;
    border-radius: 0px 0px 25px 25px;
}

.iconVioletColor {
    color: #fff;
}

    .iconVioletColor:hover {
        color: #5c5c8a;
    }

.custom_btn_violet {
    border-radius: 100%;
    border-color: #5c5c8a;
    background-color: #5c5c8a;
    padding: 25px 0px;
}

    .custom_btn_violet:hover {
        border-color: #5c5c8a;
        background-color: #fff;
    }

.violetFont {
    font-size: 14px;
    font-weight: bold;
    color: #5c5c8a;
    text-align: -webkit-center;
}

/* Light Blue Panel */
.panel-custom {
    /*border-color: #299abc;*/
}

    .panel-custom > .panel-heading {
        color: #fff;
        background-color: #299abc;
        border: 0px;
        /*border-color: #299abc;*/
        border-radius: 25px 25px 0px 0px;
    }

    .panel-custom > a {
        text-decoration: none;
        color: gray;
    }

        .panel-custom > a:hover {
            color: #fff;
        }

.panel-footer-Blue {
    background: #fff;
    border-right: 1px solid #299abc;
    border-left: 1px solid #299abc;
    border-bottom: 1px solid #299abc;
    border-radius: 0px 0px 25px 25px;
}

.iconBlueColor {
    color: #fff;
}

    .iconBlueColor:hover {
        color: #299abc;
    }

.custom_btn_blue {
    border-radius: 100%;
    border-color: #299abc;
    background-color: #299abc;
    padding: 25px 0px;
}

    .custom_btn_blue:hover {
        border-color: #299abc;
        background-color: #fff;
    }

.blueFont {
    font-size: 14px;
    font-weight: bold;
    color: #299abc;
    text-align: -webkit-center;
}


/* Maroon Panel */
.panel-maroon {
    /*border-color: #990000;*/
}

    .panel-maroon > .panel-heading {
        color: #fff;
        background-color: #990000;
        /*border-color: #990000;*/
        border-radius: 25px 25px 0px 0px;
    }

    .panel-maroon > a {
        text-decoration: none;
        color: gray;
    }

        .panel-maroon > a:hover {
            color: #fff;
        }

.panel-footer-Maroon {
    background: #fff;
    border-right: 1px solid #990000;
    border-left: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-radius: 0px 0px 25px 25px;
}

.iconMaroonColor {
    color: #fff;
}

    .iconMaroonColor:hover {
        color: #990000;
    }

.custom_btn_maroon {
    border-radius: 100%;
    border-color: #990000;
    background-color: #990000;
    padding: 25px 0px;
}

    .custom_btn_maroon:hover {
        border-color: #990000;
        background-color: #fff;
    }

.maroonFont {
    font-size: 14px;
    font-weight: bold;
    color: #990000;
    text-align: -webkit-center;
}

/* Yellow Panel */
.panel-yellow {
    /*border-color: #ff9900;*/
}

    .panel-yellow > .panel-heading {
        color: #fff;
        background-color: #ff9900;
        /*border-color: #ff9900;*/
        border-radius: 25px 25px 0px 0px;
    }

    .panel-yellow > a {
        text-decoration: none;
        color: gray;
    }

        .panel-yellow > a:hover {
            color: #fff;
        }

.panel-footer-Yellow {
    background: #fff;
    border-right: 1px solid #ff9900;
    border-left: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
    border-radius: 0px 0px 25px 25px;
}

.iconYellowColor {
    color: #fff;
}

    .iconYellowColor:hover {
        color: #ff9900;
    }

.custom_btn_yellow {
    border-radius: 100%;
    border-color: #ff9900;
    background-color: #ff9900;
    padding: 25px 0px;
}

    .custom_btn_yellow:hover {
        border-color: #ff9900;
        background-color: #fff;
    }

.yellowFont {
    font-size: 14px;
    font-weight: bold;
    color: #ff9900;
    text-align: -webkit-center;
}

/* Light Green Panel */
.panel-light-green {
    /*border-color: #008000;*/
}

    .panel-light-green > .panel-heading {
        color: #fff;
        background-color: #008000;
        /*border-color: #008000;*/
        border-radius: 25px 25px 0px 0px;
    }

    .panel-light-green > a {
        text-decoration: none;
        color: gray;
    }

        .panel-light-green > a:hover {
            color: #fff;
        }

.panel-footer-Light-Green {
    background: #fff;
    border-right: 1px solid #008000;
    border-left: 1px solid #008000;
    border-bottom: 1px solid #008000;
    border-radius: 0px 0px 25px 25px;
}

.iconLight-GreenColor {
    color: #fff;
}

    .iconLight-GreenColor:hover {
        color: #008000;
    }

.custom_btn_light-green {
    border-radius: 100%;
    border-color: #008000;
    background-color: #008000;
    padding: 25px 0px;
}

    .custom_btn_light-green:hover {
        border-color: #008000;
        background-color: #fff;
    }

.light-greenFont {
    font-size: 14px;
    font-weight: bold;
    color: #008000;
    text-align: -webkit-center;
}

.fixed-height-panel {
    height: 160px;
}



/*SWC-------------------------------------------*/

.badge {
    padding: 11px 7px;
    font-size: 13.03px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background-color: #436d0c;
    border-radius: 9px;
    display: inline-block;
    vertical-align: baseline;
}

pre {
    color: red;
}

.kl-card {
    margin-bottom: 15px;
}

    .kl-card > .kl-card-block {
        height: 3px;
    }

        .kl-card > .kl-card-block.kl-xs {
            height: 15px;
        }

        .kl-card > .kl-card-block.kl-sm {
            height: 50px;
        }

        .kl-card > .kl-card-block.kl-md {
            height: 100px;
        }

        .kl-card > .kl-card-block.kl-lg {
            height: 200px;
        }

        .kl-card > .kl-card-block.kl-xl {
            height: 250px;
        }

        .kl-card > .kl-card-block.kl-xxl {
            height: 300px;
        }

    .kl-card > .kl-card-block {
        background: #fff0;
    }

    .kl-card .kl-card-block, .kl-card .card-block {
        position: relative;
    }

    .kl-card > .kl-card-block > .kl-card-item, .kl-card > .card-block > .kl-card-item {
        position: absolute;
        display: block;
        background: none;
        padding: 3px;
        margin: auto auto;
    }

.kl-card-block.kl-slide-out, .kl-card-block.kl-slide-in, .kl-card-block.kl-overlay { /* -- Hide overflow if we're running sliders -- */
    overflow: hidden;
}

.kl-card-block > .kl-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

    .kl-card-block > .kl-background > img {
        width: 100%;
        height: 100%;
    }

.kl-card-block > .kl-card-item {
    z-index: 2;
}

.kl-card-avatar {
    background: none;
    padding: 0;
    margin: 0;
}

.kl-card-block > .kl-card-avatar {
    z-index: 4;
    position: absolute;
    display: block;
}

.kl-card-avatar img {
    width: 100px;
}

.kl-card-avatar.kl-xs, .kl-card-avatar.kl-xs > img {
    width: 32px;
}

.kl-card-avatar.kl-sm, .kl-card-avatar.kl-sm > img {
    width: 48px;
}

.kl-card-avatar.kl-md, .kl-card-avatar.kl-md > img {
    width: 64px;
}

.kl-card-avatar.kl-lg, .kl-card-avatar.kl-lg > img {
    width: 86px;
}

.kl-card-avatar.kl-xl, .kl-card-avatar.kl-xl > img {
    width: 100px;
}

.kl-pt {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.kl-ptl {
    top: 0;
    left: 0;
    margin: auto;
}

.kl-ptr {
    top: 0;
    right: 0;
    margin: auto;
    text-align: right;
}

.kl-pb {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.kl-pbl {
    bottom: 0;
    left: 0;
    margin: auto;
}

.kl-pbr {
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: right;
}

.kl-pl {
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.kl-pr {
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    text-align: right;
}

.kl-pm {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.kl-plo, .kl-xl.kl-plo {
    left: -50px;
}

.kl-lg.kl-plo {
    left: -43px;
}

.kl-md.kl-plo {
    left: -32px;
}

.kl-sm.kl-plo {
    left: -24px;
}

.kl-xs.kl-plo {
    left: -16px;
}

.kl-pro, .kl-xl.kl-pro {
    right: -50px;
}

.kl-lg.kl-pro {
    right: -43px;
}

.kl-md.kl-pro {
    right: -32px;
}

.kl-sm.kl-pro {
    right: -24px;
}

.kl-xs.kl-pro {
    right: -16px;
}

.kl-pto, .kl-xl.kl-pto {
    top: -50px;
}

.kl-lg.kl-pto {
    top: -43px;
}

.kl-md.kl-pto {
    top: -32px;
}

.kl-sm.kl-pto {
    top: -24px;
}

.kl-xs.kl-pto {
    top: -16px;
}

.kl-pbo, .kl-xl.kl-pbo {
    bottom: -50px;
}

.kl-lg.kl-pbo {
    bottom: -43px;
}

.kl-md.kl-pbo {
    bottom: -32px;
}

.kl-sm.kl-pbo {
    bottom: -24px;
}

.kl-xs.kl-pbo {
    bottom: -16px;
}

.kl-card-social {
    background: none;
    padding: 3px;
    margin: auto auto;
}

    .kl-card-social a {
        display: inline-block;
        margin: 0 -1px;
    }

    .kl-card-social a, .kl-card-social img {
        width: 28px;
    }

    .kl-card-social.kl-sm a, .kl-card-social.kl-sm img {
        width: 24px;
    }

    .kl-card-social.kl-lg a, .kl-card-social.kl-lg img {
        width: 32px;
    }

    .kl-card-social.kl-pt {
        text-align: center;
    }

    .kl-card-social.kl-pb {
        text-align: center;
    }

    .kl-card-social.kl-v {
        width: 28px;
    }

    .kl-card-social.kl-sm.kl-v {
        width: 24px;
    }

    .kl-card-social.kl-lg.kl-v {
        width: 32px;
    }

    .kl-card-social.kl-v a {
        margin-bottom: 2px;
    }

.kl-card-item.kl-w25 {
    width: 25%;
}

.kl-card-item.kl-w33 {
    width: 33%;
}

.kl-card-item.kl-w50 {
    width: 50%;
}

.kl-card-item.kl-w66 {
    width: 66%;
}

.kl-card-item.kl-w75 {
    width: 75%;
}

.kl-card-social.kl-w25 a, .kl-card-social.kl-w33 a, .kl-card-social.kl-w50 a, .kl-card-social.kl-w66 a, .kl-card-social.kl-w75 a, .kl-card-social.kl-h25 a, .kl-card-social.kl-h33 a, .kl-card-social.kl-h50 a, .kl-card-social.kl-h66 a, .kl-card-social.kl-h75 a {
    margin-bottom: 2px;
}

.kl-card-item.kl-h25 {
    height: 25%;
}

.kl-card-item.kl-h33 {
    height: 33%;
}

.kl-card-item.kl-h50 {
    height: 50%;
}

.kl-card-item.kl-h66 {
    height: 66%;
}

.kl-card-item.kl-h75 {
    height: 75%;
}

/** -- OVERLAY STYLES -- **/
.kl-card-overlay {
    position: absolute;
    background: transparent;
    color: #fff;
    width: 100%;
    height: 100%;
}

.kl-card-block > .kl-card-overlay {
    z-index: 3;
}

.kl-card .card-block > .kl-card-overlay { /** -- deal with bootstrap .card-block padding -- **/
    top: 0;
    left: 0;
}

.kl-card.kl-overlay > .kl-card-top.kl-overlay {
    overflow: hidden;
}

.kl-card.kl-overlay > .card-block.kl-overlay {
    overflow: hidden;
}

.kl-card-overlay-item {
    margin: 0;
    position: relative;
    padding: 5px;
}

.kl-card-overlay > .kl-card-overlay-item {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
}

.kl-card-overlay.kl-lite > .kl-card-overlay-item {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.25);
}

/*Tile Colours---------------------------------------------------------------------------*/
/*.kl-card-overlay.kl-dark > .kl-card-overlay-item {*/
.kl-card-overlay.kl-dark > .accepted {
    background: rgba(38, 64, 6, 0.66);
}

.kl-card-overlay.kl-dark > .rejected {
    background: rgba(60, 14, 3, 0.58);
}

.kl-card-overlay.kl-dark > .daynight {
    background: rgba(51, 50, 2, 0.67);
}


/** -- Single Block -- **/
.kl-card-overlay-block, .kl-card-overlay-item {
    transition: all 0.5s ease-in-out;
}

    .kl-card-overlay-block .kl-card-overlay-item {
        width: 100%;
        height: 100%;
    }

    .kl-card-overlay-block.kl-top-in {
        top: -100%;
    }

    .kl-card-overlay-block.kl-inverse.kl-top-in {
        top: 0;
    }

    .kl-card-overlay-block.kl-right-in {
        right: -100%;
    }

    .kl-card-overlay-block.kl-inverse.kl-right-in {
        right: 0;
    }

    .kl-card-overlay-block.kl-bottom-in {
        bottom: -100%;
    }

    .kl-card-overlay-block.kl-inverse.kl-bottom-in {
        bottom: 0;
    }

    .kl-card-overlay-block.kl-left-in {
        left: -100%;
    }

    .kl-card-overlay-block.kl-inverse.kl-left-in {
        left: 0;
    }

.kl-overlay:hover .kl-card-overlay-block.kl-top-in, .kl-overlay.hover .kl-card-overlay-block.kl-top-in {
    top: 0;
}

.kl-overlay:hover .kl-card-overlay-block.kl-inverse.kl-top-in:not(.kl-static), .kl-overlay.hover .kl-card-overlay-block.kl-inverse.kl-top-in:not(.kl-static) {
    top: -100%;
}

.kl-overlay:hover .kl-card-overlay-block.kl-right-in, .kl-overlay.hover .kl-card-overlay-block.kl-right-in {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-block.kl-inverse.kl-right-in:not(.kl-static), .kl-overlay.hover .kl-card-overlay-block.kl-inverse.kl-right-in:not(.kl-static) {
    right: -100%;
}

.kl-overlay:hover .kl-card-overlay-block.kl-bottom-in, .kl-overlay.hover .kl-card-overlay-block.kl-bottom-in {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-block.kl-inverse.kl-bottom-in:not(.kl-static), .kl-overlay.hover .kl-card-overlay-block.kl-inverse.kl-bottom-in:not(.kl-static) {
    bottom: -100%;
}

.kl-overlay:hover .kl-card-overlay-block.kl-left-in, .kl-overlay.hover .kl-card-overlay-block.kl-left-in {
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-block.kl-inverse.kl-left-in:not(.kl-static), .kl-overlay.hover .kl-card-overlay-block.kl-inverse.kl-left-in:not(.kl-static) {
    left: -100%;
}

/** -- Horizontal Split 2 -- **/
.kl-card-overlay-split-h .kl-card-overlay-item {
    width: 100%;
    height: 50%;
    position: absolute;
}

.kl-card-overlay-split-h > .kl-card-overlay-item:nth-child(1) {
    top: -50%;
}

.kl-card-overlay-split-h > .kl-card-overlay-item:nth-child(2) {
    bottom: -50%;
}

.kl-card-overlay-split-h.kl-inverse > .kl-card-overlay-item:nth-child(1) {
    top: 0;
}

.kl-card-overlay-split-h.kl-inverse > .kl-card-overlay-item:nth-child(2) {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-h .kl-card-overlay-item:nth-child(1) {
    top: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-h .kl-card-overlay-item:nth-child(2) {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-h.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1) {
    top: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-h.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-h.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2) {
    bottom: -50%;
}

/** -- Horizontal Split 3 -- **/
.kl-card-overlay-split-h-3 .kl-card-overlay-item {
    width: 100%;
    height: 33.333333%;
    position: absolute;
}

.kl-card-overlay-split-h-3 > .kl-card-overlay-item:nth-child(1) {
    top: 0;
    transition: all 0.3s ease-in-out;
}

.kl-card-overlay-split-h-3 > .kl-card-overlay-item:nth-child(2) {
    top: 33.333333%;
    transition: all 0.5s ease-in-out;
}

.kl-card-overlay-split-h-3 > .kl-card-overlay-item:nth-child(3) {
    top: 66.666666%;
    transition: all 0.7s ease-in-out;
}

.kl-card-overlay-split-h-3.kl-left-in > .kl-card-overlay-item {
    left: -100%;
}

.kl-card-overlay-split-h-3.kl-right-in > .kl-card-overlay-item {
    right: -100%;
}

.kl-card-overlay-split-h-3.kl-inverse.kl-left-in > .kl-card-overlay-item {
    left: 0;
}

.kl-card-overlay-split-h-3.kl-inverse.kl-right-in > .kl-card-overlay-item {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-3.kl-left-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-3.kl-left-in .kl-card-overlay-item {
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-3.kl-right-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-3.kl-right-in .kl-card-overlay-item {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-3.kl-inverse.kl-left-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-3.kl-inverse.kl-left-in:not(.kl-static) .kl-card-overlay-item {
    left: -100%;
}

.kl-overlay:hover .kl-card-overlay-split-h-3.kl-inverse.kl-right-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-3.kl-inverse.kl-right-in:not(.kl-static) .kl-card-overlay-item {
    right: -100%;
}

/** -- Horizontal Split 4 -- **/
.kl-card-overlay-split-h-4 .kl-card-overlay-item {
    width: 100%;
    height: 25%;
    position: absolute;
}

.kl-card-overlay-split-h-4 > .kl-card-overlay-item:nth-child(1) {
    top: 0;
    transition: all 0.3s ease-in-out;
}

.kl-card-overlay-split-h-4 > .kl-card-overlay-item:nth-child(2) {
    top: 25%;
    transition: all 0.5s ease-in-out;
}

.kl-card-overlay-split-h-4 > .kl-card-overlay-item:nth-child(3) {
    top: 50%;
    transition: all 0.7s ease-in-out;
}

.kl-card-overlay-split-h-4 > .kl-card-overlay-item:nth-child(4) {
    top: 75%;
    transition: all 0.9s ease-in-out;
}

.kl-card-overlay-split-h-4.kl-left-in > .kl-card-overlay-item {
    left: -100%;
}

.kl-card-overlay-split-h-4.kl-right-in > .kl-card-overlay-item {
    right: -100%;
}

.kl-card-overlay-split-h-4.kl-inverse.kl-left-in > .kl-card-overlay-item {
    left: 0;
}

.kl-card-overlay-split-h-4.kl-inverse.kl-right-in > .kl-card-overlay-item {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-4.kl-left-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-4.kl-left-in .kl-card-overlay-item {
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-4.kl-right-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-4.kl-right-in .kl-card-overlay-item {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-h-4.kl-inverse.kl-left-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-4.kl-inverse.kl-left-in:not(.kl-static) .kl-card-overlay-item {
    left: -100%;
}

.kl-overlay:hover .kl-card-overlay-split-h-4.kl-inverse.kl-right-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-h-4.kl-inverse.kl-right-in:not(.kl-static) .kl-card-overlay-item {
    right: -100%;
}

/** -- Vertical Split 2 -- **/
.kl-card-overlay-split-v .kl-card-overlay-item {
    width: 50%;
    height: 100%;
    position: absolute;
}

.kl-card-overlay-split-v > .kl-card-overlay-item:nth-child(1) {
    left: -50%;
}

.kl-card-overlay-split-v > .kl-card-overlay-item:nth-child(2) {
    right: -50%;
}

.kl-card-overlay-split-v.kl-inverse > .kl-card-overlay-item:nth-child(1) {
    left: 0;
}

.kl-card-overlay-split-v.kl-inverse > .kl-card-overlay-item:nth-child(2) {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-v .kl-card-overlay-item:nth-child(1) {
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-v .kl-card-overlay-item:nth-child(2) {
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-v.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1) {
    left: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-v.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-v.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2) {
    right: -50%;
}

/** -- Vertical Split 3 -- **/
.kl-card-overlay-split-v-3 .kl-card-overlay-item {
    width: 33.333333%;
    height: 100%;
    position: absolute;
}

.kl-card-overlay-split-v-3 > .kl-card-overlay-item:nth-child(1) {
    left: 0;
    transition: all 0.3s ease-in-out;
}

.kl-card-overlay-split-v-3 > .kl-card-overlay-item:nth-child(2) {
    left: 33.333333%;
    transition: all 0.5s ease-in-out;
}

.kl-card-overlay-split-v-3 > .kl-card-overlay-item:nth-child(3) {
    left: 66.666666%;
    transition: all 0.7s ease-in-out;
}

.kl-card-overlay-split-v-3.kl-top-in > .kl-card-overlay-item {
    top: -100%;
}

.kl-card-overlay-split-v-3.kl-bottom-in > .kl-card-overlay-item {
    bottom: -100%;
}

.kl-card-overlay-split-v-3.kl-inverse.kl-top-in > .kl-card-overlay-item {
    top: 0;
}

.kl-card-overlay-split-v-3.kl-inverse.kl-bottom-in > .kl-card-overlay-item {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-3.kl-top-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-3.kl-top-in .kl-card-overlay-item {
    top: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-3.kl-bottom-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-3.kl-bottom-in .kl-card-overlay-item {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-3.kl-inverse.kl-top-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-3.kl-inverse.kl-top-in:not(.kl-static) .kl-card-overlay-item {
    top: -100%;
}

.kl-overlay:hover .kl-card-overlay-split-v-3.kl-inverse.kl-bottom-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-3.kl-inverse.kl-bottom-in:not(.kl-static) .kl-card-overlay-item {
    bottom: -100%;
}

/** -- Vertical Split 4 -- **/
.kl-card-overlay-split-v-4 .kl-card-overlay-item {
    width: 25%;
    height: 100%;
    position: absolute;
}

.kl-card-overlay-split-v-4 > .kl-card-overlay-item:nth-child(1) {
    left: 0;
    transition: all 0.3s ease-in-out;
}

.kl-card-overlay-split-v-4 > .kl-card-overlay-item:nth-child(2) {
    left: 25%;
    transition: all 0.5s ease-in-out;
}

.kl-card-overlay-split-v-4 > .kl-card-overlay-item:nth-child(3) {
    left: 50%;
    transition: all 0.7s ease-in-out;
}

.kl-card-overlay-split-v-4 > .kl-card-overlay-item:nth-child(4) {
    left: 75%;
    transition: all 0.9s ease-in-out;
}

.kl-card-overlay-split-v-4.kl-top-in > .kl-card-overlay-item {
    top: -100%;
}

.kl-card-overlay-split-v-4.kl-bottom-in > .kl-card-overlay-item {
    bottom: -100%;
}

.kl-card-overlay-split-v-4.kl-inverse.kl-top-in > .kl-card-overlay-item {
    top: 0;
}

.kl-card-overlay-split-v-4.kl-inverse.kl-bottom-in > .kl-card-overlay-item {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-4.kl-top-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-4.kl-top-in .kl-card-overlay-item {
    top: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-4.kl-bottom-in .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-4.kl-bottom-in .kl-card-overlay-item {
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-v-4.kl-inverse.kl-top-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-4.kl-inverse.kl-top-in:not(.kl-static) .kl-card-overlay-item {
    top: -100%;
}

.kl-overlay:hover .kl-card-overlay-split-v-4.kl-inverse.kl-bottom-in:not(.kl-static) .kl-card-overlay-item, .kl-overlay.hover .kl-card-overlay-split-v-4.kl-inverse.kl-bottom-in:not(.kl-static) .kl-card-overlay-item {
    bottom: -100%;
}

/** -- 4 Quarter Split -- **/
.kl-card-overlay-split-q .kl-card-overlay-item {
    width: 50%;
    height: 50%;
    position: absolute;
}

.kl-card-overlay-split-q > .kl-card-overlay-item:nth-child(1) {
    top: -50%;
    left: -50%;
}

.kl-card-overlay-split-q > .kl-card-overlay-item:nth-child(2) {
    top: -50%;
    right: -50%;
}

.kl-card-overlay-split-q > .kl-card-overlay-item:nth-child(3) {
    right: -50%;
    bottom: -50%;
}

.kl-card-overlay-split-q > .kl-card-overlay-item:nth-child(4) {
    bottom: -50%;
    left: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(1) {
    top: 0;
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(2) {
    top: 0;
    right: 0;
}

.kl-overlay:hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(3), .kl-overlay.hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(3) {
    right: 0;
    bottom: 0;
}

.kl-overlay:hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(4), .kl-overlay.hover .kl-card-overlay-split-q .kl-card-overlay-item:nth-child(4) {
    bottom: 0;
    left: 0;
}

.kl-card-overlay-split-q.kl-inverse > .kl-card-overlay-item:nth-child(1) {
    top: 0;
    left: 0;
}

.kl-card-overlay-split-q.kl-inverse > .kl-card-overlay-item:nth-child(2) {
    top: 0;
    right: 0;
}

.kl-card-overlay-split-q.kl-inverse > .kl-card-overlay-item:nth-child(3) {
    right: 0;
    bottom: 0;
}

.kl-card-overlay-split-q.kl-inverse > .kl-card-overlay-item:nth-child(4) {
    bottom: 0;
    left: 0;
}

.kl-overlay:hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1), .kl-overlay.hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(1) {
    top: -50%;
    left: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2), .kl-overlay.hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(2) {
    top: -50%;
    right: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(3), .kl-overlay.hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(3) {
    right: -50%;
    bottom: -50%;
}

.kl-overlay:hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(4), .kl-overlay.hover .kl-card-overlay-split-q.kl-inverse:not(.kl-static) .kl-card-overlay-item:nth-child(4) {
    bottom: -50%;
    left: -50%;
}

.kl-overlay:hover .kl-card-overlay.kl-inverse:not(.kl-static), .kl-overlay.hover .kl-card-overlay.kl-inverse:not(.kl-static) {
    pointer-events: none;
}

/** -- FIGURE BLOCKS -- **/
.kl-figure-block {
    text-align: center;
}

    .kl-figure-block > .kl-title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.9em;
        color: #696969;
        display: block;
    }

    .kl-figure-block > .kl-figure {
        font-weight: bold;
        font-size: 1.7em;
        display: block;
    }

.kl-card-overlay-split-q .kl-figure-block {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.kl-card-overlay.kl-dark .kl-figure-block > .kl-title {
    color: #f8f8f8;
}

.kl-card-overlay.kl-lite .kl-figure-block > .kl-title {
    color: #e8e8e8;
}


/** -- CARD 1 STYLES -- **/
.kl-card-1 .kl-card-avatar.shadow {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
}

.kl-card-1 .kl-card-avatar.shadow-primary {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(2, 117, 216, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(2, 117, 216, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(2, 117, 216, 0.75);
}

.kl-card-1 .kl-card-avatar.shadow-success {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(92, 184, 92, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(92, 184, 92, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(92, 184, 92, 0.75);
}

.kl-card-1 .kl-card-avatar.shadow-warning {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(240, 173, 78, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(240, 173, 78, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(240, 173, 78, 0.75);
}

.kl-card-1 .kl-card-avatar.shadow-danger {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(217, 83, 79, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(217, 83, 79, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(217, 83, 79, 0.75);
}

.kl-card-1 .kl-card-avatar.shadow-info {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(91, 192, 222, 0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(91, 192, 222, 0.75);
    box-shadow: 3px 3px 3px 0px rgba(91, 192, 222, 0.75);
}

.kl-card-4 .card-subtitle {
    color: #2F9DD4;
    margin-bottom: 10px;
}

.kl-card-5 .kl-dropdown {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

    .kl-card-5 .kl-dropdown > a {
        color: #fff;
        text-decoration: none;
    }

        .kl-card-5 .kl-dropdown > a:after {
            display: none;
        }

/** -- TEXT STYLES -- **/
.kl-txt-shadow {
    text-shadow: 1px 1px 2px rgba(68, 68, 68, 1);
}

.kl-txt-shadow-l {
    text-shadow: 1px 1px 2px rgba(234, 234, 234, 1);
}

/** -- TRANSITION STYLES -- **/
.kl-card, .kl-card-avatar, .kl-card-avatar img, .kl-card-top, .kl-card-social img, kl-card .kl-card-overlay, .kl-card .kl-figure-block, .kl-card .kl-card-item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

    .kl-card *.kl-fast {
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .kl-card *.kl-slow {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }


    .kl-card .kl-spin, .kl-card .kl-reveal, .kl-card .kl-shine, .kl-card .kl-gray, .kl-card .kl-fade, .kl-card .kl-show, .kl-card .kl-hide, .kl-card .kl-slide-in, .kl-card .kl-slide-out, .kl-card .kl-card-overlay {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
    }

    .kl-card *.kl-fade {
        background: rgb(232,232,232);
        background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-primary, .kl-card.kl-fade.hover *.kl-fade.kl-b-primary, .kl-card .kl-fade.kl-b-primary:hover, .kl-card .kl-fade.kl-b-primary.hover {
        background: rgb(2,117,216);
        background: -moz-linear-gradient(top, rgba(2,117,216,1) 0%, rgba(2,117,216,1) 100%);
        background: -webkit-linear-gradient(top, rgba(2,117,216,1) 0%,rgba(2,117,216,1) 100%);
        background: linear-gradient(to bottom, rgba(2,117,216,1) 0%,rgba(2,117,216,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0275d8', endColorstr='#0275d8',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-success, .kl-card.kl-fade.hover *.kl-fade.kl-b-success, .kl-card .kl-fade.kl-b-success:hover, .kl-card .kl-fade.kl-b-success.hover {
        background: rgb(92,184,92);
        background: -moz-linear-gradient(top, rgba(92,184,92,1) 0%, rgba(92,184,92,1) 100%);
        background: -webkit-linear-gradient(top, rgba(92,184,92,1) 0%,rgba(92,184,92,1) 100%);
        background: linear-gradient(to bottom, rgba(92,184,92,1) 0%,rgba(92,184,92,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#5cb85c',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-warning, .kl-card.kl-fade.hover *.kl-fade.kl-b-warning, .kl-card .kl-fade.kl-b-warning:hover, .kl-card .kl-fade.kl-b-warning.hover {
        background: rgb(240,173,78);
        background: -moz-linear-gradient(top, rgba(240,173,7,1) 0%, rgba(240,173,7,1) 100%);
        background: -webkit-linear-gradient(top, rgba(240,173,7,1) 0%,rgba(240,173,7,1) 100%);
        background: linear-gradient(to bottom, rgba(240,173,7,1) 0%,rgba(240,173,7,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ad4e', endColorstr='#f0ad4e',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-danger, .kl-card.kl-fade.hover *.kl-fade.kl-b-danger, .kl-card .kl-fade.kl-b-danger:hover, .kl-card .kl-fade.kl-b-danger.hover {
        background: rgb(217,83,79);
        background: -moz-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 100%);
        background: -webkit-linear-gradient(top, rgba(217,83,79,1) 0%,rgba(217,83,79,1) 100%);
        background: linear-gradient(to bottom, rgba(217,83,79,1) 0%,rgba(217,83,79,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-info, .kl-card.kl-fade.hover *.kl-fade.kl-b-info, .kl-card .kl-fade.kl-b-info:hover, .kl-card .kl-fade.kl-b-info.hover {
        background: rgb(91,192,222);
        background: -moz-linear-gradient(top, rgba(91,192,222,1) 0%, rgba(91,192,222,1) 100%);
        background: -webkit-linear-gradient(top, rgba(91,192,222,1) 0%,rgba(91,192,222,1) 100%);
        background: linear-gradient(to bottom, rgba(91,192,222,1) 0%,rgba(91,192,222,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc0de', endColorstr='#5bc0de',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-white, .kl-card.kl-fade.hover *.kl-fade.kl-b-white, .kl-card .kl-fade.kl-b-white:hover, .kl-card .kl-fade.kl-b-white.hover {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    }

    .kl-card.kl-fade:hover *.kl-fade.kl-b-black, .kl-card.kl-fade.hover *.kl-fade.kl-b-black, .kl-card .kl-fade.kl-b-black:hover, .kl-card .kl-fade.kl-b-black.hover {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    }

    /** -- Reveal -- **/
    .kl-card.kl-reveal:hover .kl-reveal, .kl-card.kl-reveal.hover .kl-reveal, .kl-card .kl-reveal:hover, .kl-card .kl-reveal.hover {
        border-radius: 0;
    }

    /** -- Shine -- **/
    .kl-card .kl-shine:not(.kl-card-block) {
        filter: gray;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

        .kl-card.kl-shine:hover .kl-shine:not(.kl-card-block), .kl-card.kl-shine.hover .kl-shine:not(.kl-card-block), .kl-card-block.kl-shine:hover .kl-shine:not(.kl-card-block), .kl-card-block.kl-shine.hover .kl-shine:not(.kl-card-block), .kl-card .kl-shine:hover:not(.kl-card-block), .kl-card .kl-shine:not(.kl-card-block).hover {
            filter: none;
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

    /** -- Gray -- **/
    .kl-card .kl-gray:not(.kl-card-block) {
        filter: none;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

        .kl-card.kl-gray:hover .kl-gray:not(.kl-card-block), .kl-card.kl-gray.hover .kl-gray:not(.kl-card-block), .kl-card-block.kl-gray:hover .kl-gray:not(.kl-card-block), .kl-card-block.kl-gray.hover .kl-gray:not(.kl-card-block), .kl-card .kl-gray:hover:not(.kl-card-block), .kl-card .kl-gray:not(.kl-card-block).hover {
            filter: gray;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }


    /** -- Spin -- **/
    .kl-card.kl-spin:hover .kl-spin:not(.kl-card-block):not(.kl-card-item), .kl-card.kl-spin.hover .kl-spin:not(.kl-card-block):not(.kl-card-item), .kl-card-block.kl-spin:hover .kl-spin:not(.kl-card-block):not(.kl-card-item), .kl-card-block.kl-spin.hover .kl-spin:not(.kl-card-block):not(.kl-card-item), .kl-card .kl-spin:not(.kl-card-block):not(.kl-card-item):hover, .kl-card .kl-spin:not(.kl-card-block):not(.kl-card-item).hover {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    /** -- Show -- **/
    .kl-card .kl-show:not(.kl-card-block) {
        opacity: 0;
    }

    .kl-card.kl-show:hover .kl-show:not(.kl-card-block), .kl-card.kl-show.hover .kl-show:not(.kl-card-block), .kl-card-block.kl-show:hover .kl-show:not(.kl-card-block), .kl-card-block.kl-show.hover .kl-show:not(.kl-card-block) {
        opacity: 1;
    }

    /** -- Hide -- **/
    .kl-card .kl-hide:not(.kl-card-block) {
        opacity: 1;
    }

        .kl-card.kl-hide:hover .kl-hide:not(.kl-card-block), .kl-card.kl-hide.hover .kl-hide:not(.kl-card-block), .kl-card-block.kl-hide:hover .kl-hide:not(.kl-card-block), .kl-card-block.kl-hide.hover .kl-hide:not(.kl-card-block), .kl-card .kl-hide:hover:not(.kl-card-block), .kl-card .kl-hide:not(.kl-card-block).hover {
            opacity: 0;
        }

/** -- Slide In -- **/
.kl-pt.kl-slide-in {
    top: -100%;
}

.kl-ptl.kl-slide-in {
    top: -100%;
    left: -100%;
}

.kl-ptr.kl-slide-in {
    top: -100%;
    right: -100%;
}

.kl-pb.kl-slide-in {
    bottom: -100%;
}

.kl-pbl.kl-slide-in {
    bottom: -100%;
    left: -100%;
}

.kl-pbr.kl-slide-in {
    bottom: -100%;
    right: -100%;
}

.kl-pl.kl-slide-in {
    left: -100%;
}

.kl-pr.kl-slide-in {
    right: -100%;
}

.kl-card.kl-slide-in:hover .kl-pt.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pt.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pt.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pt.kl-slide-in:not(.kl-card-block) {
    top: 0;
}

.kl-card.kl-slide-in:hover .kl-ptl.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-ptl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-ptl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-ptl.kl-slide-in:not(.kl-card-block) {
    top: 0;
    left: 0;
}

.kl-card.kl-slide-in:hover .kl-ptr.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-ptr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-ptr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-ptr.kl-slide-in:not(.kl-card-block) {
    top: 0;
    right: 0%;
}

.kl-card.kl-slide-in:hover .kl-pb.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pb.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pb.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pb.kl-slide-in:not(.kl-card-block) {
    bottom: 0;
}

.kl-card.kl-slide-in:hover .kl-pbl.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pbl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pbl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pbl.kl-slide-in:not(.kl-card-block) {
    bottom: 0;
    left: 0;
}

.kl-card.kl-slide-in:hover .kl-pbr.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pbr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pbr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pbr.kl-slide-in:not(.kl-card-block) {
    bottom: 0;
    right: 0;
}

.kl-card.kl-slide-in:hover .kl-pl.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pl.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pl.kl-slide-in:not(.kl-card-block) {
    left: 0;
}

.kl-card.kl-slide-in:hover .kl-pr.kl-slide-in:not(.kl-card-block), .kl-card.kl-slide-in.hover .kl-pr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in:hover .kl-pr.kl-slide-in:not(.kl-card-block), .kl-card-block.kl-slide-in.hover .kl-pr.kl-slide-in:not(.kl-card-block) {
    right: 0;
}

/** -- Slide Out -- **/
.kl-card.kl-slide-out:hover .kl-pt.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pt.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pt.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pt.kl-slide-out:not(.kl-card-block), .kl-card .kl-pt.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pt.kl-slide-out:not(.kl-card-block).hover {
    top: -100%;
}

.kl-card.kl-slide-out:hover .kl-ptl.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-ptl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-ptl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-ptl.kl-slide-out:not(.kl-card-block), .kl-card .kl-ptl.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-ptl.kl-slide-out:not(.kl-card-block).hover {
    top: -100%;
    left: -100%;
}

.kl-card.kl-slide-out:hover .kl-ptr.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-ptr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-ptr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-ptr.kl-slide-out:not(.kl-card-block), .kl-card .kl-ptr.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-ptr.kl-slide-out:not(.kl-card-block).hover {
    top: -100%;
    right: -100%;
}

.kl-card.kl-slide-out:hover .kl-pb.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pb.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pb.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pb.kl-slide-out:not(.kl-card-block), .kl-card .kl-pb.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pb.kl-slide-out:not(.kl-card-block).hover {
    bottom: -100%;
}

.kl-card.kl-slide-out:hover .kl-pbl.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pbl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pbl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pbl.kl-slide-out:not(.kl-card-block), .kl-card .kl-pbl.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pbl.kl-slide-out:not(.kl-card-block).hover {
    bottom: -100%;
    left: -100%;
}

.kl-card.kl-slide-out:hover .kl-pbr.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pbr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pbr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pbr.kl-slide-out:not(.kl-card-block), .kl-card .kl-pbr.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pbr.kl-slide-out:not(.kl-card-block).hover {
    bottom: -100%;
    right: -100%;
}

.kl-card.kl-slide-out:hover .kl-pl.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pl.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pl.kl-slide-out:not(.kl-card-block), .kl-card .kl-pl.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pl.kl-slide-out:not(.kl-card-block).hover {
    left: -100%;
}

.kl-card.kl-slide-out:hover .kl-pr.kl-slide-out:not(.kl-card-block), .kl-card.kl-slide-out.hover .kl-pr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out:hover .kl-pr.kl-slide-out:not(.kl-card-block), .kl-card-block.kl-slide-out.hover .kl-pr.kl-slide-out:not(.kl-card-block), .kl-card .kl-pr.kl-slide-out:not(.kl-card-block):hover, .kl-card .kl-pr.kl-slide-out:not(.kl-card-block).hover {
    right: -100%;
}


/** -- GENERAL STYLES -- **/
.kl-b {
    background: #e8e8e8;
}

.kl-b-primary {
    background: #0275d8;
}

.kl-b-success {
    background: #5cb85c;
}

.kl-b-warning {
    background: #f0ad4e;
}

.kl-b-danger {
    background: #d9534f;
}

.kl-b-info {
    background: #5bc0de;
}

.kl-b-white {
    background: #fff;
}

.kl-b-black {
    background: #000;
}

.kl-b-1 {
    padding: 1px;
}

.kl-b-2 {
    padding: 2px;
}

.kl-b-3 {
    padding: 3px;
}

.kl-b-4 {
    padding: 4px;
}

.kl-b-5 {
    padding: 5px;
}

.kl-b-6 {
    padding: 6px;
}

.kl-b-rounded {
    border-radius: 10px;
}

.kl-b-circle {
    border-radius: 50%;
}

.kl-b-house {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.kl-b-shield {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.kl-b-lemon {
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.kl-b-lemon-inverse {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.kl-b-ring {
    border-top-left-radius: 30%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 30%;
    border-bottom-left-radius: 100%;
}

.kl-b-ring-inverse {
    border-top-left-radius: 100%;
    border-top-right-radius: 30%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 30%;
}

.kl-b-corner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 0;
}

.kl-b-corner-inverse {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50%;
}

.kl-shadow {
    -webkit-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
}

.kl-shadow-t {
    -webkit-box-shadow: 0px -5px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -5px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -5px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-r {
    -webkit-box-shadow: 5px 0px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 5px 0px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 5px 0px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-b {
    -webkit-box-shadow: 0px 5px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 5px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 5px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-l {
    -webkit-box-shadow: -5px 0px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -5px 0px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 0px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-br {
    -webkit-box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-bl {
    -webkit-box-shadow: -4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: -4px 4px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-tl {
    -webkit-box-shadow: -4px -4px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -4px -4px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: -4px -4px 5px -1px rgba(50, 50, 50, 0.75);
}

.kl-shadow-tr {
    -webkit-box-shadow: 4px -4px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px -4px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 4px -4px 5px -1px rgba(50, 50, 50, 0.75);
}

.hw {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.qw {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
}

.tqw {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.audit-red {
    color: #ff0000;
}

.audit-green {
    color: #008000;
}

/*.audit-blue {
    color: #00334d;
}

.audit-yellow {
    color: #e6b800;
}

.audit-orange {
    color: #e65c00;
}*/