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

html, body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background: #f6f6f6;
}

form {
    height: 100%;
}

/*login background and box screen*/
.body {
    background: url(images/bg.jpg?v=1.1) no-repeat center center fixed;
    background-size: cover;
}

.box-effect {
    background: url(images/bg.jpg?v=1.1) no-repeat center center;
    /*background: url(images/login_front.png) no-repeat bottom center;*/
    background-size: cover; /* background-size:100% 100%;*/
    height: 100%;
}

.login-bg {
    height: 100%;
    min-height: 100%;
}
/*login background and boxn end here*/


/*Site login and footer*/
.page-wrap {
    min-height: 100%;
    margin-bottom: -20px;
    z-index: -1;
    margin-left: -15px;
    margin-right: -15px;
    background: #226996; /* Old browsers */
    background: -moz-linear-gradient(left, #226996 0%, #3093c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #226996 0%,#3093c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #226996 0%,#3093c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#226996', endColorstr='#3093c7',GradientType=1 ); /* IE6-9 */
    padding: 20px 50px;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .site-footer, .page-wrap:after {
        height: 20px;
        padding-bottom: 10px;
    }

.site-footer {
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
}

    .site-footer p {
        font-size: 9px;
    }
/*Site login and footer end here*/

/*Site login form*/
/*.page-wrap div{ position:relative;}*/
.page-wrap-form {
    max-width: 300px;
    margin: 10px auto;
}

    .page-wrap-form .logo {
        margin: 40px auto;
        display: block;
        max-width: 100%;
    }

    .page-wrap-form form {
        padding: 20px 5px;
        margin-bottom: 50px;
    }

.page-wrap input[type="text"], .login-bg input[type="password"] {
    border: 1px solid #fff;
}

.page-wrap .checkbox label {
    color: #fff;
}

.page-wrap input[type="submit"], .login-bg input[type="submit"]:hover {
    /*width: 100%;*/
    border: none;
    /*border-bottom: 5px solid #fff;*/
    margin: 20px auto;
}

.page-wrap p a {
    color: #003f64;
    text-decoration: none;
}
/*Site login form end*/


/*second page css*/

/*header css*/

header {
    background: #216996;
}

    header .logo {
        background: #323232;
        padding: 5px;
        float: left;
        width: 307px;
        text-align: center;
    }

    header .top {
        margin-left: 307px;
    }

        header .top ul {
            width: 100%;
            margin: 0;
            padding: 0 20px;
        }

            header .top ul li {
                list-style: none;
                display: block;
                float: right;
                margin: 0;
                padding: 15px 5px;
            }

                header .top ul li:nth-child(1) {
                    text-align: right;
                    float: left;
                }
                /*header .top ul li img{ vertical-align:middle; padding:5px;}
header .top ul li select{ width:250px; border:1px solid #fff; margin:0;}*/

                header .top ul li h2 {
                    color: #fff;
                    font-weight: normal;
                    font-weight: bold;
                    font-size: 18px;
                    padding: 7px 5px;
                    margin: 0;
                }

                header .top ul li span {
                    color: #fff;
                    font-size: 25px;
                    padding: 5px 2px;
                }

                header .top ul li .dropdown-menu {
                    margin-top: 15px;
                    border-radius: 0;
                    padding: 0;
                    border: none;
                    max-height: 0;
                    display: block;
                    visibility: hidden;
                    opacity: 0;
                    left: auto;
                    right: 0;
                    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                    transform: scale(0);
                    -webkit-transform: scale(0);
                }

                    header .top ul li .dropdown-menu:after {
                        bottom: 100%;
                        right: 5px;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                        border-color: rgba(136, 183, 213, 0);
                        border-bottom-color: #FFFFFF;
                        border-width: 8px;
                        margin-left: -10px;
                    }

                header .top ul li .open .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                    transform: scale(1);
                    -webkit-transform: scale(1);
                }

                header .top ul li .dropdown-menu li {
                    float: none;
                    padding: 0;
                    display: block;
                    text-align: left;
                    border-bottom: 1px solid #dcdcdc;
                    margin: 0;
                    background: #fff;
                }

                    header .top ul li .dropdown-menu li:last-child {
                        border: none;
                    }

                    header .top ul li .dropdown-menu li a {
                        padding: 8px;
                    }

                        header .top ul li .dropdown-menu li a:hover {
                            background: #216996;
                            color: #fff;
                        }

div.header {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 10px;
}

    div.header > div.header-top {
        margin-bottom: 10px;
        border-bottom: 2px solid #000;
    }

        div.header > div.header-top div.buttons {
            margin-bottom: 10px;
            vertical-align: bottom;
            margin-top: 30px;
        }

            div.header > div.header-top div.buttons a {
                color: black;
                background-color: #EEE;
                text-decoration: none;
                padding: 2px 10px;
                border: 2px solid #000;
                font-weight: bold;
            }

                div.header > div.header-top div.buttons a:hover,
                div.header > div.header-top div.buttons a:focus,
                div.header > div.header-top div.buttons a:visited,
                div.header > div.header-top div.buttons a:active {
                    color: black;
                    text-decoration: none;
                    background-color: #DDD;
                }

        div.header > div.header-top .title {
            font-weight: bold;
            color: #000;
            text-decoration: none;
        }

            div.header > div.header-top .title:hover,
            div.header > div.header-top .title:focus,
            div.header > div.header-top .title:visited,
            div.header > div.header-top .title:active {
                color: #000;
                text-decoration: none;
            }


.button-top-right, .button-top-left {
    position: absolute;
    top: 10px;
    height: 32px;
    width: 32px;
    background: none;
    border: none;
    padding: 5px;
    outline: 0;
    margin: 0;
    float: none;
}

.button-top-left {
    left: 10px;
}

.button-top-right {
    right: 10px;
}

    .button-top-right .icon-bar, .button-top-left .icon-bar {
        background-color: #fff;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin: 5px 0;
    }

/*header css end here*/

/*body css*/

.body-sec {
    overflow: hidden;
}

.main_body {
    display: table;
    width: 100%;
    height: 100%;
}


/*left menu css*/
.left {
    width: 307px;
    background: #dfdfdf;
    display: table-cell;
    min-height: 100%;
}

.user {
    background: #216996;
    padding: 20px;
}

/* .user-img {
    width: 70px;
    height: 70px;
    background: #fff url(images/avitar.png) no-repeat center center;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto 20px;
}
*/
/* Changes by Umar S. For ALM-476*/
.user-img {
    background: #fff url("images/avitar.png") no-repeat scroll center center;
    border-radius: 50%;
    display: block;
    height: 30px;
    margin: 5px 0 0;
    overflow: hidden;
    width: 30px;
}

.user-img2 {
    background: #fff url("images/avitar_old.png") no-repeat scroll center center;
    border: 2px solid #216996;
    border-radius: 50%;
    display: block;
    height: 60px;
    margin: 0;
    overflow: hidden;
    width: 60px;
}

.user-img .caret {
    bottom: 0px;
    padding: 0 !important;
    position: absolute;
    right: -5px;
}

.dropdown-menu.user-menu {
    width: 250px;
}

.profile-info {
    overflow: hidden;
    padding: 15px 0px 15px 20px;
}

.user-prof {
    font-size: 12px;
}

.user-prof {
    font-size: 12px;
    /*margin-top: 12px;*/
}
/*.user-prof button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    margin-left: 8px;
}*/
header .top ul li .user-prof span {
    font-size: 14px;
    color: #333;
    display: block;
    word-wrap: break-word;
}
/*.user-prof a:hover {
    color: #333 !important;
    text-decoration: underline;
    background:transparent !important;
}*/
.user-menu li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.dropdown-menu.user-menu li a {
    font-size: 12px;
}
/*Css Ends Here*/
/*.user .dropdown-toggle{ background:none; border:none; color:#fff; box-shadow:none;}
.user  .btn-group.open .dropdown-toggle{box-shadow:none;}
.user .dropdown-menu{border-radius: 0; margin:0; padding:0;}
.user .dropdown-menu li{ border-bottom:1px solid #c5c5c5;}

*/
.user button {
    background: none;
    font-size: 18px;
    color: #fff;
    border: none;
    padding: 0 10px;
    outline: 0;
}

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

    .user ul li {
        border-bottom: 1px solid #216996;
        background: #fff;
        padding: 6px 10px;
        display: block;
        text-align: left;
        border-left: 5px solid #0F4263;
        list-style: circle inside;
    }


.left_nev h2 {
    background: #323232;
    padding: 11px 15px;
    margin: 0;
    color: #fff;
    font-size: 18px;
}


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

    .left_nev ul li {
        border-bottom: 1px solid #c5c5c5;
        list-style: inside;
        padding: 10px 15px;
    }

        .left_nev ul li a {
            color: #676767;
        }

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

/*left menu css end here*/


/*right section css*/
.rigth-sec {
    display: table-cell;
    vertical-align: top;
}

.rigth-sec-sub {
    padding: 0 30px;
}

/*right sub menus css*/
/*.rigth-sec nav{background:#323232; z-index:2; margin-bottom:30px;}

.rigth-sec nav ul{ margin:0; padding:0 5px;}
.rigth-sec nav ul li{ display:inline-block; list-style:none;}
.rigth-sec nav ul li a{ display:inline-block; padding:15px 20px; color:#fff;text-decoration:none;}
.rigth-sec nav ul li:hover, .rigth-sec nav ul li.active{ border-bottom:3px solid #fff; text-decoration:none; background:#292929;}
.rigth-sec nav ul li .dropdown-menu{ border-radius:0; padding:0; margin:0;border:1px solid #c5c5c5;}
.rigth-sec nav ul li .dropdown-menu > li {display:block;border-bottom:1px solid #c5c5c5;}
.rigth-sec nav ul li .dropdown-menu > li:last-child{ border-bottom:none;}
.rigth-sec nav ul li .dropdown-menu > li:hover {display:block;}
.rigth-sec nav ul li .dropdown-menu > li > a{ display:block; color:#676767; padding:10px;}*/


.rigth-sec nav {
    background: #323232;
    z-index: 2;
    margin-bottom: 30px;
}

.navbar-collapse.collapse {
    padding: 0;
}

#cssmenu ul, #cssmenu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cssmenu ul {
    position: relative;
}

    #cssmenu ul li {
        float: left;
        min-height: 1px;
        vertical-align: middle;
    }

        #cssmenu ul li.hover, #cssmenu ul li:hover {
            position: relative; /*z-index: 599;*/
            cursor: default;
        }

    #cssmenu ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-transform: none;
        min-width: 190px;
        bottom: 0;
        margin-top: 0;
        z-index: 20;
    }

        #cssmenu ul ul li {
            float: none;
            position: relative;
            font-weight: normal;
        }

        #cssmenu ul ul ul {
            top: 0;
            left: 100%;
        }

    #cssmenu ul li:hover > ul {
        display: block;
    }

