@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
}

a {
    color: #737373;
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        text-decoration: underline;
    }

.fLeft {
    float: left !important;
}

.fRight {
    float: right !important;
}

.fNone {
    float: none !important;
}

.noDisplay {
    display: none;
}

.noMargin {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

input, button, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.000em;
}
/********** common css ***********/

body {
    font-size: 14px;
    color: #282828; /*background: url(images/body-bg.gif) repeat #dadada;*/
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 9px;
    line-height: 25px;
}

p {
    line-height: 20px;
}
/*Add common class*/

.noBg {
    background: none !important;
}

.cf:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cf {
    display: block;
}

#wrapper {
    border-top: 34px solid #585552;
}

#container {
    width: 100%;
    min-width: 1000px;
    height: 75%;
    background: #FBF8F2;
    margin: 5px auto 0;
}

.home .container {
    padding: 0 0px;
    background: none;
    margin-top: 24px;
}

.inputText {
    background: #FFF;
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    padding: 2px 5px;
    min-width: 140px;
}

.inputTextwithAutoWidth {
    background: #FFF;
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    padding: 2px 5px;
}

.labelText {
    font-size: 13px;
    font-weight: bold;
    color: #5d3812;
    padding: 1px 0 0;
    min-width: 117px;
}

.normallabelText {
    font-size: 11px;
    font-weight: normal !important;
    color: #000 !important;
    padding: 1px 0 0;
    min-width: 117px;
}

.textArea {
    min-width: 160px;
    min-height: 95px;
    padding: 2px 5px;
    border: 1px solid #D5CEB7;
    color: #737373;
    font-size: 12px;
    resize: none;
}

.selectDrop {
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    min-width: 140px;
    height: 20px;
}

.minWidthDrop {
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    height: 20px;
}

.pSearchBtn .yellowBtn, .pSearchBtn .blackBtn {
    padding: 0;
    width: 74px;
    margin-right: 15px;
}

.yellowBtn {
    height: 28px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
    background: url(images/yellow-btn.jpg) left top repeat-x;
    border: 0 none;
    color: #000;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 0 #BBB;
    -moz-box-shadow: 1px 1px 0 #BBB;
    box-shadow: 1px 1px 0 #BBB;
}

.blackBtn {
    height: 28px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
    background: url(images/black2-btn.jpg) left top repeat-x;
    border: 0 none;
    color: #FFF;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 0 #BBB;
    -moz-box-shadow: 1px 1px 0 #BBB;
    box-shadow: 1px 1px 0 #BBB;
}
/*.blackBtn {margin-top: 45px; height: 28px; padding: 0 10px; font-size: 15px; font-weight: bold; background: url(images/black2-btn.jpg) left top repeat-x; border: 0 none; color: #FFF; cursor: pointer; -webkit-box-shadow: 1px 1px 0 #BBB; -moz-box-shadow: 1px 1px 0 #BBB; box-shadow: 1px 1px 0 #BBB;}*/
#ContentPlaceHolder1_btn_AddNew {
    background: #0682a7;
    border-radius: 4px;
}

#ContentPlaceHolder1_lbl_insertheadding {
    margin: 0 82px 10px 0;
    display: inline-block;
}

#ContentPlaceHolder1_gv_LockupReport {
    overflow: auto;
    height: 350px;
    display: block;
    border: 0px;
}

/*scroll style*/
.scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ab7d00;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scroller::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scroller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #ab7d00;
    background-color: #ab7d00;
}
/*scroll style*/

/********** Header css ***********/
.home #header {
    background: white center top no-repeat;
    padding: 0;
}

#header { /*    position: relative;*/
    padding: 0 0px;
    background: #FBF8F2; /* min-height: 171px;*/
}

#logo {
    float: left;
    padding: 5px 15px 0px;
    width: auto;
}
#logo img{width:65px;}
.logoRight {
    float: right;
    padding: 0px 15px 0 0;
}

.slideshow {
    clear: both;
    height: 215px;
    padding: 8px;
    background: #FFF;
    box-shadow: 0 0 5px #A0A0A0;
    margin-bottom: 20px;
    position: relative;
}

.home .help {
    float: left;
    width: 10%;
    border-right: 1px solid;
    padding: 0 70px 0px 0px;
}

.help { /*width: 51px;*/ /*position: absolute;*/ /*right: 17px;*/
    top: 0px;
}

    .help a {
        display: block; /*width: 51px;*/
        background: url(images/help.png) center top no-repeat;
        font-size: 13px;
        text-align: center;
        color: #ac7034;
        font-weight: bold;
        padding: 44px 0 2px;
    }

        .help a:hover {
            text-decoration: none;
        }

.mainColumn {
    
    min-height: 500px;
}

.homeArticle {
    float: left;
    width: 67%;
    background: url(images/shadow-bg.gif) center bottom no-repeat;
    padding: 0 0 17px;
    margin: 0 0 10px;
    min-height: 252px;
    height: auto !important;
    height: 244px;
}

    .homeArticle h2 {
        border-bottom: 1px solid #eaeaea;
        padding: 0 13px;
    }

    .homeArticle p {
        padding: 0 13px 20px;
        font-size: 12px;
    }

.bulletTrue {
    padding: 0 0 10px 13px;
}

    .bulletTrue li {
        width: 350px;
        float: left;
        background: url(images/bullet-true.png) left top no-repeat;
        padding: 0 0 8px 24px !important;
        font-weight: bold;
        font-size: 12px;
    }

.mainContiner { /*background: url(images/header-shadow.png) left top repeat-x;*/
    padding: 15px 0 0;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    float: left;
    width: 100%;
}

.leftColumn {
    float: left;
    width: 230px;
    padding: 0 0 0px;
    margin-top: -44px;
}

.homeBlocks {
    clear: both;
}

