@charset "utf-8";
/* CSS Document */

body {
    font-family: 'SourceSansProRegular';
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

/*======= Resetting =================*/

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
    outline: none;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

p, ul li, ul, ol, ol li {
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}
/*h1, h2, h3{ font-weight:bold;  margin:0; padding:0 0 20px; font-family: 'HelveticaLTCondensedRegularRegular';}*/
h1, h2, h3 {
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px;
    font-family: Verdana;
}

h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'HelveticaLTCondensedRegularRegular';
    src: url('../fonts/font/fonts/helvetica-lt-condensed-medium.eot');
    src: url('../fonts/font/fonts/helvetica-lt-condensed-medium.eot') format('embedded-opentype'), url('../fonts/font/fonts/helvetica-lt-condensed-medium.woff2') format('woff2'), url('../fonts/font/fonts/helvetica-lt-condensed-medium.woff') format('woff'), url('../fonts/font/fonts/helvetica-lt-condensed-medium.ttf') format('truetype'), url('../fonts/font/fonts/helvetica-lt-condensed-medium.svg#HelveticaLTCondensedRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


tr:nth-child(2n) {
    background: none repeat scroll 0 0 #f1f4f7;
}

tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
/*=============================================
			header-Home
=============================================*/

header {
    margin: 0;
    padding: 10px 0;
}

.logo h1 {
    margin: 0;
    padding: 0;
}

    .logo h1 a {
        font-family: 'AmericanTextRegular';
        font-size: 36px;
        font-weight: normal;
        color: #000;
        line-height:: normal;
    }

.logo p {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 13px;
    color: #333;
}

header .navbar-default {
    box-shadow: none;
    background-image: none;
}

ul.navi {
    margin: 15px 0 0 0;
    padding: 0;
    float: right;
}

    ul.navi li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

        ul.navi li a {
            color: #333;
            padding: 10px 14px;
            border-radius: 4px;
            font-family: 'HelveticaLTCondensedRegularRegular';
            font-weight: normal;
            font-size: 16px;
        }

            ul.navi li a:hover, ul.navi li a.active {
                background: #157efb;
                color: #fff;
            }

/*=============================================
			Slider
=============================================*/

.slider {
    position: relative;
}

.slide {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: table;
    z-index: -1;
}

    .slide img {
        width: 100%;
        height: 100%;
        position: fixed;
    }

.loginfirstform {
    position: absolute;
    z-index: 1;
    right: 10%;
    width: 33%;
    top: 20%;
    background: #fff;
}

.firstloginform.pull-right {
    border-left: 1px solid #d2d2d2;
    margin-top: 50px;
}

a.register {
    position: absolute;
    right: 0;
    bottom: -27px;
}

.userlogin {
    padding: 20px;
    background: #FFF;
}

    .userlogin h2 {
        margin: 0 0 15px 0;
        padding-bottom: 10px;
    }

ul.firstloginform {
    margin: 0;
    padding: 0;
}

    ul.firstloginform li {
        list-style: none;
        margin: 0 0 14px 0;
        padding: 0;
    }

        ul.firstloginform li input[type="text"], ul.firstloginform li input[type="password"] {
            border: 1px solid #cbcbcb;
            outline;
            width: 100%;
            padding-left: 2%;
            padding-right: 2%;
            color: #aaaaaa;
        }

        ul.firstloginform li input[type="checkbox"] {
            vertical-align: top;
            margin-right: 5px;
        }

        ul.firstloginform li input[type="submit"] {
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            outline: none;
            border: none;
            background: #272729;
            padding: 4px 20px;
        }

            ul.firstloginform li input[type="submit"]:hover {
                background: #157efb;
            }

.userlogin input[type="button"] {
    color: #000;
    font-size: 16px;
    outline: none;
    border: none;
    background: url(/../images/register.png) no-repeat;
    padding: 4px 25px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -32px;
}

.loginwith li:last-child {
    margin: 0;
    padding: 0;
}

ul.sociallogin {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    ul.sociallogin li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
        display: table;
    }

/*=============================================

==============================================*/

.clienttestimonials {
    margin: 0;
    padding: 25px 0;
}

    .clienttestimonials h2 {
        padding-bottom: 25px;
    }

.testimonials {
    margin: 0;
    padding: 0;
}

    .testimonials img {
        float: left;
    }

    .testimonials p {
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 5px;
        font-size: 18px;
    }

    .testimonials h5 {
        padding: 10px 0 5px;
        font-weight: bold;
    }

    .testimonials h6 {
        font-style: italic;
    }

ul.testimonialtext {
    margin: 0;
    padding: 0;
}

    ul.testimonialtext li {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 0;
    }

        ul.testimonialtext li input[type="text"], ul.testimonialtext li textarea {
            width: 100%;
            border: 1px solid #d2d2d2;
            outline: none;
            padding-left: 2%;
        }

        ul.testimonialtext li input[type="submit"] {
            border: none;
            outline: none;
            padding: 8px 20px;
            background: #272729;
            color: #fff;
            border-radius: 4px;
        }

.appstore {
    position: fixed;
    bottom: 0;
    right: 0;
}

    .appstore h3 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 10px;
    }


/*=====================================
		maincontainer
======================================*/
.maincontainer {
    padding: 30px 2%;
    background: #fff;
}

    .maincontainer h1 {
        background: url(../images/dotted.png) repeat-x left bottom;
        color: #000;
        padding-bottom: 15px;
        margin-bottom: 20px;
        font-size: 30px;
    }

        .maincontainer h1 a {
            color: #000;
        }

    .maincontainer p {
        padding-bottom: 15px;
    }

#divProfile {
    width: 100% !important;
}

#divProfile {
    display: none;
    width: 800px;
    float: left;
}


.txtClass {
    width: 220px;
}

.txtClass {
    padding: 10px;
}

.ProfileDisplayContaner > ul {
    width: 100%;
}

    .ProfileDisplayContaner > ul li {
        float: left;
        list-style: none;
    }

.ProfileDisplayContaner2 h2 {
    clear: both;
}

.ProfileDisplayContaner2 ul li {
    list-style: none;
    float: left;
}


/*===========================================
		dashboard
===========================================*/

.dashboard {
    background: #272729;
}

    .dashboard h1, .dashboard h1 a {
        font-size: 27px;
        line-height: normal;
        padding: 0 0 10px;
        color: #fff;
    }

    .dashboard h3 {
        color: #ffa92e;
        padding: 10px 0 0;
    }

/*========================*/
ul.navi {
    margin: 15px 0 0 0;
    padding: 0;
    float: right;
}

    ul.navi li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

        ul.navi li a {
            color: #333;
            padding: 10px 14px;
            border-radius: 4px;
            font-family: 'HelveticaLTCondensedRegularRegular';
            font-weight: normal;
            font-size: 16px;
        }

            ul.navi li a:hover, ul.navi li a.active {
                background: #157efb;
                color: #fff;
            }

        ul.navi li.home a img {
            vertical-align: middle;
            margin-top: -8px;
        }

        ul.navi li.home a:hover {
            background: none;
        }

ul.notify {
    margin: 10px auto 0;
    padding: 0;
    display: table;
}

    ul.notify li {
        list-style: none;
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        border-right: 1px solid #d2d2d2;
    }

        ul.notify li:last-child {
            border: none;
            margin: 0;
            padding: 0;
        }