#cssmenu a {
    display: block;
    line-height: 1em;
    text-decoration: none;
}

#cssmenu > ul {
    *display: inline-block;
}

#cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}

#cssmenu ul ul a {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #dcdcdc; /*border-top: 0 none; line-height: 150%;*/
    padding: 10px 20px;
}

#cssmenu ul ul li:hover > a {
    background: #216996;
    color: #fff;
    border-bottom: 1px solid #216996;
}


#cssmenu ul ul li.has-sub > a:after {
    font-size: 10px;
    font-family: 'Glyphicons Halflings';
    content: "\e250";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

#cssmenu > ul > li:hover, #cssmenu > ul > li.active {
    padding-bottom: 4px;
}

    #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
        padding-bottom: 0px !important;
        border-bottom: 4px solid #fff !important;
    }

#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
    border-bottom: 4px solid #fff;
    color: #fff;
}

#cssmenu ul li.has-sub > a:after {
    font-size: 10px;
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    margin-left: 5px;
}

#cssmenu a {
    background: #333333;
    color: #fff;
    padding: 17px 20px;
}

#cssmenu > ul > li > a {
    line-height: 48px;
}



/*right sub menus css end here*/

/*.banner {margin-bottom:30px; background:url(images/baner_img.jpg) no-repeat center top; background-size:100%; height:300px; position:relative; z-index:0;}
.banner h2{ color:#fff; font-size: 3.0vh;    top: 15%; position: absolute;  left:10%;}
.banner p{ max-width:300px; color:#fff;top: 38%; position: absolute;  left: 10%;}*/