.aboutNicBlock, .ePrisionBlock, .contactBlock {
    float: left;
    width: 33.33%;
    height: 285px;
}

.aboutNicBlock, .ePrisionBlock {
    background: url(images/sep.png) right center no-repeat;
}

    .aboutNicBlock h2 {
        padding: 0 13px;
    }

    .aboutNicBlock p {
        line-height: 24px;
        padding: 0 30px 15px 13px;
        font-size: 12px;
    }

        .aboutNicBlock p.readmore {
            padding: 0 30px 0 13px;
            text-align: right;
            font-size: 12px;
        }

            .aboutNicBlock p.readmore a {
                color: #2d2d2d;
                font-weight: bold;
                text-decoration: underline;
            }

    .ePrisionBlock .arrowUl, .ePrisionBlock h2, .ePrisionBlock p {
        padding: 0 20px 0 40px;
    }

    .ePrisionBlock p {
        font-weight: bold;
        color: #a66b00;
        font-size: 12px;
        padding: 0 20px 8px 40px;
    }

.arrowUl li {
    background: url(images/arrow.png) left 1px no-repeat;
    padding: 0 0 8px 20px;
    font-size: 12px;
    font-weight: bold;
}

.contactBlock strong {
    font-weight: bold;
}

.contactBlock p {
    line-height: 20px;
}

.contactBlock h2, .contactBlock p {
    padding: 0 20px 0 52px;
    font-size: 12px;
}

.disclaimer {
    background: #40362e;
    text-align: center;
    font-size: 12px;
    color: #ada7a2;
    clear: both;
    margin-bottom: 10px;
    line-height: 19px;
    margin: 0px 0 7px;
}

.servicedesk {
    background: #f7e5b7;
    text-align: center;
    font-size: 16px;
    color: #442002;
    clear: both;
    margin-bottom: 5px;
    line-height: 45px;
    margin: 10px 0 7px;
    text-align: center;
}

/* Login Block */
.loginBlock {
    background: url(images/login-bg.gif) repeat #d5a856;
    width: 320px;
    margin: auto;
    padding: 10px 16px 15px 19px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    position: relative;
}

.logSelect {
    margin-bottom: 15px;
}

    .logSelect select {
        border: 1px solid #D5CEB7;
        color: #444;
        font-size: 12px;
        width: 267px;
        height: 20px;
    }

.logInput {
    -webkit-box-shadow: 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px #666;
    box-shadow: 1px 1px 1px #666;
    margin-bottom: 15px;
    height: 28px;
}

    .logInput input.inputbox, .logCaptchaInput input.inputbox {
        background: #FFF;
        border: 0 none;
        padding: 6px 7px;
        font-weight: bold;
        color: #999;
        font-size: 12px;
        height: 16px;
        width: 307px;
        line-height: 17px;
    }

.logCaptcha {
    margin-bottom: 15px;
}

.logCaptchaImg {
    float: left;
    width: 66px;
}

.logCaptchaInput {
    float: right;
    height: 28px;
    width: 188px;
    -webkit-box-shadow: 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px #666;
    box-shadow: 1px 1px 1px #666;
}

    .logCaptchaInput input.inputbox {
        width: 174px;
    }

.loginLeft {
    float: left;
    width: 175px;
}

    .loginLeft .loginRemember {
        padding: 0 0 9px;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
    }

        .loginLeft .loginRemember input {
            margin: 0;
            vertical-align: middle;
        }

    .loginLeft ul {
        padding: 0 0 0 1px;
    }

        .loginLeft ul li {
            background: url(images/arrow-black.png) left 2px no-repeat;
            padding: 0 0 3px 11px;
            font-size: 12px;
            color: #000;
        }

            .loginLeft ul li a {
                color: #000;
                text-decoration: underline;
            }

                .loginLeft ul li a:hover {
                    text-decoration: none;
                }

.loginBtn {
    float: right;
    width: 90px;
    text-align: right;
}

    .loginBtn input {
        background: url(images/btn-login.png) left top no-repeat;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        border: 0 none;
        width: 72px;
        height: 32px;
        padding: 0 4px 2px 0;
        cursor: pointer;
    }

/*Footer*/
.home #footer {
    padding: 5px 0px 7px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#footer {
    clear: both;
    padding: 15px 0px 7px;
    background: #fff;
}

.copyright {
    float: left;
    width: 50%;
    font-size: 11px;
    color: #666;
    padding-left: 10px;
}

.home .footerLink {
    padding-right: 10px !important;
}

.footerLink {
    float: right;
    padding: 4px 0 0;
}

    .footerLink li {
        float: left;
        padding: 0 5px;
        line-height: 12px;
        font-size: 11px;
        border-right: 1px solid #666;
    }

        .footerLink li a {
            color: #666;
        }

            .footerLink li a img {
                width: 120px;
            }

        .footerLink li.last {
            padding: 0 0 0 5px;
            border-right: 0 none;
        }

/* Login Block */
.jailSearch {
    padding: 0 8px 0 0px;
}

.welcomePmanagement .jailSearchInner {
    margin: 0 auto;
    height: 89px;
    width: 500px;
}

.jailSearchFrm {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px 15px 0px;
    position: relative;
}

    .jailSearchFrm tr td {
        display: inline-block;
    }

.jailSearchFrm .link {
    clear: both;
    padding-top: 8px;
}

    .jailSearchFrm .link a {
        color: #88612c;
    }

        .jailSearchFrm .link a strong {
            font-weight: bold;
        }

        .jailSearchFrm .link a:hover {
            color: #000;
            text-decoration: underline;
        }

.jailSearhInput {
    width: 91px;
    padding: 0 10px 0 0;
    float: left;
}

    .jailSearhInput label {
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 5px;
    }

    .jailSearhInput input.jailInputbox {
        border: 1px solid #a36629;
        color: #000;
        font-size: 15px;
        padding: 2px 4px;
        width: 81px;
        height: 20px;
    }

    .jailSearhInput select {
        border: 1px solid #a36629;
        height: 26px;
        width: 91px;
        padding: 2px;
    }