.loggediin {
    margin-top: 10px;
    text-align: right;
    float: right;
}

    .loggediin h4 {
        font-size: 12px;
        color: #6db233;
        font-family: 'SourceSansProRegular';
        font-weight: normal;
    }

    .loggediin p {
        font-size: 12px;
        padding: 0;
        line-height: normal;
        color: #6db233;
    }

        .loggediin p a {
            font-size: 16px;
            color: #5a5a5a;
            display: inline-block;
            float: right;
            margin-left: 10px;
        }

            .loggediin p a i {
                vertical-align: top;
            }


ul.setting {
    display: none;
    margin: 0;
    padding: 0;
    border: 1px solid #b5b7ba;
    position: absolute;
    background: #fff;
    width: 60%;
    right: 0;
    z-index: 40;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 52px;
}

    ul.setting li {
        margin: 0;
        border-bottom: 1px solid #d2d2d2;
        list-style: none;
    }

        ul.setting li a {
            color: #5a5a5a;
            display: block;
            padding: 2% 5%;
        }

            ul.setting li a:hover {
                color: #fff;
                background: #157efb;
            }

    ul.setting button {
        outline: none;
        border: none;
        background: none;
        float: right;
        margin-right: 15px;
    }


.curvebg {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.searchResultDiv {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
}

    .searchResultDiv h2 a {
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
        color: #000;
    }

a.previewbtn {
    background: none repeat scroll 0 0 #272729;
    border-radius: 4px;
    color: #ffffff;
    padding: 4px 15px;
}

.briefdetail p {
    text-align: justify;
}

/*========================*/
.main-bg {
    background: #69a0e4 url(../images/shaddow.png) no-repeat no-repeat top center;
    padding-top: 10px;
}

a.readmore {
    color: #fff;
    padding: 10px 20px;
    background: #ffa92e;
    border-radius: 4px;
}

.showPopup {
}


/*========== statutes ================*/
.statutes {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
}

    .statutes h2 {
        padding-bottom: 8px;
        font-size: 17px;
        font-weight: bold;
    }

    .statutes h3 {
        padding-bottom: 5px;
        font-size: 16px;
    }

    .statutes p {
        font-size: 13px;
        line-height: 20px;
    }




/*=============================================
			dark
==============================================*/


.dark {
    background: #272729 none repeat scroll 0 0;
    height: 41px;
}

    .dark h3 {
        padding: 8px 0;
    }

        .dark h3 a {
            color: #ffa92e;
            display: none;
        }

    .dark p {
        color: #fff;
        padding: 10px 0;
        text-align: center;
    }



.features h2 {
    background: url("../images/headline.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    border-bottom: 1px solid #000;
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}


.features h4 img {
    margin-right: 15px;
}

.features p {
    padding-bottom: 15px;
}

.features ul {
    padding-bottom: 25px;
}

    .features ul li {
        list-style: none;
        background: url(../images/pin.png) no-repeat left 4px;
        padding-left: 25px;
    }


/*=========== mininavi =========================*/
ul.mininavi ul.submininavi {
    display: none;
    position: absolute;
    width: 180px;
    z-index: 999;
    text-align: left;
    background: #272729;
    padding-bottom: 10px;
}

    ul.mininavi ul.submininavi li {
        width: 100%;
        clear: both;
        padding: 0 0 4px 15px;
        margin-bottom: 4px;
        border-bottom: 1px solid #d2d2d2;
    }

        ul.mininavi ul.submininavi li a {
            color: #fff;
            padding: 0;
            margin: 0;
        }

            ul.mininavi ul.submininavi li a:hover {
                color: #ccc;
                background: none;
            }

        ul.mininavi ul.submininavi li:last-child {
            margin: 0;
            border: none;
        }

ul.mininavi {
    margin: 0;
    padding: 0;
    text-align: right;
}

    ul.mininavi li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative;
    }

        ul.mininavi li a {
            color: #fff;
            padding: 10px;
            display: block;
        }

            ul.mininavi li a:hover {
                background: #157efb;
            }

        ul.mininavi li:hover > ul.submininavi {
            display: block;
        }

/*========================================
	innercontainer
=========================================*/
.innercontainer h1 {
    padding: 25px 0;
}

.innercontainer h2 {
    font-size: 24px;
    border-bottom: 2px solid #000;
    padding: 0 0 5px 0;
    margin-bottom: 15px;
}

.innercontainer h4 {
    font-size: 17px;
    font-weight: bold;
}

.innercontainer img {
    margin-right: 10px;
    vertical-align: middle;
}

.innercontainer p {
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 26px;
}

.marbt20 {
    margin-bottom: 25px;
}

/*=============================================
			Pricing
=============================================*/
.product h2 {
    background: #157efb;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 8px;
    display: block;
    color: #fff;
    padding: 10px 0;
}

.pricelist {
    border: 1px solid#999;
    border-top: none;
    padding: 25px 20px;
}

    .pricelist h2 {
        background: url(../images/pricelist.png) no-repeat center top;
        color: #fff;
        font-size: 24px;
        text-align: center;
        padding: 18px 0 30px 55px;
        border: none;
    }

ul.productfeature {
    margin: 20px 0;
    padding: 0;
}

    ul.productfeature li {
        margin: 0 0 10px 0;
        padding: 0 0 10px 10px;
        list-style: url(../images/correct.png) inside;
        background: url(../images/border-row.png) no-repeat center bottom;
        font-size: 16px;
    }

.spacialoffer h2 {
    font-size: 20px;
    margin-bottom: 25px;
}



/*======================================
		contactus
=======================================*/
.contactus img {
    margin-right: 15px;
    margin-bottom: 15px;
}

.contactform ul {
    margin: 10px 0 0;
    padding: 0;
}

    .contactform ul li {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        display: block;
    }

        .contactform ul li input[type="text"] {
            width: 100%;
            border: 1px solid #d2d2d2;
            height: 34px;
            border-radius: 2px;
            color: #999;
            padding-left: 2%;
        }

        .contactform ul li textarea {
            width: 100%;
            border: 1px solid #d2d2d2;
            height: 34px;
            border-radius: 2px;
            color: #999;
            padding-left: 2%;
            height: 120px;
            resize: none;
        }

        .contactform ul li input[type="submit"] {
            border: none;
            outline: none;
            background: #272729;
            color: #fff;
            padding: 8px 24px;
            border-radius: 4px;
        }


.contactus a {
    color: #000;
}

/*=============================================
			footer
=============================================*/
footer {
    background: #272729 none repeat scroll 0 0;
    float: left;
    margin: auto;
    padding: 8px 0;
    width: 100%;
}

    footer p {
        color: #fff;
        text-align: center;
    }

ul.footernav {
    text-align: center;
}

    ul.footernav li {
        display: inline-block;
        margin: 0 0 0 5px;
        padding: 0 0 0 5px;
        background: url(/../images/spacer.png) no-repeat left center;
    }

        ul.footernav li a {
            color: #fff;
        }

            ul.footernav li a:hover {
                color: #CCC;
            }

        ul.footernav li:first-child {
            margin: 0;
            padding: 0;
            background: none;
        }



/*======================================
		forgetpassword
=======================================*/

.forgetpassword {
    display: none;
}


.popup {
    padding: 3%;
}

#slider1_container {
    margin: 0 auto;
    display: table;
}

