@charset "utf-8";
/* CSS Document */
body {
    margin: 0 auto !important;
    font-size: 15px !important;
    color: #000 !important;
    /*word-break:break-all;*/
    overflow-x: hidden;
    background: #f7f8fa;
    font-family: 'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
}

#bodyContent {
    background-color: #e9e9e9;
}

.loginBody {
    margin: 0 auto !important;
    font-size: 1.2rem;
    color: #000 !important;
    overflow-x: hidden;
    background: #DEE1E3;
    font-family: 'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;
    background-image: linear-gradient(rgba(0,0,0,.05)1px,rgba(0,0,0,0)1px),linear-gradient(90deg,rgba(0,0,0,.05)1px,rgba(0,0,0,0)1px),linear-gradient(rgba(0,0,0,.035)1px,rgba(0,0,0,0)1px),linear-gradient(90deg,rgba(0,0,0,.035)1px,rgba(0,0,0,0)1px);
    background-size: 96px 96px,96px 96px,24px 24px,24px 24px;
    background-position: -1px -1px;
    min-width: 0;
}

h1, h2, h3 {
    margin: 0 !important;
    padding: 0px !important;
    color: #000;
    /*font-family: Arial, Helvetica, sans-serif !important;*/
    font-weight: bold;
}

.pageBreak {
    page-break-after: always;
}