.jailSearchBtn {
    float: left;
    width: 59px;
    padding: 16px 0 0 !important;
    height: 28px;
}

.goBtn {
    background: url(images/black-btn.jpg) left top repeat-x;
    height: 22px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    width: 59px;
    border: 0 none;
    cursor: pointer;
}

/*slide*/
#slides {
    width: 100%;
    height: 215px;
    position: relative;
}

    #slides .slidesjs-next {
        background: url(../../Content/images/slider/slider-next.png) no-repeat;
        width: 41px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 88px;
        z-index: 10;
        text-indent: -99999px;
    }

    #slides .slidesjs-previous {
        background: url(../../Content/images/slider/slider-prev.png) no-repeat;
        width: 41px;
        height: 46px;
        position: absolute;
        left: 0;
        top: 88px;
        z-index: 10;
        text-indent: -99999px;
    }

.slidesjs-pagination {
    position: absolute;
    right: 30px;
    bottom: 15px;
    z-index: 10;
    border-radius: 5px;
    webkit-border-radius: 5px;
    background: url(../../Content/images/slider/paginaation-bg.png) repeat;
    padding: 8px 5px;
}

    .slidesjs-pagination li {
        float: left;
        margin: 0 4px;
    }

        .slidesjs-pagination li a {
            float: left;
            background: url(../../Content/images/slider/pagination-circle.png) no-repeat;
            width: 10px;
            height: 10px;
            text-indent: -9999px;
        }

            .slidesjs-pagination li a.active {
                float: left;
                background: url(../../Content/images/slider/pagination-circle-active.png) no-repeat;
                width: 10px;
                height: 10px;
                text-indent: -9999px;
            }

/* Left Accordion Menu */
/*.leftMenu li:hover, .leftMenu li.active {background: #f3f3f9;}
.leftMenu li a {*/ /*background:linear-gradient(45deg, #96b3dd, #ccc, #ffe6e6, #d3acac);*/ /*display: block; padding: 10px 25px 8px 15px;  line-height: 20px; border-bottom: 1px solid #dbdbdb; color: #000; font-size: 15px; font-weight: bold; position: relative; box-shadow: 0px 1px 3px #433;}
.leftMenu li a:hover {text-decoration: none;}
.leftMenu li a.parents:after {*/ /*background: url(images/level1-arrow-up.png) 201px 4px no-repeat;*/ /*position: absolute; content: ""; width: 0.5em; height: 0.5em; border-width: 1px 0 0 1px; border-style: solid; border-color: initial; right: 10px; -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); -webkit-transform-origin: top; transform-origin: top; top: 50%;  transition: all .3s ease-out;}
.leftMenu li.active a.parents:after {*/ /*background: url(images/level1-arrow-down.png) 201px 4px no-repeat;*/ /*transform: rotate(225deg) translateY(-50%); -webkit-transform: rotate(225deg) translateY(-50%);}*/

/* Level-2 */
/*.leftMenu ul {display: none; background:#ddd;}
.leftMenu ul   li a { font-size: 14px;}
.leftMenu li.active ul li a.parents {background: url(images/level2-arrow-up.png) 201px 4px no-repeat #bf9a72;}
.leftMenu li.active ul li.active a.parents {background: url(images/level2-arrow-down.png) 201px 4px no-repeat #bf9a72;}
.leftMenu ul li a:hover, .leftMenu li.active ul li a.parents:hover, .leftMenu li.active ul li.active a.parents:hover {background-color: #f3f3f9;}*/

/* Level-3 */
/*.leftMenu ul ul li a {font-size: 13px; font-weight: normal; border-bottom: 1px solid #d1cbb7;  background: url(images/arrow-brown.png) 17px 9px no-repeat #f6f3e9; padding: 4px 32px 4px 28px;}
.leftMenu ul ul li a:hover {background: url(images/arrow-brown.png) 17px 9px no-repeat #ede6d0;}*/


/* Left Accordion Menu */
.leftMenu li {
    background: url(images/level-1-bg.jpg) left top repeat-x #b8ae71;
}

    .leftMenu li a {
        display: block;
        padding: 4px 32px 4px 17px;
        line-height: 20px;
        border-bottom: 1px solid #efe9d9;
        color: #000;
        font-size: 15px;
        font-weight: bold;
    }

        .leftMenu li a:hover {
            text-decoration: none;
        }

        .leftMenu li a.parents {
            background: url(images/level1-arrow-up.png) 201px 4px no-repeat;
        }

    .leftMenu li.active a.parents {
        background: url(images/level1-arrow-down.png) 201px 4px no-repeat;
    }
/* Level-2 */
.leftMenu ul {
    display: none;
}

    .leftMenu ul li a {
        background: #bf9a72;
        font-size: 14px;
    }

.leftMenu li.active ul li a.parents {
    background: url(images/level2-arrow-up.png) 201px 4px no-repeat #bf9a72;
}

.leftMenu li.active ul li.active a.parents {
    background: url(images/level2-arrow-down.png) 201px 4px no-repeat #bf9a72;
}

    .leftMenu ul li a:hover, .leftMenu li.active ul li a.parents:hover, .leftMenu li.active ul li.active a.parents:hover {
        background-color: #a88560;
    }
/* Level-3 */
.leftMenu ul ul li a {
    font-size: 13px;
    font-weight: normal;
    border-bottom: 1px solid #d1cbb7;
    background: url(images/arrow-brown.png) 17px 9px no-repeat #f6f3e9;
    padding: 4px 32px 4px 28px;
}

    .leftMenu ul ul li a:hover {
        background: url(images/arrow-brown.png) 17px 9px no-repeat #ede6d0;
    }