.forgetpassword {
    background: #fff;
    width: 24%;
    padding: 4% 2%;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 35%;
    z-index: 9999999999;
}

    .forgetpassword h2 {
        padding-bottom: 10px;
    }

    .forgetpassword p {
        padding-bottom: 10px;
    }

ul.VerifyPhone li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

    ul.VerifyPhone li input[type="text"] {
        width: 100%;
        border: 1px solid #d2d2d2;
        outline: none;
        height: 40px;
        padding-left: 2%;
    }

    ul.VerifyPhone li input[type="submit"] {
        border: none;
        outline: none;
        background: #272729;
        color: #fff;
        padding: 8px 24px;
        border-radius: 4px;
    }

#result {
    color: red;
    display: none;
}

#divProfile {
    display: none;
    width: 800px;
    float: left;
}

#divUserName {
    margin: 0 0 0 2px;
    display: inline;
}

.ui-widget-header {
    background: #157efb;
}

.showPopup ol {
    padding: 10px 20px;
}

.fontheadNotes {
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 12px;
}

.fontItalicimpotantpoint {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    margin: 14px 0;
    text-align: center;
}

    .fontItalicimpotantpoint p {
        border-top: 1px solid #d2d2d2, border-bottom:1px solid #d2d2d2;
    }

    .fontItalicimpotantpoint p {
        margin-bottom: 15px;
        text-align: justify;
        font-family: "SourceSansProRegular";
    }

/*=========================================
			mainsection
=========================================*/
.mainsection {
    float: left;
    margin-bottom: 30px !important;
    margin-top: 15px;
    padding-bottom: 25px;
    width: 100%;
}

    .mainsection h1 {
        font-size: 22px;
        padding-bottom: 15px;
    }

/*================= latestcase ====================*/
.latestcase {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

    .latestcase h2 {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        line-height: 24px;
        font-weight: bold;
    }

        .latestcase h2 a {
            color: #106EDE;
        }

    .latestcase p {
        font-family: "SourceSansProRegular";
        font-size: 16px;
        text-align: justify;
    }

.showpop a {
    background: none repeat scroll 0 0 #272729;
    border-radius: 4px;
    color: #ffffff;
    padding: 4px 15px;
}


.dairy table {
    width: 100%;
}

    .dairy table tr th {
        border-bottom: 1px solid #000;
        font-size: 12px;
        text-align: center;
    }

    .dairy table tr td {
        border-bottom: 1px solid #d2d2d2;
        font-size: 12px;
        text-align: center;
    }




.caselist h1 span.listtoday {
    color: #f00;
}

.caselist h1 span.dateupdate {
    color: #999;
    float: right;
    font-size: 18px;
}


.lateststatuts {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 5px;
    padding: 5px 0;
    position: relative;
}

    .lateststatuts h3 {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 8px;
    }

    .lateststatuts h6 {
        color: #157efb;
        text-transform: uppercase;
    }


.lateststat {
    padding-top: 25px;
}

/*===================================================
			pagination
===================================================*/

.pagination {
    margin: 0;
    padding: 0;
}

#pager .pev, #pager .next, #pager ul {
    float: left;
}

.pev, .next {
    border: none;
    outline: none;
    margin-right: 10px;
    background: #272729;
    color: #fff;
    padding: 0px 15px;
    border-radius: 4px;
    cursor: pointer;
}


/*===================================================
		div.dropt
===================================================*/

div.dropt:hover {
    text-decoration: none;
    background: #ffffff;
    z-index: 6;
}



div.dropt .showPopup {
    position: fixed;
    overflow-y: scroll;
    width: 760px;
    min-height: 400px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 3px;
    border: 1px solid #d2d2d2;
    z-index: 6;
    visibility: hidden;
    top: 20%;
    box-shadow: 0 0 7px 6px #6d6d6e;
    -webkit-box-shadow: 0 0 7px 6px #6d6d6e /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 0 7px 6px #6d6d6e /* Firefox 3.5 - 3.6 */
    box-shadow: 0 0 7px 6px #6d6d6e; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.dropt:hover .showPopup {
    background: #ffffff;
    z-index: 6;
    visibility: visible;
}


.contentwrap p {
    padding-bottom: 15px;
}

ul.quicklinks {
    margin: 0;
    padding: 0 0 25px;
}

    ul.quicklinks li {
        border-bottom: 1px solid #d2d2d2;
        list-style: outside none none;
        margin: 0 0 5px;
        padding: 0 0 5px;
    }

        ul.quicklinks li a {
            color: #000;
        }

ul.statueslist {
    margin: 0;
    padding: 0 0 15px 15px;
}

    ul.statueslist li {
        list-style: none;
        margin: 0;
        padding: 0 0 3px 0;
        font-weight: bold;
    }

/*==================================================
			slide-out-div 
==================================================*/
.slide-out-div {
    padding: 10px;
    width: 350px;
    background: #3a3e47;
    border: #3a3e47 1px solid;
    z-index: 10;
    position: absolute;
    display: none;
}

.filterpanelrow ul {
}

    .filterpanelrow ul li {
        list-style: none;
    }

        .filterpanelrow ul li input[type="text"] {
            width: 98%;
            padding-left: 2%;
        }

        .filterpanelrow ul li label {
            font-weight: normal;
            font-size: 14px;
            color: #fff;
        }

.filterpanelrow {
    clear: both;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 92%;
}

    .filterpanelrow .datefromAd {
        width: 50%;
        display: table;
        float: left;
    }

        .filterpanelrow .datefromAd ul li {
            margin: 0;
            padding: 0;
        }

            .filterpanelrow .datefromAd ul li input[type="text"], .filterpanelrow .partyName ul li input[type="text"] {
                width: 96%;
            }

.partyName {
    display: table;
    float: left;
    width: 50%;
}

.filterpanelrow input[type="button"] {
    background: #157efb none repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
    margin-top: 10px;
    width: 111px;
}

/*================================================

=================================================*/

#dialog label, #dialog input {
    display: block;
}

#dialog label {
    margin-top: 0.5em;
}

#dialog input, #dialog textarea {
    width: 95%;
}

#tabs {
    float: left;
    margin-top: 1em;
    width: 98%;
}

#uiTabCases {
    float: left;
    margin-top: 1em;
    width: 98%;
}

.input {
    width: 180px;
}

#tabs li .ui-icon-close {
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}

#add_tab {
    cursor: pointer;
}

#dialog label, #dialog input {
    display: block;
}

#dialog label {
    margin-top: 0.5em;
}

#dialog input, #dialog textarea {
    width: 95%;
}

#tabs {
    margin-top: 1em;
}

    #tabs li .ui-icon-close {
        float: left;
        margin: 0.4em 0.2em 0 0;
        cursor: pointer;
    }

#add_tab {
    cursor: pointer;
}

/*================================================
		dashboardIcon
=================================================*/
ul.IconMix {
    margin: 0;
    padding: 0;
}

    ul.IconMix li {
        display: inline-block;
        margin: 0 9% 2% 0;
        padding: 0;
        list-style: none;
        width: 40%;
        border-bottom: 1px solid #d2d2d2;
    }

        ul.IconMix li a {
            color: #000;
        }