.dashboard-title {
    margin-top: -10px;
    margin-bottom: 15px;
    color: #555;
    font-size: 18px;
}

.banner {
    margin-bottom: 30px;
}

    .banner img {
        width: 100%;
    }

/*right sliding bar css*/

a div.slider-sec {
    background: #fff;
    padding: 0;
    position: relative;
    height: 155px;
    overflow: hidden;
}

.heading {
    color: #fff;
    margin: 0 0 30px;
    text-align: center;
    padding: 10px;
    background: #216996;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 5px solid #323232;
}

a div.slider-sec div.show-detail {
    background: #323232;
    position: absolute;
    top: -200px;
    padding: 20px;
    height: 155px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all 2s ease;
    transition: all .5s ease;
}

    a div.slider-sec div.show-detail p {
        color: #fff;
    }

a div.slider-sec:hover div.show-detail {
    top: 0;
    cursor: pointer;
}

.slide-bar {
    width: 200px;
    margin: 0 auto;
}
/*right  sliding bar end css*/


.post-bar {
    background: #598527;
    border-bottom: 5px solid #426817;
    padding: 20px;
    margin-bottom: 30px;
    color: #fff; /*margin-bottom:20px;*/
}

    .post-bar p {
        text-align: center;
        font-size: 18px;
        margin: 0;
    }