/* Search for Prisoner */
.pSerach {
    margin: 0 0 3px;
    /*overflow: scroll;*/
}

    .pSerach .pSearchHd {
        background: #e4c675;
        padding: 0 20px;
        line-height: 28px;
        font-size: 14px;
        color: #000;
        font-weight: bold;
        margin-bottom: 1px;
    }

.pSearchBlock {
    background: #f4edd4;
    padding: 33px 20px 30px 0;
}

.pSearchFrm {
    float: left;
    width: 40%;
    max-width: 500px;
    padding: 0 0 0 20px;
}

.pSearchFrmRight {
    width: 343px;
}

.pSearchFrm li {
    padding: 0 0 20px;
}

.pSearchBlock .pSerachField {
    float: left;
    width: 117px;
    font-size: 13px;
    font-weight: bold;
    color: #5d3812;
    padding: 1px 0 0;
}

.pSearchFrmRight .pSerachField {
    width: 150px;
}

.pSearchBlock .pSerachTextbox {
    float: left;
    width: 192px;
    font-size: 12px;
}

.pSearchBlock input.inputbox {
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    padding: 2px 5px;
    width: 170px;
}

.pSearchBlock input.inputbox80 {
    width: 78px;
}

.pSearchBlock input.inputbox20 {
    width: 20px;
}

.pSearchBlock select {
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    width: 182px;
    height: 20px;
}

    .pSearchBlock select.select80 {
        width: 88px;
    }

.pSearchBlock textarea {
    width: 160px;
    height: 97px;
    padding: 2px 5px;
    border: 1px solid #D5CEB7;
    color: #737373;
    font-size: 12px;
    resize: none;
}

    .pSearchBlock textarea.remark {
        height: 67px;
    }

.pSearchBtn {
    border-top: 1px solid #D5CEB7;
    padding: 15px 0 0;
    clear: both;
    margin: 0 0 0 20px;
}

.required {
    color: #F00 !important;
}

.asPresent {
    display: block;
    padding: 2px 0 5px;
}

/*Add details + Visitor page CSS*/
.innerArticle {
    clear: both;
    padding: 0 10px;
}

.prisonerPrint {
    text-align: center;
    padding: 10px 0;
}

.prisonsDetail, .prisonsDetail table {
    border-collapse: separate;
}

.gridHeader {
    background: #e5c674;
    color: #000100;
    font-size: 13px;
    vertical-align: middle;
    height: 25px;
    padding: 3px 5px !important;
    font-weight: bold;
}

    .gridHeader span {
        padding: 0 15px 0 5px;
        color: #000100 !important;
    }

table td, table th {
    text-align: left;
}

    table td .ButtonRighAlign {
        text-align: right;
    }

    table td.photo {
        text-align: right;
    }

.prisonerTable {
    border-collapse: collapse;
}

    .prisonerTable td {
        border-bottom: 1px solid #EDEDED;
        padding: 6px 0;
    }

        .prisonerTable td.noBorder {
            border-bottom: 0 none;
        }

        .prisonerTable td.priPhoto {
            vertical-align: top;
            text-align: right;
        }

.field {
    color: #936615;
    font-weight: bold;
}

.prisonerDet {
    padding: 2px;
    border-bottom: 1px solid #dbd7d3;
}

.dataGridPrisnor {
    font-size: smaller;
    color: #333333;
    width: 100%;
    border-collapse: collapse;
    border: #E6E2D6 solid 1px;
    border-top: none;
}

    .dataGridPrisnor th, .dataGridPrisnor td {
        padding: 6px;
    }

    .dataGridPrisnor th {
        background: #766C64;
        color: #FFF;
        font-weight: bold;
    }

    .dataGridPrisnor tr.odd td { /*background:#f6f3ea; border-bottom:#e6e2d6 solid 1px; border-top:#e6e2d6 solid 1px;*/
    }

    .dataGridPrisnor tr.even td {
        background: #f6f3ea;
        border-bottom: #e6e2d6 solid 1px;
        border-top: #e6e2d6 solid 1px;
    }

    .dataGridPrisnor a {
        color: #40362e;
    }

.dataDiv {
    height: 115px;
    width: 100%;
    overflow: auto;
}

    .dataDiv th, .dataDiv td {
        text-align: left;
        vertical-align: top;
        font-size: 12px;
    }
    /*.dataDiv th.center, .dataDiv td.center { text-align:center; }*/
    .dataDiv span {
        padding: 5px 0 0 10px;
        display: block;
    }

.prisonerTable {
    border-collapse: collapse;
}

/*Welcome to ePrisons for Prison Management*/
.welcomePmanagement {
    width: 630px;
    margin: 0 auto; 
    text-align: center; /*padding:22px 0 0; */
}

    .welcomePmanagement img {
        padding: 0 0 20px;
    }

    .welcomePmanagement p.wPmanagHd, .jailSearchFrm p.wPmanagHd {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        padding: 0 0 5px;
        color: #000;
    }

.selectjid {
    position: absolute !important;
    left: 10px;
}

.welcomePmanagement p {
    color: #F00;
    padding: 0 0 20px;
}

.alrtBtn {
    width: 187px;
    margin: 0 auto;
}

    .alrtBtn a {
        display: block;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        background: url(images/yellow-btn2.jpg) left top no-repeat;
    }

        .alrtBtn a:hover {
            text-decoration: none;
        }

.erroeMsg {
    display: block;
    margin: 5px 0 10px;
    color: #cc0000;
    font-size: 12px;
}

.headConetnt {
    text-align: right;
    padding: 7px 0;
}