/*==============================================

==============================================*/
ul.radosel {
    margin: 0;
    padding: 0;
}

    ul.radosel li {
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0;
        display: inline-block;
    }

        ul.radosel li label {
            font-weight: normal;
        }


/*========== minitab ===========*/
ul.minitab {
    margin: 0;
    padding: 0;
}

    ul.minitab li {
        list-style: none;
        margin: 0;
        padding: 0 15px;
        display: inline-block;
        border: 1px solid #d2d2d2;
        border-bottom: none;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        ul.minitab li a {
            color: #000;
            font-size: 14px;
            font-weight: normal;
        }

        ul.minitab li.active {
            border-bottom: 1px solid #fff;
            background: none;
        }

.tab-content {
    border: 1px solid #d2d2d2;
    border-radius: 0 4px 4px;
    padding: 10px 15px;
    overflow: hidden;
    margin-top: -1px;
    width: 629px;
}
/*=========  judgesearch  ==========*/
ul.judgesearch {
    margin: 0;
    padding: 0;
}

    ul.judgesearch li {
        list-style: none;
        margin: 0 10px 0 0;
        float: left;
        padding: 0;
        display: inline-block;
    }

        ul.judgesearch li input[type="text"] {
            width: 240px;
            border: 1px solid #b5b7ba;
            height: 30px;
            padding-left: 5px;
            padding-right: 5px;
        }

        ul.judgesearch li input[type="button"] {
            background: #272729;
            color: #fff;
            padding: 3px 25px;
            border: none;
            border-radius: 3px;
            outline: none;
        }

        ul.judgesearch li:last-child {
            margin-right: 0;
        }

        ul.judgesearch li#none {
            display: none;
        }

        ul.judgesearch li input[type="text"].mini {
            width: 65px;
        }

        ul.judgesearch li input[type="text"].med {
            width: 160px;
        }

        ul.judgesearch li input[type="text"].width100 {
            width: 100%;
        }



/*=============================*/
.ui-tabs-panel {
    border: none;
}

.ui-widget-header {
    background: none;
}

.divPNumber {
    font-size: 18px;
}

    .divPNumber span {
        font-weight: bold;
        font-size: 23px;
        color: #157efb;
    }


.buttonClass:hover {
    background: #157efb;
}


.lifetime p {
    font-size: 15px;
    padding-bottom: 10px;
}


.ui-tabs .ui-tabs-nav li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ededf5;
    border-color: #d2d2d2 #d2d2d2 -moz-use-text-color;
    border-image: none;
    border-radius: 4px 4px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 1px;
    padding: 0 15px;
}

.dashboardIcon {
    display: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff;
}

.ui-tabs .ui-tabs-nav li a {
    color: #000;
    font-size: 15px;
    font-weight: normal;
}

a, a:hover, a:focus {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}

.ui-tabs ui-widget ui-widget-content ui-corner-all {
    border: none;
}




/*========================================
			middlecontainer
=========================================*/
#middlecontainer .ui-widget-content {
    border: none;
}

#middlecontainer .ui-tabs .ui-tabs-nav li {
    margin: 0 2px 0 0;
    padding: 0;
}

    #middlecontainer .ui-tabs .ui-tabs-nav li a {
        border: none;
        font-size: 12px;
    }

    #middlecontainer .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    }

        #middlecontainer .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
            color: #272729;
        }



.searchOption {
    margin: 0 auto 20px;
    display: table;
    width: 1170px;
}

.ui-tabs .ui-tabs-panel {
    margin: 0;
    padding: 10px 0 0 0;
}

#tabs_search-1 {
    border: 1px solid #000;
}

#uiTabCases {
    margin: 0 auto;
    display: table;
}

#middlecontainer #tabs_search-1, #middlecontainer #tabs_search-2, #middlecontainer #tabs_search-3, #middlecontainer #tabs_search-4, #middlecontainer #tabs_search-5 {
    border: 1px solid #d2d2d2;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding: 10px 10px;
    width: 669px;
}

input#cmdSearch {
    float: none;
}

#txtKeywords {
    width: 273px;
    padding-left: 10px;
}


.intplaceholder {
    float: left;
    margin-right: 10px;
    width: 470px;
}

.searchbtn {
    float: left;
}

#divNearWord {
    float: left;
    width: 151px;
}

    #divNearWord #txtNearWord.int {
        width: 147px;
    }

.new {
    float: left;
}

#middlecontainer #tabCitation {
    border: 0 none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.year input#txtYear {
    width: 56px !important;
    padding-left: 10px;
}

.year input#txtVol {
    width: 70px !important;
    padding-left: 10px;
}

.unique #txtVol {
    width: 70px !important;
    padding-left: 10px;
}


.tabs_search-4 ul.token-input-list-facebook {
    border: none !important;
    margin-right: 5px;
}

ul.token-input-list-facebook li {
    list-style: none;
}

#txtPageNumber {
    padding-left: 10px;
}

#tabs_search-4 ul.token-input-list-facebook {
    border: none !important;
}


#txtSubjectSearch, #cmdSubjectSearch {
    float: left;
}

#txtSubjectSearch {
    margin-right: 5px;
    padding-left: 10px;
}


#divLatestCasesTab #uiTabCases {
    margin: 0 auto;
    display: table;
    float: none;
    width: 1170px;
}

#pager .pev, #pager ul, #pager .next {
    float: left;
    margin-right: 5px;
}

#divHomeLatestCase #div .pagination {
    display: block;
}

#tabsCitation-1 .token-input-list-facebook {
    border: medium none !important;
    margin-right: 5px;
    width: 100% !important;
}




.year #txtLawYear {
    width: 70px !important;
    padding-left: 10px;
    margin-right: 10px;
}

#tabsLawCitation-1 .new {
    margin-right: 10px;
}

.unique #txtUniqueId {
    width: 120px !important;
}

#divNearWord #txtNearWord {
    padding-left: 10px;
}

input#token-input-txtBookName {
    width: auto !important;
}

.ui-layout-west {
    border-right: 1px solid #ccc;
    float: left;
    padding: 10px 0 0;
    width: 20%;
}

.ui-layout-south {
    float: left;
    padding: 10px 9px;
    width: 80%;
}

.pagination {
    width: 300px;
    height: 45px;
    overflow: scroll;
}


/********css edit by gurpreet********/

.container {
    width: 1200px;
}

.latestcase h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.latestcase h2 {
    padding: 0;
}

.latestcase .col-lg-2.dropt {
    bottom: 45% !important;
    position: relative;
    right: 0;
    width: 14%;
}

#tabs .dataTables_wrapper {
    padding: 23px;
}

.latestcase .row {
    position: relative;
    vertical-align: middle;
}

.row {
    margin-left: -15px;
    margin-right: -2px;
}

.col-xs-4 .row {
    margin: 0;
}

.dark .col-lg-4 h3 {
    font-size: 23px;
}

#divLatestCasesTab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    padding-left: 0;
}

#uiTabCases-tabs-1 #divHomeLatestCase #div {
    border: 1px solid #d2d2d2;
    border-radius: 0 4px 4px;
    padding: 10px 25px;
}

#uiTabCases-tabs-2 #divHomeImportantCase #div {
    border: 1px solid #d2d2d2;
    border-radius: 0 4px 4px;
    padding: 10px 25px;
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    padding: 0;
    margin: 0 auto !important;
    height: auto !important;
}