footer {
    padding: 30px;
    text-align: right;
    font-size: 12px;
}

    footer p {
        margin: 0;
    }



.table-top, table-top-b {
    background: #fff;
    padding: 10px;
    position: relative;
}

.table-top-b {
    height: 60px;
}

.table-top h2 {
    font-size: 18px;
    display: inline-block;
    margin: 0;
    padding: 12px 0;
}
/*.table-top ul li { font-size:18px;}*/
.table-top ul, .table-top-b ul {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
}
    /* Edited by Atta H for + button*/
    .table-top ul.add {
        right: auto;
    }

    .table-top ul li, .table-top-b ul li {
        list-style: none;
        padding: 5px;
        font-size: 18px;
        cursor: pointer;
        color: #7B7B7B;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }

        .table-top ul li span {
            padding: 6px 3px;
            vertical-align: middle;
            display: inline;
        }

        .table-top ul li a {
            color: #7B7B7B;
            text-decoration: none;
        }

        .table-top ul li select {
            min-width: 200px;
            vertical-align: middle;
            display: inline;
        }

        .table-top-b ul li a {
            color: #fff;
        }

        .table-top ul li a.add-linkb {
            color: #333;
            background: #ccc;
            padding: 6px 13px;
            top: 6px;
            right: 6px;
            font-size: 11px;
            font-weight: bold;
        }

        .table-top ul li .form-group {
            display: table;
            width: 100%;
            position: relative;
        }

            .table-top ul li .form-group span {
                position: absolute;
                top: 2px;
                left: 5px;
                z-index: 2;
            }

            .table-top ul li .form-group input[type=text] {
                padding-left: 30px;
                display: inline;
                width: 78%;
                position: relative;
                left: 4px;
            }

            .table-top ul li .form-group .btn-search {
                display: inline;
                width: 20%;
                font-size: 12px;
                height: 34px;
                border: 1px solid #ccc;
                border-left: none;
                vertical-align: top;
                padding: 5px;
            }

            .table-top ul li .form-group a.cross {
                position: absolute;
                right: 55px;
                top: 5px;
                background: #333;
                height: 25px;
                width: 25px;
                z-index: 4;
                border: none;
                outline: 0;
                border-radius: 20px;
            }

                .table-top ul li .form-group a.cross span {
                    font-size: 12px;
                    color: white;
                    padding: 4px 2px;
                }

.alp-search .form-group {
    margin: 0;
}

.alp-search input[type=submit] {
    margin: 0;
}


.table-top ul.second {
    position: relative;
    width: 100%;
    right: auto;
    padding: 0 5px;
    margin: 0;
}

    .table-top ul.second li {
        float: left;
    }

        .table-top ul.second li a {
            margin: 0;
            vertical-align: middle;
            color: #216996;
            font-size: 14px;
        }

        .table-top ul.second li:nth-child(2) a {
            padding: 6px 13px;
            background-color: #323232;
            border-color: #252525;
            color: #fff;
        }

        .table-top ul.second li:nth-child(3) {
            float: right;
        }




/*Repaort table top secion*/
.rep-top {
    border-top: 1px solid #E8E8E8;
    background: #fff;
}

    .rep-top ul {
        width: 100%;
        padding: 0;
        margin: 0;
        display: table;
    }

        .rep-top ul li {
            display: table-cell;
            padding: 20px;
            margin: 0;
            vertical-align: middle;
        }

            .rep-top ul li input[type="button"], .rep-top ul li input[type="submit"] {
                margin: 0;
                width: 100%;
            }

    .rep-top h2 {
        font-size: 26px;
        color: #216996;
        margin: 0;
        padding: 20px 20px 10px;
    }

    .rep-top h3 {
        font-size: 18px;
        margin: 0;
        padding: 5px 12px 20px;
    }




.table-sec table {
    margin-bottom: 0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
}

.table-sec table th {
    background: #216996;
    color: #fff;
    font-weight: normal;
}

    .table-sec table th a {
        color: #fff;
        text-decoration: none;
    }

.form-detail .table-sec table th,
.form-detailb .table-sec table th {
    background: #777;
}

.table-sec table td img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.alp {
    text-align: center;
    display: none;
}

    .alp ul {
        background: #333;
        width: 100%;
        padding: 10px;
        display: block;
        margin: 0 auto;
    }

        .alp ul li {
            display: inline-block;
            vertical-align: middle;
            list-style: none;
        }

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

            .alp ul li span {
                background: #fff;
                padding: 3px 10px;
            }

.table-sec table tr {
    background: #fff;
}

    /*.table-sec table tr:nth-child(even) { background:#e6f5ff; }
.table-sec table tr:nth-child(odd){ background:#fff;}
*/
    /*.table-sec table tr [@display=block]:nth-child(odd) { 
      background-color:  #000;  
 }
.table-sec table tr[@display=block]:nth-child(odd) { 
      background-color:  #FFF;
 }*/

    /*.table-sec table tr:nth-child(4n+2) {
        background: #e6f5ff;
    }*/

    .table-sec table tr:nth-child(even) {
        background: #e6f5ff;
    }

    .table-sec table tr:nth-child(odd) {
        background: #FFF;
    }

    .table-sec table tr.pager-control {
        background: #fff;
        border-top: #216996 4px solid;
        text-align: right;
    }

        .table-sec table tr.pager-control td {
            padding: 25px;
        }

.table-sec div.lease_doc table tr {
    background: none;
}


.table-sec .account-sub-grid.details table tr.pager-control td {
    padding-bottom: 0px;
}


.table-sec table tr.pager-control table {
    border: none;
    background: none;
    margin-left: auto;
    width: auto;
    /*margin-right: 30px;*/
}

    .table-sec table tr.pager-control table td {
        background: none;
        padding: 0;
        border: 1px solid #dddddd;
    }

        .table-sec table tr.pager-control table td a {
            padding: 5px 10px;
            display: block;
            color: #337ab7;
        }

            .table-sec table tr.pager-control table td a:hover {
                background: #eeeeee;
                text-decoration: none;
            }

        .table-sec table tr.pager-control table td span {
            background: #323232;
            border: 1px solid #323232;
            padding: 5px 10px;
            display: block;
            color: #fff;
        }




.table-sec table tr.tab-edit {
    background: #F6FCFF;
    padding: 0;
}

    .table-sec table tr.tab-edit td {
        padding: 0;
    }

    .table-sec table tr.tab-edit ul {
        border-top: 1px solid #C1E1F5;
        border-bottom: 1px solid #C1E1F5;
        padding: 0 10px;
        margin: 0;
        text-align: right;
    }

        .table-sec table tr.tab-edit ul li {
            list-style: none;
            display: inline-block;
            padding: 5px;
            color: #216996;
        }

            .table-sec table tr.tab-edit ul li a {
                color: #216996;
            }

/*.table-sec table td .dropdown {    position: absolute;}
.table-sec table td .dropdown-menu{left: auto; right: 0; top: 26px; border-radius: 0; border: none; border-top: 4px solid #216996; padding:0; max-height: 0; display: block; visibility:hidden;  opacity: 0;
 -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: scale(0);
    -webkit-transform: scale(0);


}


.table-sec table td .open .dropdown-menu {  opacity: 1; visibility: visible;     
-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
 -webkit-transform: scale(1);


}*/

.table-sec table td ul.dropdown-menu {
    min-width: 300px;
    top: 0;
    border: none;
    box-shadow: none;
    top: -6px;
    width: 100%;
    left: 35px;
}

.table-sec table td .dropdown-menu li {
    background: #fff;
    display: table-cell;
}

    .table-sec table td .dropdown-menu li a span {
        font-size: 18px;
        margin-right: 8px;
    }

    .table-sec table td .dropdown-menu li a {
        display: block;
        color: #337ab7;
        padding: 5px 22px;
        border-bottom: 2px solid #337ab7;
        border-right: 1px solid #337ab7;
        text-align: center;
    }

    .table-sec table td .dropdown-menu li:last-child a {
        border-right: none;
    }

.table-sec table td .open > ul.dropdown-menu {
    display: table;
}

    .table-sec table td .open > ul.dropdown-menu:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #7B7B7B;
        border-width: 8px;
        margin-top: -8px;
    }