/* Basic jQuery Slider essential styles */
ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
    float: right;
}

    ul.bjqs-controls li {
        text-align: center;
        float: left;
        margin: 0 5px;
    }

    ul.bjqs-controls .bjqs-prev a, ul.bjqs-controls .bjqs-next a {
        display: block;
        background: url(images/previous.gif) no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        height: 18px;
        width: 18px;
    }

    ul.bjqs-controls .bjqs-next a {
        background: url(images/next.gif) no-repeat;
    }

    ul.bjqs-controls .bjqs-next {
        float: right;
    }

        ul.bjqs-controls .bjqs-prev a:hover, ul.bjqs-controls .bjqs-next a:hover {
            text-decoration: none;
        }

    ul.bjqs-controls.v-centered li a {
        position: absolute;
    }

    ul.bjqs-controls.v-centered li.bjqs-next a {
        right: 0;
        left: 0;
    }

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ol.bjqs-markers.h-centered {
        text-align: center;
    }

    ol.bjqs-markers li {
        display: inline;
    }

        ol.bjqs-markers li a {
            display: inline-block;
        }

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}

ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
}

    ul.bjqs-controls.v-centered li a:hover {
        background: #000;
        color: #fff;
    }

ol.bjqs-markers li a {
    padding: 5px 10px;
    background: #000;
    color: #fff;
    margin: 5px;
    text-decoration: none;
}

    ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
        background: #999;
    }

p.bjqs-caption {
    background: rgba(255,255,255,0.5);
}

/*Role Menu */
.dataMenu ul, .dataMenu li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.datamenuHead {
    background: #B8AE71;
    padding: 3px 0 3px 15px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

.dataMenu li {
    line-height: 24px;
}

.dataMenu .manuName {
    float: left;
}

.dataMenu .inVisible {
    float: right;
    width: 202px;
}

.dataMenu .home {
    background: #E4C675;
}

.menuSubs li {
    padding: 0 0 0 15px;
    font-size: 12px;
    border-bottom: 1px solid #FFFFFF;
}

    .menuSubs li .inVisible {
        padding: 5px 0 0;
        line-height: 0;
        height: 19px;
    }

.menuSubs input[type="checkbox"] {
    margin: 0;
}

.menuSubs ul.ul1 {
    background: #F4EDD4;
}

.menuSubs li.level-1 {
    background: #F4EDD4;
}

.menuSubs li.level-2 {
    background: #698DC3;
    padding: 0 0 0 30px;
    border-bottom: 1px solid #8DB1E7;
}

.menuSubs li.level-3 {
    background: #8DB1E7;
    padding: 0 0 0 40px;
}

/*Form Table Structure*/
.tableFormBlock1 {
    background: #f4edd4;
    padding: 10px 10px 140px 10px;
    moz-border-radius: 20px;
    webkit-border-radius: 20px;
    background-color: rgba(253, 249, 239, 1);
    border-radius: 5px;
    width: 90%;
    overflow-y: hidden;
    overflow-x: scroll;
}

.tableFormBlock {
    background: #FBF8F2;
    padding: 10px 10px 140px 10px;
}

.formTbl {
    padding: 0 20px;
}

    .formTbl td {
        padding: 2px 0;
    }

        .formTbl td a {
            font-size: 14px;
            font-weight: bold;
            color: #88612C;
        }

        .formTbl td span {
            font-size: 13px;
            font-weight: bold;
            color: #5d3812;
            padding: 0;
            text-align: left;
        }

.rndbtn {
    background: url(images/black2-btn.jpg) repeat-x;
    border: 0;
    box-shadow: 1px 1px 0 #BBBBBB;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 20px;
    padding: 0 4px;
}

.formTbl td.useraddtop span {
    display: inline-block;
    padding-right: 15px;
}

.formTbl .fromApplicationblock td td {
    padding: 0 0 10px
}

.tabledataGrid td {
    background: #e4c675;
    padding: 4px;
    font-weight: normal;
}

.tabledataGrid th {
    background: #e4c675;
    padding: 4px;
    font-weight: bold;
}

.tabledataGrid td {
    padding: 7px 0;
    border-bottom: 1px solid #e6e2d5;
    font-size: 12px;
}

.tabledataGrid tr.even td {
    background: #f6f3e9;
}

.tabledataGrid tr.odd td {
    background-color: #EFF3FB;
}

.gridtablelist td {
    padding: 7px 5px;
}

.tabledataGrid td a {
    font-size: 14px;
    font-weight: bold;
    color: #88612C;
}

.gridtablelist .tblPaging, .gridtablelist .tblPaging table tr td {
    border: none;
    padding: 0;
}

.gridtablelist .tblPaging {
    padding-top: 7px;
}

    .gridtablelist .tblPaging td {
        background: #F4EDD4;
        padding: 7px 10px;
    }

        .gridtablelist .tblPaging td a {
            color: #88612C
        }

.roleTopTable {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e2d5;
}

    .roleTopTable td {
        padding: 4px;
    }

        .roleTopTable td a {
            font-size: 14px;
            font-weight: bold;
            color: #88612C;
        }

.gridtablelist thead td, .gridtablelist th {
    background: #e4c675;
    padding: 4px;
    font-weight: bold;
}

.gridtablelist td {
    padding: 7px 0;
    border-bottom: 1px solid #e6e2d5;
    font-size: 12px;
}

.gridtablelist tr.even td {
    background: #f6f3e9;
}

.gridtablelist tr.odd td {
    background: #fff;
}

.gridtablelist td {
    padding: 7px 5px;
}

.tblPaging {
    margin-top: 10px;
}

    .tblPaging td {
        background: #F4EDD4;
        padding: 5px 10px;
        border-right: 5px solid #fff;
    }

        .tblPaging td a {
            color: #88612C
        }

.roleTopTable .yellowBtn {
    display: inline-block;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    height: auto;
}

.selectmenu {
    margin: 0 10px 2px;
    display: inline-block;
}

    .selectmenu select {
        width: 100%;
    }

#wrapper {
    border: none;
}