input[type="radio"], input[type="checkbox"] {
    height: auto !important;
    margin: 4px 5px 14px 4px;
    width: auto !important;
}

#tabs_search-1 input, #tabs_search-2 input, #tabs_search-3 input, #tabs_search-4 input, #tabs_search-5 input {
    border: 1px solid #b5b7ba;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    width: 240px;
}

.updatetext {
    display: none;
}

.new {
    margin-right: 5px;
    width: 127px;
}

#tabsCitation-1.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    border: 1px solid #cbcbcb;
    float: left;
    margin-top: -2px;
    padding: 19px 6px;
    width: 473px;
}

#tabsCitation-1 span.new input {
    width: 100% !important;
}

.searchOption ul .ui-state-default .ui-tabs-anchor {
    padding: 0.5em 1em;
}

.searchOption #tabCitation ul .ui-state-default .ui-tabs-anchor {
    padding: 0.5em 1em;
}

#divResult #tabs {
    float: none;
    margin: 0 auto;
    width: 1310px;
}

#tabs .scroller li {
    background-color: #157efb !important;
    border: medium none !important;
    padding: 6px !important;
}

.filterpanelrow ul li input[type="text"] {
    width: 100% !important;
}

.filterPanel .filterpanelrow ul {
    border: 0 none !important;
    height: auto !important;
    width: 100% !important;
}

.filterPanel select, .filterPanel input {
    border: 1px solid #ccc;
    margin: 8px 0 9px;
    padding: 5px;
    width: 100%;
}

.filterpanelrow.filterInputs.FilterHeading {
    background-color: #272729;
    color: #fff;
    margin: 0 0 8px;
    padding: 8px 12px;
    width: 100%;
}

.filterpanelrow label {
    font-weight: normal;
}

.datefromto .datefrom {
    float: left;
    width: 48%;
}

.datefromto .dateto {
    float: right;
    width: 48%;
}

.datefromto .benchStrength {
    float: right;
    width: 100%;
}

.filterPanel .filterpanelrow label {
    color: #333 !important;
    float: left;
    font-size: 15px;
    font-weight: 400 !important;
    margin: 0 0 5px;
    width: 100%;
}

.datefromto .benchStrength .input, .datefromto .datefrom .input, .datefromto .dateto .input {
    float: left;
    width: 94% !important;
}

#tabs .scroller .ui-tabs-anchor {
    color: #fff !important;
}

#tabs .latestcase .col-lg-2.dropt {
    width: 12%;
}

.ui-layout-south li {
    background-color: #157efb !important;
    border: medium none !important;
    padding: 6px !important;
}

#tabs .ui-layout-south li a.ui-tabs-anchor {
    color: #fff !important;
}

#tabs .ui-layout-south .latestcase {
    margin: 0;
    padding: 9px;
}

#tabs footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

#pager ul li {
    background-color: transparent !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}

#tabs #pager ul li a {
    font-size: 11px !important;
    margin: 0 0 5px;
    padding: 2px !important;
    width: 32px;
}

#tabs #divSpliterd4 {
    margin-bottom: 30px;
}

#tabs .ui-tabs-panel {
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

#middlecontainer footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: none;
    padding: 0;
}

.showPopup li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.dateFilterInput .datefromto .input {
    width: 100% !important;
}

.showPopup .fontheadNotes a {
    color: #000;
    font-weight: bold;
    margin: 0 6px;
}

.fontrepeatMatter {
    font-style: italic;
    margin: 0 0 0 18px;
}

#divResult .showPopup {
    left: 100px !important;
    padding: 0;
    position: absolute !important;
    top: -647% !important;
}

.showpop > a:hover {
    background: #157EFB;
}

#divHomeLatestCase .showPopup {
    float: left;
    height: 370px !important;
    left: -815px !important;
    min-height: 370px !important;
    position: absolute !important;
    top: -143px !important;
    width: 650px !important;
}

.fa.fa-cog {
    display: none;
}

#divLatestCasesTab #divHomeLatestCase .showPopup {
    right: 350px !important;
}

.dataTables_wrapper .dataTables_paginate a#datatablehtmld7_next.paginate_button {
    color: #fff !important;
}

.close::before {
    display: none;
}

#dialogNotes tr {
    background: transparent none repeat scroll 0 0;
}

.ui-draggable .ui-dialog-titlebar-close {
    background-image: url("sprite.png");
    background-position: -47px -16px;
    border-color: transparent;
    width: 20px !important;
}

#dialogNotes select, #dialogNotes input, #dialogNotes textarea {
    border: 1px solid #ccc;
    margin: 0 0 9px;
    padding: 5px;
    width: 100%;
}

.editor-label {
    color: #333;
}

#divStep1, #divStep2.next {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 1.5% !important;
    width: 100%;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #333;
    font-weight: normal;
    padding: 0 0 0 2px;
}

.editor-label textarea {
    border: 1px solid #cdcdcd;
    padding: 1px 5px;
    width: 100%;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    width: auto !important;
}

#dialogNotes a {
    background-color: #272729;
    border-radius: 4px;
    color: #fff;
    line-height: 17px;
    margin: 0 0 0 10px;
    padding: 7px;
    vertical-align: top;
}

    #dialogNotes a:hover {
        background-color: #157EFB;
    }

.pClass .btnClass:nth-child(2), .pClass .btnClass:nth-child(3), .pClass .btnClass:nth-child(5) {
    display: none;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    border: medium none !important;
    float: left;
    height: 1890px !important;
    left: 0 !important;
    overflow: hidden;
    padding: 0% 0 0;
    top: 0 !important;
    width: 100% !important;
}

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
        background-color: #fff;
        margin: 0 auto;
        width: 90% !important;
        max-width: 1000px !important;
    }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    width: 100% !important;
}

#noteClose.close {
    color: #fff !important;
    padding: 5px;
    right: 6px;
    top: 6px;
}

.close::before {
    color: #fff;
    font-size: 14px;
}

#add_Heading.overlay {
    background: rgba(0, 0, 0, 0.96) none repeat scroll 0 0;
}

    #add_Heading.overlay:hover {
        background: rgba(0, 0, 0, 0.96) none repeat scroll 0 0;
    }

#uiTabCases .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    width: auto !important;
}

#judgementSearchTab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    width: auto !important;
}

.scroller .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    width: auto !important;
}

#divNewTab-d1-tabs-9 .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    width: auto !important;
}

.ui-dialog-content.ui-widget-content {
    background-color: #fff;
    height: auto !important;
    margin: 0 auto;
    width: 800px !important;
}

#dialogNotes.ui-dialog-content.ui-widget-content {
    width: 100% !important;
}

.pClass input[value="Print Headnotes"], input[value="Download Judgement"], input[value="+"], input[value="Download PDF For Notes"] {
    display: none;
}

.mainsection div#divActResult {
    margin: 0 auto;
    width: 1200px;
}

.mainsection div.search_set {
    border: medium none !important;
    margin: 0 0 30px;
    padding: 0;
    width: 450px;
}

.mainsection .search-tab {
    margin: 0 auto;
    width: 1200px;
}