/*.tabl-bottom{ background:#fff; padding:20px;}
.tabl-bottom .pagination{ margin:0; border-radius:0;}
.tabl-bottom .pagination > li:first-child > a, .pagination > li:first-child > span, .tabl-bottom .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius:0;}

.pagination li.active a{ background:#323232; border:1px solid #323232;}*/



/*loader css*/
.loader-sec {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 999;
    top: 0;
}

.loader-sub {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.73);
}



.spinner {
    width: 60px;
    height: 60px;
    background-color: #fff;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}






/*loader css*/

.pro-bottom {
    background: #fff;
    padding-bottom: 30px;
    border-bottom: 3px solid #d8d8d8;
    margin: 30px 0;
}

/*form_csss*/
.form-detail {
    background: #fff;
    padding: 30px 0;
    border-bottom: 3px solid #d8d8d8;
}

    .form-detail h2 !.table-top {
        padding: 5px 0 30px;
        text-align: center;
        margin: 0;
        color: #9A9A9A;
    }

    .form-detail label {
        color: #6D6D6D;
        font-weight: normal;
    }

        .form-detail label.control-label-right {
            text-align: right;
        }

    .form-detail button, .form-detail input[type="button"], input[type="submit"] {
        margin: 30px 0;
    }

    .form-detail input[type="radio"], .form-detail input[type="checkbox"] {
        margin: 12px 11px 10px 8px;
    }



    .form-detail span.checkbox label {
        margin: 8px 0px 0px 10px;
    }

    .no_margin_top, .form-detail .no_margin_top input[type="radio"], .form-detail .no_margin_top input[type="checkbox"] {
        margin-top: 0px !important;
    }

    .no_margin_bottom{
        margin-bottom: 0px !important;
    }
.form-detailb input[type="radio"], .form-detailb input[type="checkbox"] {
    margin: 4px 0;
}

.form-detailb span.checkbox label {
    margin: 0px;
}

.cc-radio input[type="radio"] {
    margin: 4px 0;
}

.form-detailc input[type="radio"], .form-detailc input[type="checkbox"] {
    margin: 4px 11px;
}

.form-detailc label {
    margin: 20px 0;
}

.form-detailb h2 !.table-top {
    text-align: center;
    font-size: 22px;
    color: #216996;
}

.form-detail label.tab-se {
    padding: 10px 15px 10px 35px;
    background: #216996;
    display: block;
    color: #fff;
    cursor: pointer;
    border-bottom: 5px solid #333;
    position: relative;
}

.form-detail .panel-group .panel {
    border-radius: 0;
    border: none;
}


.form-detail .panel-default > .panel-heading {
    border: 1px solid #dddddd;
    border-radius: 0;
    background: #DFDFDF;
}

.form-detail .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
    border-bottom: 1px solid #ddd;
}