.headertop {
    background: #585552;
}

    .headertop .wrap {
        margin: 0 auto;
        min-width: 1000px;
        width: 90%;
    }

    .headertop .headtext {
        padding: 0 20px;
        text-align: right;
        line-height: 34px;
        color: #fff;
        font-size: 13px;
    }

    .headertop .wrap a {
        color: #fff;
    }

.headRightContent {
    padding: 0 8px 0 237px;
    height: 40px;
}

    .headRightContent .headGroup {
        border-bottom: 6px solid #AB8149;
        height: 140px
    }

    .headRightContent .headConetnt {
        padding: 10px 0;
        height: auto;
    }

    .headRightContent .headConetnt {
        float: left;
        width: 700px;
        text-align: left;
        font-size: 15px;
        font-weight: bold;
    }

    .headRightContent .link {
        font-weight: bold !important;
        font-size: 14px;
        color: #88612C;
        text-align: right;
    }

        .headRightContent .link a {
            font-weight: bold !important;
            font-size: 14px;
            color: #88612C;
            text-decoration: underline;
        }

.footerInner {
    border-top: #AB8149 solid 1px;
    padding-top: 5px;
}

    .footerInner .footerLink {
        float: right;
        padding: 5px 0 0;
    }

        .footerInner .footerLink li {
            border-right: none;
        }

            .footerInner .footerLink li.captino {
                float: left;
                font-size: 14px;
                padding: 30px 0 0;
            }

.visitorbody {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #282828;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}

.gridHeader {
    background: #E5C674;
    color: #000100;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 3px 10px !important;
    vertical-align: middle;
}

.VisitorDetails th {
    padding: 10px;
    text-align: left
}

.VisitorDetails td {
    padding: 5px 10px;
    border-bottom: 1px solid #eee
}

.VisitorDetails .lstrow td {
    border: none;
}

.style1 {
    height: 25px;
}

.VisitorDetails #lblRegNo {
    font-weight: normal;
}

#dvLoading {
    background: url(images/loading.gif) no-repeat center center;
    height: 50px;
    width: 100px;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.TabcontainerTbl {
    padding: 0 20px;
}

    .TabcontainerTbl td {
        padding: 4px 0;
    }

        .TabcontainerTbl td a {
            font-size: 14px;
            font-weight: bold;
            color: #88612C;
        }

        .TabcontainerTbl td span {
            font-size: 12px;
            font-weight: bold;
            color: #5d3812;
            padding: 0;
            text-align: left;
        }

.logoutDiv {
    clear: right;
    float: right;
    margin-top: 64px;
}

.logOutBtn {
    display: block;
    background: url(images/logout-btn-bg.jpg) repeat-x;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
    padding: 0 15px;
}

    .logOutBtn:hover {
        text-decoration: none;
        background: url(images/black2-btn.jpg) repeat-x #101010;
    }

/*25-06-2013*/
.dashboard_icon {
    float: left;
    width: 100%;
}