#divActDetail #divActChapters {
    border: medium none !important;
    height: 420px !important;
    overflow-x: hidden !important;
    width: 239px !important;
}

#divActDetail #divActPreview {
    border: medium none !important;
    float: right !important;
    height: 415px !important;
    overflow-x: hidden !important;
    width: 669px !important;
}

.search-tab input {
    border: 1px solid #ccc;
    padding: 1px 5px;
    width: 300px;
}

.search_set a:hover {
    background: #157EFB;
}

#divActResult #divActDetail {
    border: medium none !important;
    width: 945px !important;
}

#divActResult #divResult {
    border: none medium !important;
    margin: 0;
}

#divCaseCount h2 a {
    background: #126fe1 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 11px 13px !important;
}

.intro > h2 {
    font-size: 34px !important;
    color: #272729 !important;
}

#divActPreview h2 {
    border-bottom: 1px solid #ccc !important;
    font-size: 17px;
    font-style: normal;
    margin-bottom: 16px;
}

.ActDiv {
    font-weight: bold;
}

.actList li:nth-child(2n) {
    background: #ddd0d0 none repeat scroll 0 0;
    border: medium none !important;
}

.actList li:nth-child(2n+1) {
    background: #e4e4e4 none repeat scroll 0 0 !important;
    border: medium none !important;
}

.changepass input {
    border: 1px solid #ccc;
    margin: 4px 18px;
    padding: 0;
}

.changepass, .trans-details {
    margin: 0 auto;
    width: 1180px;
}

    .changepass input[type="submit"] {
        background: #272729 none repeat scroll 0 0;
        border: medium none;
        border-radius: 5px;
        color: #fff;
        padding: 4px;
        width: 100px !important;
    }

        .changepass input[type="submit"]:hover {
            background: #157EFB;
        }

    .changepass span {
        color: red;
    }


.transaction {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.changepass h3, .trans-details h3 {
    border-bottom: 1px solid;
    margin-bottom: 14px;
    padding: 0 0 7px;
}

.trans-details .box-white.overflow-hidden.mb10.wallet-items {
    width: 511px;
}

.transaction .fl.ml10 br {
    display: none;
}

.icon.Gtag {
    background: #157efb none repeat scroll 0 0;
    color: #fff;
    padding: 4px;
}

.transaction .fl.ml10 {
    float: left;
}

.changepass .heading {
    width: 510px;
}

.intplaceholder #txtKeywords.int {
    float: left;
    margin-right: 6px;
}

#tabs_search-4 > input#txtStatusSection {
    display: none;
}

#tabs_search-4 ul.token-input-list-facebook:first-child {
    display: block;
    float: left;
    width: 350px !important;
}

#tabs_search-4 ul.token-input-list-facebook {
    display: none;
}

#tabs .pagination {
    height: auto;
    overflow: hidden;
    width: auto;
}

#divHomeLatestCase .pagination {
    height: auto;
    overflow: hidden;
    width: auto;
}

form#ProfileForm {
    margin: 0 auto;
    width: 1180px;
}

.ProfileDisplayContaner {
    width: 620px;
}

    .ProfileDisplayContaner > h2 {
        border-bottom: 1px solid;
        margin-bottom: 24px;
        padding: 0 0 7px;
    }

    .ProfileDisplayContaner li {
        float: left;
        margin-right: 9px;
        width: 296px;
    }

    .ProfileDisplayContaner input, .ProfileDisplayContaner select {
        border: 1px solid #ccc;
        float: right;
        margin: 0 0 9px;
        padding: 3px;
        width: 209px;
    }

#divProfile > ul {
    clear: both;
    float: left;
    list-style: outside none none;
}

#divProfile .buttonClass {
    border-radius: 5px;
    height: auto;
    margin-top: 30px;
    padding: 6px !important;
    width: 100px !important;
}

.changepass tr {
    background: transparent none repeat scroll 0 0 !important;
}

#UnAuthorisedPopup input {
    background: #272729 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    margin-top: 15px;
    padding: 6px 15px;
    width: auto !important;
}

    #UnAuthorisedPopup input:hover {
        background: #157EFB none repeat scroll 0 0;
    }

#UnAuthorisedPopup tr:first-child td {
    border-bottom: 1px solid;
    display: block;
    font-size: 25px;
    margin-bottom: 10px !important;
    padding: 0 0 17px;
}

#UnAuthorisedPopup > table {
    width: 100%;
}

#UnAuthorisedPopup tr {
    background: transparent none repeat scroll 0 0;
}

.actList li {
    cursor: pointer;
}

.treeview li {
    cursor: pointer;
}

#divCaseCount > h2 {
    cursor: pointer;
}

.ui-dialog-content.ui-widget-content.ui-dialog-normal {
    background: #fff none repeat scroll 0 0;
    height: 1370px !important;
    margin: 0 auto;
    max-width: 1000px !important;
    overflow-y: scroll;
    width: 90% !important;
}


#PreviewCase.ui-dialog-normal {
    height: 620px !important;
    overflow-y: scroll;
}


/*==========  mylinks  ===========*/

ul.mylinks {
    margin: 0;
    text-align: right;
    padding: 10px 0;
}

    ul.mylinks li {
        list-style: none;
        margin: 0 15px 0 0;
        padding: 0;
        display: inline-block;
        position: relative;
    }

        ul.mylinks li a {
            color: #FFF;
            font-weight: normal;
            font-size: 14px;
        }

            ul.mylinks li a i {
                font-size: 14px;
                margin-right: 5px;
                vertical-align: middle;
            }

            ul.mylinks li a:hover {
                color: #157efb;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
            }

ul.submininavi {
    display: none;
    position: absolute;
    width: 180px;
    z-index: 999;
    text-align: left;
    background: #272729;
    padding-bottom: 10px;
    box-shadow: 0 19px 24px -9px #8c8a8a;
}

    ul.submininavi li {
        width: 100%;
        clear: both;
        padding: 0 0 4px 15px;
        margin-bottom: 4px;
        border-bottom: 1px solid #d2d2d2;
    }

        ul.submininavi li a {
            color: #fff;
            padding: 0;
            margin: 0;
        }

            ul.submininavi li a:hover {
                color: #157efb;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
            }

        ul.submininavi li:last-child {
            margin: 0;
            border: none;
        }

ul.mylinks li:hover > ul.submininavi {
    display: block;
}

/*==========  Search  ===========*/
.search a {
    background: #157efb;
    color: #fff;
    padding: 10px 20px;
    display: table;
}

    .search a:hover {
        color: #FFF;
    }

/*============= Darkoverlay ==============*/
.darkoverlay {
    display: none;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding-top: 5%;
}

/*=============================================*/

#divResult .actList li:hover {
    background: #126ddc linear-gradient(#157efb, #126ddc, #0556b7) repeat scroll 0 0 !important;
}

#divResult .actList li {
    background: #434242 linear-gradient(#656565, #434242, #151515) repeat scroll 0 0 !important;
    border-radius: 5px 1px 0 5px;
    color: #fff;
    margin-bottom: 2px;
    overflow: visible !important;
    padding: 3px 6px;
    position: relative;
    width: 100% !important;
    z-index: 99;
}

input.global_filter, input.column_filter {
    border: 1px solid #d0d0d0;
    margin: 13px 0 0;
    padding: 6px;
    width: 220px;
}