.btn-remarks-image {
    background-color: #47A4BD;
    color: #ffffff;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

.huge {
    font-size: 40px;
}

p {
    margin: 0 !important;
    padding: 0px !important;
}

a {
    text-decoration: none !important;
    margin: 0 !important;
    color: #000;
    outline: none;
    font-size: 14px;
}

    a img {
        border: none;
    }

        a img:hover {
            opacity: 0.7;
            filter: alpha(opacity = 70);
        }

input {
    font-family: 'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
}

@font-face {
    font-family: 'Nori';
    src: url('../fonts/NotoNastaliqUrdu.eot');
    src: url('../fonts/NotoNastaliqUrdud41d.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoNastaliqUrdu.html') format('woff2'), url('../fonts/lNotoNastaliqUrdu.html') format('woff'), url('../fonts/NotoNastaliqUrdu.ttf') format('truetype'), url('../fonts/NotoNastaliqUrdu.svg#Nori') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jameel Noori Nastaleeq';
    src: url('../fonts/Jameel%20Noori%20Nastaleeq.ttf'), url('../fonts/Jameel%20Noori%20Nastaleeq.ttf'); /* IE9+ */ /*URL to font*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JNN';
    src: url('../fonts/JNN.html');
}




@font-face {
    font-family: 'square721_btroman';
    src: url('../fonts/square721_bt_roman-webfont.eot');
    src: url('../fonts/square721_bt_roman-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/square721_bt_roman-webfont.html') format('woff2'), url('../fonts/square721_bt_roman-webfont.woff') format('woff'), url('../fonts/square721_bt_roman-webfont.ttf') format('truetype'), url('../fonts/square721_bt_roman-webfont.svg#square721_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

.text-urdu {
    font-family: Jameel Noori Nastaleeq,JNN, Nori,Arial, Helvetica, sans-serif !important;
    direction: rtl !important;
}

.ltr-direction {
    direction: ltr !important;
}

.rtl-direction {
    direction: rtl !important;
}

.FooterContainer {
    display: block;
    padding: 20px 0px;
    background: url(../images/header_bg.png);
    text-align: center;
    color: #FFF;
}

.loginHeading {
    /*font-family: 'square721_btroman' !important;*/
    color: #404040;
    font-size: 24px;
    text-align: center;
    font-weight: 200;
}

.loginError {
    font-size: 14px;
    line-height: 16px;
    color: #e91D1D;
    display: block;
}

@-webkit-keyframes loginFade {
    from {
        -webkit-transform: translateY(48px) scale(0.75);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes loginFade {
    from {
        -webkit-transform: translateY(48px) scale(0.75);
        transform: translateY(48px) scale(0.75);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.loginContainer {
    max-width: 420px;
    padding: 30px 2%;
    margin: 40px auto;
    background: #FFF;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 10px 0px #ccc;
    -ms-box-shadow: 0px 0px 10px 0px #ccc;
    box-shadow: 0px 0px 10px 0px #ccc;
    -webkit-animation: loginFade ease-in-out 1;
    animation: loginFade ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

.userNameTextBox {
    width: 100%;
    height: 48px;
    border: 1px solid #d5d5d5;
    outline: none;
    color: #000;
    font-size: 16px;
    padding: 0px 15px 0px 50px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    background: url('../images/username.png') no-repeat;
    background-color: #FAFAFA;
    display: block;
    margin: 20px 0px 10px 0px;
}

    .userNameTextBox:focus {
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        -webkit-box-shadow: 0px 0px 10px 0px #d5d5d5;
        -ms-box-shadow: 0px 0px 10px 0px #d5d5d5;
        box-shadow: 0px 0px 10px 0px #d5d5d5;
    }

.passwordTextBox {
    background: url('../images/password.png') no-repeat;
    background-color: #FAFAFA;
}

.signInBtn {
    width: 100%;
    background: #033462;
    color: #FFF;
    font-weight: 700;
    float: right;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    padding: 7px 20px;
    text-align: center;
}

    .signInBtn:hover {
        color: #ffffff;
        background-color: #0964b9;
    }

.float_none {
    float: none;
}

.bodybg {
    background: #f7f8fa url(../images/header_bg.png) repeat-x;
}

.innerBody {
    display: block;
    margin: 15px 25px;
    background: #FFF;
    padding-bottom: 20px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -ms-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
}

.headerContainer {
    display: block;
    padding: 10px 25px;
    background: #f2f2f2;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
}

    .headerContainer h1 {
        color: #022444 !important;
        display: inline-block;
        float: left;
    }

    .headerContainer img {
        width: 55px;
        vertical-align: middle;
    }

.headerNav {
    display: inline-block;
    float: left;
    padding: 0px 10px 0px 20px;
    width: 50%;
}

    .headerNav a {
        float: left;
        padding: 12px 3%;
        color: #383737;
        font-size: 16px;
        border-top: 5px solid #f2f2f2;
    }

        .headerNav a:hover {
            border-top: 5px solid #8ab66d;
            color: #8ab66d;
        }

    .headerNav .ddl {
        padding: 12px 3%;
        border-top: 5px solid #f2f2f2;
    }

        .headerNav .ddl:hover {
            border-top: 5px solid #8ab66d;
            color: #8ab66d;
        }

.ddl {
    float: left;
    padding: 15px 1%;
    color: #383737;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.dowmList {
    -moz-min-width: 170px;
    -ms-min-width: 170px;
    -o-min-width: 170px;
    -webkit-min-width: 170px;
    min-width: 170px;
    width: 100%;
    background: #787878;
    position: absolute;
    top: 40px;
    right: 0px;
    padding-bottom: 10px;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 5;
}

    .dowmList a {
        display: block;
        border-top: 2px solid #6f6f70;
        padding: 9px 20px !important;
        font-size: 13px;
        color: #FFF;
    }

        .dowmList a:hover {
            color: #c4c4c4;
        }

.navDowmList {
    -moz-min-width: 200px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    min-width: 200px;
    border: 1px solid #c6ccd2;
    background: #f2f5f8;
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-clip: padding-box;
    z-index: 5;
}

    .navDowmList a {
        display: block;
        float: none !important;
        padding: 9px 20px !important;
        font-size: 14px !important;
        color: #8d1812 !important;
        border-radius: 5px;
        background-clip: padding-box;
        border: none !important;
    }

        .navDowmList a:hover {
            color: #FFF !important;
            background: #8d1812 !important;
        }

.DetailPopUp {
    width: 88%;
    margin: 0 auto;
    background: #FFF;
    margin-top: 4%;
    padding: 15px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    z-index: 10;
}

.popupMessage {
    text-align: center;
    font-size: 1.3em;
    color: #ffffff;
    width: 35%;
    top: 25%;
    left: 34%;
    -ms-border-radius: 6px;
    border-radius: 6px;
    /*margin: 0 auto;*/
    /*background: #FFF;*/
    padding: 15px;
    position: absolute;
}


.content {
    /*width: 96%;*/
    padding: 20px;
    background-color: #ffffff;
    /*-ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    border-color: #eeeeee;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    /*margin: 2% auto;*/
    margin: 0 22px 22px 22px;
}

.PopUpBtn {
    width: 50px !important;
    height: 50px !important;
    margin: -15px -57px 0px 0px !important;
    background: #FFF !important;
    -ms-opacity: 1 !important;
    opacity: 1 !important;
    font-size: 29px !important;
    color: #000 !important;
    font-weight: normal !important;
}

    .PopUpBtn:hover {
        color: #CCC !important;
    }

.headName {
    background: #f1f1f1 !important;
    margin-bottom: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-weight: bold;
    font-size: 1em;
}

.complaintText {
    margin-bottom: 10px !important;
    min-height: 48px;
    font-size: 1em;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    -moz-word-break: normal;
    -o-word-break: normal;
    word-break: normal;
}

    .complaintText a {
        font-size: 17px;
        color: #0094ff !important;
        text-decoration: underline !important;
    }

        .complaintText a:hover {
            text-decoration: none !important;
        }

.MyPanel .row {
    margin: 0px 10px !important;
}

.loadingPanel {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background: #000000;
    -ms-opacity: 0.7;
    opacity: 0.7;
    z-index: 5;
}

.loadingBody {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 48%;
    right: 0px;
    text-align: center;
    color: #ffffff;
    z-index: 6;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    /*background: url('../images/busy.gif') no-repeat center;*/
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #000000;
    background-color: rgba(0,0,0,0.5); /*dim the background*/
}

    #loading span {
        text-align: center;
        display: block;
        padding-top: 20%;
    }

.panel-info {
    border-color: #697683 !important;
}

    .panel-info > .panel-heading {
        color: #FFF !important;
        background-color: #697683 !important;
        border-color: #697683 !important;
    }

.navbar-nav li {
    /*margin-right: 2px;*/
}

.PrintContainer {
    width: 1000px;
    margin: 0 auto;
}

.printContent {
    display: block;
    border: 1px solid #999999;
    padding: 15px 20px;
    margin-top: 10px;
}

.printText {
    font-weight: bold;
}

.printText, .printField {
    width: 15%;
    float: left;
}



@media print {
    .PrintBtns {
        display: none;
    }

    @-moz-document url-prefix() {
        .PrintContainer {
            font-size: 12px;
            width: 650px;
            margin: 0 auto;
        }
    }

    .PrintContainer {
        /*width: 100%;*/
        margin: 0 auto;
    }
}

.headingLine {
    color: #ffffff;
    padding: 0 0 0 0 !important;
    margin: 10px 0 10px 2px;
    border-bottom: 2px solid #008bff;
    position: relative;
}

    .headingLine:before,
    .headingLine:after,
    .headingLine a:before,
    .headingLine a:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 90%;
        bottom: -2px;
        left: 10%;
        background-color: #cbcbcb;
    }

.StatsContainer {
    width: 100%;
    display: block;
    /*padding:20px 0px*/
}

@media only screen and (min-width: 500px) {
    .StatsContainer {
        margin-left: 30%;
    }
}

@media only screen and (max-width:1120px) {
    .StatsContainer {
        display: none;
    }
}

.view-link {
}

.loupe {
    background-color: #555;
    background: #000000;
    background: rgba(0, 0, 0, 0.25);
    border: 5px solid #000000;
    border: 5px solid rgba(0, 0, 0, 0);
    cursor: url(blank.png), url(blank.cur), none;
    z-index: 10000000;
}

.StatsBox {
    height: 80px;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 165%;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
    padding-top: 5px;
}

    .StatsBox span {
        display: block;
        font-size: .66em;
        font-weight: normal;
        background-color: rgba(0,0,0,.11);
        -ms-border-bottom-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -ms-border-bottom-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 5px;
        padding: 6px;
        width: 100%;
    }

.total {
    background: #033462;
    /*background: url(../images/bg1.png) center no-repeat;*/
}

.filed {
    background: #CF342F; /*#d9534f;*/
    /*background: url(../images/bg2.png) center no-repeat;*/
}

.pending {
    background: #666;
    /*background: url(../images/bg3.png) center no-repeat;*/
}

.completed {
    background: #5cb85c;
    /*background: url(../images/bg4.png) center no-repeat;*/
}
/**********************************************************/
.PrintBG {
    background: #FFF;
}

.widthFull {
    width: 100%;
}

.margin_t {
    margin-top: 12px !important;
}

.margin_r {
    margin-right: 10px !important;
}

.margin_b {
    margin-bottom: 10px !important;
}

.margin_l {
    margin-left: 10px !important;
}

.margin_l40 {
    margin-left: 40px !important;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.border_non {
    border: none !important;
}

.margin_r_zero {
    margin-right: 0px !important;
    margin-right: 0% !important;
}

.margin_t5px {
    margin-top: 6px !important;
}

.margin_t15px {
    margin-top: 15px !important;
}

.margin_t25px {
    margin-top: 25px !important;
}

.margin_t30px {
    margin-top: 30px !important;
}

.text_center {
    text-align: center !important;
}

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

.padding {
    padding: 10px;
}

.btn-margin {
    margin-bottom: 5px !important;
}

.Myopacity {
    -ms-opacity: 0.2;
    opacity: 0.2;
    -moz-filter: alpha(opacity = 20);
    -o-filter: alpha(opacity = 20);
    filter: alpha(opacity = 20);
}

.position_r {
    position: relative;
}

.downlist {
    width: 90%;
    height: 150px;
    position: absolute;
    top: 40px;
    left: 30px;
    background: #f2f2f2;
    overflow: auto;
    z-index: 6;
    -ms-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
}

/********************Overrides**********************/
.form-control {
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}

button.close {
    cursor: pointer;
}

.btn {
    -moz-min-width: 72px;
    -ms-min-width: 72px;
    -o-min-width: 72px;
    -webkit-min-width: 72px;
    min-width: 72px;
}

table.dataTable th,
table.dataTable td {
    white-space: nowrap;
}

.radio-inline {
    margin-top: 0 !important;
}

.loading {
    background: url('../images/loading-sm.gif') no-repeat;
    background-position: center;
}

.clear-float {
    clear: both;
}

.reciept-slice {
    border-bottom: 1px dashed #999999;
    height: 20px;
    display: block;
    margin: 30px 0px 45px 0px;
}

    .reciept-slice img {
        width: 40px;
        background: #FFF;
    }


/*Widget*/
.widget-support-tickets .ticket {
    padding: 0 0 14px;
}

    .widget-support-tickets .ticket + .ticket {
        padding-top: 13px;
        border-top: 1px solid;
        border-top-color: #e4e4e4;
    }

    .widget-support-tickets .ticket:last-child {
        padding-bottom: 0;
    }

.widget-support-tickets a.ticket-title {
    display: block;
    font-size: 14px;
    padding: 0 90px 0 0;
    line-height: 20px;
}

    .widget-support-tickets a.ticket-title i {
        display: inline-block;
        font-size: 11px;
        margin: 0 5px 0 0;
        top: -1px;
        position: relative;
        text-decoration: none;
    }

    .widget-support-tickets a.ticket-title span {
        display: inline-block;
        color: #aaa;
        padding-left: 4px;
        text-decoration: none !important;
    }

.widget-support-tickets .ticket-label {
    display: block;
    float: right;
    font-size: 10px;
    line-height: 18px;
    margin: 2px 0 0;
    padding: 0 5px;
    position: relative;
}

.widget-support-tickets .ticket-info {
    color: #aaa;
    font-size: 12px;
}

    .widget-support-tickets .ticket-info a {
        color: #555;
    }

        .widget-support-tickets .ticket-info a:hover {
            color: #888;
        }

.panel .widget-support-tickets .ticket, .panel.widget-support-tickets .ticket {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget-comments .comment {
    padding: 0 0 10px;
}

    .widget-comments .comment + .comment {
        padding-top: 10px;
        border-top: 1px solid;
        border-top-color: #e4e4e4;
    }

    .widget-comments .comment:last-child {
        padding-bottom: 0;
    }

.widget-comments .comment-avatar {
    display: block;
    float: left;
    height: 32px;
    margin-top: 5px;
    width: 32px;
    -ms-border-radius: 99999px;
    border-radius: 99999px;
}

.widget-comments .comment-body {
    margin-left: 45px;
}

.widget-comments .actions, .widget-comments .comment-by {
    color: #aaa;
    display: block;
}

.widget-comments .comment-by {
    font-style: italic;
}

    .widget-comments .comment-by a {
        font-style: normal;
    }

.widget-comments .comment-text {
    padding: 4px 0;
}

.widget-comments .comment-actions i {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
}

.widget-comments .comment-actions, .widget-comments .comment-actions a {
    color: #aaa;
    font-size: 12px;
}

    .widget-comments .comment-actions a {
        margin-right: 10px;
        display: inline-block;
    }

        .widget-comments .comment-actions a:hover {
            color: #555;
        }

.panel .widget-comments .comment, .panel.widget-comments .comment {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget-article-comments .comment {
    padding-top: 13px;
}

    .widget-article-comments .comment:first-child {
        padding-top: 0;
    }

    .widget-article-comments .comment > .comment {
        margin-left: 26px !important;
    }

.widget-article-comments .comment-avatar {
    -ms-border-radius: 999999px;
    border-radius: 999999px;
    display: block;
    float: left;
    height: 32px;
    position: relative;
    width: 32px;
}

.widget-article-comments .comment-heading {
    font-size: 12px;
    padding-bottom: 2px;
}

    .widget-article-comments .comment-heading span {
        color: #aaa;
        display: inline-block;
        font-size: 11px;
        margin-left: 5px;
    }

.widget-article-comments .comment-body {
    float: none;
    margin-left: 46px;
    position: relative;
}

    .widget-article-comments .comment-body:before {
        border-color: transparent #e4e4e4 transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: -6px;
        position: absolute;
        top: 11px;
        width: 0;
    }

.widget-article-comments .comment-text {
    border: 1px solid #e4e4e4;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 7px 12px 8px;
}

.widget-article-comments .comment-footer {
    display: block;
    font-size: 12px;
    padding: 4px 12px 0;
}

    .widget-article-comments .comment-footer, .widget-article-comments .comment-footer a {
        color: #aaa;
    }

        .widget-article-comments .comment-footer a:hover {
            color: #555;
        }

        .widget-article-comments .comment-footer i {
            font-size: 13px;
        }

.panel .widget-article-comments .comment, .panel.widget-article-comments .comment {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget-threads .thread {
    padding: 0 0 14px;
}

    .widget-threads .thread + .thread {
        padding-top: 13px;
        border-top: 1px solid;
        border-top-color: #e4e4e4;
    }

    .widget-threads .thread:last-child {
        padding-bottom: 0;
    }

.widget-threads .thread-avatar {
    display: block;
    float: left;
    height: 32px;
    margin-top: 2px;
    width: 32px;
    -ms-border-radius: 999999px;
    border-radius: 999999px;
}

.widget-threads .thread-body {
    margin-left: 42px;
}

.widget-threads .thread-time {
    float: right;
    font-size: 12px;
    color: #aaa;
}

.widget-threads .thread-info {
    color: #aaa;
    font-size: 12px;
}

    .widget-threads .thread-info a {
        color: #555;
    }

        .widget-threads .thread-info a:hover {
            color: #888;
        }

.panel .widget-threads .thread, .panel.widget-threads .thread {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget-chat .message + .message {
    padding-top: 15px;
}

.widget-chat .message-avatar {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.widget-chat .message-body {
    margin-left: 55px;
}

.widget-chat .message-heading {
    font-size: 12px;
    color: #aaa;
}

.widget-chat .message-text {
    background: #f4f4f4;
    margin-top: 4px;
    padding: 10px 15px 12px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

    .widget-chat .message-text:before {
        border-color: transparent #f4f4f4 transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: -6px;
        position: absolute;
        top: 6px;
        width: 0;
    }

.widget-chat .message.right .message-avatar {
    float: right;
}

.widget-chat .message.right .message-body {
    margin-left: 0;
    margin-right: 55px;
}

.widget-chat .message.right .message-text:before {
    border-color: transparent transparent transparent #f4f4f4;
    border-width: 6px 0 6px 6px;
    left: auto;
    right: -6px;
}

.widget-chat .chat-controls {
    width: 100%;
    position: relative;
}

    .widget-chat .chat-controls .chat-controls-input {
        margin-right: 90px;
    }

    .widget-chat .chat-controls .chat-controls-btn {
        position: absolute;
        right: 20px;
        width: 80px;
        top: 10px;
    }

.panel .widget-chat .message, .panel.widget-chat .message {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget-profile .panel-heading {
    padding-top: 18px;
    padding-bottom: 16px;
    overflow: hidden;
    position: relative;
}

    .widget-profile .panel-heading:after, .widget-profile .panel-heading:before {
        content: " ";
        display: table;
    }

    .widget-profile .panel-heading:after {
        clear: both;
    }

.widget-profile .widget-profile-avatar {
    width: 52px;
    height: 52px;
    -ms-border-radius: 999999px;
    border-radius: 999999px;
    float: left;
    margin-right: 12px;
}

.widget-profile .widget-profile-header {
    float: none;
    overflow: hidden;
    position: relative;
    margin-top: 3px;
}

    .widget-profile .widget-profile-header span {
        font-size: 18px;
        font-weight: 300;
        display: inline-block;
    }

.widget-profile .widget-profile-bg-icon {
    bottom: -23px;
    width: 100%;
    right: 5px;
    text-align: right;
    position: absolute;
}

    .widget-profile .widget-profile-bg-icon > * {
        font-size: 100px;
        color: #ffffff;
        color: rgba(255,255,255,.3);
    }

.widget-profile .widget-profile-counters {
    text-align: center;
}

    .widget-profile .widget-profile-counters > div {
        padding: 15px 0;
        font-size: 11px;
    }

        .widget-profile .widget-profile-counters > div span {
            font-size: 18px;
            font-weight: 700;
            color: #555;
        }

        .widget-profile .widget-profile-counters > div + div {
            border-left: 1px solid #e4e4e4;
        }

.widget-profile .widget-profile-input {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
}

.widget-profile .widget-profile-text {
    padding: 10px 15px;
}

    .widget-profile .widget-profile-counters + .widget-profile-input, .widget-profile .widget-profile-counters + .widget-profile-text, .widget-profile .widget-profile-input + .widget-profile-counters, .widget-profile .widget-profile-input + .widget-profile-text, .widget-profile .widget-profile-text + .widget-profile-counters, .widget-profile .widget-profile-text + .widget-profile-input {
        border-top: 1px solid #e4e4e4 !important;
    }

.panel-dark .widget-profile .widget-profile-header, .panel-dark .widget-profile .widget-profile-header a, .panel-dark.widget-profile .widget-profile-header, .panel-dark.widget-profile .widget-profile-header a {
    color: #fff;
    color: rgba(255,255,255,.8);
}

    .panel-dark .widget-profile .widget-profile-header a:hover, .panel-dark .widget-profile .widget-profile-header span, .panel-dark.widget-profile .widget-profile-header a:hover, .panel-dark.widget-profile .widget-profile-header span {
        color: #fff;
    }

.widget-profile.widget-profile-centered {
    text-align: center;
}

    .widget-profile.widget-profile-centered .widget-profile-avatar {
        width: 70px;
        height: 70px;
        float: none;
        margin: 0 auto 8px;
        display: block;
    }

.ie8 .widget-profile-bg-icon {
    display: none !important;
}

.widget-messages .message {
    padding: 9px 0;
    position: relative;
}

    .widget-messages .message:after, .widget-messages .message:before {
        content: " ";
        display: table;
    }

    .widget-messages .message:after {
        clear: both;
    }

    .widget-messages .message > * {
        line-height: 19px;
    }

    .widget-messages .message .action-checkbox, .widget-messages .message .from {
        display: block;
        float: left;
    }

    .widget-messages .message .action-checkbox {
        width: 20px;
    }

        .widget-messages .message .action-checkbox > input, .widget-messages .message .action-checkbox > label {
            display: inline-block;
            margin: 0;
            position: relative;
            vertical-align: middle;
            top: -1px;
        }

    .widget-messages .message .from {
        -moz-min-width: 115px;
        -ms-min-width: 115px;
        -o-min-width: 115px;
        -webkit-min-width: 115px;
        min-width: 115px;
        max-width: 180px;
        width: 25%;
        padding-left: 5px;
        overflow: hidden;
        color: #555;
    }

        .widget-messages .message .from:hover {
            color: #888;
        }

    .widget-messages .message .title {
        display: block;
        float: none;
        overflow: hidden;
        padding-right: 60px;
    }

    .widget-messages .message .date {
        display: block;
        position: absolute;
        color: #888;
        width: 50px;
        right: 0;
        text-align: right;
        top: 9px;
    }

    .widget-messages .message .message-title-icon {
        font-weight: 400 !important;
        color: #555;
        display: inline-block;
        margin-right: 7px;
        font-size: 14px;
        text-decoration: none !important;
    }

    .widget-messages .message.unread .title {
        font-weight: 600;
    }

    .widget-messages .message + .message {
        border-top: 1px solid;
        border-top-color: #e4e4e4;
    }

.panel .widget-messages .message, .panel.widget-messages .message {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

    .panel .widget-messages .message .date, .panel.widget-messages .message .date {
        right: 20px;
    }

.widget-tasks .task {
    padding: 8px 0;
    position: relative;
    background: #fff;
}

    .widget-tasks .task:after, .widget-tasks .task:before {
        content: " ";
        display: table;
    }

    .widget-tasks .task:after {
        clear: both;
    }

    .widget-tasks .task .action-checkbox, .widget-tasks .task .task-title {
        display: block;
        line-height: 21px;
    }

    .widget-tasks .task .action-checkbox {
        float: left;
        width: 20px;
    }

        .widget-tasks .task .action-checkbox > input, .widget-tasks .task .action-checkbox > label {
            display: inline-block;
            margin: 0;
            position: relative;
            vertical-align: middle;
            top: -1px;
        }

    .widget-tasks .task .task-title {
        color: #444;
        text-decoration: none;
        float: none;
        overflow: hidden;
    }

        .widget-tasks .task .task-title span {
            display: inline-block;
            color: #aaa;
            margin-left: 5px;
            font-size: 12px;
            font-style: italic;
        }

    .widget-tasks .task.completed a {
        color: #999;
        text-decoration: line-through;
    }

        .widget-tasks .task.completed a span {
            display: none;
        }

    .widget-tasks .task .label {
        display: block;
        position: absolute;
        right: 0;
    }

    .widget-tasks .task .task-sort-icon {
        color: #bbb;
        cursor: move;
        display: block;
        float: left;
        position: relative;
        margin: -8px 6px -8px 0;
        padding: 8px 12px;
        line-height: 21px;
    }

    .widget-tasks .task + .task {
        border-top: 1px solid;
        border-top-color: #e4e4e4;
    }

    .widget-tasks .task.ui-sortable-helper {
        background: #f1f6f7;
    }

.panel .widget-tasks .task, .panel.widget-tasks .task {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 -20px;
}

    .panel .widget-tasks .task .label, .panel.widget-tasks .task .label {
        right: 20px;
    }

    .panel .widget-tasks .task .task-sort-icon, .panel.widget-tasks .task .task-sort-icon {
        margin-left: -11px;
    }

.widget-rating, .widget-rating li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

    .widget-rating a, .widget-rating li a {
        display: block;
        color: #bbb;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
    }

        .widget-rating a:before, .widget-rating li a:before {
            content: "\f005";
            font-family: FontAwesome;
        }

.widget-maps {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .widget-maps img {
        max-width: none !important;
    }

    .widget-maps label {
        display: inline !important;
        width: auto !important;
    }

    .widget-maps .gmnoprint {
        line-height: normal !important;
    }

.widget-notifications .notification {
    position: relative;
    padding: 7px 12px;
}

    .widget-notifications .notification + .notification {
        border-top: 1px solid #e4e4e4;
    }

.widget-notifications .notifications-list {
    overflow: hidden;
    position: relative;
}

.widget-notifications .notification-ago, .widget-notifications .notification-description, .widget-notifications .notification-title {
    display: block;
    margin-right: 22%;
}

.widget-notifications .notification-title {
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 1px;
}

.widget-notifications .notification-description {
    font-size: 11px;
    color: #666;
}

.widget-notifications .notification-ago {
    font-size: 11px;
    font-style: italic;
    color: #bbb;
}

.widget-notifications .notification-icon {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -13px 0 0 0;
    font-size: 14px;
}

.widget-notifications .notifications-link {
    text-align: center;
    padding: 8px 0 !important;
    border-top: 1px solid #e4e4e4;
    display: block;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    line-height: 18px !important;
    height: auto !important;
}

    .widget-notifications .notifications-link:hover {
        background: #f4f4f4;
        color: #555;
    }

.widget-messages-alt .message {
    position: relative;
    padding: 10px 12px;
}

    .widget-messages-alt .message + .message {
        border-top: 1px solid #e4e4e4;
    }

.widget-messages-alt .messages-list {
    overflow: hidden;
    position: relative;
}

.widget-messages-alt .message-avatar {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    -ms-border-radius: 999999px;
    border-radius: 999999px;
    top: 50%;
    margin-top: -16px;
    left: 12px;
}

.widget-messages-alt .message-description, .widget-messages-alt .message-description a, .widget-messages-alt .message-subject, .widget-messages-alt .message-subject a {
    line-height: 17px !important;
}

.widget-messages-alt .message-subject {
    display: block;
    padding-left: 42px;
    margin-bottom: 2px;
    width: 100%;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.widget-messages-alt .message-description {
    display: block;
    padding-left: 42px;
    font-size: 11px;
    color: #aaa;
    height: auto !important;
}

    .widget-messages-alt .message-description a {
        color: #555;
    }

        .widget-messages-alt .message-description a:hover {
            color: #888;
        }

.widget-messages-alt .messages-link {
    text-align: center;
    padding: 8px 0 !important;
    border-top: 1px solid #e4e4e4;
    display: block;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    line-height: 18px !important;
    height: auto !important;
}

    .widget-messages-alt .messages-link:hover {
        background: #f4f4f4;
        color: #555;
    }

.widget-followers .follower {
    padding: 0 0 10px;
    position: relative;
}

    .widget-followers .follower + .follower {
        border-top: 1px solid;
        border-top-color: #e4e4e4;
        padding-top: 10px;
    }

    .widget-followers .follower:last-child {
        padding-bottom: 0;
    }

.widget-followers .follower-avatar {
    -ms-border-radius: 99999px;
    border-radius: 99999px;
    display: block;
    float: left;
    height: 32px;
    margin-right: 10px;
    margin-top: 2px;
    width: 32px;
}

.widget-followers .follower-controls {
    float: right;
    margin-top: 4px;
}

    .widget-followers .follower-controls .btn > i {
        font-size: 14px;
        position: relative;
        top: 1px;
    }

.widget-followers .body {
    line-height: 17px;
}

.widget-followers .follower-name {
    color: #333;
    font-size: 13px;
}

.widget-followers .follower-username {
    color: #aaa;
    font-size: 12px;
}

.panel .widget-followers .follower, .panel.widget-followers .follower {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.slimScrollBar {
    width: 6px !important;
    -ms-opacity: .3 !important;
    opacity: .3 !important;
}

.slimScrollRail {
    width: 6px !important;
}

/*End Widget*/
.publicFormWraper {
    max-width: 1000px;
    margin: 0 auto;
    display: block;
}
/*Comments ----------------Start*/
/**
 * Oscuro: #283035
 * Azul: #03658c
 * Detalle: #c7cacb
 * Fondo: #dee1e3
 ----------------------------------*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #03658c;
    text-decoration: none;
}

ul {
    list-style-type: none;
}



/** ====================
 * Lista de Comentarios
 =======================*/
.comments-container {
    margin: 60px auto 15px;
    width: 768px;
}

    .comments-container h1 {
        font-size: 36px;
        color: #283035;
        font-weight: 400;
    }

        .comments-container h1 a {
            font-size: 18px;
            font-weight: 700;
        }

.comments-list {
    margin-top: 30px;
    position: relative;
}

    /**
 * Lineas / Detalles
 -----------------------*/
    .comments-list:before {
        content: '';
        width: 2px;
        height: 100%;
        background: #c7cacb;
        position: absolute;
        left: 32px;
        top: 0;
    }

    .comments-list:after {
        content: '';
        position: absolute;
        background: #c7cacb;
        bottom: 0;
        left: 27px;
        width: 7px;
        height: 7px;
        border: 3px solid #dee1e3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

.reply-list:before, .reply-list:after {
    display: none;
}

.reply-list li:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #c7cacb;
    position: absolute;
    top: 25px;
    left: -55px;
}


.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

    .comments-list li:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        width: 0;
    }

.reply-list {
    padding-left: 88px;
    clear: both;
    margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
}

    .comments-list .comment-avatar img {
        width: 100%;
        height: 100%;
    }

.reply-list .comment-avatar {
    width: 50px;
    height: 50px;
}

.comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
    /*width: 680px;
	float: right;*/
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

    .comments-list .comment-box:before, .comments-list .comment-box:after {
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        border-width: 10px 12px 10px 0;
        border-style: solid;
        border-color: transparent #FCFCFC;
        top: 8px;
        left: -11px;
    }

    .comments-list .comment-box:before {
        border-width: 11px 13px 11px 0;
        border-color: transparent rgba(0,0,0,0.05);
        left: -12px;
    }

.reply-list .comment-box {
    width: 610px;
}

.comment-box .comment-head {
    background: #FCFCFC;
    padding: 10px 12px;
    border-bottom: 1px solid #E5E5E5;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

    .comment-box .comment-head i {
        float: right;
        margin-left: 14px;
        position: relative;
        top: 2px;
        color: #A6A6A6;
        cursor: pointer;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .comment-box .comment-head i:hover {
            color: #03658c;
        }

.comment-box .comment-name {
    display: inline-block;
    color: #283035;
    font-size: 16px;
    font-weight: 700;
    margin: 0 10px;
}

    .comment-box .comment-name a {
        color: #283035;
    }

.comment-box .comment-head span {
    display: inline-block;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px;
}

.comment-box .comment-content {
    padding: 12px;
    font-size: 15px;
    color: #595959;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {
    color: #03658c;
}

    .comment-box .comment-name.by-author:after {
        content: 'court';
        background: #03658c;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
        font-weight: 700;
        margin-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

/** =====================
 * Responsive
 ========================*/
@media only screen and (max-width: 766px) {
    .comments-container {
        width: 480px;
    }

    .comments-list .comment-box {
        width: 390px;
    }

    .reply-list .comment-box {
        width: 320px;
    }
}
/**Comments End*/


/********************Custom Radio-btn*********************************/
.cust-radio-btn {
    margin: 0px 10px !important;
    outline: none !important;
}

.radio-btn-contents input[type='radio'] {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 1px 0px gray inset;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-btn-contents input[type='radio']:hover {
        box-shadow: 0 0 1px 0px #8d1812 inset;
        background: #8ab66d;
    }

    .radio-btn-contents input[type='radio']:before {
        content: '';
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
    }

    .radio-btn-contents input[type='radio']:checked:before {
        background: #8ab66d;
    }

    .radio-btn-contents input[type='radio']:checked {
        background: #FFF;
    }

.cust-glyph {
    margin-top: 3px;
}

    .cust-glyph .glyphicon {
        color: #03658c;
    }

        .cust-glyph .glyphicon::before {
            padding: 5px;
        }

.blur {
    -webkit-filter: blur(4px);
}

/********************Custom Radio-btn End*********************************/




/*******************Pulse Animation*******************************/
/*
==============================================
pulse
==============================================
*/

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.8;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.8;
    }
}

/*
==============================================
floating
==============================================
*/

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

.feedback a span {
    color: #ffffff;
}

.poor-bg {
    color: #ffffff;
    background-color: #BF5151;
}

.satisfactory-bg {
    color: #ffffff;
    background-color: #808BA7;
}

.good-bg {
    color: #ffffff;
    background-color: #CDCE37;
}

.excellent-bg {
    color: #ffffff;
    background-color: #59BF51;
}

/*******New Background Colors************/
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #f7f8fa !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.text-white {
    color: #FFFFFF !important;
}

.text-red {
    color: #dd4b39 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #111111 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.link-muted {
    color: #7a869d;
}

    .link-muted:hover,
    .link-muted:focus {
        color: #606c84;
    }

.link-black {
    color: #666;
}

    .link-black:hover,
    .link-black:focus {
        color: #999;
    }

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}

.dashboard-count {
    margin: 10px;
}

    .dashboard-count > div {
        min-height: 98px;
    }

.count {
    /*padding: 5px;*/
    margin-bottom: 10px;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
}

    .count span:nth-child(1) {
        display: block;
        font-size: 35px;
        font-weight: bold;
    }

    .count span:nth-child(2) {
        display: block;
        /*font-size: 50px;*/
        background-color: hsla(0, 2%, 3%, 0.08);
        padding: 5px;
    }

.buttonFix {
    position: absolute;
    top: 40%;
    right: -28px;
    z-index: 10000;
    padding-bottom: 25px !important;
}

.slidingArea {
    position: absolute;
    top: 35%;
    right: -30%;
    width: 30%;
    min-height: 120px;
    background-color: #fff;
    z-index: 10001;
}

@media print {
    body {
        font-size: 12px !important;
    }

    .HideInPrint {
        display: none !important;
    }

    .headName, .complaintText {
        margin-bottom: 0px !important;
        /*padding: 0px !important;*/
    }

    .FooterContainer {
        display: none;
    }
}

.printLogo_margin {
    margin-right: 10px !important;
}

.date-align {
    text-align: left;
}

.btnFloatLeftLTR {
    float: left !important;
}

.btnFloatRightLTR {
    float: right !important;
}

.inlineHeadingFilterControls {
    margin-left: 16%;
}

#PriorityBar {
    position: fixed;
    bottom: 0px;
    right: 15px;
    /*min-height: 36px;*/
    width: 250px;
    z-index: 9999;
    /*cursor: pointer;*/
}

#PriorityHead {
    cursor: pointer;
    padding: 0px 8px 0px 13px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* z-index: 555555; */
    background: #CF342F; /*rgba(154, 33, 33, 0.88)*/
    ;
    -ms-animation: fadeAnim 3s infinite;
    -o-animation: fadeAnim 3s infinite;
    -moz-animation: fadeAnim 3s infinite; /* Firefox */
    -webkit-animation: fadeAnim 3s infinite; /* Safari and Chrome */
    animation: fadeAnim 3s infinite;
}

    #PriorityHead .headText {
        font-size: 15px;
        height: 33px;
        line-height: 33px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        margin-left: 26px;
        color: #eee;
        -webkit-transition: all ease;
        -moz-transition: all ease;
        -ms-transition: all ease;
        -o-transition: all ease;
        transition: all ease;
    }

@-moz-keyframes fadeAnim /* Firefox */
{
    0% {
        background: #CF342F; /*rgba(154, 33, 33, 0.88);*/
    }
    /*25% { background: #033462;}*/
    50% {
        background: #033462;
    }

    100% {
        background: #CF342F /*rgba(154, 33, 33, 0.88);*/;
    }
}

@-webkit-keyframes fadeAnim /* Firefox */
{
    0% {
        background: #CF342F; /*rgba(154, 33, 33, 0.88);*/
    }
    /*25% { background: #033462;}*/
    50% {
        background: #033462;
    }

    100% {
        background: #CF342F /*rgba(154, 33, 33, 0.88);*/;
    }
}


/** Bootstrap Over loads*/
.label-block {
    display: block;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0px;
}











/**End Bootstrap Overload*/


/** Custom Table Desing Div**/
.tablegrid {
    margin: 0 0 60px 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: table;
    font-family: Jameel Noori Nastaleeq;
    font-size: 17px;
}

@media screen and (max-width: 580px) {
    .tablegrid {
        display: block;
    }
}

.tablerow {
    display: table-row;
    background: #f6f6f6;
}

    .tablerow:nth-of-type(odd) {
        background: #e9e9e9;
    }

    .tablerow.header {
        font-weight: 900;
        color: #ffffff;
        background: #2980b9;
    }

.red {
    background: #ea6153 !important;
}

.green {
    background: #27ae60 !important;
}

.blue {
    background: #2980b9 !important;
}

.blue-e {
    background: #34495E !important;
}

.baig {
    background: #eaa753 !important;
}

.lime {
    background: #827717 !important;
}

.brown {
    background: #795548 !important;
}

@media screen and (max-width: 580px) {
    .tablerow {
        padding: 8px 0;
        display: block;
    }
}

.cell {
    padding: 10px 12px;
    display: table-cell;
}

@media screen and (max-width: 580px) {
    .cell {
        padding: 2px 12px;
        display: block;
    }
}

/**END Custom Table Desing Div**/

.count-card {
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
}

    .count-card span {
        display: block;
        font-weight: bold;
        font-size: 18px;
    }

.section-content {
    /*min-height: 250px;*/
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/*
 * Component: Callout
 * ------------------
 */
.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .callout a {
        color: #fff;
        text-decoration: underline;
    }

        .callout a:hover {
            color: #eee;
        }

    .callout h4 {
        margin-top: 0;
        font-weight: 600;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code,
    .callout .highlight {
        background-color: #fff;
    }

    .callout.callout-danger {
        color: #fff;
        border-color: #c23321;
    }

    .callout.callout-warning {
        color: #fff;
        border-color: #c87f0a;
    }

    .callout.callout-info {
        border-color: #a6b2b5;
    }

    .callout.callout-success {
        color: #fff;
        border-color: #00733e;
    }

.LeftSideBar .panel-body {
    padding: 0px;
}
/*fieldset {
    border-radius: 4px !important;
    padding: 0 1.4em 1.4em 1.4em !important;
}
fieldset legend{
    width: inherit  !important;
   
    padding: 0 1.4em 1.4em 1.4em !important;
}*/

.valign-middle {
    vertical-align: middle !important;
}

.main-report-table {
    text-align: center;
    padding: 0 !important;
}

    .main-report-table table {
        width: 100%;
    }

    .main-report-table td {
        width: 50%;
        padding: 5px 2px;
        border-right: 1px solid #ddd;
    }

.no-border {
    border: none !important;
}

.blink {
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -o-animation-name: blink;
    animation-name: blink;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.blink-infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.blink-5 {
    -webkit-animation-iteration-count: 5;
    -moz-animation-iteration-count: 5;
    -o-animation-iteration-count: 5;
    animation-iteration-count: 5;
}

.blink-furiously {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.dynamicDiv {
    background: #f7f7f7;
    padding: 30px 0px;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
}

/***************************popup**********************************/
.popup-content {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.7);
    padding: 3% 15px;
    top: 0px;
    left: 0px;
    z-index: 12;
    overflow-y: auto;
}

.popup-wrapper {
    display: block;
    position: relative;
    background: #FFF;
    padding: 30px 30px 15px 30px;
    z-index: 12;
}

.close-btn {
    padding: 2px 9px 4px 9px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: bolder;
    background: #0073b7;
    color: #ffffff;
}

    .close-btn:hover {
        color: #ffffff;
        background: #449d44;
    }

.overflow-hidden {
    overflow: hidden !important;
}

.req-error, .error{color:red;}
.success {
    color: green;
}