.dashboard {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

    .dashboard .jailSearchFrm {
        float: left;
        width: 100% !important;
        padding: 12px 4% 7px
    }

    .dashboard .alrtBtn {
        float: right;
    }

        .dashboard .alrtBtn a {
            background: url(images/red-btn.jpg) no-repeat;
            color: #fff;
            background-size: 160px 35px;
        }

.dashboard_icon .dashIcon {
    background: #fff;
    border: 1px solid #e1d4b4;
    padding: 10px 0% 15px;
    position: relative;
    min-height: 150px;
    box-sizing: border-box;
}

.dashboard_icon .general_icon {
    float: left;
    width: 100%;
}

.dashboard_icon .convict_icon {
    float: left;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.dashboard_icon .dashIcon li {
    float: left;
    width: 12.5%;
    margin: 10px 0 10px;
    text-align: center;
    min-height: 115px;
}

.dashboard_icon h3 {
    position: absolute;
    left: 20px;
    top: -16px;
    background: #fdf9ef;
    border: 1px solid #e1d4b4;
    padding: 5px 10px;
    font-weight: bold;
    color: #88612C;
    font-size: 15px;
}

.dashboard_icon .dash_ico li a {
    font-size: 15px;
    font-weight: bold;
    color: #88612C;
    display: inline-block;
    text-align: center;
    padding-top: 70px;
    background-position: center top;
    background-repeat: no-repeat;
    min-width: 65px;
}

.dashboard_icon .dash_ico li.ico1 a {
    background-image: url(images/update-details.png);
}

.dashboard_icon .dash_ico li.ico2 a {
    background-image: url(images/image-capture.png);
}

.dashboard_icon .dash_ico li.ico3 a {
    background-image: url(images/finger-capture.png);
}

.dashboard_icon .dash_ico li.ico4 a {
    background-image: url(images/cases-entry.png);
}

.dashboard_icon .dash_ico li.ico5 a {
    background-image: url(images/case-action-entry.png);
}

.dashboard_icon .dash_ico li.ico6 a {
    background-image: url(images/medical.png);
}

.dashboard_icon .dash_ico li.ico7 a {
    background-image: url(images/movement.png);
}

.dashboard_icon .dash_ico li.ico8 a {
    background-image: url(images/visitor-registration.png);
}

.dashboard_icon .dash_ico li.ico9 a {
    background-image: url(images/lodging.png);
}

.dashboard_icon .dash_ico li.ico10 a {
    background-image: url(images/property.png);
}

.dashboard_icon .dash_ico li.ico11 a {
    background-image: url(images/family-children.png);
}

.dashboard_icon .dash_ico li.ico12 a {
    background-image: url(images/work-done-wedges.png);
}

.dashboard_icon .dash_ico li.ico13 a {
    background-image: url(images/training.png);
}

.dashboard_icon .dash_ico li.ico14 a {
    background-image: url(images/conviction-details.png);
}

.dashboard_icon .dash_ico li.ico15 a {
    background-image: url(images/appeals.png);
}

.dashboard_icon .dash_ico li.ico16 a {
    background-image: url(images/remission.png);
}

.dashboard_icon .dash_ico li.ico17 a {
    background-image: url(images/parole.png);
}

.dashboard_icon .dash_ico li.ico18 a {
    background-image: url(images/punishment.png);
}

.dashboard_icon .dash_ico li.ico19 a {
    background-image: url(images/patient-registration.png);
}

.dashboard_icon .dash_ico li.ico20 a {
    background-image: url(images/prescription-icon.jpg);
}

.dashboard_icon .dash_ico li.ico21 a {
    background-image: url(images/medicines_distribution.jpg);
}

.dashboard_icon .dash_ico li.ico22 a {
    background-image: url(images/profile.jpg);
}

.dashboard_icon .dash_ico li.ico23 a {
    background-image: url(images/visitor.jpg);
}

.dashboard_icon .dash_ico li.ico24 a {
    background-image: url(images/bails.jpg);
}

.dashboard_icon .dash_ico li.ico25 a {
    background-image: url(images/court.jpg);
}

.dashboard_icon .dash_ico li.ico26 a {
    background-image: url(images/handcuff.jpg);
}

.dashboard_icon .dash_ico li.ico27 a {
    background-image: url(images/parole.jpg);
}

.dashboard_icon .dash_ico li.ico28 a {
    background-image: url(images/corona.png);
    height: 50px;
}

.dashboard_icon .dash_ico li a:hover {
    text-decoration: none;
    color: #000
}

.dashboard_icon .convict_icon li {
    width: 25%;
    margin-bottom: 10px;
    min-height: auto
}

.headerDetails {
    float: left;
    width: 600px;
    padding: 0;
    margin-top: 5px;
}

    .headerDetails table {
        background: #fdf9ef;
        border-top: 1px solid #FBEFD0;
        border-left: 1px solid #FBEFD0
    }

    .headerDetails td {
        padding: 10px;
        border-bottom: 1px solid #FBEFD0;
        border-right: 1px solid #FBEFD0
    }

        .headerDetails td strong {
            font-weight: bold
        }

.headRightContent .headConetnt {
    height: 40px;
    padding-bottom: 0;
}

#header {
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

.headRightContent .headGroup {
    border: none;
    height: 110px;
}

.headRightContent {
    padding: 0 0 0 180px;
}

.usersection {
    background: #AB8149;
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    padding: 0 0;
    clear: both;
    float: left;
    /* width: calc(100% - 230px);
    margin: 0px 0 0px 230px;*/
    z-index: -1;
}

.usersection2 {
    padding: 5px 10px;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 4px #b1a1a1;
    color: #000;
    margin-bottom: 6px;
}

    .usersection2 a, .formTbl td .usersection2 span {
        color: #000 !important;
    }

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/* .usersection {background: #AB8149;} */

.usersection h2.sitename {
    float: left;
    margin: 0;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
}

.usersection .userinfo {
    float: right;
    padding-right: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

    .usersection .userinfo .logOutBtn {
        display: inline;
        background: none;
        font-size: 12px;
        padding: 0;
        line-height: normal;
        text-decoration: underline;
        color: #fff;
    }

        .usersection .userinfo .logOutBtn:hover {
            text-decoration: none;
            color: #000;
        }

.headerDetails {
    float: right;
}

    .headerDetails td {
        padding: 0px 5px;
        border-bottom: 1px solid #EBDBB0;
        border-right: 1px solid #EBDBB0;
        font-size: 12px;
    }

        .headerDetails td a {
            font-size: 12px;
            text-decoration: underline;
        }

    .headerDetails table {
        background: #fff;
        border-left: 1px solid #EBDBB0;
        border-top: 1px solid #EBDBB0;
    }

#tabber {
    clear: both;
}

    #tabber #tabnav {
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #EAEAEA;
    }

        #tabber #tabnav li {
            float: left;
            margin-right: 3px;
        }

            #tabber #tabnav li a {
                display: block;
                padding: 3px 15px;
                font-size: 14px;
                font-weight: bold;
                color: #282828;
                line-height: 25px;
                cursor: pointer;
                background: #EAEAEA;
                margin-bottom: -1px;
                border: 1px solid #EAEAEA
            }

                #tabber #tabnav li a:hover, #tabber #tabnav .active a {
                    color: #A66B00;
                    text-decoration: none;
                    background: #fff;
                    border-bottom: 1px solid #fff;
                }

    #tabber .tabcontent {
        clear: both;
        border: 1px solid #EAEAEA;
        border-top: none;
        padding: 0;
        display: none;
        padding: 15px 0;
        min-height: 221px;
    }

.aboutNicBlock, .ePrisionBlock, .contentBlock {
    float: left;
    width: 715px;
    height: auto;
    background: none;
}

    .contentBlock p.readmore {
        padding: 0 30px 0 13px;
        text-align: right;
        font-size: 12px;
    }

        .contentBlock p.readmore a {
            color: #2d2d2d;
            font-weight: bold;
            text-decoration: underline;
        }

.contactBlock {
    float: left;
    width: 315px;
    height: auto;
    background: none;
}

    .contactBlock p, .ePrisionBlock .arrowUl, .ePrisionBlock p {
        padding: 0 20px
    }

.homeArticle {
    padding: 0 0 11px;
}

.ViewLink {
    float: right;
    color: #88612C;
    font-weight: bold;
    text-decoration: underline;
}

    .ViewLink:hover {
        float: right;
        color: #000;
        font-weight: bold;
        text-decoration: underline;
    }

table td .RightSideButton {
    text-align: right;
}

/* Search for Prisoner List */
.pSearchList table {
    width: 100%;
}

.dataGrid th, .dataGrid td {
    text-align: left;
    vertical-align: top;
}