#tabs tr {
    background: transparent none repeat scroll 0 0;
}

.divSpliterda table {
    width: 100%;
}

.latestcase .col-lg-10 br {
    display: none;
}

.col-lg-2.dropt:hover > ol {
    display: block;
    height: 494px !important;
    left: -775px;
    overflow: scroll;
    padding: 32px;
    position: absolute;
    top: -553% !important;
    width: 776px;
    z-index: 2147483647;
}

.col-lg-2.dropt > ol {
    display: none;
}

#dialogExpiryAlert.ui-dialog-content.ui-widget-content {
    box-shadow: 1px 1px 19px 2px #c5c5c5 inset;
    padding: 16px;
    width: auto !important;
}

    #dialogExpiryAlert.ui-dialog-content.ui-widget-content table {
        width: 100%;
    }

#dialogExpiryAlert tr {
    background: transparent none repeat scroll 0 0;
}

#tabs .paginate_button.next {
    color: #fff !important;
}

#tabs td input[type="Search Within Search"] {
    background: #157efb none repeat scroll 0 0;
    color: #fff;
    padding: 7px;
}

.dataTables_length > div {
    background: #e7e7e7 none repeat scroll 0 0;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 12px;
}

#tabs table tr td:first-child {
    background: #eeeeee linear-gradient(#ebebeb, #eeeeee, #ededed) repeat scroll 0 0;
    padding: 20px;
    width: 100%;
}

    #tabs table tr td:first-child table tr td:first-child, #tabs table tr td table td {
        background: transparent none repeat scroll 0 0 !important;
        padding: 0 !important;
    }

.ui-dialog-title {
    color: #333;
}

.ui-widget-overlay {
    background: rgb(0, 0, 0) none repeat scroll 0 0 !important;
    opacity: 0.6 !important;
}

ul.notify {
    display: none !important;
}

header .col-lg-3.col-md-2.col-sm-4.col-xs-12 p {
    text-align: right;
}

input#txtSearchAllFields + input.srchBtn {
    float: none !important;
}

input#txtSearchAllFields + input.srchBtn {
    float: none !important;
}

#uiTabCases-tabs-2 #datatableImportantCase_wrapper {
    border: 1px solid #d2d2d2;
    border-radius: 0 4px 4px;
    padding: 6px 15px;
}

.pClass .btnClass:nth-child(1) {
    display: none;
}

.token-input-input-token-facebook input#token-input-txtStatusSearchBox {
    width: 98% !important;
}


#tabs_search-1 ul.token-input-list-facebook:first-child {
    display: block;
    float: left;
    width: 300px !important;
}

#tabs_search-1 ul.token-input-list-facebook {
    border: none !important;
}

/*#tabs_search-1 ul.token-input-list-facebook{ display:none;}*/
.token-input-input-token-facebook input#token-input-txtKeywords {
    width: 98% !important;
}

.pClass .btnClass {
    float: right;
}

#divLatestCasesTab .ui-tabs-panel {
    border: 1px solid #c1c1c1;
    border-radius: 0 4px 4px;
    padding: 10px 5px;
}

.transaction input {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #ededed) repeat scroll 0 0;
    border: 1px solid #dddcdc;
    border-radius: 12px;
    padding: 3px 9px;
    width: 100% !important;
}

.transaction td {
    display: block;
    float: left;
    width: 284px;
}

    .transaction td:first-child {
        display: block;
        float: left;
        width: 140px;
    }

.transaction tr {
    background: transparent none repeat scroll 0 0 !important;
    display: block;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.transaction {
    display: block;
    padding: 18px !important;
    width: 40%;
}

#MembershipForm form#form1 {
    width: 474px;
}

#form1 table {
    float: right;
}

.transaction {
    background: #e0e0e0 linear-gradient(#efefef, #e0e0e0) repeat scroll 0 0;
    border-color: #e4e4e4 #e4e4e4 #157efb;
    border-image: none;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px 1px 3px;
    margin-bottom: 16px;
    padding: 10px;
    width: 100%;
}

#MembershipForm #form1 input[value="Submit"] {
    background: #157efb none repeat scroll 0 0;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    padding: 7px 20px;
}

    #MembershipForm #form1 input[value="Submit"]:hover {
        background: #333 none repeat scroll 0 0;
    }

.transaction input#ApplyButton {
    background: #157efb none repeat scroll 0 0;
    border: medium none;
    color: #fff;
}

    .transaction input#ApplyButton:hover {
        background: #333 none repeat scroll 0 0;
    }

.transaction tr.enter-coupon td:nth-child(2) {
    float: left;
    margin-right: 8px;
    width: 218px;
}

.transaction tr.enter-coupon td:nth-child(3) {
    float: left;
    width: auto;
}

.trans-details .transaction tr:first-child td:first-child {
    font-size: 18px;
    font-weight: normal;
    width: auto;
}

.trans-details .transaction input[value="Print/Download"] {
    background: #157efb none repeat scroll 0 0;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    padding: 7px 20px;
}

    .trans-details .transaction input[value="Print/Download"]:hover {
        background: #333 none repeat scroll 0 0;
    }

.trans-details .transaction .col {
    float: left;
    width: 187px;
}

    .trans-details .transaction .col td {
        margin: 0 13px 0 0;
        width: auto;
    }

.trans-details .transaction .btn {
    float: right;
    margin-bottom: 6px;
    padding: 10px 0 0;
    width: auto !important;
}

    .trans-details .transaction .btn td {
        text-align: left;
        width: 100%;
    }

.trans-details .transaction {
    width: 600px;
}

.transaction td:first-child {
    font-weight: bold;
}

#MembershipForm .transaction {
    display: block;
    padding: 18px !important;
    width: 100%;
}