.add-link, .add-linkb {
    color: #666;
    background: #ccc;
    padding: 6px 13px;
    font-size: 11px;
    font-weight: bolder;
    margin-right: 5px;
    float: right;
}

    /*.add-link {
    color: #fff;
    background: #333;
    padding: 6px 13px;
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 11px;
}*/

    .add-linkb.aspNetDisabled,
    .add-linkb.aspNetDisabled:hover,
    .add-link.aspNetDisabled,
    .add-link.aspNetDisabled:hover {
        color: #eee;
        background: #666;
        padding: 6px 13px;
        text-decoration: none;
    }

    .add-link:hover,
    .add-linkb:hover,
    .add-link:focus,
    .add-linkb:focus {
        color: #333;
        background: #eee;
        text-decoration: none;
    }

div.sectionheader > label > span:first-child {
    margin-left: -20px;
    padding-right: 20px;
}

div.sectionheader > label {
    /*background-image: url("/Content/Images/caret-up.png") !important;
    background-position: 10px 10px  !important;
    background-repeat: no-repeat !important;*/
}

div.sectionheader.expanded > label {
    /*background-image: url("/Content/Images/caret-right.png") !important;*/
}

.details {
    overflow: hidden;
    /* overflow-y: auto; */
    height: auto;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}

    /*Added by TM to fix the jerk on cpllapse of acodion on Customer and Inventory page*/
    .details > *:first-child {
        margin-top: 20px;
    }

    .details > *:last-child {
        margin-bottom: 20px;
    }

    /*.details > div:only-child {
        margin-top: 20px;
        margin-bottom: 20px;
    }*/

    .details.expanded {
        max-height: 1800px;
        overflow-y: auto;
    }