.dataGrid th, .dataGrid .tHead td {
    background: #e4c675;
    padding: 4px;
    font-weight: bold;
}

.dataGrid td {
    padding: 4px 4px;
    border-bottom: 1px solid #e6e2d5;
    font-size: 12px;
}

.dataGrid tr.even td {
    background: #f6f3e9;
}

.dataGrid td.pCheckbox {
    text-align: center;
    width: 20px;
}

.dataGrid .labelText {
    min-width: 5px
}

.dataGrid .inputText {
    background: #FFF;
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    padding: 2px 5px;
    min-width: 50px;
}

.blackBigBtn {
    background: url(images/fingerprint.jpg) left top #773606;
}

.dataGrid1 th, .dataGrid1 td {
    text-align: left;
    vertical-align: top;
}

.dataGrid1 th, .dataGrid1 .tHead td {
    background: #e4c675;
    padding: 4px;
    font-weight: bold;
}

.dataGrid1 td {
    padding: 4px 4px;
    border-bottom: 1px solid #e6e2d5;
    font-size: 12px;
}

.dataGrid1 tr.even td {
    /*background: #f6f3e9;*/
}

.dataGrid1 td.pCheckbox {
    text-align: center;
    width: 20px;
}

.dataGrid1 .labelText {
    min-width: 5px
}

.dataGrid1 .inputText {
    background: #FFF;
    border: 1px solid #D5CEB7;
    color: #444;
    font-size: 12px;
    padding: 2px 5px;
    min-width: 50px;
}

.newBadge {
    position: absolute;
    top: -6px;
    right: 0;
    padding: 0px 4px;
    border-radius: 17%;
    background: Maroon; /*background: linear-gradient(to right, #704a17, #FFC100); */
    color: #fdf9ef;
    font-size: -4px !important; /* animation: scale; */
    animation: scale2 2.4s infinite;
    transition: all .2s linear;
}

@keyframes scale2 {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1.1);
    }
}

.imgPJID {
    color: #88612C !important;
    padding: 4px 0 13px 0px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: bold;
}

.dasTable {
    width: 100% !important;
    float: left;
    background: #fff;
    border: 1px solid #fbefd0;
    border-radius: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .dasTable:nth-child(2) {
        margin-top: 15px !important;
    }

.imgP {
    color: #88612C !important;
    padding: 4px 0 0 7px !important;
    font-size: 12px !important;
    display: flex;
    margin: 0px 0 0 0px;
    float: left;
    width:70%;
}

.AletsCard {
    display: inline-block;
    width: 13.9%;
    padding: 5px 5px 4px 5px; /* box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 46%) 0px 30px 60px -30px, rgb(10 37 64 / 55%) 0px -2px 6px 0px inset;  background: #fdf9ef; */
    margin: 12px; /*border: 1px solid #fbefd0;*/
    border-radius: 4px;
    min-height: 40px;
    box-shadow: 0px 1px 5px 2px #cbcbcb;
}

.ServicesCard {
    display: inline-block;
    width: 14.5%;
    padding: 5px 5px 4px 5px; /* box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset; */ /* box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 46%) 0px 30px 60px -30px, rgb(10 37 64 / 55%) 0px -2px 6px 0px inset;*/
    margin: 7px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 5px 2px #cbcbcb;
    min-height: 40px;
}

.FlexAlign {
    display: block; /*justify-content: center; align-items: center;*/
}

.notification .badgeF {
    right: 5px;
    left: auto;
    top: 0px;
    font-size: 17px !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
}

.AlertSpaceing {
    padding: 7px 5px 4px 5px !important;
    margin: 0 17px !important;
}

.FlexAlign img {
    float: left;
}

.Ptitle {
    color: #ab8149 !important;
    padding: 0 5px !important;
    font-weight: 600;
    margin-left: 16px;
    display: inline-block;
    background: #fffefc;
    border: 1px solid #fbefd0;
    position: relative;
    top: -10px;
}

.Menu {
    background: url(images/level-1-bg.jpg) left top repeat-x #b8ae71;
    display: block;
    padding: 4px 32px 4px 17px;
    line-height: 20px;
    border-bottom: 1px solid #efe9d9;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.slide-toggle {
    float: left;
    width: auto;
    margin: 1px 0 0 15px;
    cursor: pointer;
}

.mainColumn.showslide {
    padding: 70px 17px 15px 247px;    
}
.mainColumn.hideslide {
    padding: 0 17px 15px 15px !important;
}


#leftsidebarmenu.showslide {
    width: calc(100% - 230px) !important;
    margin: 0px 0 0px 230px !important;
}

#leftsidebarmenu.hideslide {
    width: 100% !important;
    margin-left: 0px !important;
}

.hamburger-in div {
    position: relative;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 2px;
}

#ham1 {
    transition: transform 1s;
    transform-origin: left;
    top: 5px;
}

#ham2 { /* transition: transform 1s; */ /* top: 10px; */
    margin: 10px 0 0 0;
}

#ham3 {
    transition: transform 1s;
    transform-origin: left;
    top: 5px;
}

#ContentPlaceHolder1_ImageButton1 {
    margin: 0 0 -5px -4px;
}

.homeIcon{float:left; width:auto; margin:2px 0 0 10px;}
.case_details:nth-child(odd) {
    background: #fff;
}

.case_details:nth-child(even) {
    background: #f7f7f7;
}

.new-version {
    position: relative;
   /* float: left;*/
    width: auto;
    padding: 20px 25px 0 25px;
    cursor: pointer;
    background: #f9f8f7; margin-top:30px;
}
    .new-version a {
        text-decoration: none;
        color: #0075ad;
        font-weight: bold;
        font-size: 16px;
    }
.new-verImages {
    position: absolute;
    top: -22px;
    left: -22px;
    width: 50px;
    height: 40px;
    cursor: pointer;
    
}