@media (max-width: 767px) {
    .container {
        width: 96%;
    }

    header .col-lg-2, header .col-lg-5, header .col-lg-3 {
        text-align: center;
        width: 100%;
    }

    header ul.navi li {
        display: inline-block;
        float: none;
    }

    .loggediin p a {
        float: none;
        margin: 0 0 0 5px;
        position: relative;
        top: 6px;
    }

    header .col-lg-3.col-md-2.col-sm-4.col-xs-12 p {
        text-align: center;
    }

    .loggediin {
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    .mainsection .col-lg-7 {
        text-align: center;
        width: 100%;
    }

    .mainsection .row {
        margin: 0;
    }

    .mainsection .col-lg-7, .mainsection .col-lg-5 {
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .latestcase .col-lg-2.dropt {
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }

    #divHomeLatestCase .showPopup {
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    table#casereport tr th, table#casereport tr td {
        display: block;
        font-size: 10px !important;
        padding: 0 !important;
        width: 99% !important;
    }

    table#casereport {
        display: block;
        overflow: scroll;
        width: 280px !important;
    }

    .searchOption {
        display: block;
        margin: 0 auto 20px;
        width: 100% !important;
    }

    #middlecontainer .searchOption .ui-tabs .ui-tabs-nav li {
        width: 100%;
    }

    #middlecontainer {
        margin: 0 auto;
        width: 96%;
    }

        #middlecontainer #tabs_search-1, #middlecontainer #tabs_search-2, #middlecontainer #tabs_search-3, #middlecontainer #tabs_search-4, #middlecontainer #tabs_search-5 {
            width: 100%;
        }

    #divLatestCasesTab #uiTabCases {
        display: block;
        width: 100%;
    }

    table#datatableLatestCase {
        text-align: center;
    }

    .latestcase p {
        text-align: center;
    }

    .dark .container {
        padding: 0;
    }

    .dark {
        background: #272729 none repeat scroll 0 0;
        height: auto;
    }

    .mainsection .col-lg-6 {
        padding: 0;
    }

    .mainsection .tab-content {
        text-align: center;
        width: 100%;
        float: left;
    }

    ul.searchadvance li {
        clear: both;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }

    ul.mylinks {
        text-align: center;
    }

    form#ProfileForm {
        display: block;
        margin: 0 auto;
        width: 93% !important;
    }

    .ProfileDisplayContaner {
        width: 100%;
    }

    .changepass .heading {
        width: 100%;
    }

    .changepass, .trans-details {
        margin: 0 auto;
        width: 90%;
    }

    .container .col-lg-4 .pay img {
        width: 100%;
    }

    ul.navi {
        width: 100%;
    }

    #datatableMaincc td {
        display: block;
        width: 100% !important;
    }

    #divResult #tabs {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    #datatableMaincc table input {
        width: 100%;
    }

    #datatableMaincc table {
        width: 100%;
    }

    #datatablehtmlcc_length > div {
        left: auto !important;
        margin: 10px 0;
        position: relative !important;
    }

    .latestcase h2 {
        padding: 0;
        text-align: center;
    }

    #tabs .latestcase .col-lg-2.dropt {
        width: 100%;
    }

    #divResult .col-lg-2.dropt div {
        display: block;
        float: left !important;
        left: 0 !important;
        position: relative !important;
        right: auto !important;
        width: 100% !important;
    }

    #divResult .col-lg-2.dropt .showPopup {
        left: 0 !important;
        margin: 0 auto !important;
        right: 0 !important;
        width: 94% !important;
    }

    #tabs td {
        display: block;
        width: 100% !important;
    }

    #tabs table input {
        width: 100%;
    }

    #tabs table {
        width: 100%;
    }

    .dataTables_wrapper div {
        left: 0 !important;
        margin: 10px 0;
        position: relative !important;
    }

    table#casereport, table#casereport tbody, table#casereport tr, table#casereport thead {
        display: block;
        overflow: scroll;
        width: 100% !important;
    }

    .searchadvance input {
        max-width: 100% !important;
    }

    #tabs_search-4 ul.token-input-list-facebook:first-child {
        display: block;
        float: left;
        margin: 0 0 10px;
        width: 100% !important;
    }

    .token-input-input-token-facebook input#token-input-txtStatusSearchBox {
        width: 100% !important;
    }

    .ui-tabs-panel select {
        margin: 0 0 10px !important;
        width: 100% !important;
    }

    .ui-tabs .srchBtn {
        display: block;
        float: right !important;
    }

    .intplaceholder {
        float: left;
        margin-right: 10px;
        width: 100%;
    }

        .intplaceholder #txtKeywords.int {
            float: left;
            margin: 0 0 10px;
            width: 100%;
        }

    .int {
        margin: 0 0 10px;
        width: 100% !important;
    }

    #txtPageNumber {
        padding-left: 10px;
        width: 100% !important;
    }

    .year, .unique, .new {
        float: left;
        margin: 0 0 8px;
        width: 100%;
    }

        .unique #txtVol {
            padding-left: 10px;
            width: 100% !important;
        }

        .year input#txtYear {
            padding-left: 10px;
            width: 100% !important;
        }

        .year #txtLawYear {
            margin-right: 10px;
            padding-left: 10px;
            width: 100% !important;
        }

        .unique #txtUniqueId {
            width: 100% !important;
        }

    .main-section > form#logoutForm {
        width: 154px;
    }
}

@media (max-width: 500px) {
    ul.minitab li {
        margin: 0;
        width: 100%;
    }

    .pClass .btnClass {
        float: right;
        width: 100% !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border: 1px solid #ccc !important;
        border-radius: 4px;
        margin-bottom: -1px;
        padding-bottom: 1px;
        width: 100%;
    }

    .ui-icon-close {
        background-position: -80px -128px;
        float: right;
    }
}

.mainsection div#mouseOverDisplayString {
    left: auto !important;
    position: fixed !important;
    right: 27% !important;
    top: 20% !important;
    width: 670px;
    z-index: 9999;
}

    .mainsection div#mouseOverDisplayString .showPopup {
        background: #ffffff none repeat scroll 0 0;
        box-shadow: 1px 1px 10px #000000;
        float: left;
        height: 480px !important;
        min-height: auto !important;
        padding: 6px;
    }

#tabPreviewCase .small ul {
    margin: 0 0 20px;
}

#tabPreviewCase .small li {
    float: left;
    margin: 0;
}

#tabPreviewCase .apel ol .fontItalicimpotantpoint {
    text-align: left;
}

#divResult .dropt .showPopup {
    left: auto !important;
    right: 100px !important;
    top: -180px !important;
}

#tabs_search-4 > select#selectStatusSearchBox {
    border: 1px solid #bab9b9;
    float: left;
    margin: 0 8px 0 0;
    padding: 3px;
}

.searchOptionTab input {
    width: 200px !important;
    margin: 4px 0 5px 0;
    border: 1px solid #cecece !important;
    height: 32px !important;
}

.blockUI.blockMsg.blockElement, .blockUI.blockOverlay {
    display: none !important;
}

.searchOptionTab input#txtFromDate, .searchOptionTab input#txtToDate {
    width: 143px !important;
}

@media print {
    #tabPreviewCase #wrapper {
        padding: 20px 20px;
    }
}

/*Same needs to be replicated in print.css*/
 #divJudgementYear {
        font-size: 14pt !important;
        text-align: center !important;
        font-weight: bolder !important;
    }

    #divCourtJudges {
        font-size: 11pt !important;
        text-align: center !important;
        font-family: Verdana !important;
        width: 100%;
    }

    #divPetitionersVsRespondent {
        font-size: 12pt !important;
        text-align: center !important;
        font-family: Verdana !important;
        font-weight: bold;
        width: 100%;
    }

    #divHeadNotes {
        font-size: 11pt !important;
        text-align: justify !important;
        text-justify: inter-word !important;
        font-family: Verdana !important;
        width: 100%;
        line-height: 24px;
        font-weight: bold;
    }

    #divRepeatMatter {
        font-size: 10pt !important;
        text-align: justify !important;
        text-justify: inter-word !important;
        font-family: Verdana !important;
        line-height: 20px;
        font-weight: normal !important;
        margin: .5in;
    }

    #divJudgement {
        font-size: 14pt !important;
        text-align: justify !important;
        text-justify: inter-word !important;
        font-family: Verdana !important;
        line-height: 20px;
        font-weight: normal;
    }

    p.VerdanaNormal {
        font-size: 12pt !important;
        text-align: justify !important;
        text-justify: inter-word !important;
        font-family: Verdana !important;
        line-height: 20px;
        font-weight: normal;
    }

    VerdanaNormal {
        font-size: 12pt !important;
        text-align: justify !important;
        text-justify: inter-word !important;
        font-family: Verdana !important;
        line-height: 20px;
        font-weight: normal;
    }