/*modal css*/
.modal-content {
    border-radius: 0;
}

.modal-header {
    border-bottom: none;
    background: #216996;
}

.modal-title {
    color: #fff;
}

.modal-footer {
    background: #216996;
    border-top: none;
}

    .form-detail .modal-footer button, .form-detail .modal-footer input[type="button"], .modal-footer input[type="submit"] {
        margin: 0px;
    }

.admin-form label {
    font-weight: normal;
    margin-right: 10px;
}



/*right section css end here*/


.myErrorLabelClass, .myErrorLabelClassb {
    display: block;
    border-radius: 0;
    margin: 20px 0 50px;
}

.myErrorLabelClass {
    margin: 0;
}


.top-sett ul {
    padding: 0;
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

    .top-sett ul li {
        list-style: none;
        display: table-cell;
        vertical-align: middle;
    }

        .top-sett ul li:last-child {
            text-align: right;
        }

.checkboxb {
    margin-right: 16px;
}

.form-detail table button, .form-detail table input[type="button"], input[type="submit"] {
    margin: 0;
}

/* CSS For Top table on Paymentplanning Agreement Page by Umar S*/
.table-stripped2 {
    color: #000;
    border: 1px solid #000;
}

.table.table-stripped2 tr {
    border: 1px solid #000;
}

.width1 {
    width: 13.3%;
    text-align: right;
    font-weight: bold;
}

.width2 {
    width: 20%;
    border: 1px solid #000;
}

.table-stripped .width2 > span {
    background: #dde4ff;
}

.table-stripped2 .width2 {
    border: 1px solid #000;
}

.table-stripped2 .alt-column {
    background: #e7e7e7;
}

.table-stripped2 .white-column {
    background: #fff;
}

.table-stripped2 .empty-column {
    background: #dde4ff;
}

@media screen and (max-width: 1220px) {
    .table-top ul {
        position: relative;
        right: 0px;
    }
}

@media screen and (max-width: 990px) {
    header .logo {
        width: 100%;
        float: none;
    }

    .table-top ul {
        position: absolute;
        right: 10px;
    }

    header .top {
        margin: 0;
        width: 100%;
        padding: 7px 8px;
    }

        header .top ul li {
            padding: 4px 5px;
        }

    .left {
        position: absolute;
        min-height: 100%;
        left: -500px;
        z-index: 4;
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    header .top ul li .dropdown-menu {
        margin-top: 11px;
    }

    .user {
        border: 1px solid #323232;
    }

    footer {
        text-align: center;
    }

    .main_body {
        display: inline-block;
    }

    .rigth-sec {
        display: block;
    }
}

@media screen and (max-width: 920px) {
    .table-top ul {
        position: relative;
        right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .rigth-sec {
        margin: 0;
    }

    #cssmenu ul li {
        float: none;
    }

    #cssmenu ul ul ul {
        top: 0;
        left: 0;
        width: 100%;
    }

    #cssmenu ul li:hover > a, #cssmenu ul li.active > a { /*background: #1b9bff;*/
        border-bottom: none;
        border-left: 4px solid #fff;
    }

    #cssmenu ul ul {
        display: none;
        position: relative;
    }

    #cssmenu ul li:hover > ul {
        display: block;
    }
}

@media screen and (max-width: 680px) {
    .box-effect {
        display: none;
    }

    .login-bg {
        width: 100%;
    }

    .page-wrap {
        padding: 20px 40px;
    }

    .site-footer p {
        font-size: 1.5vw;
    }

    .table-top h2 {
        text-align: center;
        display: block;
    }

    .table-top ul {
        position: relative;
        width: 100%;
        text-align: center;
        right: 0;
    }

        .table-top ul li {
            display: block;
        }

            .table-top ul li .form-group a.cross {
                right: 115px;
            }
}

@media screen and (max-width: 480px) {
    .site-footer p {
        font-size: 2.5vw;
    }
}


.form-header {
    padding-bottom: 25px;
}

    .form-header span {
        font-weight: bold;
        font-size: 16px;
    }

    .form-header input[type="button"], .form-header input[type="submit"] {
        margin-top: 0px;
        margin-bottom: 15px;
    }











div.account-sub-grid .table.table-striped {
    width: auto;
}


.table.table-striped th a {
    padding-top: 1px;
    padding-left: 15px;
    background: url(/content/images/arrow-up-down-sort.png?v=2.0) left center no-repeat;
}

.table.table-striped th.edit-menu a {
    padding: 0px;
    background: none;
}

.table.table-striped th.sortasc a {
    background: url(/content/images/arrow-up-sort.png?v=2.0) left center no-repeat;
}

.table.table-striped th.sortdesc a {
    background: url(/content/images/arrow-down-sort.png?v=2.0) left center no-repeat;
}


.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
}

.show-all-less {
    color: #FFF;
    font-weight: bold;
    margin-top: 5px;
}

    .show-all-less:hover,
    .show-all-less:active,
    .show-all-less:focus {
        color: #FFF;
        font-weight: bold;
        text-decoration: none !important;
        font-style: italic !important;
    }


/*Link buttons and Disable link buttons in grids*/
table a.aspNetDisabled,
table a.aspNetDisabled:focus,
table a.aspNetDisabled:active,
table a.aspNetDisabled:hover,
table a.aspNetDisabled:visited {
    text-decoration: none;
    color: inherit;
}

.aspNetDisabled > label {
    cursor: not-allowed;
}

a.aspNetDisabled {
    color: gray;
}

    a.aspNetDisabled:hover {
        text-decoration: none;
        color: gray;
        cursor: default;
    }

table.table.table-striped tr.lease-repossessed {
    background-color: red !important;
}

.lease-repossessed td {
    color: #ccc !important;
}

    .lease-repossessed td a {
        color: #0726e4 !important;
    }


/*Auto Complete CSS Start*/

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}





#suggestions-container {
    display: block !important;
    position: relative;
}

    #suggestions-container .autocomplete-suggestions {
        background: #FFF;
        cursor: default;
        overflow: auto;
        height: 200px !important;
        display: block !important;
        position: relative !important;
        /*-webkit-box-shadow: 1px 4px 3px rgba(50,50,50,0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50,50,50,0.64);*/
    }

    #suggestions-container .autocomplete-no-suggestion {
        padding: 20px;
        text-align: center;
    }

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #39f;
}

/*Auto Complete CSS End*/

.hide_td_span span {
    display: none;
}



/*SCROLLER DATA TABLES FOR REPORTS START*/

    /*from scroller.dataTables.css START*/
/*div.DTS {
    display: block !important;
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap;
    }

    div.DTS div.DTS_Loading {
        z-index: 1;
    }

    div.DTS div.dataTables_scrollBody {
        background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
    }

        div.DTS div.dataTables_scrollBody table {
            z-index: 2;
        }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none;
    }*/

    /*from scroller.dataTables.css END*/

    /*from scroller.bootstrap.css START*/
/*div.DTS {
    display: block !important;
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap;
    }

    div.DTS div.DTS_Loading {
        z-index: 1;
    }

    div.DTS div.dataTables_scrollBody {
        background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
    }

        div.DTS div.dataTables_scrollBody table {
            z-index: 2;
        }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none;
    }

    div.DTS tbody tr.even {
        background-color: white;
    }*/
    /*from scroller.bootstrap.css END*/

/*SCROLLER DATA TABLES FOR REPORTS END*/

.lease-grid.radio-list-insurance{
    padding: 0;
}
    .lease-grid.radio-list-insurance tr {
        background-color: transparent !important;
    }

/*tr! td > span.cpi-red-row {
    color: red;
}*/

.right-align {
    text-align: right;
}
.center-align {
    text-align: center;
}
.font-bold {
    font-weight:bold;
}
.remove-left-padding {
    padding-left: 0px !important;
}