@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

/* CSS Document */
@media not all {
    strong, b {
        font-weight: 700;
    }
}

@font-face {
    font-family: "ETHNOCEN";
    src: url("../fonts/ETHNOCEN.ttf");
}

body {
    background: none repeat scroll 0 0 #ffffff;
    color: #231f20;
    font-family: 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
}

*::-moz-selection {
    background-color: #017948;
    color: #ffffff;
}

::selection {
    background-color: #017948;
    color: #ffffff;
}

*, *:before, *:after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    color: #ff8300;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #242a30;
        font-size: 60%;
    }

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

    a:focus {
        outline: 0 none;
    }

img {
    border: 0 none;
}

br {
    margin-bottom: 10px;
}

p {
    line-height: 23px;
    margin: 10px 0;
    padding: 0;
}

b, strong {
    font-weight: 700;
}

.semibold {
    font-weight: 600;
}

.italic-txt {
    color: #656569;
    display: inline-block;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}
/* New */
.Ftable {
    background: #fff none repeat scroll 0 0;
    border-collapse: collapse;
    width: 96%;
}

    .Ftable > tbody > tr:nth-child(2n+1) {
        background-color: #f9f9f9;
    }

    .Ftable > tbody > tr > td:last-child {
        border-right: medium none !important;
    }

    .Ftable > tbody > tr > td, .Ftable > tbody > tr > td a {
        border-top: 1px solid #e4e4e4;
        color: #656569;
        font-size: 12px;
        max-width: 150px;
        overflow: hidden;
        padding: 8px 5px;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
        font-weight: 600;
    }

    .Ftable > tbody > tr:hover {
        background: #ffffe6 none repeat scroll 0 0;
    }
/* New */
.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}
.align-center-imp {
    text-align: center !important;
}
.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
/* starts margin */
.mar-rt20 {
    margin-right: 20px;
}

.mar-lft20 {
    margin-left: 20px;
}

.mar-lr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mar-tb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mar-tb55 {
    margin-top: 57px !important;
}
.mar-b20 {
    margin-bottom: 20px;
}

.mar-All {
    margin: 20px;
}

.mar-Full {
    margin: 20px;
    width: 97% !important;
}

.mar-Remove {
    margin: 0 !important;
}
.mar-tp8 {
    margin-top: 8px;
}
/* ends margin */ /* pading 5px */
.pad-t2 {
    padding-top: 2px;
}

.pad-rt5 {
    padding-right: 5px;
}

.pad-lft5 {
    padding-left: 5px;
}

.pad-lr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad-tb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-b5 {
    padding-bottom: 5px;
}

.pad-t5 {
    padding-top: 5px;
}

.pad-t2 {
    padding-top: 2px;
}
/* pading 10px */
.pad-rt10 {
    padding-right: 10px;
}

.pad-lft10 {
    padding-left: 10px;
}

.pad-lr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-tb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pad-b10 {
    padding-bottom: 10px;
}

.pad-t10 {
    padding-top: 10px;
}

.pad-b15 {
    padding-bottom: 15px;
}
/* pading 20px */
.pad-rt20 {
    padding-right: 20px;
}

.pad-lft20 {
    padding-left: 20px;
}

.pad-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-tb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad-b20 {
    padding-bottom: 20px;
}

.pad-All {
    padding: 20px;
}
.pad-All-5 {
    padding: 5px;
}
.pad-Full {
    padding: 20px;
    width: 97% !important;
}

.pad-Remove {
    padding: 0 !important;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.green {
    color: rgba(0, 117, 73, 1) !important;
}

.lightgreen {
    color: rgba(45, 184, 81, 1) !important;
}

.bg-green {
    background: none repeat scroll 0 0 rgba(0, 117, 73, 1);
}

.bg-lightgreen {
    background: none repeat scroll 0 0 rgba(64, 151, 68, 1);
}

.grey {
    color: rgba(100, 101, 105, 1) !important;
}

.orange {
    color: rgba(230, 105, 37, 1) !important;
}

.red {
    color: rgba(242, 0, 0, 1) !important;
}

.violet {
    color: rgba(117, 47, 138, 1) !important;
}

.blue {
    color: rgba(55, 150, 205, 1) !important;
}

.yellow {
    color: rgba(255, 150, 0, 1) !important;
}

.color1 {
    background: none repeat scroll 0 0 #f8c26d;
}

.color2 {
    background: none repeat scroll 0 0 #9899d1;
}

.color3 {
    background: none repeat scroll 0 0 #4bc8b6;
}

.color4 {
    background: none repeat scroll 0 0 #f096a3;
}

.color5 {
    background: none repeat scroll 0 0 #6eb4cd;
}

.color6 {
    background: none repeat scroll 0 0 #df88bd;
}

button {
    cursor: pointer;
}

label {
    color: #656569;
    display: inline-block;
    font-weight: 600;
}
/*Statrs Text Case Classes*/
.lowercase {
    text-transform: lowercase !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}
/*Ends Text Case Classes*/
input[type="text"] {
    cursor: text;
}

input[type="password"] {
    cursor: text;
}

input[type="button"], button {
    font-weight: 400;
}

input[type="checkbox"][disabled] {
    color: #ccc !important;
    cursor: default !important;
}

input[type="checkbox"]:disabled + label {
    color: #ccc !important;
    cursor: default !important;
}

input[type="radio"][disabled] {
    color: #ccc !important;
    cursor: default !important;
}

input[type="radio"]:disabled + label {
    color: #ccc !important;
    cursor: default !important;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 5px 5px 0 0;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

fieldset {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

fieldset, td {
    padding-top: 0;
}

legend {
    margin: 5px;
    padding: 5px;
}

.page-container {
    /*background-color: #ffffff;
    display: block;
    height: auto;
    width: 100%;
	height: auto;*/
    background-color: #ffffff;
    display: block;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.ContentDiv {
    overflow: hidden;
    padding: 20px;
    width: 100%; /*width: 97.5%;*/
    float: left;
}
/* header css starts here */
#content-height {
    /*min-height:570px;    */
    min-height: 710px;
}

header {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 11;
}

.main-navbar {
    left: 0;
    min-height: 50px;
    overflow: visible !important;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.logo {
    float: left;
    margin-top: 14px;
    padding: 0 50px 0 20px;
    transition: all 0.2s linear 0s;
}

.navbar-nav {
    border-left: 1px solid #e9e9e9;
    margin: 0;
    float: left;
}

    .navbar-nav ul {
        margin: 0;
        padding: 0;
        list-style: none outside none;
    }

        .navbar-nav ul > li {
            border-right: 1px solid #e9e9e9;
            display: block;
            float: left;
            font-size: 14px;
            line-height: 50px;
            position: relative;
        }

            .navbar-nav ul > li > a {
                color: #656569;
                transition: all 0.2s ease 0s;
                padding-bottom: 0;
                padding-top: 0;
                padding: 0 10px 0 15px;
                display: block;
            }

                .navbar-nav ul > li > a:hover, .active-nav {
                    color: #231f20 !important;
                    background: none repeat scroll 0 0 #f5f5f5;
                }

        .navbar-nav ul li ul li ul {
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
            display: none;
            left: 198px;
            position: absolute;
            top: -3px;
            width: 200px;
        }

            .navbar-nav ul li ul li ul li {
                border-right: 1px solid #e9e9e9;
                display: block;
                float: left;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                list-style: outside none none;
                margin-bottom: 2px;
                margin-top: 2px;
                position: relative;
                width: 100%;
            }

.navbar-right {
    left: 0;
    right: 0;
    top: 0;
    z-index: 1031;
}

    .navbar-right ul {
        float: right;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        left: none;
    }

        .navbar-right ul > li {
            display: block;
            float: left;
            line-height: 50px;
            position: relative;
        }

            .navbar-right ul > li a {
                cursor: pointer;
                display: block;
                font-size: 12px;
                padding: 0 15px;
                text-transform: capitalize !important;
            }

                .navbar-right ul > li a i {
                    font-size: 14px !important;
                }

#liUserDetails > a {
    padding-right: 0px;
    text-transform: capitalize;
}

    #liUserDetails > a:first-letter {
        text-transform: uppercase;
    }

#liUserDetails .name {
    float: left;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#liUserDetails > a > b {
    float: left;
    margin-right: 5px;
    margin-top: 25px;
}

.navbar-right ul > li a:hover {
    background-color: #f5f5f5;
}

.navbar-nav ul li ul {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 200px;
    font: inherit;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

    .navbar-nav ul li ul li {
        border: medium none;
        display: block;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        list-style: outside none none;
        margin-bottom: 2px;
        margin-top: 2px;
        width: 100%;
    }

        .navbar-nav ul li ul li:hover, .navbar-nav ul li ul li a:hover {
            background-color: #f5f5f5;
        }

.navbar-nav ul li:hover ul {
    display: block;
}

.u-guid {
    clear: both;
    color: #656569;
    display: block !important;
    float: none !important;
    padding: 6px 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-search {
    border: 1px solid #e9e9e9;
    color: #c1c1c3;
    opacity: 1;
    font-size: 13px;
    margin: 0;
    padding: 5px;
    width: 175px;
}

    .nav-search:focus {
        border: 1px solid #cfb6d6;
        color: #656569;
    }

.btn-search {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #231f20;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 25px;
    transition: all 0.2s linear 0s;
    line-height: 20px !important;
}

.avatar {
    border-radius: 500px;
    display: block;
    margin-right: 10px;
    white-space: nowrap;
}

.avatarSqare {
    display: block;
    margin-right: 10px;
    white-space: nowrap;
}

.avatar img {
    border-radius: 500px;
    width: 100%;
    height: 100%;
}

.avatarSqare img {
    width: 90px;
    height: 90px;
}

.avatarb {
    float: none;
    margin: 0px;
}

.thumb img, .thumb-xs img, .thumb-sm img, .thumb-md img, .thumb-lg img, .thumb-btn img, .thumb-mdSquare {
    vertical-align: middle;
}

.thumb-sm {
    display: inline-block;
    width: 35px;
    height: 35px;
}

.thumb-md {
    display: inline-block;
    width: 70px;
    height: 70px;
}

.thumb-mdSquare {
    display: inline-block;
}
/* header dropdown */
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left !important;
    font-size: 12px;
    list-style: none outside none;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    z-index: 10000;
}

    .dropdown-menu > li {
        clear: both;
        color: #231f20;
        display: block !important;
        float: none !important;
        padding: 0;
        white-space: nowrap;
    }

        .dropdown-menu > li > a, .dropdown-menu > li > ul > li > a {
            clear: both;
            color: #656569;
            display: block !important;
            float: none !important;
            padding: 6px 10px !important;
            white-space: nowrap;
        }

            .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > ul > li > a:hover {
                text-decoration: none;
                color: #231f20;
                background-color: #f5f5f5
            }

        .dropdown-menu > li > ul {
            display: none;
            position: relative;
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 2px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
            min-width: 160px;
            max-width: 300px;
        }

            .dropdown-menu > li > ul > li {
                margin: 0;
                padding: 0;
                list-style: none outside none;
                float: left;
                position: relative;
                float: left;
                height: 100%;
                line-height: 35px;
                width: 100%;
            }

        .dropdown-menu > li:hover ul {
            display: block;
            right: 158px;
            position: absolute;
            top: 0.5em;
        }

.DummyDDLReq {
}

#divmenuuser {
    width: 276px;
}

.profile-LdropBg {
    background: none repeat scroll 0 0 #eff3f4;
    border-bottom: 1px solid #e3eaec;
    display: table;
    padding: 10px 0;
    width: 100% !important;
}

.plinkLBox {
    border-right: 1px dotted #cccdcf;
    float: left;
    width: 45.5%;
}

    .plinkLBox a {
        color: #1581dc;
        float: left;
        line-height: 22px;
        padding: 0 0 0 10px !important;
    }

        .plinkLBox a:hover {
            color: #ff8300;
            background: none !important;
        }

.plinkRBox {
    float: left;
    margin-left: 10px;
    width: 50%;
}

    .plinkRBox a {
        color: #1581dc;
        float: left;
        line-height: 22px;
        padding: 0 0 0 10px !important;
    }

        .plinkRBox a:hover {
            color: #ff8300;
            background: none !important;
        }

.profile-IdropBg {
    display: table;
    padding: 10px;
}

.UImageBox {
    padding-right: 10px;
}

    .UImageBox .note {
        color: #c2c2c2;
        float: left;
        font-style: italic;
        font-size: 10px;
        margin-top: 4px;
        padding-left: 5px;
    }

.pImageBox {
    float: left;
    height: 90px;
    line-height: normal;
    margin: 0 10px 0 0;
    text-align: center;
    width: 90px;
}

    .pImageBox img {
        width: 90px;
    }

.pUserBox {
    float: left;
    line-height: normal;
    min-height: 90px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 153px;
}

    .pUserBox span {
        font-weight: 600;
        line-height: 23px;
    }

    .pUserBox a {
        color: #656569;
        font-size: 11px !important;
        overflow: hidden;
        padding: 0 !important;
        text-overflow: ellipsis;
        width: 94%;
    }

        .pUserBox a:hover {
            background: none !important;
        }

.tax-id {
    color: #ff8300;
}

#divalert {
    width: 260px;
}

.dropdown-header {
    background: none repeat scroll 0 0 #231f20;
    color: #fff !important;
    line-height: 30px !important;
    padding: 0 10px !important;
}

.rowalert {
    border-bottom: 1px solid #f0f0f0;
    clear: both;
    color: #231f20 !important;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

    .rowalert > img {
        float: left;
        margin-right: 10px;
    }

    .rowalert > span {
        color: #656569;
        display: block;
        font-size: 11px;
        line-height: 14px;
        white-space: normal;
    }

.dropdown-footer {
    background: none repeat scroll 0 0 #f0f3f4;
}

    .dropdown-footer a {
        color: #231f20 !important;
        line-height: 15px !important;
        padding: 0 10px !important;
        text-align: center;
    }

.language {
    line-height: 18px !important;
}
/* header dropdown */
/* header css ends here */

/* badge starts here */
.badge.up {
    margin-left: -10px;
    padding: 3px 6px;
    position: relative;
    top: -10px;
}

.bg-danger {
    background-color: #f05050;
    color: #fff;
}

.badge-sm {
    font-size: 85%;
    padding: 2px 5px !important;
}

.badge {
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    vertical-align: baseline;
    white-space: nowrap;
}
/* badge ends here */
/* Starts Footer*/
footer {
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    clear: both;
    height: 35px;
    width: 100%;
    z-index: 1;
    /*position: absolute !important;*/
    bottom: 0;
}

@media all and (-ms-high-contrast:none) {
    body {
        margin: 0;
    }

    footer {
        position: inherit !important;
    }
    /* IE10 */
    *::-ms-backdrop, .footer {
        position: inherit !important;
    }
    /* IE11 */
}

footer img {
    margin: 0 5px;
}

.Footerlbl {
    color: #646569;
    font-size: 12px;
    line-height: 35px;
    padding: 0 10px;
}
/* Ends Footer*/
/* login starts here*/
.login-bg {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: medium none;
    display: inline-block;
    margin: 0 auto 46px;
    min-height: 195px;
    width: 100%;
}

.loginContainer {
    margin: -220px auto 0;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
    visibility: visible;
    width: 1000px;
}

.loginBox {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ededed;
    /*border-radius: 5px;
	box-shadow: -5px 5px 13px #ededed;*/
    padding: 0;
    position: relative;
    width: 100%;
}

.RegBox {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ededed;
    /*border-radius: 5px;
	box-shadow: -5px 5px 13px #ededed;*/
    margin-bottom: 70px;
    padding: 0;
    position: relative;
    width: 100%;
}

.loginText {
    width: 640px;
}

.loginHeader {
    color: #ff8300;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: -0.5px;
    line-height: 20px;
    padding: 10px 0 5px 0;
    text-align: center;
}

    .loginHeader > span {
        color: #231f20;
        display: block;
        font-size: 14px;
        letter-spacing: 0.3px;
    }

.loginContent {
    margin: 0 20px 12px 20px;
    text-align: center;
}

.login-img {
    margin-bottom: 20px;
    margin-right: auto;
    position: relative;
    text-align: center;
    top: 5px;
}

.w-icon {
    display: block;
    position: relative;
    vertical-align: top;
}

.signin-form-icon {
    color: #bfbfbf;
    display: block;
    font-size: 14px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    transition: all 0.3s ease 0s;
    width: 30px;
    z-index: 1;
}

.change-pswd-icon {
    color: #bfbfbf;
    display: block;
    font-size: 14px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 33px;
    transition: all 0.3s ease 0s;
    width: 30px;
    z-index: 1;
}

.forgot {
    color: #1581dc;
    cursor: pointer;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

    .forgot:hover {
        color: #ff8300;
    }

.or-line {
    /* margin: 0 0 0 1px; */
    text-align: center;
    width: 100%;
    background: none repeat scroll 0 0 #fff;
}

    .or-line img {
        width: 100%;
    }

.regText {
    color: #231f20;
    font-size: 14px;
    margin: 20px 0 5px 0;
    text-align: center;
}

    .regText > span {
        color: #646569;
        display: inline-block;
        font-size: 11px;
        margin-top: 5px;
    }

.Login-control {
    padding-left: 25px !important; /*width: 88% !important;*/
}

.Normal-control {
    /*width: 92% !important;*/
}

.Pswd-control {
    padding-left: 28px !important; /*width: 90% !important;*/
}

.logHeadertop {
    margin-top: 35px;
    position: relative;
    text-align: left;
}

.logHeader {
    margin-bottom: 70px;
    margin-top: 45px;
    position: relative;
}

.biglog {
    display: table;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin: 0 0 15px;
}

.smallog {
    font-size: 13px;
    line-height: 23px;
}

.logContent {
    color: #231f20;
    text-align: left;
}

.logiconText {
    display: inline-flex;
    margin: 60px 0;
    min-height: 75px;
}

.logFouricons {
    float: left;
    text-align: center;
    width: 170px;
}

    .logFouricons img {
        display: inline-block;
        text-align: center;
    }

    .logFouricons span {
        display: block;
        color: #656569;
        font-size: 14px;
    }

.WelcomeContainer {
    margin: 50px auto;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
    visibility: visible;
    width: 980px;
}

.WelcomeH {
    font-weight: 300;
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 20px;
    margin: 0 0 20px;
    text-align: center;
}

.welcome-img {
    margin: 30px 25%;
    text-align: center;
}

.PswdDiv {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    box-shadow: 0px 5px 13px #ededed;
    margin: 50px auto;
    padding: 20px 20px 10px;
    width: 400px;
}

    .PswdDiv > span {
        color: #231f20;
        display: inherit;
        font-size: 14px;
        letter-spacing: 0.3px;
        margin: 0 auto;
        padding: 0 0 25px;
        text-align: center;
    }

    .PswdDiv > img {
        display: inherit;
        margin: 0 auto 15px;
        text-align: center;
    }
/* login ends here*/

/* Form Controls */
.form-group {
    content: " ";
    box-sizing: border-box;
    clear: both;
    margin-bottom: 12px;
}
/*.form-group i {
        color: #656569;
        position: absolute;
        right: 8px;
        top: 33px;
        font-size: 14px;
    }*/
.form-horizontal {
    content: " ";
    box-sizing: border-box;
    clear: both;
    margin-bottom: 12px;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #231f20;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

    .form-control:hover {
        background-color: #fbf9fc;
    }

    .form-control:focus {
        border-color: #cfb6d6;
        outline: 0 none;
    }
/*.form-control::-moz-placeholder {
   color: #c1c1c3;
   opacity: 1;
  }
  .Loginplaceholder {
	  color: #c1c1c3;
	  opacity: 1;
  }
  .Loginplaceholder:focus {
	  color: #231f20;
  }*/

/*Starts Place Holder*/
::-webkit-input-placeholder { /* Safari, Chrome and Opera */
    color: #c1c1c3;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
    color: #c1c1c3;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #c1c1c3;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #c1c1c3 !important;
    opacity: 1;
}

::-ms-input-placeholder { /* Edge */
    color: #c1c1c3;
    opacity: 1;
}

:placeholder-shown { /* Standard one last! */
    color: #c1c1c3;
    opacity: 1;
}

.tax-form::-webkit-input-placeholder { /* Safari, Chrome and Opera */
    color: #656569;
    opacity: 1;
}

.tax-form:-moz-placeholder { /* Firefox 18- */
    color: #656569;
    opacity: 1;
}

.tax-form::-moz-placeholder { /* Firefox 19+ */
    color: #656569;
    opacity: 1;
}

.tax-form:-ms-input-placeholder { /* IE 10+ */
    color: #656569;
    opacity: 1;
}

.tax-form::-ms-input-placeholder { /* Edge */
    color: #656569;
    opacity: 1;
}

.tax-form:placeholder-shown { /* Standard one last! */
    color: #656569;
    opacity: 1;
}
/*Ends Place Holder*/

.control-small {
    padding: 2px 3px;
}

.Innerinput {
    color: #231f20;
    font-size: 12px !important;
    padding: 3px !important;
}

.searchinput {
    color: #231f20;
    font-size: 12px;
    padding: 5px 3px;
}

textarea.form-control {
    height: auto;
    resize: none;
}

.datepick-trigger {
    cursor: pointer;
    margin: 0 0 0 3px;
    vertical-align: text-top;
}

.form-control.calendar {
    position: relative;
}

.cal-img {
    cursor: pointer;
    position: absolute;
    /*right: 18px;*/
    right: 26px;
    top: 32px;
}

.control-label {
    color: #656569;
    display: inline-block;
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.label[disabled] {
    opacity: 0.3;
    color: #656569;
    display: inline-block;
    font-weight: 600;
}

.labelDec {
    color: #656569;
    font-style: italic;
    font-size: 11px;
}

.hr-label {
    color: #656569;
    display: inline-block;
    float: left;
    font-weight: 600;
    line-height: 32px;
    margin-right: 10px;
}

.DummyHeight {
    min-height: 25px;
}

.red-inline {
    margin: 1px 0 0 -17px;
    position: absolute;
}

.select {
    padding: 6px 7px;
    width: 99.5%;
    text-transform: capitalize;
}

.size-select {
    border: 0 none;
    overflow: hidden;
    width: 47px;
    position: relative;
}

    .size-select:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
        position: absolute;
        top: 5px;
        right: 0;
    }

    .size-select select {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #6e6e6e;
        font-weight: 600;
        font-size: 12px;
        width: 66px;
    }

.selectbox > option {
    text-indent: 5px;
}

.select-sm {
    padding: 6px 7px;
    width: 30%;
    text-transform: capitalize;
}

.multi-input {
    display: block;
}

.phone-div {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #231f20;
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.phone-img {
    border: medium none;
    padding: 0 7px 0 0;
}

.phone-input {
    font-size: 13px;
    border-color: transparent transparent transparent #e0e0e0;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    padding: 0;
    text-align: center;
}

    .phone-input:hover {
        background-color: #fbf9fc;
    }

    .phone-input:focus {
        border-color: #cfb6d6;
        outline: 0 none;
    }

    .phone-input::-moz-placeholder {
        color: #c1c1c3;
        opacity: 1;
    }

.slidingDivDropDown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: White;
    border-color: #bbbbbb;
    border-image: none;
    border-right: 1px solid #bbbbbb;
    border-style: none solid solid;
    border-width: 1px;
    box-shadow: 3px 4px 3px #cccccc;
    display: none;
    left: 0;
    margin: 7px 0 0;
    max-height: 250px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 274px;
    z-index: 99;
}

.slidingli {
    padding-left: 5px;
    padding-top: 5px;
}

.countrylist_li {
    background-color: #fff;
    border: 1px solid transparent;
    color: #231f20;
    cursor: default;
    font-size: 12px;
    line-height: 16px;
    list-style: outside none none;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.radio, .checkbox {
    display: block;
    position: relative;
}

    .radio label, .checkbox label {
        cursor: pointer;
        font-weight: 400;
        margin-bottom: 0;
        margin-right: 10px;
        text-transform: capitalize;
    }

        .radio label, .checkbox label span {
            color: #888888;
        }

.checkinline {
    display: block;
}

.checkinput {
    float: left;
    margin: 3px 9px 0 0 !important;
}

.checklabel {
    color: #888888;
    line-height: 20px;
}

.lblgrey {
    color: #c2c2c2;
    font-style: italic;
    font-size: 9.5px;
    margin-top: 4px;
    margin-top: -2px\9;
    padding-right: 5px;
    position: absolute;
    right: 0;
}

.labelCheckbox label {
    margin-left: 4px;
    vertical-align: inherit;
    position: relative;
    bottom: 2px;
}

.labelCheckbox {
}

.upload {
    color: #656569;
    cursor: pointer;
    font-weight: 400;
}
/*   Drop Down      */
.DropDown {
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    height: 25px;
    line-height: 22px;
    margin-left: 15px;
    padding: 3px 3px 3px 0px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    text-transform: capitalize;
}

.DropDown1, .ReqDropDown1 {
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    height: 25px;
    line-height: 22px;
    padding: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-transform: uppercase;
}

.DropDownSmall {
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    height: 25px;
    line-height: 22px;
    padding: 3px 3px 3px 0px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    text-transform: capitalize;
}

.DropDownForSearch {
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    height: 25px;
    line-height: 22px;
    padding: 3px 3px 3px 0px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    text-transform: capitalize;
}

.AutoCompleteDivDropDown {
    width: 293px;
    height: 250px;
    display: none;
    font-size: 12px;
    background-color: White;
    padding: 5px;
    margin-top: 0px;
    border-bottom: 5px solid #D8DAE2;
    position: absolute;
    border: 1px solid lightgray;
    border-top-style: none;
}

.Auto-btn {
    position: absolute;
    right: 0px;
    top: -25px;
}

.GridItemDropDown {
    color: #000000;
    background-color: White;
    font-size: 12px;
    border-bottom: 1px solid buttonface;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0px; /*background-color: #e6e6e6;*/
    border: none;
}

.PhoneItemDropDown {
    color: #000000;
    background-color: White;
    font-size: 12px;
    border-bottom: 1px solid buttonface;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0px; /*background-color: #e6e6e6;*/
    border: none;
}
/* Starts Auto Complete */
.autocompletepane {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    font-size: 12px;
    box-shadow: 0px 4px 10px #ccc;
    border-radius: 0px 0px 4px 4px;
}

    .autocompletepane .hint {
        width: 98%;
        float: left;
        margin-top: 1px;
        font-size: 10px;
        font-weight: bolder;
        padding: 2px 5px;
        margin-bottom: 0px;
        position: relative;
        background-color: transparent;
        text-transform: capitalize !important;
        color: #000; /*margin-bottom: -3px;*/
    }

.autocompleteOuter {
    max-width: 650px;
    padding: 2px 2px 2px 2px;
    max-height: 217px;
    overflow: hidden;
    overflow-y: scroll;
}

.autocompleteList {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    line-height: 22px;
    margin: 2px 0;
    max-width: 600px;
    padding: 0 4px;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize !important;
    white-space: nowrap;
}

.autocompleteListCountry {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    line-height: 22px;
    margin: 2px 0;
    /*max-width: 600px;*/
    padding: 0 4px;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize !important;
}

    .autocompleteList:hover, .autocompleteList:focus, .autocompleteListCountry:hover, .autocompleteListCountry:focus {
        background-color: #EAEAEA;
    }

.autocompleteOuter .defaulttext:focus, .autocompleteOuter .defaulttext:hover, .autocompleteOuter .defaulttext:focus label, .autocompleteOuter .defaulttext:hover label {
    background-color: #EAEAEA;
}

.autocompleteList:hover .labelSearch, .autocompleteList:focus .labelSearch, autocompleteListCountry:hover .labelSearch, .autocompleteListCountry:focus .labelSearch {
    font-weight: 400;
}

.autocompleteList .label, .autocompleteList .TxtOverflow, .autocompleteListCountry .label, .autocompleteListCountry .TxtOverflow {
    color: #231f20;
    font-size: 11px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize !important;
    margin: 0;
}

.autocompleteList b, .autocompleteList .Highlight, .autocompleteListCountry b, .autocompleteListCountry .Highlight {
    color: #ff8300;
}

.autocompleteOuter .defaulttext {
    background-color: #76B6D9;
    border: 1px solid #CCCCCC;
}

    .autocompleteOuter .defaulttext label {
        color: Black;
    }

.line, .autocompletepane hr {
    height: 2px;
    margin-bottom: 3px;
}
/* Ends Auto Complete */
.field-style input[type="text"] {
    padding: 12px 10px;
}

.field-style select {
    padding: 11px 10px;
}

.field-style .phone-div input[type="text"] {
    padding: 5px 10px;
}

/* Ends Form Control */

/* Starts Popup */
.modal {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.680);
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
}

.fade.in {
    opacity: 1;
}

.modal {
    z-index: 10001;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}

.modal-dialog-sm, .modal-dialog-md, .modal-dialog-intr, .modal-dialog-lg, .modal-dialog-xsm {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
    width: 100% !important;
}

    .modal-dialog-sm > .overallpopup, .modal-dialog-md .overallpopup, .modal-dialog-intr .overallpopup, .modal-dialog-lg .overallpopup, .modal-dialog-xsm .overallpopup {
        margin: 60px auto;
        position: relative;
        /*transform: translate(0px, 0px);*/
        transition: transform 0.3s ease-out 0s;
    }

.supplier-pop {
    margin: 60px auto 60px -190px !important;
}

.modal-dialog-lg > .overallpopup {
    width: 94%;
}

.modal-dialog-intr > .overallpopup {
    width: 75%;
}

.modal-dialog-md > .overallpopup {
    width: 60%;
}

.modal-dialog-xsm > .overallpopup {
    width: 50%;
}

.modal-dialog-sm > .overallpopup {
    width: 30%;
}

.modal-dialog-st {
    margin: 60px auto;
    position: absolute;
    transform: translate(0px, 0px);
    transition: transform 0.3s ease-out 0s;
}

    .modal-dialog-st > .overallpopup {
        margin: 60px auto;
        position: relative;
        transform: translate(0px, 0px);
        transition: transform 0.3s ease-out 0s;
        width: 30%;
    }

.modal-dialog-map-sm {
    margin: 60px auto;
    position: absolute;
    transform: translate(0px, 0px);
    transition: transform 0.3s ease-out 0s;
}

.modal-dialog-map-sm {
    width: 30%;
}

.modal-content {
    background: none repeat scroll 0 0 padding-box #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
    text-align: left;
}

.modal-header {
    background-color: #231f20;
    background-image: linear-gradient(to bottom, #231f20, #312f2f);
    background-repeat: repeat-x;
    border-bottom: 1px solid #e5e5e5;
    border-color: #efefef #efefef #e5e5e5;
    border-radius: 5px 5px 0 0;
    margin: 5px;
    line-height: 29px;
    padding-left: 15px;
}

    .modal-header .close {
        cursor: pointer;
        float: right;
        position: absolute;
        right: 15px;
        top: 16px;
    }

.modal-header, .modal-title {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 29px;
    text-align: left;
    text-transform: uppercase;
}

.modal-body {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.modal-scroll {
    max-height: 500px;
    overflow: auto;
}

.modal-Vscroll {
    overflow: auto;
    padding: 15px;
    border: 1px solid #e9e9e9;
    max-height: 350px;
}

.modal-block {
    display: inline-block;
    width: 96%;
}

.modal-footer {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ebebeb;
    margin: 10px 5px 0;
    padding: 10px;
    text-align: right;
}

.WhiteRoundedRectforPopup {
    background: none repeat scroll 0 0 padding-box #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    display: inline;
    float: left;
    margin-left: 0;
    position: static;
    z-index: 1;
}

.DocHeaderBackColor {
    background-color: #231f20;
    background-image: linear-gradient(to bottom, #231f20, #312f2f);
    background-repeat: repeat-x;
    border-bottom: 1px solid #e5e5e5;
    border-color: #efefef #efefef #e5e5e5;
    border-radius: 5px 5px 0 0;
    line-height: 29px;
    height: 29px;
    margin: 5px;
    padding-left: 15px;
}

.NewWhiteRoundedRectforPopup {
    background: none repeat scroll 0 0 padding-box #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    border-top: 1px solid White;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    text-align: left;
}

.lft-Second {
    background: none repeat scroll 0 0 #fdf0bf !important;
}

.pop-profile .rt {
    height: 550px;
    margin-left: 241px;
    overflow-y: scroll;
    padding: 0 10px;
}

    .pop-profile .rt .form-panel {
        padding: 10px;
    }

.qnans-bg {
    background: none repeat scroll 0 0 #f1f0ee;
    border-radius: 3px;
    color: #656569;
    font-size: 12px;
    line-height: 23px;
    margin: 30px 20px;
    padding: 10px;
    text-transform: capitalize;
}

    .qnans-bg strong {
        color: #231f20;
    }

    .qnans-bg br {
        margin: 0;
    }

.qnh {
    color: #231f20;
    font-style: italic;
    font-size: 18px;
    font-weight: 400;
}

.pop-settings {
    display: block;
    margin: 0;
    overflow: hidden;
}

    .pop-settings .lft {
        background: none repeat scroll 0 0 #dde4ea;
        border-right: 1px solid #568abc;
        float: left;
        margin-bottom: -1000px;
        padding-bottom: 1000px;
        width: 240px;
    }

        .pop-settings .lft > ul {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

            .pop-settings .lft > ul > li {
                font-weight: 600;
                line-height: 36px;
            }

                .pop-settings .lft > ul > li:hover {
                    background: #568abc;
                    color: #fff !important;
                }

                .pop-settings .lft > ul > li.active {
                    background: #568abc;
                }

        .pop-settings .lft .active > a {
            color: #fff;
        }

        .pop-settings .lft > ul > li a {
            color: #424242;
            padding: 0 0 0 10px;
        }

        .pop-settings .lft > ul > li .btn {
            float: right;
            margin-right: 10px;
        }

            .pop-settings .lft > ul > li .btn > a {
                padding: 0;
            }

    .pop-settings .rt {
        height: 550px;
        margin-left: 241px;
        overflow-y: scroll;
        padding: 0 10px;
    }

        .pop-settings .rt .form-panel {
            padding: 20px 10px 10px 10px;
            min-height: 0;
        }

.Popclose {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 10px;
    top: 16px;
}

.PopHelp {
    color: #FFFFFF;
    font-size: 11px;
    padding-left: 2px;
}

.labelHelp {
    color: #656569;
    font-size: 11px;
    padding-left: 2px;
}

.GrayBoxlabel {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 29px;
    text-align: left;
}

.arrow-popup-SiteMap {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    height: 0;
    width: 0;
}

.Popup_Header_Text {
    color: #FFF;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
}

.WelcomeTitle {
    font-size: 14px;
}

/* Ends Popup */
/* Starts Button */
input[type=text, button]:enabled {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}

input[type="text, button"]:disabled {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}

.signin-button {
    background: #008955;
    background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
    background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
    background: -o-linear-gradient(top, #008955 0%, #007549 100%);
    background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
    background: linear-gradient(to bottom, #008955 0%, #007549 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
    border: 1px solid #00613d;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 19px;
    outline: 0 none !important;
    text-align: center;
    text-shadow: 0 0 2px #00613d;
    transition: all 0.3s ease 0s;
    width: 100%;
    text-transform: capitalize;
}

    .signin-button:hover {
        background: #009c61;
        background: -moz-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009c61), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -o-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -ms-linear-gradient(top, #009c61 0%, #007549 100%);
        background: linear-gradient(to bottom, #009c61 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c61', endColorstr='#007549', GradientType=0 );
    }

    .signin-button:focus {
        background: #009c53;
        background: -moz-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009c53), color-stop(100%, #00763f));
        background: -webkit-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -o-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -ms-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: linear-gradient(to bottom, #009c53 0%, #00763f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c53', endColorstr='#00763f', GradientType=0 );
    }

.register-button {
    background: #ff901a;
    background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
    background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
    border: 1px solid #ed7a00;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 19px;
    outline: 0 none !important;
    text-align: center;
    text-shadow: 0 0 2px #ed7a00;
    transition: all 0.3s ease 0s;
    width: 100%;
    text-transform: capitalize;
}

    .register-button:hover {
        background: #ff9a30;
        background: -moz-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9a30), color-stop(100%, #ff8300));
        background: -webkit-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -o-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -ms-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: linear-gradient(to bottom, #ff9a30 0%, #ff8300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a30', endColorstr='#ff8300', GradientType=0 );
    }

    .register-button:focus {
        background: #ff8a31;
        background: -moz-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8a31), color-stop(100%, #ff6f01));
        background: -webkit-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -o-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -ms-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: linear-gradient(to bottom, #ff8a31 0%, #ff6f01 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a31', endColorstr='#ff6f01', GradientType=0 );
    }

.changepic-btn {
    background: none repeat scroll 0 0 rgba(171, 125, 195, 0.8);
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: table;
    font-weight: 400;
    font-size: 10px;
    height: 26px;
    text-transform: capitalize;
}

    .changepic-btn:hover {
        background: none repeat scroll 0 0 rgba(171, 125, 195, 1);
    }

    .changepic-btn:focus {
        background: none repeat scroll 0 0 rgba(171, 125, 195, 0.9);
    }

.propic-btn {
    background: none repeat scroll 0 0 rgba(171, 125, 195, 0.8);
    border: medium none;
    bottom: 10px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 10px;
    height: 21px;
    left: 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    width: 90px;
}

    .propic-btn:hover {
        background: none repeat scroll 0 0 rgba(171, 125, 195, 1);
    }

    .propic-btn:focus {
        background: none repeat scroll 0 0 rgba(171, 125, 195, 0.9);
    }

.signinOut {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d8d8d8));
    background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0 );
    border: 1px solid #bbb;
    border-radius: 0;
    bottom: 0px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    cursor: pointer;
    display: table;
    font-size: 12px;
    height: 28px;
    line-height: 24px;
    outline: medium none;
    padding: 0 12px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    text-transform: capitalize;
}

    .signinOut:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #eaeaea));
        background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 50%);
        background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 50%);
        background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 50%);
        background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );
    }

    .signinOut:focus {
        background: #ffffff;
        background: -moz-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(50%, #f1f1f1));
        background: -webkit-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%);
        background: -o-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%);
        background: -ms-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%);
        background: linear-gradient(to bottom, #f9f9f9 0%, #f1f1f1 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0 );
    }

.green-btn {
    background: #008955;
    background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
    background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
    background: -o-linear-gradient(top, #008955 0%, #007549 100%);
    background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
    background: linear-gradient(to bottom, #008955 0%, #007549 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
    border: 1px solid #00613d;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #00613d;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

    .green-btn:hover {
        background: #009c61;
        background: -moz-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009c61), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -o-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -ms-linear-gradient(top, #009c61 0%, #007549 100%);
        background: linear-gradient(to bottom, #009c61 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c61', endColorstr='#007549', GradientType=0 );
    }

    .green-btn:focus {
        background: #009c53;
        background: -moz-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009c53), color-stop(100%, #00763f));
        background: -webkit-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -o-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: -ms-linear-gradient(top, #009c53 0%, #00763f 100%);
        background: linear-gradient(to bottom, #009c53 0%, #00763f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c53', endColorstr='#00763f', GradientType=0 );
    }

    .green-btn:disabled {
        background: #008955;
        background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
        background: -o-linear-gradient(top, #008955 0%, #007549 100%);
        background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
        background: linear-gradient(to bottom, #008955 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.orange-btn {
    background: #ff901a;
    background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
    background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
    border: 1px solid #ed7a00;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #ed7a00;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

    .orange-btn:hover {
        background: #ff9a30;
        background: -moz-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9a30), color-stop(100%, #ff8300));
        background: -webkit-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -o-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -ms-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: linear-gradient(to bottom, #ff9a30 0%, #ff8300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a30', endColorstr='#ff8300', GradientType=0 );
    }

    .orange-btn:focus {
        background: #ff8a31;
        background: -moz-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8a31), color-stop(100%, #ff6f01));
        background: -webkit-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -o-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: -ms-linear-gradient(top, #ff8a31 0%, #ff6f01 100%);
        background: linear-gradient(to bottom, #ff8a31 0%, #ff6f01 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a31', endColorstr='#ff6f01', GradientType=0 );
    }

    .orange-btn:disabled {
        background: #ff901a;
        background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
        background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.grey-btn {
    background: #676767;
    background: -moz-linear-gradient(top, #676767 0%, #535353 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #676767), color-stop(100%, #535353));
    background: -webkit-linear-gradient(top, #676767 0%, #535353 100%);
    background: -o-linear-gradient(top, #676767 0%, #535353 100%);
    background: -ms-linear-gradient(top, #676767 0%, #535353 100%);
    background: linear-gradient(to bottom, #676767 0%, #535353 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#535353', GradientType=0 );
    border: 1px solid #494949;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #494949;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

    .grey-btn:hover {
        background: #707070;
        background: -moz-linear-gradient(top, #707070 0%, #535353 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #535353));
        background: -webkit-linear-gradient(top, #707070 0%, #535353 100%);
        background: -o-linear-gradient(top, #707070 0%, #535353 100%);
        background: -ms-linear-gradient(top, #707070 0%, #535353 100%);
        background: linear-gradient(to bottom, #707070 0%, #535353 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#535353', GradientType=0 );
    }

    .grey-btn:focus {
        background: #6a6a6a;
        background: -moz-linear-gradient(top, #6a6a6a 0%, #4f4f4f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6a6a), color-stop(100%, #4f4f4f));
        background: -webkit-linear-gradient(top, #6a6a6a 0%, #4f4f4f 100%);
        background: -o-linear-gradient(top, #6a6a6a 0%, #4f4f4f 100%);
        background: -ms-linear-gradient(top, #6a6a6a 0%, #4f4f4f 100%);
        background: linear-gradient(to bottom, #6a6a6a 0%, #4f4f4f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#4f4f4f', GradientType=0 );
    }

    .grey-btn:disabled {
        background: #676767;
        background: -moz-linear-gradient(top, #676767 0%, #535353 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #676767), color-stop(100%, #535353));
        background: -webkit-linear-gradient(top, #676767 0%, #535353 100%);
        background: -o-linear-gradient(top, #676767 0%, #535353 100%);
        background: -ms-linear-gradient(top, #676767 0%, #535353 100%);
        background: linear-gradient(to bottom, #676767 0%, #535353 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#535353', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.grey-btn-disable {
    background: #d8d8d8; /* Old browsers */
    background: -moz-linear-gradient(top, #d8d8d8 0%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d8d8d8 0%, #cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d8d8d8 0%, #cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d8d8d8 0%, #cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d8d8d8 0%, #cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#cecece', GradientType=0 ); /* IE6-9 */
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: rgba(0, 0, 0, 0.2);
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

.violet-btn {
    background: #9e3fba;
    background: -moz-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e3fba), color-stop(100%, #85359d));
    background: -webkit-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -o-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -ms-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: linear-gradient(to bottom, #9e3fba 0%, #85359d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fba', endColorstr='#85359d', GradientType=0 );
    border: 1px solid #79308e;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #79308e;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

    .violet-btn:hover {
        background: #a74bc2;
        background: -moz-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74bc2), color-stop(100%, #85359d));
        background: -webkit-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -o-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -ms-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: linear-gradient(to bottom, #a74bc2 0%, #85359d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a74bc2', endColorstr='#85359d', GradientType=0 );
    }

    .violet-btn:focus {
        background: #9d4cc2;
        background: -moz-linear-gradient(top, #9d4cc2 0%, #7c359d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d4cc2), color-stop(100%, #7c359d));
        background: -webkit-linear-gradient(top, #9d4cc2 0%, #7c359d 100%);
        background: -o-linear-gradient(top, #9d4cc2 0%, #7c359d 100%);
        background: -ms-linear-gradient(top, #9d4cc2 0%, #7c359d 100%);
        background: linear-gradient(to bottom, #9d4cc2 0%, #7c359d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d4cc2', endColorstr='#7c359d', GradientType=0 );
    }

    .violet-btn:disabled {
        background: #9e3fba;
        background: -moz-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e3fba), color-stop(100%, #85359d));
        background: -webkit-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -o-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -ms-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: linear-gradient(to bottom, #9e3fba 0%, #85359d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fba', endColorstr='#85359d', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.red-btn {
    background: #ee0500;
    background: -moz-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee0500), color-stop(100%, #da0500));
    background: -webkit-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -o-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -ms-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: linear-gradient(to bottom, #ee0500 0%, #da0500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0500', endColorstr='#da0500', GradientType=0 );
    border: 1px solid #c60500;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0 1px 0 0;
    outline: medium none;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #c60500;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-transform: capitalize;
}

    .red-btn:hover {
        background: #ff0802;
        background: -moz-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0802), color-stop(100%, #da0500));
        background: -webkit-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -o-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -ms-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: linear-gradient(to bottom, #ff0802 0%, #da0500 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0802', endColorstr='#da0500', GradientType=0 );
    }

    .red-btn:focus {
        background: #ff0314;
        background: -moz-linear-gradient(top, #ff0314 0%, #da000f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0314), color-stop(100%, #da000f));
        background: -webkit-linear-gradient(top, #ff0314 0%, #da000f 100%);
        background: -o-linear-gradient(top, #ff0314 0%, #da000f 100%);
        background: -ms-linear-gradient(top, #ff0314 0%, #da000f 100%);
        background: linear-gradient(to bottom, #ff0314 0%, #da000f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0314', endColorstr='#da000f', GradientType=0 );
    }

    .red-btn:disabled {
        background: #ee0500;
        background: -moz-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee0500), color-stop(100%, #da0500));
        background: -webkit-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -o-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -ms-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: linear-gradient(to bottom, #ee0500 0%, #da0500 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0500', endColorstr='#da0500', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.print-btn {
    background: url("../images/printer-icon.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}

    .print-btn:hover {
        opacity: 0.8;
    }

    .print-btn:focus {
        opacity: 0.9;
    }

    .print-btn:disabled {
        background: none repeat scroll 0 0 rgba(189, 189, 189, 1);
        cursor: auto;
    }

.round-btn-div {
    display: inline;
    margin-right: 3px;
}

.btn-default {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    left: -2px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    text-transform: capitalize;
}

    .btn-default:hover {
        opacity: 0.8;
    }

    .btn-default:disabled {
        background: none repeat scroll 0 0 rgba(189, 189, 189, 1);
        cursor: auto;
    }

.btn-green {
    background: #008955;
    background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
    background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
    background: -o-linear-gradient(top, #008955 0%, #007549 100%);
    background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
    background: linear-gradient(to bottom, #008955 0%, #007549 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
    border: 1px solid #00613d;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-green:hover {
        background: #009c61;
        background: -moz-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009c61), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -o-linear-gradient(top, #009c61 0%, #007549 100%);
        background: -ms-linear-gradient(top, #009c61 0%, #007549 100%);
        background: linear-gradient(to bottom, #009c61 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c61', endColorstr='#007549', GradientType=0 );
    }

    .btn-green:disabled {
        background: #008955;
        background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
        background: -o-linear-gradient(top, #008955 0%, #007549 100%);
        background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
        background: linear-gradient(to bottom, #008955 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.btn-lightgreen {
    background: #349f13;
    background: -moz-linear-gradient(top, #349f13 0%, #2e8d11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #349f13), color-stop(100%, #2e8d11));
    background: -webkit-linear-gradient(top, #349f13 0%, #2e8d11 100%);
    background: -o-linear-gradient(top, #349f13 0%, #2e8d11 100%);
    background: -ms-linear-gradient(top, #349f13 0%, #2e8d11 100%);
    background: linear-gradient(to bottom, #349f13 0%, #2e8d11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349f13', endColorstr='#2e8d11', GradientType=0 );
    border: 1px solid #287b0f;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-lightgreen:hover {
        background: #39b015;
        background: -moz-linear-gradient(top, #39b015 0%, #2e8d11 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #39b015), color-stop(100%, #2e8d11));
        background: -webkit-linear-gradient(top, #39b015 0%, #2e8d11 100%);
        background: -o-linear-gradient(top, #39b015 0%, #2e8d11 100%);
        background: -ms-linear-gradient(top, #39b015 0%, #2e8d11 100%);
        background: linear-gradient(to bottom, #39b015 0%, #2e8d11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b015', endColorstr='#2e8d11', GradientType=0 );
    }

    .btn-lightgreen:disabled {
        background: #349f13;
        background: -moz-linear-gradient(top, #349f13 0%, #2e8d11 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #349f13), color-stop(100%, #2e8d11));
        background: -webkit-linear-gradient(top, #349f13 0%, #2e8d11 100%);
        background: -o-linear-gradient(top, #349f13 0%, #2e8d11 100%);
        background: -ms-linear-gradient(top, #349f13 0%, #2e8d11 100%);
        background: linear-gradient(to bottom, #349f13 0%, #2e8d11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349f13', endColorstr='#2e8d11', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.btn-orange {
    background: #ff901a;
    background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
    background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
    border: 1px solid #ed7a00;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-orange:hover {
        background: #ff9a30;
        background: -moz-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9a30), color-stop(100%, #ff8300));
        background: -webkit-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -o-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: -ms-linear-gradient(top, #ff9a30 0%, #ff8300 100%);
        background: linear-gradient(to bottom, #ff9a30 0%, #ff8300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a30', endColorstr='#ff8300', GradientType=0 );
    }

    .btn-orange:disabled {
        background: #ff901a;
        background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
        background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
        background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.btn-grey {
    background: #676767;
    background: -moz-linear-gradient(top, #676767 0%, #535353 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #676767), color-stop(100%, #535353));
    background: -webkit-linear-gradient(top, #676767 0%, #535353 100%);
    background: -o-linear-gradient(top, #676767 0%, #535353 100%);
    background: -ms-linear-gradient(top, #676767 0%, #535353 100%);
    background: linear-gradient(to bottom, #676767 0%, #535353 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#535353', GradientType=0 );
    border: 1px solid #494949;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-grey:hover {
        background: #707070;
        background: -moz-linear-gradient(top, #707070 0%, #535353 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #535353));
        background: -webkit-linear-gradient(top, #707070 0%, #535353 100%);
        background: -o-linear-gradient(top, #707070 0%, #535353 100%);
        background: -ms-linear-gradient(top, #707070 0%, #535353 100%);
        background: linear-gradient(to bottom, #707070 0%, #535353 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#535353', GradientType=0 );
    }

    .btn-grey:disabled {
        background: #676767;
        background: -moz-linear-gradient(top, #676767 0%, #535353 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #676767), color-stop(100%, #535353));
        background: -webkit-linear-gradient(top, #676767 0%, #535353 100%);
        background: -o-linear-gradient(top, #676767 0%, #535353 100%);
        background: -ms-linear-gradient(top, #676767 0%, #535353 100%);
        background: linear-gradient(to bottom, #676767 0%, #535353 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#535353', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.btn-violet {
    background: #9e3fba;
    background: -moz-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e3fba), color-stop(100%, #85359d));
    background: -webkit-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -o-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: -ms-linear-gradient(top, #9e3fba 0%, #85359d 100%);
    background: linear-gradient(to bottom, #9e3fba 0%, #85359d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fba', endColorstr='#85359d', GradientType=0 );
    border: 1px solid #79308e;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-violet:hover {
        background: #a74bc2;
        background: -moz-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74bc2), color-stop(100%, #85359d));
        background: -webkit-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -o-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: -ms-linear-gradient(top, #a74bc2 0%, #85359d 100%);
        background: linear-gradient(to bottom, #a74bc2 0%, #85359d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a74bc2', endColorstr='#85359d', GradientType=0 );
    }

    .btn-violet:disabled {
        background: #9e3fba;
        background: -moz-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e3fba), color-stop(100%, #85359d));
        background: -webkit-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -o-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: -ms-linear-gradient(top, #9e3fba 0%, #85359d 100%);
        background: linear-gradient(to bottom, #9e3fba 0%, #85359d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fba', endColorstr='#85359d', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.btn-red {
    background: #ee0500;
    background: -moz-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee0500), color-stop(100%, #da0500));
    background: -webkit-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -o-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -ms-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: linear-gradient(to bottom, #ee0500 0%, #da0500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0500', endColorstr='#da0500', GradientType=0 );
    border: 1px solid #c60500;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 1px 10px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

    .btn-red:hover {
        background: #ff0802;
        background: -moz-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0802), color-stop(100%, #da0500));
        background: -webkit-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -o-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -ms-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: linear-gradient(to bottom, #ff0802 0%, #da0500 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0802', endColorstr='#da0500', GradientType=0 );
    }

    .btn-red:disabled {
        background: #ee0500;
        background: -moz-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee0500), color-stop(100%, #da0500));
        background: -webkit-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -o-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: -ms-linear-gradient(top, #ee0500 0%, #da0500 100%);
        background: linear-gradient(to bottom, #ee0500 0%, #da0500 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0500', endColorstr='#da0500', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }

.is-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: text !important;
    background-color: Gray !important;
}

.btn-default:disabled, .btn-green:disabled, btn-lightgreen:disabled, btn-grey:disabled, btn-orange:disabled, btn-red:disabled, btn-violet:disabled {
    cursor: text !important;
}

.btn-sm {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
}

.btn-square {
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #434343 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 21px;
    line-height: 18px;
    margin: 0 3px 0 0;
    text-align: center;
    width: 21px;
}

    .btn-square:hover {
        background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 50%);
        color: #231f20 !important;
    }

.btn-round {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 1);
    border: 2px solid #bcbcbc;
    border-radius: 50px;
    color: #bcbcbc;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 0 3px 0 0;
    text-align: center;
    width: 20px;
}
/* Ends Button */

/* Starts  Wizards */

/* Starts old wizard */

.wizard-steps {
    clear: both;
    font-weight: 400;
    margin: 25px 0 0 !important;
    padding: 0 0 30px !important;
    position: relative;
}

    .wizard-steps div {
        position: relative;
    }
    /* = STEP NUMBERS----------------------------*/
    .wizard-steps span {
        background: none repeat scroll 0 0 #313131;
        border: 2px solid #eff3f4;
        border-radius: 10px;
        color: #ccc;
        display: block;
        float: left;
        font-size: 10px;
        line-height: 15px;
        margin: 2px 5px 0 0;
        text-align: center;
        width: 15px;
    }
    /* = DEFAULT STEPS----------------------------*/
    .wizard-steps a {
        position: relative;
        display: block;
        width: auto;
        height: 24px;
        margin-right: 15px;
        padding: 0px 6px 0px 6px;
        float: left;
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
        color: #313131;
        background: #babcb9;
        text-decoration: none; /*text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);*/
        cursor: text;
    }

        .wizard-steps a:before {
            width: 0px;
            height: 0px;
            border-top: 12px solid #babcb9;
            border-bottom: 12px solid #babcb9;
            border-left: 12px solid transparent;
            position: absolute;
            content: "";
            top: 0px;
            left: -12px;
        }

        .wizard-steps a:after {
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 12px solid #babcb9;
            position: absolute;
            content: "";
            top: 0px;
            right: -12px;
        }
    /* = COMPLETED STEPS----------------------------*/
    .wizard-steps .completed-step a {
        color: white;
        background: #656569;
        cursor: pointer;
        letter-spacing: -0.5px;
    }

        .wizard-steps .completed-step a:before {
            border-top: 12px solid #656569;
            border-bottom: 12px solid #656569;
        }

        .wizard-steps .completed-step a:after {
            border-left: 12px solid #656569;
        }

    .wizard-steps .completed-step span {
        border: 2px solid #aeaeae;
        color: #b9bbb8;
        text-shadow: 0px 0px #fff;
    }
    /* = ACTIVE STEPS----------------------------*/
    .wizard-steps .active-step a {
        color: #fff;
        background: #313131;
        text-shadow: none;
        cursor: pointer;
    }

        .wizard-steps .active-step a:before {
            border-top: 12px solid #313131;
            border-bottom: 12px solid #313131;
            cursor: pointer;
        }

        .wizard-steps .active-step a:after {
            border-left: 12px solid #313131;
        }

    .wizard-steps .active-step span {
        border: 2px solid #eff3f4;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
        color: #eff3f4;
        text-shadow: none;
    }
    /* = HOVER STATES----------------------------*/
    .wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
        color: #aeaeae;
        background: #252525;
        ; /* text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);*/
        text-shadow: none;
    }

    .wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
        color: #eff3f4;
    }

    .wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
        border-top: 12px solid #252525;
        border-bottom: 12px solid #252525;
    }

    .wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
        border-left: 12px solid #252525;
    }
    /* = TEMPACTIVE STEPS----------------------------*/
    .wizard-steps .Tempactive-step a {
        color: white;
        background: #8F061E;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
        cursor: pointer;
    }

        .wizard-steps .Tempactive-step a:before {
            border-top: 12px solid #8F061E;
            border-bottom: 12px solid #8F061E;
            cursor: pointer;
        }

        .wizard-steps .Tempactive-step a:after {
            border-left: 12px solid #8F061E;
        }

    .wizard-steps .Tempactive-step span {
        color: #8F061E;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        text-shadow: none;
        border: 2px solid #8F061E;
    }

    .wizard-steps .active-stepNew a {
        color: #000000;
        background: #666699;
        text-shadow: none;
        cursor: pointer;
    }

        .wizard-steps .active-stepNew a:before {
            border-top: 12px solid #666699;
            border-bottom: 12px solid #666699;
            cursor: pointer;
        }

        .wizard-steps .active-stepNew a:after {
            border-left: 12px solid #666699;
        }

    .wizard-steps .active-stepNew span {
        color: #163038;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
        text-shadow: none;
        border: 2px solid #A3C1C9;
    }
    /* = INCOMPLETE STEPS NEW----------------------------*/
    .wizard-steps .incompleted-step a {
        color: #000000;
        background: #CCFFFF;
        cursor: pointer;
        letter-spacing: -0.5px;
        text-shadow: 0 -1px 3px #202020;
    }

        .wizard-steps .incompleted-step a:before {
            border-top: 12px solid #CCFFFF;
            border-bottom: 12px solid #CCFFFF;
        }

        .wizard-steps .incompleted-step a:after {
            border-left: 12px solid #CCFFFF;
        }

    .wizard-steps .incompleted-step span {
        border: 2px solid #163038;
        color: #163038;
        text-shadow: none;
    }
/* ends old wizard */
.wizard {
    width: 100%;
}

.wizard-head {
    float: left;
    width: 250px;
}

    .wizard-head ul {
        height: 35px;
        list-style: none outside none;
        margin: 0;
        overflow: visible;
        padding: 0;
    }

        .wizard-head ul li {
            border-bottom: 1px solid #e9e9e9;
            height: 63px;
            padding-left: 20px;
        }

            .wizard-head ul li:hover {
                background: none repeat scroll 0 0 #f5f5f5;
            }

            .wizard-head ul li:first-child {
                margin-top: 10px;
            }

            .wizard-head ul li a {
                color: #888888;
                font-size: 14px;
                cursor: pointer;
            }

                .wizard-head ul li a > i {
                    display: inline-block;
                    float: left;
                    font-size: 24px;
                    padding: 22px 10px 0 0;
                }

            .wizard-head ul li .step {
                color: #313131;
                display: block;
                font-weight: 600;
                font-size: 14px;
                line-height: 11px;
                padding-top: 20px;
            }

            .wizard-head ul li.active {
                background: #313131;
                color: #fff;
            }

                .wizard-head ul li.active a > i {
                    color: #FFF;
                }

                .wizard-head ul li.active .step {
                    color: #fff;
                    display: block;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 11px;
                    padding-top: 20px;
                }

                .wizard-head ul li.active a > span {
                    color: #fff;
                    line-height: 20px;
                }

            .wizard-head ul li.completed {
                background: #f5f5f5;
                color: #888888;
            }

                .wizard-head ul li.completed a > i {
                    color: #888888;
                }

                .wizard-head ul li.completed .step {
                    color: #313131;
                    display: block;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 11px;
                    padding-top: 20px;
                }

                .wizard-head ul li.completed a > span {
                    color: #888888;
                    line-height: 20px;
                }

.wizard-body {
    border-left: 1px solid #e9e9e9;
    bottom: 0;
    margin-left: 250px;
    padding: 0;
    top: 0;
}

.page-h {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 20px 0px;
}

.page-hBottom {
    border-top: 1px solid #e9e9e9;
    display: inline-block;
    margin-top: 20px;
    padding: 20px 0;
    width: 100%;
}

.page-h > img {
    position: relative;
    top: -3px;
}

.page-hText {
    color: #ff8300;
    font-weight: 300;
    font-size: 21px;
    letter-spacing: -0.5px;
    padding: 0 5px 0 10px;
    position: relative;
    top: -9px;
    text-transform: capitalize;
}

.page-hSmall {
    color: #656569;
    font-size: 14px;
    position: relative;
    top: -13px;
}
/* starts tooltip*/
.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 10px;
    z-index: 100000;
    text-transform: capitalize;
}

.tipsy-inner {
    background-color: #696969;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}
/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #696969;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #696969;
}

.tipsy-arrow-s {
    border-top-color: #696969;
}

.tipsy-arrow-e {
    border-left-color: #696969;
}

.tipsy-arrow-w {
    border-right-color: #696969;
}

.tipsy-n .tipsy-arrow {
    top: 5px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 5px;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 5px;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 5px;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 5px;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 5px;
    top: 50%;
    margin-top: -5x;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
/* Tool Tip End*/

/* Starts Grid */
.Grid {
    background: none repeat scroll 0 0 #fff;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    width: 100%;
}

.GridHeader {
    border: 1px solid #dbdbdb;
    color: #525252;
    font-size: 13px;
    text-decoration: none;
}

.Grid th {
    background: none repeat scroll 0 0 #ebebeb;
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #656569;
    font-weight: 600;
    font-size: 12px;
    font-weight: 400;
    max-width: 150px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
}

    .Grid th:last-child {
        /*border-right: medium none !important;*/
    }

.action {
    text-align: center !important;
    width: 50px !important;
}

.GridHeader a {
    color: #656569;
    font-weight: 600;
    text-decoration: none;
}

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

.Grid > tbody > tr > td a {
    color: #ff8300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-transform: capitalize;
}

    .Grid > tbody > tr > td a i, .Grid > tbody > tr > td i {
        color: #777777;
        font-size: 18px;
    }

.Grid > tbody > tr > td {
    border: 1px solid #e4e4e4;
    /*border-right: 1px solid #e4e4e4;
 border-top: 1px solid #e4e4e4;*/
    color: #555555;
    font-weight: normal;
    max-width: 130px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.Grid.mlinegrid > tbody > tr > td {
    white-space: pre-line;
}

.Grid > tbody > tr > td span {
    font-weight: 400;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.Grid > tbody > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.Grid > tbody > tr > td:last-child {
    border-right: medium none !important;
}

.Grid > tbody > tr:hover {
    background-color: #ffffe6;
}

.Gridselected, .Gridselectable {
    background-color: #ffffcc !important;
}

.Grid th > img {
    margin: 2px;
}

.Grid .form-group {
    margin: 0;
}

.tdbig {
    max-width: 300px !important;
}

    .tdbig span {
        max-width: 300px !important;
    }

.filter {
    float: right;
    font-size: 12px;
    margin: 3px 0 0;
}

.RoundedGrdRect {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e4e4e4;
    border-top: none medium;
    clear: both;
    line-height: 20px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.BoxWidget .RoundedGrdRect {
    border-color: #e4e4e4 transparent transparent transparent;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
}

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

    .pagination > li {
        color: #231f20;
        display: inline;
        font-size: 12px;
        margin: 0;
        padding: 0 2px;
    }

        .pagination > li img {
            margin-top: -3px;
        }

    .pagination input[type="text"] {
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        color: #656569;
        font-size: 12px;
        padding: 4px;
        width: 35px;
    }

    .pagination i {
        color: #999;
        font-size: 14px;
    }

        .pagination i.colorb {
            color: #3780b0;
            font-size: 14px;
        }

.TxtOverflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.TxtOverflow-survey-todolist {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.lnkExportClass {
    color: #ff8300;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    cursor: pointer;
}
/* Ends Grid */


/* Starts Navigation Menu */
.menuTemplate4New {
    background: none repeat scroll 0 0 #424242;
    font-weight: 600;
    height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 4;
}

    .menuTemplate4New li {
        float: left;
        line-height: 35px;
        padding: 0;
        position: relative;
        z-index: 2;
    }

        .menuTemplate4New li:first-child {
            padding-left: 15px;
        }

    .menuTemplate4New a {
        border-right: medium none;
        color: #AEAEAE;
        display: inline-block;
        font-size: 13px;
        left: 0;
        line-height: 35px;
        outline: 0 none;
        padding: 0 15px;
        position: relative;
        text-decoration: none;
        top: 0;
    }

    .menuTemplate4New li:hover a {
        background-color: #313131;
        color: #ffffff;
    }

    .menuTemplate4New li.selected a {
        background-color: #313131;
        border: medium none;
        color: #fff;
        font-size: 13px;
        line-height: 35px;
        z-index: 2;
    }

    .menuTemplate4New li.selected div a {
        /*border-radius: 5px 5px 0px 0px;*/
        background-color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        /*color: #000;*/
        z-index: 2;
        border: 1px solid #FFFFFF;
        line-height: 23px; /*Note: keep this value the same as the height of .menuTemplate4New li */
    }

#MenuDiv {
    background: none repeat scroll 0 0 #313131;
    float: left;
    /*
	  min-height: 664px;
	  overflow-x: hidden;
	  overflow-y: auto;	
	  top: 96px;*/
    position: absolute;
    width: auto;
    z-index: 99;
    bottom: 0px;
    top: 86px;
    min-width:318px
}

#DivMenuSplrDtlsView {
    background: none repeat scroll 0 0 #313131;
    border: none medium;
    float: left;
    min-height: 520px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: auto;
    z-index: 1000;
    border-top: 1px solid #AEAEAE;
}

#cssmenulevel1, #cssmenulevel1 ul, #cssmenulevel1 li, #cssmenulevel1 a {
    /*border: 0 none;
	  font-size: 13px;
	  font-weight:400;
	  list-style: outside none none;
	  margin: 0;
	  overflow: hidden;
	  padding: 0;
	  position: relative;
	  text-decoration: none;
	  text-overflow: ellipsis;
	  white-space: nowrap;
 line-height: 1;*/
    border: 0 none;
    box-sizing: border-box;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    #cssmenulevel1 a {
        /*line-height: 0.6;*/
    }

        #cssmenulevel1 a:hover {
            background: none repeat scroll 0 0 #2b2b2b;
            color: #FFFFFF;
        }

#cssmenulevel1 {
    /*background: none repeat scroll 0 0 #313131;
	  margin-top: 10px;
	  min-width: 250px;*/
    background: none repeat scroll 0 0 #313131;
    width: 385px;
}

    #cssmenulevel1 > ul > li > a {
        /*color: #aeaeae;
	  display: block;*/
        background: none repeat scroll 0 0 #313131;
        color: #aeaeae;
        cursor: pointer;
        font-weight: 600;
        font-size: 13px;
        padding: 10px 15px;
        text-decoration: none;
        text-shadow: none !important;
        z-index: 2;
        overflow: hidden;
    }

        #cssmenulevel1 > ul > li > a i {
            font-size: 14px;
            margin-right: 7px;
            width: 16px;
        }

    #cssmenulevel1 > ul > li.active > a i {
        color: #fe9929;
    }

    #cssmenulevel1 > ul > li > a > span {
        /*display: inline-block;*/
        font-weight: 600;
        font-size: 13px;
        overflow: hidden;
        /*padding: 15px;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 172px;
    }

    #cssmenulevel1 > ul > li > a:hover {
        text-decoration: none;
        background: none repeat scroll 0 0 #252525;
    }

    #cssmenulevel1 > ul > li.active {
        border-bottom: none;
    }

        #cssmenulevel1 > ul > li.active > a {
            /*background: none repeat scroll 0 0 #252525;
	  border-left: 5px solid #fe9929;
	  color: #ffffff;
	  font-weight:400;*/
            background: none repeat scroll 0 0 #252525;
            border-left: 5px solid #fe9929;
            color: #ffffff;
            font-weight: 400;
            padding-left: 10px;
        }

            #cssmenulevel1 > ul > li.active > a span {
                /*font-weight:400;
	  padding-left: 10px;*/
            }

    #cssmenulevel1 span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none;
    }

.menu-tick {
    float: right;
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 100;
}
/* Sub menu */
#cssmenulevel1 ul ul {
    display: none;
}

.Subcssmenu1, .Subcssmenu1 ul, .Subcssmenu1 li, .Subcssmenu1 a {
    border: medium none !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
}

    .Subcssmenu1 a {
        line-height: 0.5;
    }

.Subcssmenu1 {
    width: 100%;
}

    .Subcssmenu1 > ul > li > a {
        font-weight: 400;
        display: block;
        border: none;
    }

        .Subcssmenu1 > ul > li > a > span {
            border: medium none;
            color: #aeaeae;
            display: block;
            font-size: 13px;
            overflow: hidden;
            padding: 14px 10px 14px 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 318px;
        }

            .Subcssmenu1 > ul > li > a > span:hover {
                color: #FFFFFF;
            }

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

    .Subcssmenu1 > ul > li.active {
        border-bottom: none;
    }

        .Subcssmenu1 > ul > li.active > a {
            background: none repeat scroll 0 0 #131213;
            /*color: #fff;*/
            color: #17384d;
            font-weight: bold;
            border: none;
        }

            .Subcssmenu1 > ul > li.active > a span {
                border-image: none;
                border-left: 5px solid #f49020;
                color: #ffffff;
                font-weight: 400;
                padding-left: 10px;
            }

    .Subcssmenu1 span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none;
    }
    /* Sub menu */
    .Subcssmenu1 ul ul {
        display: none;
        border: none;
    }

        .Subcssmenu1 ul ul li {
            margin-top: -4px;
            border: none;
        }

.Subcssmenu, .Subcssmenu ul, .Subcssmenu li, .Subcssmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    font-size: 10px;
    position: relative;
    border: none;
}

    .Subcssmenu a {
        line-height: 0.3;
    }

.Subcssmenu {
    width: 100%;
}

    .Subcssmenu > ul > li > a {
        font-size: 11px;
        font-weight: 400;
        display: block;
        margin-bottom: 8px;
        border: none;
    }

        .Subcssmenu > ul > li > a > span {
            border: medium none;
            display: block;
            font-size: 13px;
            font-weight: 400;
            padding: 12px 10px 12px 30px;
            width: 318px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

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

    .Subcssmenu > ul > li.active {
    }

    .Subcssmenu > ul > li > div {
    }

    .Subcssmenu > ul > li.active > a span {
        background-color: #3c3c3c;
    }

    .Subcssmenu > ul > li.active > a {
        color: #FFFFFF;
    }

    .Subcssmenu span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none;
    }

.CompletedSubcssmenu {
    background: none repeat scroll 0 0 #3c3c3c;
}

    .CompletedSubcssmenu a {
        color: #FFFFFF;
    }

.CompletedSubCssMenuLevel1 {
    background: none repeat scroll 0 0 #3c3c3c;
}

    .CompletedSubCssMenuLevel1 a {
        color: #FFFFFF;
        font-weight: 400;
    }
/*--------------------------------*/
.PublicSubcssmenu, .PublicSubcssmenu ul, .PublicSubcssmenu li, .PublicSubcssmenu a {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 10px;
    position: relative;
}

    .PublicSubcssmenu a {
        line-height: 0.5;
    }

.PublicSubcssmenu {
    width: 100%;
}

    .PublicSubcssmenu > ul > li > a {
        display: block;
        color: #aeaeae;
    }

        .PublicSubcssmenu > ul > li > a > span {
            display: block;
            font-size: 11px;
            font-weight: 400;
            padding: 12px 10px 12px 17px;
        }

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

    .PublicSubcssmenu > ul > li.active {
        border-bottom: none;
    }

        .PublicSubcssmenu > ul > li.active > a {
            color: #fff;
            font-weight: 400;
        }

            .PublicSubcssmenu > ul > li.active > a span {
                background-color: #4d4d4d;
                color: #FFFFFF;
            }

    .PublicSubcssmenu span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none;
    }
    /* Sub menu */
    .PublicSubcssmenu ul ul {
        display: none;
    }

        .PublicSubcssmenu ul ul li {
            border: 1px solid #4d4d4d !important;
        }
/*--------------------------------*/
/*--------------------------------*/
#PrivateSubcssmenu, #PrivateSubcssmenu ul, #PrivateSubcssmenu li, #PrivateSubcssmenu a {
    margin: 0;
    padding: 0;
    border: 1px solid #1C8EBF;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 11px;
    position: relative;
}

    #PrivateSubcssmenu a {
        line-height: 0.5;
    }

#PrivateSubcssmenu {
    width: 248px;
}

    #PrivateSubcssmenu > ul > li > a {
        font-size: 10px;
        font-weight: 400;
        display: block;
        color: #FFFFFF; /*text-transform: uppercase;*/
    }

        #PrivateSubcssmenu > ul > li > a > span {
            padding: 10px;
            display: block;
            font-size: 10px;
            font-weight: 400;
            padding-left: 29px;
        }

        #PrivateSubcssmenu > ul > li > a:hover {
            text-decoration: none;
        }

    #PrivateSubcssmenu > ul > li.active {
        border-bottom: none;
    }

        #PrivateSubcssmenu > ul > li.active > a {
            color: #fff;
            font-weight: 400;
        }

            #PrivateSubcssmenu > ul > li.active > a span {
                /*background-image: url('../Images/button_gradient.png');
	  background-repeat: repeat;
	  background-color: rgb(226,226,226);*/
                background-color: #1C8EBF;
                color: #FFFFFF;
                font-weight: 400;
            }

    #PrivateSubcssmenu span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none;
    }
    /* Sub menu */
    #PrivateSubcssmenu ul ul {
        display: none;
    }

        #PrivateSubcssmenu ul ul li {
            border: 2px solid rgb(226,226,226);
            margin-top: -4px;
        }

.RoundedRectEngagement {
    background: none repeat scroll 0 0 #3c3c3c;
    border-bottom: 1px solid #252525;
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    z-index: 1;
}

.Todo-Div {
    float: left;
    height: auto;
    margin: 10px 0 0 0; /*width: 250px;*/
}

.SectionHtext {
    color: #838383;
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    line-height: 30px;
    padding-left: 15px;
    text-transform: uppercase;
}

.ListDiv {
    border-left: 2px solid #fe9929;
    line-height: 23px;
    padding: 0 13px;
}

.Todo-List {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
}

.Todo-Listlbl {
    color: #fbdab7;
    display: table;
    font-size: 11px;
    margin-left: 30px;
    margin-top: -3px;
}

.Todo-SubList {
    color: #aeaeae;
    display: inherit;
    font-size: 13px;
    line-height: 16px;
    padding: 7px 5px 7px 30px;
    text-transform: lowercase;
}

    .Todo-SubList:first-letter {
        text-transform: uppercase;
    }

    .Todo-SubList:hover {
        background: #252525;
        color: #FFFFFF;
    }
/*--------------------------------*/
/* Ends Navigation Menu */

/*Starts header and Breadcrumb*/
.HeaderBackground {
    background: none repeat scroll 0 0 #424242;
    border-bottom: 1px solid #ffffff;
    /*float: left;*/
    height: 35px;
    width: 100%;
}

    .HeaderBackground > ul {
        list-style: outside none none;
        margin: 0;
        padding: 0 20px;
    }

        .HeaderBackground > ul li {
            float: left;
        }

            .HeaderBackground > ul li:hover {
                background: #313131;
            }

            .HeaderBackground > ul li.active {
                background: none repeat scroll 0 0 #313131;
            }

                .HeaderBackground > ul li.active > a {
                    color: #fff;
                }

            .HeaderBackground > ul li a {
                color: #aeaeae;
                font-weight: 600;
                font-size: 13px;
                line-height: 34px;
                padding: 0 15px;
            }

                .HeaderBackground > ul li a:hover {
                    color: #FFFFFF;
                }

            .HeaderBackground > ul li.active button {
                background: url('../images/toggle.png') no-repeat 0 -35px;
            }

.toggle_btn {
    border: medium none;
    cursor: pointer;
}

    .toggle_btn i {
        background: none repeat scroll 0 0 #535353;
        color: #fff;
        font-size: 14px;
        padding: 10px 15px;
    }

.HeaderFont {
    color: #231f20;
    float: right;
    font-size: 12px;
    line-height: 30px;
    margin: 0 20px 0 0;
}

.SitemapCss {
    background: none repeat scroll 0 0 #fff;
    float: left;
    line-height: 25px;
    min-height: 20px;
    padding: 5px 20px;
    width: 60%;
}

.SitemapText {
    color: #656569;
    float: left;
    font-size: 10px;
    font-weight: 400;
}

.arrow-right-SiteMap {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #656569;
    border-top: 4px solid transparent;
    float: left;
    height: 0;
    margin-left: 5px;
    margin-right: 4px;
    margin-top: 10px;
    width: 0;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFFFFF;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #FFFFFF;
}

.arrow-downLevel2 {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #FFFFFF;
}

.arrow-downLevel3 {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #FFFFFF;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #FFFFFF;
}

.arrow-rightLevel1 {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #FFFFFF;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #FFFFFF;
}
/*Ends header and Breadcrumb*/

/*Starts miscellaneous*/
.GreyBox {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 5px;
}

.GreyBoxforSearch {
    background: none repeat scroll 0 0 #fcfcfc;
    padding: 0px 5px 5px 5px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}

.HeaderTxt {
    color: #ff8300;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400 !important;
}

.PageTitle_NEW {
    font-weight: 600;
    font-size: 13px;
    color: #231f20;
}

.ReviewPageTitle {
    color: #ff8300;
    font-size: 14px;
    font-weight: 400 !important;
    letter-spacing: -0.5px;
    line-height: 22px;
}

.labelForReviewHeader {
    font-size: 13px;
    font-weight: normal !important;
    margin: 5px 0 0;
}

.labelForReview {
    color: #ff8300;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 5px;
    text-align: justify;
    white-space: pre-wrap;
}

.labelForTax {
    font-weight: 400;
    font-size: 10px;
    white-space: pre-wrap;
    text-align: justify;
}

.wordwrapReview {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
    word-break: break-all;
    text-transform: capitalize;
}

.RoundedRect {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: left;
    margin-left: 0px;
    z-index: 1;
    background-color: #D9DFE8;
    color: White;
    border: 1px solid #e0e0e0 !important;
}

.How-bg {
    background: none repeat scroll 0 0 #ab7dc3;
    padding: 20px;
}

.HowHead {
    color: #fff;
    display: table;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
}

.HowText {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}

.WhiteRoundedRect_New {
    background-color: transparent;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;
    display: inline;
    float: left;
    margin-left: 0;
    position: static;
    width: 100%;
    z-index: 1;
}

.WhiteRoundedRect {
    background-color: transparent;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;
    display: inline;
    float: left;
    margin-left: 0;
    position: static;
    width: 100%;
    z-index: 1;
}

.DropTarget {
    background-color: transparent;
    height: 420px;
}

.Dragable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: left;
    padding: 3px 0;
    width: 100%;
}

    .Dragable input {
        float: left;
        margin: 2px 0 0 10px;
    }

.NoDragable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: left;
    padding: 3px 0;
    width: 100%;
}

    .NoDragable input {
        float: left;
        margin: 2px 0 0 10px;
    }

.RptitmStyle {
    background-color: transparent !important;
    border-color: White;
    border-style: none;
    color: #656569;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    margin: -1px 5px !important;
    outline: 0 none;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

    .RptitmStyle label {
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 84%;
    }

.autofooter {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 0 3px 3px 0;
    border-top: 1px solid #ebebeb;
    padding: 10px;
}

.ListSelect {
    background-color: #FFFFE6;
}

.WatermarkLabel {
    color: #f0f0f0;
    font-size: 40px;
    margin: 197px 138px;
    position: absolute;
    z-index: -1;
}

.labelCheckboxPrivilege {
    float: left;
    margin: 5px 0 0 10px;
}

    .labelCheckboxPrivilege label {
        /*color: #752f8a;*/
        font-size: 10px;
        font-weight: 400;
        bottom: 2px;
        margin-left: 3px;
        margin-right: 6px;
        position: relative;
    }

    .labelCheckboxPrivilege input {
        float: none;
        margin: 0;
    }

.PopupWindow {
    background-color: White;
    border: 1px solid #ab7dc3;
}

.HeaderBlueBox {
    background: none repeat scroll 0 0 #ab7dc3;
    min-height: 32px;
    padding: 0;
}

.PopupHeaderlabel {
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
}

.Level1CssNew {
    background: none repeat scroll 0 0 #ffffff;
    color: #231f20;
    font-size: 13px;
    line-height: 23px;
    padding: 0 5px;
}

.Sameline {
    float: right;
    margin: 1px 10px 0px 0;
}
/*Ends miscellaneous*/

/* Starts Alert*/
div.msgBox {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    color: #231f20;
    /*margin: 20% 28%;*/
    min-height: 160px;
    position: absolute;
    z-index: 1000;
}

div.msgBoxTitle {
    border-bottom: 1px solid #e2e7eb;
    color: #231f20;
    font-weight: 600;
    font-size: 14px;
    font-weight: lighter;
    line-height: 35px;
    text-indent: 15px;
}

div.msgBoxImage {
    float: left;
    margin: 0 20px;
}

    div.msgBoxImage i {
        float: left;
        font-size: 45px;
        margin: 5px 0;
    }

    div.msgBoxImage img {
        height: 75px;
        width: 75px;
    }

.msgBoxContainer {
    display: inline-block;
    width: 100%;
}

div.msgBoxContent {
    display: table;
    margin: 10px 10px 20px 20px;
}

    div.msgBoxContent p {
        padding: 0;
        margin: 0;
        display: table;
        height: 100%;
        width: 100%;
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        vertical-align: middle;
    }

div.msgBoxButtons {
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #EBEBEB;
    padding: 10px;
    text-align: right;
}
/* Ends Alert*/

/* Starts TAB Settings */

ul.tabs {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
}

    ul.tabs li {
        border-bottom-width: 0;
        border-radius: 3px 3px 0 0;
        float: left;
        font-weight: 600;
        list-style: none outside none;
        margin-top: 10px;
        padding: 0;
        position: relative;
        text-transform: capitalize;
        top: -5px;
        white-space: nowrap;
    }

        ul.tabs li a {
            color: #656569 !important;
            font-size: 13px;
            outline: medium none;
            padding: 5px 20px;
            position: relative;
            text-align: center;
            text-decoration: none;
            z-index: 1;
        }

            ul.tabs li a:visited {
                color: #000;
            }

        ul.tabs li.selected a {
            background: none repeat scroll 0 0 #fff;
            border-color: #dedde2 #dedde2 #ffffff;
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            color: #231f20;
            font-weight: 600;
            font-size: 13px;
            position: relative;
        }

.a1 {
    font-weight: bold;
    background: white;
    background-color: #fff;
}

ul.tabs li.selected a:hover {
    /*text-decoration: none;
	color: #313131;
	background-color: #f5f5f5;*/
    text-decoration: none;
    color: #313131;
}

div.tabcontent {
    display: block;
    margin: 20px;
}

div.tabcontents {
    background-color: transparent;
    border-top: 1px solid #dedde2;
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.tabcontentsNew {
    background-color: transparent;
    border: 1px solid #dedde2;
    padding: 5px;
    width: 938px;
}

.ServicelblDiv {
    background: none repeat scroll 0 0 #ebebeb;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.label_Service {
    color: #656569;
    font-weight: 600;
    font-size: 13px;
    padding: 10px; /*text-transform: uppercase;*/
}

.ServiceSelect {
    float: left;
    height: auto;
    margin-bottom: 15px;
    width: 45%;
}

.ServiceSelected {
    float: right;
    height: auto;
    margin-bottom: 15px;
    width: 45%;
}

.ServiceButton {
    float: left;
    height: auto;
    margin-top: 173px;
    text-align: center;
    width: 10%;
}

.ListOverflow {
    overflow: auto;
    height: 420px;
}

.Fchild {
    margin-left: 40px;
}

.FchildA {
    margin-left: 40px;
}

.SChild {
    margin: 0 0 0 60px;
}

.DropTarget {
    height: 420px;
    background-color: transparent;
}

.txtLink, .lnkButton {
    color: #1581dc;
    cursor: pointer;
    font-size: 11px;
}

#view1, #view2, #view3, #view4, #view5, #view6, #view7, #view8, #view9, #view10, #view11 {
    font-weight: 400;
    font-size: 12px;
    color: Black;
}
/*       Ends TAB Settings      */
.border_gradient {
    width: 100%;
    margin: 0 auto; /*overflow: hidden;*/
    /*min-height: 470px;*/
    font-weight: 400;
}
/*Starts Content area*/
.form-panel {
    min-height: 560px;
    padding: 20px;
}

.form-edit {
    background-color: #f5f5f5;
    border-top: 1px solid #e9e9e9;
}

.row {
    border-bottom: 1px dashed #d5d5d5;
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.bgrow {
    background: none repeat scroll 0 0 #f9f9f9;
    border-bottom: 1px dashed #d5d5d5;
    clear: both;
    display: block;
    margin: -20px -20px 20px;
    padding: 21px; /*width: 100%;*/
}

.form-panel-h {
    color: #ff8300;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 12px;
    padding: 0; /*text-transform: capitalize;*/
}

.chklbl {
    color: #231f20;
    font-weight: 600;
    font-weight: 400;
    margin: 0 0 5px !important;
    min-height: 20px;
}

.lblBlack {
    color: #231f20;
    display: flex;
    font-weight: 600;
    font-size: 13px !important;
    font-weight: 400;
    margin: 0 0 5px !important;
}

.col-half-lft {
    width: 49%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 10px;
}

.col-half-rt {
    width: 49%;
    float: right;
    min-height: 1px;
    position: relative;
    padding-left: 10px;
}

.tabrow {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.tab-btn-div {
    display: inline-block;
    margin-left: 5px;
}

    .tab-btn-div .green, .SavedTempName ul li .btn .green {
        background: #007549;
        color: #fff !important;
        border-radius: 100px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    .tab-btn-div .green {
        background: #007549;
        color: #fff !important;
        border-radius: 100px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    .tab-btn-div .orange, .SavedTempName ul li .btn .orange {
        background: #ff8300;
        color: #fff !important;
        border-radius: 100px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    .tab-btn-div .red, .SavedTempName ul li .btn .red {
        background: #da0500;
        color: #fff !important;
        border-radius: 100px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    .tab-btn-div .grey, .SavedTempName ul li .btn .grey {
        background: #535353;
        color: #fff !important;
        border-radius: 100px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

.tab-btn-div_Chart {
    display: inline-block;
    margin-right: 8px;
    width: 19px;
    margin-top: -7px;
    float: left;
}

.col-10 {
    width: 10%;
    float: left;
    min-height: 1px;
    position: relative;
}

.col-15 {
    width: 15%;
    float: left;
    min-height: 1px;
    position: relative;
}

.col-20 {
    width: 20%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.col-25 {
    width: 25%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

    .col-25:last-child {
        padding: 0;
        width: 25%;
    }

.col-30 {
    width: 30%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.col-33 {
    width: 33.33%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.col-40 {
    width: 40%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}
.col-50 {
    width: 50%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}
.col-60 {
    width: 60%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.col-70 {
    width: 70%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.col-80 {
    width: 80%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 2px;
}
.col-90 {
	width: 90%;
	float: left;
	min-height: 1px;
	position: relative;
	padding-right: 2px;
}
.col-100 {
	width: 100%;
	float: left;
	min-height: 1px;
	position: relative;
	padding-right: 2px;
}
.form-line-btn {
    margin: 0 0 10px;
    text-align: right;
}

.form-inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 10px !important;
}

.size-1 {
    width: 20%;
}

.size-2 {
    width: 25%;
}

.size-3 {
    width: 30%;
}

.size-4 {
    width: 40%;
}

.size-5 {
    width: 50%;
}

.size-6 {
    width: 60%;
}

.size-7 {
    width: 70%;
}

.size-8 {
    width: 80%;
}

.size-9 {
    width: 90%;
}

.size-10 {
    width: 100%;
}

.pad-none {
    padding: 0;
}

.SearchGreyBox {
    background: none repeat scroll 0 0 #f6f8f7;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding: 10px 10px 13px;
    width: 100%;
}

.SearchGreyBoxBtnDiv {
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
}
/* starts tabs */
.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0 0 15px;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0.2em 0.2em 0;
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            margin-left: 10px;
            padding-bottom: 1px;
        }

        .ui-tabs .ui-tabs-nav li {
            border-bottom-width: 0;
            border-radius: 3px 3px 0 0;
            float: left;
            font-weight: 600;
            list-style: none outside none;
            margin: 0;
            padding: 0;
            position: relative;
            top: 0;
            white-space: nowrap;
        }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #dedde2;
    color: #212121;
    font-weight: 400;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #656569;
    float: left;
    padding: 8px 20px;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #231f20 !important;
    text-decoration: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #656569;
    text-decoration: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #656569;
    font-weight: 400;
}

.ui-tabs .ui-tabs-panel {
    background-color: transparent;
    border-top: 1px solid #dedde2;
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}
/* ends tabs */

/*Starts Div Table*/
.InnerGreyBox {
    border: 1px solid #e9e9e9;
    display: block;
}

.InnerGreyBoxHeader {
    background: none repeat scroll 0 0 #ededed;
    border-bottom: 1px solid #e9e9e9;
    color: #525252;
    display: table;
    font-weight: 600;
    font-size: 12px;
    padding: 8px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
}

.InnerGreyBoxHeaderPermission {
    background: none repeat scroll 0 0 #D5DCE8;
    border-bottom: 1px solid #e9e9e9;
    color: #525252;
    display: table;
    font-weight: 600;
    font-size: 11px;
    padding: 8px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
}

.InnerHDiv {
    float: left;
    line-height: 18px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.InnerBDiv {
    float: left;
    line-height: 18px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

    .InnerBDiv > span {
        line-height: 26px;
    }

.InnerGreyBoxBody {
    background: none repeat scroll 0 0 #fff;
    color: #555555;
    display: table;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.InnerGreyBoxBodyPermission {
    background: none repeat scroll 0 0 #fff;
    color: #555555;
    display: table;
    font-size: 11px;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.InnerGreyBoxBody:hover, .InnerGreyBoxBody:nth-child(2n+1):hover {
    background: #ffffe6;
}

.InnerGreyBoxBody:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f9f9f9;
}

.InnerGreyBoxBody.selected {
    background: none repeat scroll 0 0 #ffffcc;
}

.Pad-Small {
    padding: 2px 0;
}

    .Pad-Small span {
        line-height: normal;
    }

.InnerGreyBorder {
    background: none repeat scroll 0 0 #f9f9f9;
    border-bottom: 1px solid #e4e4e4;
    color: #555555;
    display: table;
    padding: 10px 5px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

    .InnerGreyBorder:hover, .InnerGreyBorder:nth-child(2n+1):hover {
        background: #ffffe6;
    }

    .InnerGreyBorder:nth-child(2n+1) {
        background: none repeat scroll 0 0 #fff;
    }

    .InnerGreyBorder.selected {
        background: none repeat scroll 0 0 #ffffcc;
    }
/*Ends Div Table*/

/* Starts Alert Box */
.ErrorTxt {
    font-weight: 400;
    font-size: 11px;
}

/*.ErrorMsg {
    background: url("../images/errorIcon.png") no-repeat scroll 45px center #fbf0f0;
    border: 1px solid #ebccd1;
    border-radius: 3px;
    color: #bc4e4c;
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0;
    padding: 15px 10px 15px 155px;
}*/
.ErrorMsg {
    border: 1px solid #ebccd1;
    border-radius: 3px;
    color: #bc4e4c;
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0;
    padding: 15px 10px 15px 80px;
    position: relative;
    background-color: #ffe8ec;
}

    .ErrorMsg:before {
        content: "\f071";
        font-family: 'FontAwesome';
        position: absolute;
        top: 17px;
        left: 21px;
        color: #ff0000;
        font-size: 40px;
    }

#Summary > ul {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    list-style: square outside none;
    margin: 5px 0 0 25px;
}

.confirmBox {
    background-color: #fff;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    display: block;
    height: auto;
    left: 40%;
    min-height: 123px;
    min-width: 250px;
    position: absolute;
    top: 323.5px;
    width: auto;
    z-index: 10000001;
}

    .confirmBox .cbheader {
        border-bottom: 1px solid #e2e7eb;
        color: #231f20;
        font-weight: 600;
        line-height: 32px;
        position: relative;
        text-indent: 10px;
        width: 100%;
    }

    .confirmBox .cbcontent {
        color: #656569;
        height: auto;
        line-height: 23px;
        margin: 15px 15px 35px;
        text-align: left;
        width: 280px;
    }

    .confirmBox .cbfooter {
        border-top: 1px solid #e2e7eb;
        padding: 10px;
        text-align: right;
    }

        .confirmBox .cbfooter input {
            width: auto;
            margin: 0 auto;
            margin-left: 3px;
        }

.childcenter {
    margin: 0.5% 1%;
}

.schildcenter {
    margin: 0.5% 3%;
}

.ErrorPopup {
    background: none repeat scroll 0 0 #ffffe6;
    border: 1px solid #ff8300;
    font-size: 12px;
    border-radius: 3px;
    color: #ff0000;
    display: inline;
    font-size: 12px;
    padding: 3px 10px;
    position: absolute;
    white-space: nowrap;
    width: auto;
    z-index: 1000;
}

.SuceessPopup {
    background: none repeat scroll 0 0 #effbf2;
    color: #3eb77a;
    border: 1px solid #ccebcd;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    display: inline;
}
/* Ends Alert Box */

/* Starts Accordion */

.AccordionDiv {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.RatingAccordionDiv {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.InnerAccordionDiv {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.PreRatingAccordionDiv {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.rp_header {
    cursor: pointer;
    float: left;
    width: 100%; /*position: relative;*/
}

.rp_img {
    display: inline-table;
    float: left;
    padding: 10px 0 6px 10px;
}

    .rp_img i {
        background: #c2c2c2;
        color: #fff;
        border: #b9bbb9 1px solid;
        padding: 1px 3px;
        font-size: 10px;
    }

.rp_content {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    margin-top: -1px;
    width: 100%; /*overflow:hidden;*/
}

.AccordionHTxt {
    color: #656569;
    float: left;
    font-weight: 600;
    margin: 9px 10px;
    text-transform: capitalize;
}

.AccRow {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #ededed;
    float: left;
    overflow: hidden;
    width: 100%;
}

    .AccRow:last-child {
        border-bottom: medium none;
    }

.AccCol {
    border-right: 1px solid #e1e1e1;
    float: left;
    margin-bottom: -500px;
    padding: 0px 0px 500px 0px;
    width: 25%;
}

    .AccCol:last-child {
        border-right: medium none;
    }

.AccRowH {
    color: #231f20;
    display: table;
    font-weight: 600;
    font-size: 11px;
    margin: 10px 5px 5px 10px;
    text-transform: uppercase;
}

.AccRowL {
    color: #656569;
    display: table;
    font-size: 12px;
    margin: 0 5px 10px 10px;
    text-transform: capitalize;
    font-weight: 400;
}

    .AccRowL > a {
        color: #1581dc;
    }

        .AccRowL > a:hover {
            color: #ff8300;
        }

.Acc-Btn {
    float: right;
    margin-top: -30px;
    padding-right: 6px;
}

.AccHeading {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #ff8300;
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    text-indent: 10px;
    text-transform: uppercase;
}

.AccordionSmall {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    color: #656569;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 15px;
    padding-top: 4px;
    text-indent: 6px;
    width: 100%;
}
/* Ends Accordion */

/* Starts Password Info */
#pswd_info {
    display: none;
}

#pswd_info {
    background: none repeat scroll 0 0 #ffffe6;
    font-size: 12px;
    border: 1px solid #ff8300;
    border-radius: 3px;
    padding: 10px 15px;
    position: absolute;
    white-space: nowrap;
    width: auto;
}

    #pswd_info h3 {
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
        margin: 0;
        padding: 0;
    }

    #pswd_info:before {
        line-height: 34px;
        display: block;
    }

.invalid {
    background: url("../Images/invalid.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    color: #ff0000;
    -moz-line-height: 0px;
    -webkit-line-height: 24px;
    padding-left: 22px;
}

    .invalid > strong {
        font-weight: 600;
        font-weight: 400;
    }

.valid {
    background: url("../Images/valid.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    color: #009933;
    -moz-line-height: 0px;
    -webkit-line-height: 24px;
    padding-left: 22px;
}

    .valid > strong {
        font-weight: 600;
        font-weight: 400;
    }
/* Ends Password Info */


/* Starts Mail */
.MailBody {
    margin-left: 250px;
    padding: 0 0 0 10px;
}

.MailHeader {
    background: none repeat scroll 0 0 #c0c0c0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
}

    .MailHeader a {
        color: #FFFFFF;
    }

.MailIcon {
    float: left;
    margin: 6px 8px 0 10px;
    width: 30px;
}

.Circle {
    border: 1px solid #aeaeae;
    border-radius: 50px;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.MailIcon i {
    font-size: 14px;
    margin: 5px 1px 0 6px;
}

.Mail-Arrow {
    position: absolute;
    right: 1px;
    top: 6px;
    z-index: 100;
}

.mail-btn-div {
    float: right;
    position: relative;
    right: -10px;
    top: -29px;
}

.MailCheckboxList {
    display: block;
    position: relative;
}

    .MailCheckboxList td {
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        line-height: 22px;
        margin: 2px 0;
        min-width: 500px;
        width: 80%;
        display: inline-block;
        padding: 0 4px;
        text-align: left;
        vertical-align: middle;
        text-transform: capitalize !important;
    }

        .MailCheckboxList td label {
            color: #231F20;
            font-size: 11px;
            text-transform: capitalize !important;
            width: 80%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline;
            position: absolute;
        }
/*.MailAlert {
    float: right;
    margin: 0 -9px 0 3px;
    vertical-align: top;
    width: 26px;
    position: relative;
}*/
.MailAlert {
    /*  float: right;*/
    margin: 0 0 0 3px;
    vertical-align: top;
    width: 26px;
    position: relative;
    display: inline-block;
}

    .MailAlert:before {
        content: "\f0e0";
        font-family: 'FontAwesome';
        position: absolute;
        top: -5px;
        left: 2px;
        color: #f8a0a0;
    }

    .MailAlert .txt {
        background: #e85858;
        border-radius: 50px;
        color: #fff;
        font-size: 8px;
        font-weight: bold;
        line-height: 10px;
        min-width: 16px;
        min-height: 16px;
        overflow: hidden;
        position: absolute;
        right: 0px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        top: 3px;
        padding: 3px;
    }
/* Ends Mail */


/* Starts Help */
.HelpMenu {
    float: right;
    list-style: none outside none;
    position: relative;
}

    .HelpMenu .drop {
        background: none repeat scroll 0 0 #fff;
        border-color: #ededed #ededed #ff8300;
        border-style: solid;
        border-width: 1px 1px 3px;
        display: block;
        left: -9999px;
        margin-left: -323px;
        padding: 20px;
        position: absolute;
        text-align: left;
        top: 25px;
        z-index: 5;
    }

.HelpHeaderTxt {
    color: #231f20;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.labelForHelp {
    color: #656569;
    font-size: 12px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-transform: none;
}

.decor4_1 {
    /*-moz-border-radius: 3px;     
  -webkit-border-radius: 3px;     
  border-radius: 3px;
  -moz-box-shadow: 0px 1px 4px #999;    
   -webkit-box-shadow: 0px 1px 4px #999;     
   box-shadow: 0px 1px 4px #999;*/
}

.decor4_2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 5px 13px #ededed;
    -webkit-box-shadow: 0 5px 13px #ededed;
    box-shadow: 0 5px 13px #ededed;
}
/* Ends Help */


/* Starts side filter */
.SideFilterDiv {
    background-color: #fff;
    float: left;
    margin-bottom: 10px;
    position: absolute;
    width: 366px;
    z-index: 100;
    border: 1px solid #3c3c3c;
    float: left;
}

.GridHeaderForInsurance {
    background: none repeat scroll 0 0 #3c3c3c;
    color: #fff;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    text-indent: 10px;
    vertical-align: middle;
}

.labelAdvSearch {
    color: #656569 !important;
    font-size: 11px;
}

.SideSearchIcon {
    cursor: pointer;
    float: right;
    margin: 8px;
}

.Level2CssNew {
    background: none repeat scroll 0 0 #ffffff;
    color: #656569;
    float: left;
    font-size: 12px;
    width: 100%;
}

.FLevel {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    padding: 6px 10px;
    width: 93.5%;
}

.GrayBoxpopuplabel {
    color: #656569;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.SLevel {
    float: left;
    margin-left: 20px;
    max-height: 500px;
    overflow-x: hidden;
    width: 100%;
}

.SLevelLabel {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #656569;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 6px 10px;
    text-decoration: none;
    width: 87.5%;
}

.SlevelInner {
    margin: 10px;
}

    .SlevelInner a {
        color: #ff8300;
        font-size: 11px;
    }
/* Ends side filter */

/* Starts Advanced Search*/
.accordtions {
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
}

    .accordtions .divpanel {
        margin-bottom: 2px;
        padding-bottom: 2px;
    }

.accordtion {
    border: 1px solid #efefef;
    color: #656569;
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
    text-decoration: none;
    vertical-align: middle;
}

    .accordtion:hover {
        background: #ebebeb;
    }

    .accordtion > img {
        line-height: 30px;
        margin-top: 7px;
    }

.accordtions .close {
    float: right;
    margin: -45px -6px 0 0;
}

.textEntrySearch1 {
    border: 1px solid #cfb6d6;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    height: 22px;
    margin-left: 15px;
    padding-left: 3px;
}
/* Ends Advanced Search*/


/* Starts Export Pop */

.ExportDiv {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: inline;
    margin-top: 25px;
    outline: 0 none;
    position: absolute;
    right: 110px;
    width: 310px;
    z-index: 1000;
}

.Export-Close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}

.ExportHeading {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #f0f0f0;
    padding: 3px 6px 6px;
}

    .ExportHeading > span {
        padding: 0 5px;
    }

    .ExportHeading label {
        color: #ff8300;
        font-weight: 400;
        font-size: 12px;
        margin-left: -3px;
    }

.ExportBody {
    display: block;
    padding: 10px 6px;
}

    .ExportBody > span {
        padding: 0 5px;
    }

    .ExportBody label {
        color: #656569;
        font-weight: 400;
        font-size: 13px;
        margin-left: -5px;
    }

.ExportFooter {
    margin: 10px 0 0;
    padding: 10px 10px 5px;
    text-align: right;
}
/* Ends Export Pop */

/* Starts Mail Box */
.MailLeft {
    background: none repeat scroll 0 0 #313131;
    float: left;
    /*min-height: 679px;*/
    overflow-x: hidden;
    overflow-y: hidden;
    width: 15%;
}

.MailRight {
    float: left;
    width: 85%;
}

.UserWelcome {
    color: #838383;
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    padding-left: 15px;
    padding-top: 15px;
    text-transform: uppercase;
}

.MailSidemenu {
    background: none repeat scroll 0 0 #313131;
}

    .MailSidemenu ul {
        border: 0 none;
        font-size: 13px;
        font-weight: 400;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-decoration: none;
    }

        .MailSidemenu ul li {
            border: 0 none;
            font-size: 13px;
            font-weight: 400;
            list-style: outside none none;
            margin: 0;
            padding: 0;
            position: relative;
            text-decoration: none;
        }

            .MailSidemenu ul li.active {
                border-bottom: medium none;
            }

    .MailSidemenu > ul > li > a {
        color: #aeaeae;
        display: block;
    }

        .MailSidemenu > ul > li > a:hover {
            background: none repeat scroll 0 0 #252525;
            color: #ffffff;
        }

    .MailSidemenu ul li.active > a {
        background: none repeat scroll 0 0 #252525;
        border-left: 5px solid #fe9929;
        color: #ffffff;
        font-weight: 400;
    }

    .MailSidemenu > ul > li.active > a span {
        padding-left: 10px;
    }

    .MailSidemenu > ul > li > a > span {
        display: block;
        font-weight: 600;
        font-size: 13px;
        padding: 10px 10px 10px 15px;
    }

.layout-app {
    bottom: 0;
    margin: 0;
    position: absolute;
    top: 87px;
    visibility: visible;
    width: 100%;
}

.MailRight .page-hText {
    padding: 0 0;
    top: -7px;
}

.breadcrumb {
    float: right;
}

    .breadcrumb ul {
        color: #b2b2b2;
        float: right;
        font-size: 11px;
        list-style: outside none none;
        margin: 0;
        text-align: right;
        text-transform: uppercase;
    }

        .breadcrumb ul li {
            float: left;
            margin-right: 3px;
        }

            .breadcrumb ul li.current {
                color: #656569;
            }

            .breadcrumb ul li:last-child {
                float: left;
                margin-right: 0;
            }

    .breadcrumb a {
        color: #b2b2b2;
    }

        .breadcrumb a:hover {
            color: #ff8300;
        }

.compose-btn {
    background: none repeat scroll 0 0 rgba(144, 144, 144, 1);
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    margin: 15px 30px 20px;
    outline: 0 none !important;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 69%;
}

    .compose-btn:hover {
        background: none repeat scroll 0 0 rgba(171, 171, 171, 1);
    }

    .compose-btn:focus {
        background: none repeat scroll 0 0 rgba(201, 201, 201, 1);
    }

    .compose-btn:disabled {
        background: none repeat scroll 0 0 rgba(207, 207, 207, 1);
        cursor: auto;
    }

.Inbox {
    background: url("../images/mailbox-menu.png") no-repeat scroll -1px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

    .Inbox:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -24px 0 rgba(0, 0, 0, 0);
    }

.active .Inbox {
    background: url("../images/mailbox-menu.png") no-repeat scroll -24px 0 rgba(0, 0, 0, 0);
}

.Sent {
    background: url("../images/mailbox-menu.png") no-repeat scroll -1px -37px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

    .Sent:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -24px -37px rgba(0, 0, 0, 0);
    }

.active .Sent {
    background: url("../images/mailbox-menu.png") no-repeat scroll -24px -37px rgba(0, 0, 0, 0);
}

.Draft {
    background: url("../images/mailbox-menu.png") no-repeat scroll -1px -73px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

    .Draft:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -24px -73px rgba(0, 0, 0, 0);
    }

.active .Draft {
    background: url("../images/mailbox-menu.png") no-repeat scroll -24px -73px rgba(0, 0, 0, 0);
}

.Trash {
    background: url("../images/mailbox-menu.png") no-repeat scroll -1px -108px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

    .Trash:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -24px -108px rgba(0, 0, 0, 0);
    }

.active .Trash {
    background: url("../images/mailbox-menu.png") no-repeat scroll -24px -108px rgba(0, 0, 0, 0);
}

.Archives {
    background: url("../images/mailbox-menu.png") no-repeat scroll -1px -144px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

    .Archives:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -24px -144px rgba(0, 0, 0, 0);
    }

.active .Archives {
    background: url("../images/mailbox-menu.png") no-repeat scroll -24px -144px rgba(0, 0, 0, 0);
}

.mail-count {
    background: none repeat scroll 0 0 #fe9929;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 11px;
    padding: 0 5px !important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

.mail-countDark {
    background: none repeat scroll 0 0 #252525;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 11px;
    padding: 0 5px !important;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
}

.mail-app {
    display: block;
    width: 100%;
}

.inbox-div {
    border-right: 1px solid #e9e9e9;
    float: left;
    width: 25%;
    height: 100%;
}

.read-div {
    float: left;
    width: 75%;
}

.compose-div {
    float: left;
    width: 100%;
}

.right-header {
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    padding: 20px 0 14px;
    width: 100%;
}

    .right-header > div {
        display: inline-block;
        padding: 0 15px;
        width: 100%;
    }

    .right-header .biglog {
        display: inline-block;
        font-weight: 300;
        font-size: 20px;
        letter-spacing: -0.5px;
        line-height: 20px;
        margin: 0 0 20px;
    }

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 70%;
}

    .input-group .form-control {
        float: left;
        font-size: 12px;
        margin-bottom: 0;
        padding: 3px;
        position: relative;
        z-index: 2;
    }

.input-group-btn {
    display: inline-block;
    margin: 2px -20px;
    position: relative;
    z-index: 10;
}

.input-search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #d4d4d4;
}

.mail-ref {
    background: url("../images/mailbox-menu.png") no-repeat scroll -46px -1px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 24px;
    margin-right: 8px;
    position: relative;
    text-indent: -999px;
    top: -4px;
    width: 24px;
}

    .mail-ref:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -46px -29px rgba(0, 0, 0, 0);
    }

.mail-del {
    background: url("../images/mailbox-menu.png") no-repeat scroll -73px -1px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 24px;
    margin-right: 8px;
    position: relative;
    text-indent: -999px;
    top: -4px;
    width: 24px;
}

    .mail-del:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -73px -29px rgba(0, 0, 0, 0);
    }

.mail-prev {
    background: url("../images/mailbox-menu.png") no-repeat scroll -100px -1px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 24px;
    margin-right: 8px;
    position: relative;
    text-indent: -999px;
    top: -4px;
    width: 24px;
}

    .mail-prev:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -100px -29px rgba(0, 0, 0, 0);
    }

.mail-next {
    background: url("../images/mailbox-menu.png") no-repeat scroll -126px -1px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 24px;
    margin-right: 0px;
    position: relative;
    text-indent: -999px;
    top: -4px;
    width: 24px;
}

    .mail-next:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -126px -29px rgba(0, 0, 0, 0);
    }

.move-inbox {
    background: url("../images/mailbox-menu.png") no-repeat scroll -46px -87px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 24px;
    margin-right: 8px;
    position: relative;
    text-indent: -999px;
    top: -4px;
    width: 24px;
}

    .move-inbox:hover {
        background: url("../images/mailbox-menu.png") no-repeat scroll -46px -115px rgba(0, 0, 0, 0);
    }

.page-txt {
    color: #b2b2b2;
    float: left;
    font-style: italic;
    margin-right: 10px;
}

.new-mail {
    float: left;
    /*height: 500px;*/
    overflow: auto;
    /*padding-right: 15px;*/
    width: 100%;
}

.mail-scroll {
    /*height: 100%;
	  overflow: hidden;*/
    width: 100%;
}

.new-mail > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.new-mail li {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0 15px 15px;
}

    .new-mail li:hover {
    }

.unread {
    background: none repeat scroll 0 0 #ffffff;
    cursor: pointer;
}

    .unread .uname {
        color: #752f8a;
        float: left;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 50%;
    }

        .unread .uname > a {
            color: #252525;
        }

.uname > input {
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}

.unread .dt-time {
    color: #b3b3b3;
    float: right;
    font-size: 11px;
    margin: 2px 15px 5px 0;
    text-align: right;
    text-transform: uppercase;
    width: 43%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .unread .dt-time > a {
        color: #b3b3b3;
    }

.unread .msg {
    color: #656569;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
}

    .unread .msg > a {
        color: #656569;
    }

.unread .attach {
    background: url("../images/mailbox-menu.png") no-repeat scroll -161px -7px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 12px;
    margin: 3px 10px 0 0;
    position: relative;
    text-indent: -999px;
    width: 11px;
}

.read {
    background: none repeat scroll 0 0 #f6f5f3;
    cursor: pointer;
}

    .read .uname {
        color: #231f20;
        float: left;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 50%;
    }

        .read .uname > a {
            color: #231f20;
        }

    .read .dt-time {
        color: #b3b3b3;
        float: right;
        font-size: 11px;
        margin: 2px 15px 5px 0;
        text-align: right;
        text-transform: uppercase;
        width: 43%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .read .dt-time > a {
            color: #b3b3b3;
        }

    .read .msg {
        color: #656569;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 94%;
    }

        .read .msg > a {
            color: #656569;
        }

    .read .attach {
        background: url("../images/mailbox-menu.png") no-repeat scroll -161px -7px rgba(0, 0, 0, 0);
        border: medium none;
        color: #752f8a;
        float: left;
        height: 12px;
        margin: 3px 10px 0 0;
        position: relative;
        text-indent: -999px;
        width: 11px;
    }

.readnow {
    background: none repeat scroll 0 0 #bdbdbd;
    cursor: pointer;
}

    .readnow .uname {
        color: #555555;
        float: left;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 50%;
    }

        .readnow .uname > a {
            color: #ffffff;
            font-weight: 600;
        }

    .readnow .dt-time {
        color: #555555;
        float: right;
        font-size: 11px;
        margin: 2px 15px 5px 0;
        text-align: right;
        text-transform: uppercase;
        width: 43%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .readnow .dt-time > a {
            color: #888;
        }

    .readnow .msg {
        color: #666;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 94%;
    }

        .readnow .msg > a {
            color: #e0e0e0;
        }

    .readnow .attach {
        background: url("../images/mailbox-menu.png") no-repeat scroll -161px -35px rgba(0, 0, 0, 0);
        border: medium none;
        color: #752f8a;
        float: left;
        height: 12px;
        margin: 3px 10px 0 0;
        position: relative;
        text-indent: -999px;
        width: 11px;
    }

.mail-container {
    float: left;
    width: 100%;
}

.mail-sub {
    display: inline-block;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin: 0 0 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 50%;
}

    .mail-sub > span {
        color: #888888;
        font-weight: 400;
        font-size: 14px;
        margin-left: 5px;
    }

.RaDp {
    float: right;
    margin: 8px 0 0;
}

.mail-reply {
    background: url("../images/mailbox-menu.png") no-repeat scroll -188px -6px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 13px;
    margin-right: 20px;
    position: relative;
    width: 15px;
}

.mail-archive {
    background: url("../images/mailbox-menu.png") no-repeat scroll -221px -7px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 12px;
    margin-right: 20px;
    position: relative;
    width: 14px;
}

.mail-delete {
    background: url("../images/mailbox-menu.png") no-repeat scroll -253px -7px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 12px;
    margin-right: 20px;
    position: relative;
    width: 12px;
}

.mail-print {
    background: url("../images/mailbox-menu.png") no-repeat scroll -283px -7px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 12px;
    margin-right: 0px;
    position: relative;
    width: 14px;
}

.mail-send {
    background: url("../images/mailbox-menu.png") no-repeat scroll -159px -89px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 14px;
    margin-right: 20px;
    position: relative;
    width: 14px;
}

.mail-save {
    background: url("../images/mailbox-menu.png") no-repeat scroll -177px -89px rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    height: 14px;
    margin-right: 0;
    position: relative;
    width: 14px;
}

.mail-line {
    border-bottom: 1px solid #e9e9e9;
    padding: 3px 15px 0;
    position: relative;
    vertical-align: middle;
}

.email-sender {
    color: #231f20;
    display: inline-block;
    font-weight: 600;
    margin: 3px 0 5px;
}

    .email-sender > img {
        float: left;
        margin: 0 10px 0 0;
    }

.email-sender-to {
    color: #656569;
    display: table;
    font-weight: 400;
}

.attach-text {
    background: url("../images/mailbox-menu.png") no-repeat scroll -161px -5px rgba(0, 0, 0, 0);
    border: medium none;
    color: #656569;
    float: left;
    margin-right: 20px;
    position: relative;
    width: 27px;
}

.attach-dt {
    color: #b3b3b3;
    float: right;
    font-size: 11px;
    margin: 12px 0 0 0;
    text-align: right;
    text-transform: uppercase;
}

.message-scroll {
    height: 572px;
    overflow: auto;
    /*padding-right: 15px;*/
    width: 100%;
}

.message-body {
    margin: 20px;
}

    .message-body a {
        color: #1581dc;
    }

        .message-body a:hover {
            color: #ff8300;
            text-decoration: underline;
        }

.attach-div {
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    display: inline-block;
    margin: 20px 0;
    padding: 10px 0 5px 0;
    width: 100%;
}

.attach-h {
    color: #231f20;
    font-weight: 600;
    margin: 0;
}

    .attach-h > span {
        color: #656569;
        font-weight: 400;
        font-size: 12px;
    }

.attach-list {
    float: left;
    font-size: 12px;
    margin: 10px 40px 10px 0;
    width: 41%;
}

    .attach-list span {
        color: #656569;
        float: left;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 123px;
    }

    .attach-list a span {
        color: #1581dc;
        float: right;
        font-size: 11px;
        line-height: 31px;
        overflow: visible;
        text-overflow: unset;
        text-transform: uppercase;
        width: 60px;
    }

        .attach-list a span:hover {
            color: #ff8300;
        }

.zip-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -46px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.html-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -80px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 31px;
}

.pdf-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -116px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.img-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -150px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.doc-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -184px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.txt-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -218px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.xml-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -252px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 29px;
}

.reply-div {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 0 5px;
    width: 100%;
}

    .reply-div > img {
        float: left;
        margin: 0 10px 0 0;
    }

    .reply-div > #Repdiv {
        border: 1px solid #dcdcdc;
        color: #c1c1c1;
        display: inline-block;
        height: 75px;
        padding: 5px;
        width: 94%;
    }

    .reply-div a {
        color: #c1c1c1;
        text-decoration: underline;
    }

.mail-label {
    color: #656569;
    display: inline-block;
    float: left;
    line-height: 24px;
    margin-right: 15px;
    min-width: 25px;
    white-space: nowrap;
    width: auto;
}

.mail-input {
    background-color: #fff;
    background-image: none;
    border: medium none;
    margin: 0;
    max-height: 50px;
    overflow: auto;
    padding: 0;
    width: 94%;
}

    .mail-input input {
        border: medium none;
        color: #656569;
        font-weight: 400;
        height: 27px;
        width: 200px;
    }

.mailsub-input {
    border: medium none;
    color: #656569;
    font-weight: 400;
    height: 22px;
    margin: 1px 0 5px;
    width: 90%;
}

.mail-filter {
    float: right;
    position: relative;
    top: -24px;
}

.text-editor {
    display: table;
    width: 100%;
    border: 1px solid #e9e9e9;
}

.mail-sender {
    background: none repeat scroll 0 0 #f6f5f3;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding: 7px 20px;
}

.AttachImg {
    display: inline-block;
    margin: 8px 0 0;
    width: 50px;
}

.AttachDiv {
    display: block;
    height: 58px;
    overflow-y: scroll;
    width: 100%;
}

.AttachBox {
    background: none repeat scroll 0 0 #EAEAEA;
    border-radius: 3px;
    color: #656569;
    float: left;
    font-size: 11px;
    margin: 2px;
    padding: 5px;
}

.afilename {
    float: left;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.AttachBox input {
    float: right;
    padding: 5px 0 0 5px;
}

.AttachBox .zip-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -46px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .html-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -80px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .pdf-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -116px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .img-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -150px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .doc-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -184px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .txt-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -218px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.AttachBox .xml-icon {
    background: url("../images/mailbox-menu.png") no-repeat scroll -252px -58px rgba(0, 0, 0, 0);
    border: medium none;
    color: #752f8a;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.startupFloatBox {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    box-shadow: 0 0 0 3px #ffffff inset;
    margin: 15% auto;
    max-width: 440px;
    min-width: 340px;
    padding: 15px;
}

.startupHeaderBox {
    margin: 7% auto;
    margin-top: 7%;
    margin-bottom: 2%;
    max-width: 620px;
    min-width: 340px;
    padding: 15px;
}

.parentDivStart {
    text-align: center;
    width: 70%;
    float: left;
}

.startupFloatBoxTitle {
    border-bottom: 1px solid #e8e9e8;
    font-weight: 300;
    font-size: 18px;
    /*letter-spacing: 0;*/
    margin-bottom: 13px;
    padding-bottom: 3px;
}

.floatButtonContainer {
    text-align: center;
}

.startupFloatButton {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 42%, #f6f6f6 78%, #f5f6f5 100%) repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 30px;
    margin: 0 5px;
    padding: 8px 20px;
    vertical-align: middle;
}

    .startupFloatButton a {
        color: #231f20;
    }

    .startupFloatButton i {
        color: #ff8300;
        font-size: 18px;
        margin-right: 10px;
    }

.searchdiv {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #555555;
    float: left;
    font-size: 12px !important;
    margin: 2px;
    padding: 3px 5px;
    text-transform: lowercase;
    width: 30%;
}

    .searchdiv img {
        margin-left: 10px;
    }

        .searchdiv img:hover {
            cursor: pointer;
        }

.ui-progressbar {
    position: relative;
}

.progress-label {
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.progressbar, .progressbarNew {
    background-color: #be91d4;
    border: 1px solid #fff;
    height: 11px;
    margin-top: 2px;
    outline: 1px solid #999;
}

.ui-widget-header {
    background-color: #be91d4;
}

iframe.iFrameClass {
    margin-left: 1px;
    width: 100%;
    position: relative;
}

.DropTxtTarget {
    width: 99.9%;
    float: left;
    padding-left: 0px;
    padding-top: 0px;
    background-color: white;
}
/* Ends Mail Box */

/* Starts Todo List */
.layout-full {
    margin: 0;
    overflow: hidden;
    top: 86px;
    visibility: visible;
}

    .layout-full .page-hText {
        padding: 0 0px;
        top: -7px;
    }

.layout-left {
    border-right: 1px solid #e9e9e9;
    float: left;
    height: 100%;
    /*margin-bottom: -1000px;
	  padding-bottom: 1000px;*/
    width: 20%;
}

    .layout-left .left-header {
        background: none repeat scroll 0 0 #efefef;
        border-bottom: 1px solid #e6e6e6;
        float: none;
        padding: 20px 15px;
        width: auto;
    }

.left-list {
    /*float: left;
	  height: 575px;*/
    overflow: auto;
    width: 100%;
}

    .left-list > ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .left-list li {
        background-color: #f9f9f9;
        border-bottom: 1px solid #e6e6e6;
        padding: 12px 8px 12px 15px;
        cursor: pointer;
    }

        .left-list li:nth-child(2n+1) {
            background-color: #ffffff;
        }

        .left-list li:hover {
            background-color: #ffffe6;
        }

    .left-list .round {
        border-radius: 50%;
        color: #fff;
        float: left;
        font-weight: 600;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        margin: 0 10px 0 0;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: 40px;
    }

    .left-list .avatar {
        float: left;
        margin-bottom: 20px;
        margin-right: 10px;
        width: 39px;
        height: 39px;
    }

    .left-list .mail {
        color: #656569;
        display: block;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .left-list .mail i {
            color: #999999;
            margin-right: 5px;
        }

    .left-list .roles {
        color: #555555;
        display: block;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.sortdiv {
    display: block;
    min-height: 20px;
}

    .sortdiv .dropdown-menu {
        width: 150px;
    }

.sortsel {
    border: 0 none;
    float: left;
    overflow: hidden;
    width: 27%;
    position: relative;
}

    .sortsel:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
        position: absolute;
        top: 8px;
        right: 6px;
    }

    .sortsel select {
        background: none repeat scroll 0 0 transparent;
        border: 1px solid #e0e0e0;
        border-radius: 3px 0 0 3px;
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        padding: 3px;
        width: 100%;
    }

.no-listtxt {
    color: #656569;
    font-weight: 600;
    margin: 50px 0 0;
    text-align: center;
    text-transform: capitalize;
}

.sort-btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px 0 0 3px;
    color: #656569;
    font-weight: 400;
    font-size: 12px;
    padding: 3px;
    float: left;
}

    .sort-btn:hover {
        background: #e6e6e6 repeat none scroll 0 0;
    }

.sort-input {
    border-radius: 0 3px 3px 0;
    color: #656569;
    font-size: 12px;
    padding: 4px 3px;
    padding-right: 15px;
    width: 71%;
}

.prog-name {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.LblBtnDiv {
    display: inline-block;
    width: 100%;
}

.ph-mail {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ph-mail .country {
        color: #555555;
        float: left;
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
        width: 59%;
    }

        .ph-mail .country a {
            color: #555555;
        }

    .ph-mail .status {
        float: right;
        font-weight: 600;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
        width: 35%;
    }

.readnow {
    background: none repeat scroll 0 0 #535353 !important;
    cursor: pointer;
}

    .readnow .prog-name {
        color: #ffffff;
    }

    .readnow .ph-mail {
        color: #666666;
    }

    .readnow .country, .readnow .country a {
        color: #e0e0e0;
    }

    .readnow .status {
        color: #999999;
    }

    .readnow .mail {
        color: #999999;
    }

    .readnow .roles {
        color: #e0e0e0;
    }

.layout-right {
    float: left;
    /*margin-bottom: -1000px;
	  padding-bottom: 1000px;*/
    width: 80%;
}

    .layout-right .Status {
        color: #656569;
        float: right;
        font-weight: 600;
        margin: 5px 0 0;
        text-transform: capitalize;
    }

.layout-content {
    min-height: 520px;
    padding: 20px;
}

    .layout-content .row {
        border-bottom: 1px dashed #d5d5d5;
        display: block;
        float: left;
        margin-bottom: 15px;
        padding-bottom: 15px;
        width: 100%;
    }

        .layout-content .row:last-child {
            border-bottom: none;
        }

.Detail-List {
    border-bottom: 1px dotted #e9e9e9;
    border-top: 1px dotted #dbdbdb;
    width: 100%;
}

    .Detail-List td, .Detail-List th {
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

    .Detail-List .Speckey {
        border-bottom: 1px dotted #e9e9e9;
        border-right: 1px dotted #e1e1e1;
        color: #231f20;
        font-weight: 600;
        font-size: 12px;
        text-transform: capitalize;
        width: 16%;
    }

.Speckey {
}

    .Speckey i {
        color: #c1c1c1;
        font-size: 14px;
        margin-right: 10px;
    }

.Detail-List .SpecValue {
    border-bottom: 1px dotted #e9e9e9;
    /*border-left: 1px dotted #e1e1e1;*/
    color: #656569;
    padding: 5px 10px;
    text-transform: capitalize;
    width: 27%;
    font-size: 12px;
}

.SpecValue a {
    color: #1581dc;
    cursor: pointer;
    text-transform: none;
}

    .SpecValue a:hover {
        color: #ff8300;
    }

.ReasonCont {
    background: none repeat scroll 0 0 #ededed;
    color: #656569;
    margin: 10px 0;
    padding: 10px;
}

    .ReasonCont .heading {
        color: #231f20;
        font-weight: 600;
    }

    .ReasonCont a {
        color: #1581dc;
        font-size: 12px;
    }

.Detail-height {
    /*height: 196px;*/
    overflow: auto;
}

.TxtIns {
    color: #656569;
    display: table;
    font-size: 13px;
    line-height: 18px;
    margin: 3px 0 0 12px;
}

    .TxtIns br {
        margin: 0 0 5px;
    }

.OnBtnGroup {
    box-sizing: border-box;
    clear: both;
    content: " ";
    margin-bottom: 5px;
}

.OnBtnDiv {
    float: left;
    margin-right: 15px;
    width: 160px;
}

.OntxtDiv {
    color: #231f20;
    line-height: 30px;
}

    .OntxtDiv i {
        font-size: 18px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

.LastUpdate {
    color: #656569;
    font-size: 12px;
    line-height: 30px;
}

    .LastUpdate .b {
        color: #656569;
        font-weight: 600;
        font-size: 11px;
    }
/* Starts Timeline*/
.streamline {
    border-color: #cacaca;
    margin-left: 20px;
    position: relative;
}

    .streamline .sl-item:after, .streamline:after {
        background-color: #fff;
        border-color: #cacaca;
        border-radius: 10px;
        border-style: solid;
        border-width: 1px;
        bottom: 32px;
        content: "";
        height: 9px;
        left: 0;
        margin-left: -5px;
        position: absolute;
        width: 9px;
    }

.sl-item {
    border-color: #cacaca;
    padding-bottom: 1px;
    position: relative;
}

    .sl-item:before, .sl-item:after {
        content: " ";
        display: table;
    }

    .sl-item:after {
        clear: both;
    }

    .sl-item:after {
        bottom: auto;
        top: 4px;
    }

    .sl-item.b-l {
        margin-left: -1px;
    }

    .sl-item p {
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        line-height: normal;
        margin: 0 0 10px;
    }

        .sl-item p i {
            color: #b7b7b7;
            font-size: 14px;
        }

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

.tl-item {
    display: block;
}

    .tl-item:before, .tl-item:after {
        content: " ";
        display: table;
    }

    .tl-item:after {
        clear: both;
    }

.m-b {
    margin-bottom: 15px;
}

.b-l {
    border-left: 1px solid #cacaca;
}

.m-l {
    margin-left: 15px;
}

.text-muted {
    color: #b7b7b7;
    font-size: 12px;
    font-weight: 400;
}

.text-info {
    color: #1581dc;
    font-size: 12px;
}

    .text-info:hover {
        color: #ff8300;
    }
/* Ends Timeline */

/*Starts Document View*/
.Doc-Left {
    float: left;
    width: 37%;
}

.Doc-LeftBrdr {
    border: 5px solid #656569;
    border-radius: 3px;
    height: 400px;
    margin-top: 21px;
}

.Doc-Left .Note {
    color: #ff0000;
    font-weight: 600;
    font-size: 11px;
    margin-top: 10px;
}

.Note > span {
    color: #231f20;
}

.Doc-header {
    background: none repeat scroll 0 0 #656569;
    line-height: 23px;
    padding-bottom: 5px;
}

    .Doc-header .title {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
    }

    .Doc-header .status {
        background: none repeat scroll 0 0 #fff;
        border-radius: 3px;
        float: right;
        font-weight: 600;
        font-size: 12px;
        max-width: 140px;
        overflow: hidden;
        padding: 0 6px;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
    }

.status i {
    font-size: 14px;
    margin-left: 3px;
    position: relative;
    top: 1px;
}

.DocData-Bg {
    background: none repeat scroll 0 0 #ffffff;
    margin: 5px 10px;
}

    .DocData-Bg > ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .DocData-Bg > ul li {
            font-size: 12px;
            line-height: 23px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: capitalize;
            white-space: nowrap;
        }

            .DocData-Bg > ul li span {
                color: #ff8300;
                margin-left: 5px;
            }

.DocData-Bg1 {
    background: none repeat scroll 0 0 #fff;
    border-top: 5px solid #656569;
}

    .DocData-Bg1 > table {
        width: 100%;
    }

    .DocData-Bg1 td {
        border-bottom: 1px solid #e4e4e4;
    }

    .DocData-Bg1 tr:nth-child(2n+1) {
        background-color: #f9f9f9;
    }

    .DocData-Bg1 td, .DocData-Bg1 th {
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

    .DocData-Bg1 .Speckey {
        border-right: 1px solid #e4e4e4;
        color: #231f20;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
        width: 35%;
    }

    .DocData-Bg1 .Specvalue {
        border-right: 1px solid #e4e4e4;
        color: #656569;
        font-size: 12px;
        text-transform: capitalize;
    }

        .DocData-Bg1 .Specvalue a {
            color: #1581dc;
            font-size: 11px;
            text-transform: uppercase;
        }

            .DocData-Bg1 .Specvalue a:hover {
                color: #ff8300;
            }

.Doc-Right {
    float: right;
    width: 60%;
}

.ZoomTxt {
    color: #1581dc;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: right;
    cursor: pointer;
}

    .ZoomTxt i {
        font-size: 14px;
        transform: rotate(80deg);
    }

    .ZoomTxt a {
        color: #1581dc;
    }

        .ZoomTxt a:hover {
            color: #ff8300;
            text-decoration: underline;
        }

.Doc-RightBrdr {
    border: 3px solid #dbdbdb;
    border-radius: 3px;
    padding: 5px;
}

.Doc-RightInner {
    border: 1px solid #cccccc;
    height: 430px;
    overflow: auto;
    padding: 5px;
}

.No-preview {
    width: 239px !important;
    height: 260px !important;
    margin: 85px 0 0 200px;
}

.Doc-RightInner > img {
    height: auto;
    width: 100%;
}

.SliderBg {
    background: none repeat scroll 0 0 #ebebeb;
    bottom: 0;
    display: block;
    height: 74px;
    left: 0;
    margin-top: 12px;
    overflow: visible;
    position: relative;
    top: 0;
}

.SArrow-Left {
    cursor: pointer;
    display: block;
    height: 24px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 24px;
}

.SliderBg .SArrow-Left i, .SliderBg .SArrow-Right i {
    background: rgba(0, 0, 0, 0.27);
    border-radius: 100px;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
}

.Slider-Area {
    cursor: move;
    height: 53px;
    left: 45px;
    overflow: hidden;
    position: absolute;
    right: 45px;
    top: 10px;
    z-index: 0;
}

    .Slider-Area > img, .Slider-Area > input {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #bababa;
        height: 49px;
        margin-right: 15px;
        padding: 1px;
        width: 50px;
    }

.SArrow-Right {
    cursor: pointer;
    display: block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 24px;
}

.Doc-Selected {
    border: 1px solid #ff8300 !important;
    box-shadow: 4px 4px 4px rgba(255, 131, 0, 0.25);
}

.E-docimg {
    border: 2px solid #dbdbdb;
    float: left;
    height: 544px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 5px;
    width: 77%;
}

    .E-docimg > img {
        height: auto;
        width: 100%;
    }

.E-SignList {
    border: 2px solid #dbdbdb;
    float: right;
    width: 20%;
}

    .E-SignList .heading {
        background: none repeat scroll 0 0 #ebebeb;
        color: #656569;
        font-weight: 600;
        font-size: 12px;
        line-height: 30px;
        padding-left: 10px;
    }

    .E-SignList > ul {
        list-style: outside none none;
        margin: 6px 0;
        padding: 0;
    }

        .E-SignList > ul > li {
            color: #231f20;
            cursor: move;
            display: table;
            line-height: 32px;
            text-transform: capitalize;
        }

            .E-SignList > ul > li .round, .E-SignList > div .round {
                border-radius: 50%;
                color: #fff;
                float: left;
                font-weight: 600;
                font-size: 11px;
                height: 25px;
                line-height: 25px;
                margin: 3px 10px 3px 14px;
                text-align: center;
                vertical-align: middle;
                width: 25px;
            }
/*Ends Document View*/

.todo-menu {
    background: none repeat scroll 0 0 #454545;
    height: auto;
    overflow: auto;
    padding: 15px;
}

    .todo-menu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .todo-menu ul li {
            border-bottom: 1px solid #4e4e4e;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

            .todo-menu ul li a {
                color: #fff;
                display: block;
                font-weight: 600;
                line-height: 30px;
                overflow: hidden;
                padding: 0 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .todo-menu ul li a:hover {
                    color: #fff;
                    background: none repeat scroll 0 0 #2e2e2e;
                }

                .todo-menu ul li a.active {
                    background: none repeat scroll 0 0 #2e2e2e;
                }

                .todo-menu ul li a img {
                    height: 14px;
                    margin: 8px 5px 0 0;
                    width: 16px;
                }

            .todo-menu ul li ul {
                border-bottom: 1px solid #383838;
                margin-bottom: 0;
                padding: 0 0 0 20px;
            }

                .todo-menu ul li ul li {
                    border: medium none;
                    margin: 0;
                }

                    .todo-menu ul li ul li a {
                        color: #a4a4a4;
                        font-size: 12px;
                        line-height: 32px;
                    }

                        .todo-menu ul li ul li a i {
                            line-height: 32px;
                            padding: 0 5px 0 0;
                        }

                        .todo-menu ul li ul li a:hover {
                            background: none repeat scroll 0 0 transparent;
                            color: #f1ef79;
                        }

                        .todo-menu ul li ul li a.active {
                            background: none repeat scroll 0 0 transparent;
                            color: #f1ef79;
                            font-weight: 600;
                        }

.todo-ActionBtn {
    margin: 0 0 15px;
    text-align: right;
}

.todoRej {
    background: none repeat scroll 0 0 #f20000 !important;
    color: #fff !important;
}

.RejLegend {
    float: right;
    text-align: right;
}

    .RejLegend i {
        background: none repeat scroll 0 0 #f20000;
        box-shadow: 0 0 0 1px #ffffff inset;
        content: "";
        float: left;
        height: 15px;
        margin-right: 5px;
        margin-top: 2px;
        width: 15px;
    }

    .RejLegend > span {
        color: #656569;
        float: left;
    }

.todo-gridH {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.todo-gridHText {
    color: #525252;
    float: left;
    font-weight: 600;
    font-size: 12px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.todo-gridB {
    border: 1px solid #e1e1e1;
    float: left;
    margin: 5px 0 0;
    padding: 5px 0 10px;
    width: 100%;
}

.todo-gridBText {
    color: #656569;
    float: left;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.todo-inAction {
    background: none repeat scroll 0 0 #efefef;
    clear: both;
    margin: 10px 10px 0;
    padding: 4px 10px;
}

.InnerGreyBorder .todo-inAction {
    display: inline-block;
    margin: 5px 0 0;
    width: 100%;
}

.todo-formOpen {
    clear: both;
    display: block;
    margin: 5px 10px 0;
    padding: 4px 5px 0 0;
}

.todoAction {
    border: 2px dashed #ec917a;
    border-radius: 3px;
    display: table;
    margin: 20px auto;
    max-width: 70%;
    min-width: 15%;
    padding: 10px 10px 10px 20px;
    text-align: center;
}

    .todoAction p {
        color: #ff4e53;
        font-size: 15px;
        line-height: 20px;
        margin: 0 10px 6px 0;
        padding: 0;
        text-align: center;
    }

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

.todoActionBtn {
    background: #07a35e;
    background: -moz-linear-gradient(top, #07a35e 0%, #00934d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07a35e), color-stop(100%, #00934d));
    background: -webkit-linear-gradient(top, #07a35e 0%, #00934d 100%);
    background: -o-linear-gradient(top, #07a35e 0%, #00934d 100%);
    background: -ms-linear-gradient(top, #07a35e 0%, #00934d 100%);
    background: linear-gradient(to bottom, #07a35e 0%, #00934d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07a35e', endColorstr='#00934d', GradientType=0 );
    border: 1px solid #0e833f;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    line-height: 36px;
    text-shadow: 0 0 2px #0e833f;
    text-transform: uppercase;
    width: 185px;
}

    .todoActionBtn:hover {
        background: #09af66;
        background: -moz-linear-gradient(top, #09af66 0%, #00934d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09af66), color-stop(100%, #00934d));
        background: -webkit-linear-gradient(top, #09af66 0%, #00934d 100%);
        background: -o-linear-gradient(top, #09af66 0%, #00934d 100%);
        background: -ms-linear-gradient(top, #09af66 0%, #00934d 100%);
        background: linear-gradient(to bottom, #09af66 0%, #00934d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09af66', endColorstr='#00934d', GradientType=0 );
    }
/* Ends Todo List */
.todoActionBtnRed {
    background: #ee0500;
    background: -moz-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee0500), color-stop(100%, #da0500));
    background: -webkit-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -o-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: -ms-linear-gradient(top, #ee0500 0%, #da0500 100%);
    background: linear-gradient(to bottom, #ee0500 0%, #da0500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0500', endColorstr='#da0500', GradientType=0 );
    border: 1px solid #c60500;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    line-height: 36px;
    text-shadow: 0 0 2px #0e833f;
    text-transform: uppercase;
    width: 185px;
}

    .todoActionBtnRed:hover {
        background: #ff0802;
        background: -moz-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0802), color-stop(100%, #da0500));
        background: -webkit-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -o-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: -ms-linear-gradient(top, #ff0802 0%, #da0500 100%);
        background: linear-gradient(to bottom, #ff0802 0%, #da0500 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0802', endColorstr='#da0500', GradientType=0 );
    }
/* Ends Todo List */

/*Revert*/
.RevertL {
    float: left;
    min-height: 1px;
    padding-right: 25px;
    position: relative;
    width: 27%;
}

.RevertR {
    float: left;
    min-height: 1px;
    position: relative;
    width: 70%;
}

.re-menu {
    background: none repeat scroll 0 0 #454545;
    height: auto;
    overflow: auto;
    padding: 0;
}

    .re-menu ul {
        list-style: outside none none;
        margin: 0;
        padding: 15px;
    }

        .re-menu ul li {
            border-bottom: 1px solid #4e4e4e;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

            .re-menu ul li a {
                color: #fff;
                display: block;
                font-weight: 600;
                line-height: 30px;
                overflow: hidden;
                padding: 0 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .re-menu ul li a:hover {
                    color: #fff;
                    background: none repeat scroll 0 0 #2e2e2e;
                }

                .re-menu ul li a.active {
                    background: none repeat scroll 0 0 #2e2e2e;
                }

                .re-menu ul li a img {
                    height: 14px;
                    margin: 8px 5px 0 0;
                    width: 16px;
                }

            .re-menu ul li ul {
                border-bottom: 1px solid #383838;
                margin-bottom: 0;
                padding: 0 0 0 20px;
            }

                .re-menu ul li ul li {
                    border: medium none;
                    margin: 0;
                }

                    .re-menu ul li ul li a {
                        color: #a4a4a4;
                        font-size: 12px;
                        line-height: 32px;
                    }

            .re-menu ul li a i {
                color: #ff8300;
                line-height: 32px;
                padding: 0 5px 0 0;
            }

            .re-menu ul li ul li a:hover {
                background: none repeat scroll 0 0 transparent;
                color: #f1ef79;
            }

            .re-menu ul li ul li a.active {
                background: none repeat scroll 0 0 transparent;
                color: #f1ef79;
                font-weight: 600;
            }
/*Revert*/
/*Registration Key start*/
.key-divTitle {
    margin: 15px 0;
    /*white-space: nowrap;*/
    text-align: center;
}

    .key-divTitle > span {
        color: #656569;
        font-size: 29px;
        letter-spacing: 0;
    }

.Key-divContent {
    width: 100%;
    padding: 0 0 10px;
}

.Key-div1 {
    width: 40%;
    float: left;
    color: #777;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
}

.Key-div2 {
    background: none repeat scroll 0 0 #f1f0ee;
    width: 60%;
    float: left;
}

.Key-companydiv {
    background-color: #ff8300;
    color: #fff;
    min-height: 220px;
    text-align: center;
}

    .Key-companydiv #keycompanyDiv {
        padding: 65px 45px 10px;
    }

    .Key-companydiv #keyDivKey {
        font-weight: 600;
        font-size: 36px;
        padding-bottom: 40px;
    }

    .Key-companydiv #keycompanyDiv > span {
        font-weight: 600;
        font-size: 20px;
    }

.Key-EntryDiv {
    background-color: #464646;
    color: #cccccc;
    display: inline-table;
    font-weight: 600;
    width: 100%;
}

.Key-EntryInput {
    float: left;
    margin: 20px;
    width: 40%;
}

.key-EmailContent {
    color: #555555;
    padding: 10px 15px 15px;
}

    .key-EmailContent a {
        color: #1581dc;
    }

.key-note {
    clear: both;
    color: #777777;
    font-style: italic;
    font-size: 11px;
    padding: 15px 0 0 0;
}

.key-font {
    font-family: Segoe UI;
}
/*Registration Key End*/

/* Starts Reset password */
.MsgHdr {
    color: #231f20;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

    .MsgHdr i {
        color: #89c7a0;
        font-size: 16px;
        margin: 5px 3px 0 0;
    }

.Msgcont {
    color: #656569;
    display: table;
    font-size: 11px;
    line-height: 20px;
    margin-left: 25px;
}

.PwdStrengthGrey {
    height: 4px;
    float: left;
    width: 25px;
    margin-right: 2px;
    margin-top: 10px;
    background-color: #e8e8e8;
}

.PwdStrengthRed {
    height: 4px;
    float: left;
    width: 25px;
    margin-right: 2px;
    margin-top: 10px;
    background-color: #e91111;
}

.PwdStrengthOrange {
    height: 4px;
    float: left;
    width: 25px;
    margin-right: 2px;
    margin-top: 10px;
    background-color: #ff9600;
}

.PwdStrengthYellow {
    height: 4px;
    float: left;
    width: 25px;
    margin-right: 2px;
    margin-top: 10px;
    background-color: #ffae00;
}

.PwdStrengthGreen {
    height: 4px;
    float: left;
    width: 25px;
    margin-right: 2px;
    margin-top: 10px;
    background-color: #9cc259;
}

.ResetUname {
    color: #656569;
    font-weight: 400;
    display: table;
    text-transform: capitalize;
}
/* Ends Reset password */

/*Starts Side menu
  .navig-txt {
	  color: #838383;
	  display: inline-block;
	  font-weight:600;
	  font-size: 10px;
	  line-height: 18px;
	  padding: 15px 15px 10px 15px;
	  text-transform: uppercase;
  }
  #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  list-style: none;
	  line-height: 1;
	  display: block;
	  position: relative;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
  }
  #cssmenu {
	  background: none repeat scroll 0 0 #313131;
	  color: #aeaeae;
	  float: left;
	  height: 100%;
	  min-height: 674px;
	  text-transform: capitalize;
	  z-index: 1;
  }
  #cssmenu ul ul {
	  display: none;
  }
  .align-right {
	  float: right;
  }
  #cssmenu > ul > li > a {
	  background: none repeat scroll 0 0 #313131;
	  color: #aeaeae;
	  cursor: pointer;
	  font-size: 13px;
	  font-weight:600;
	  padding: 15px;
	  text-decoration: none;
	  text-shadow: none !important;
	  z-index: 2;
  }
  #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
	  background: none repeat scroll 0 0 #252525;
	  border-left: 5px solid #fe9929;
	  color: #ffffff;
	  padding-left: 10px;
  }
  #cssmenu > ul > li.open > a {
	  border-left: 5px solid #fe9929;
	  padding-left: 10px;
  }
  #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
	  border-bottom: 1px solid #3c3c3c;
  }
  #cssmenu > ul > li > a input {
	  background: none repeat scroll 0 0 transparent;
	  border: medium none;
	  color: #aeaeae;
	  cursor: pointer;
	  font-weight:600;
	  font-size: 13px;
	  overflow: hidden;
	  text-align: left;
	  text-decoration: none;
	  text-overflow: ellipsis;
	  text-shadow: none !important;
	  white-space: nowrap;
	  width: 172px;
	  z-index: 2;
  }
  #cssmenu > ul > li > a input:hover, #cssmenu > ul > li.active > a input, #cssmenu > ul > li.open > a input {
	  color: #ffffff;
  }
  #cssmenu > ul > li.open > a input {
  }
  #cssmenu > ul > li:last-child > a input, #cssmenu > ul > li.last > a input {
  }
  #cssmenu ul ul li a input {
	  background: none repeat scroll 0 0 transparent;
	  border: medium none;
	  color: #aeaeae;
	  cursor: pointer;
	  font-weight:400;
	  font-size: 12px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  width: 195px;
  }
  .holder {
	  width: 0;
	  height: 0;
	  position: absolute;
	  top: 0;
	  right: 0;
  }
  .holder::after, .holder::before {
	  content: "";
	  display: block;
	  height: 4px;
	  position: absolute;
	  right: 15px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	  width: 4px;
	  z-index: 10;
  }
  .holder::after {
	  border-left: 1px solid #aeaeae;
	  border-top: 1px solid #aeaeae;
	  top: 21px;
  }
  #cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after {
	  border-color: #eeeeee;
  }
  .holder::before {
	  border-left-color: inherit;
	  border-left-style: solid;
	  border-left-width: 1px;
	  border-top-color: inherit;
	  border-top-style: solid;
	  border-top-width: 1px;
	  top: 22px;
  }
  #cssmenu ul ul li a {
	  background: none repeat scroll 0 0 #3c3c3c;
	  color: #aeaeae;
	  cursor: pointer;
	  font-size: 12px;
	  padding: 10px 15px;
	  text-decoration: none;
	  z-index: 1;
  }
  #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {
	  color: #ffffff;
  }
  #cssmenu ul ul li:hover > a input, #cssmenu ul ul li.open > a input, #cssmenu ul ul li.active > a input {
	  color: #ffffff;
  }
  #cssmenu ul ul li:first-child > a {
	  box-shadow: none;
  }
  #cssmenu ul ul ul li:first-child > a {
	  box-shadow: none;
  }
  #cssmenu ul ul ul li a {
	  padding-left: 35px;
  }
  #cssmenu ul ul ul ul li a {
	  padding-left: 45px;
  }
  #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
	  border-bottom: 0;
  }
  #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {
	  border-bottom: none;
  }
  #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	  border-bottom: 0;
  }
  #cssmenu ul ul li.has-sub > a::after {
	  display: block;
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 4px;
	  right: 15px;
	  z-index: 10;
	  top: 14.5px;
	  border-left: 1px solid #aeaeae;
	  border-top: 1px solid #aeaeae;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
  }
  #cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
	  border-color: #ffffff;
  }
  #cssmenu > ul > li > a i {
	  font-size: 14px;
	  margin-right: 7px;
	  width: 16px;
  }
  #cssmenu > ul > li > a i:hover, #cssmenu > ul > li.active > a i, #cssmenu > ul > li.open > a i {
	  color: #fe9929;
  }
  Ends Side menu*/
/*Starts Side menu*/
.navig-txt {
    color: #838383;
    display: inline-block;
    font-weight: 600;
    font-size: 10px;
    line-height: 18px;
    padding: 15px 15px 10px 15px;
    text-transform: uppercase;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0;
    /*padding: 0;*/
    border: 0;
    list-style: none;
    /*line-height: 1;*/
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width:356px;
}

#cssmenu {
    background: none repeat scroll 0 0 #313131;
    color: #aeaeae;
    float: left;
    height: 100%;
    margin-bottom: -1000px;
    /*min-height: 674px;*/
    padding-bottom: 1000px;
    text-transform: capitalize;
    z-index: 2;
}

    #cssmenu ul ul {
        display: none;
    }

    #cssmenu > ul > li > a {
        background: none repeat scroll 0 0 #313131;
        color: #aeaeae;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 15px;
        text-decoration: none;
        text-shadow: none !important;
        z-index: 2;
    }

        #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
            background: none repeat scroll 0 0 #252525;
            border-left: 5px solid #fe9929;
            color: #ffffff;
            padding-left: 10px;
        }

    #cssmenu > ul > li.open > a {
        border-left: 5px solid #fe9929;
        padding-left: 10px;
    }

    #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
        border-bottom: 1px solid #3c3c3c;
    }

    #cssmenu > ul > li > a input {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #aeaeae;
        cursor: pointer;
        font-family: "Open Sans", "Segoe UI", "Helvetica Neue", "PT Sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        text-overflow: ellipsis;
        text-shadow: none !important;
        white-space: nowrap;
        width: 172px;
        z-index: 2;
    }

        #cssmenu > ul > li > a input:hover, #cssmenu > ul > li.active > a input, #cssmenu > ul > li.open > a input {
            color: #ffffff;
        }

    #cssmenu > ul > li.open > a input {
    }

    #cssmenu > ul > li:last-child > a input, #cssmenu > ul > li.last > a input {
    }

    #cssmenu ul ul li a input {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #aeaeae;
        cursor: pointer;
        font-weight: 400;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 195px;
    }

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

    .holder::after, .holder::before {
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        right: 15px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        width: 4px;
        z-index: 10;
    }

    .holder::after {
        border-left: 1px solid #aeaeae;
        border-top: 1px solid #aeaeae;
        top: 16px;
    }

#cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}

.holder::before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 1px;
    top: 16px;
}

#cssmenu ul ul li a {
    background: none repeat scroll 0 0 #3c3c3c;
    color: #aeaeae;
    cursor: pointer;
    font-size: 12px;
    padding: 10px 15px;
    text-decoration: none;
    z-index: 1;
}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {
    color: #ffffff;
}

    #cssmenu ul ul li:hover > a input, #cssmenu ul ul li.open > a input, #cssmenu ul ul li.active > a input {
        color: #ffffff;
    }

#cssmenu ul ul li:first-child > a {
    box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
    box-shadow: none;
}

#cssmenu ul ul ul li a {
    padding-left: 35px;
}

#cssmenu ul ul ul ul li a {
    padding-left: 45px;
}

#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: none;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}

#cssmenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    right: 15px;
    z-index: 10;
    top: 14.5px;
    border-left: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
    border-color: #ffffff;
}

#cssmenu > ul > li > a i {
    font-size: 14px;
    margin-right: 7px;
    width: 16px;
}

    #cssmenu > ul > li > a i:hover, #cssmenu > ul > li.active > a i, #cssmenu > ul > li.open > a i {
        color: #fe9929;
    }
/*Ends Side menu*/

/*Starts Report Dashboard*/
.WelcomeUser {
    display: inline-block;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 15px;
}

    .WelcomeUser small {
        color: #656569;
        font-weight: 400;
        font-size: 13px;
    }

.OrgChartDiv {
    display: table;
    height: 205px;
    margin: 0 auto 15px;
    text-align: center;
}

.SupProfimg {
    background: url("../images/supplier-profile.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 112px;
    margin: 0 auto;
    width: 128px;
}

.SupDivLC {
    display: inline-block;
    position: relative;
}

.SupLabel {
    color: #ffffff;
    font-size: 11px;
    left: -24px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 67px;
    width: 50px;
    word-break: break-all;
}

.SupCount {
    color: #656569;
    font-size: 12px;
    left: -16px;
    position: absolute;
    text-align: center;
    top: 101px;
}

.SupContDiv {
    margin: 25px 0 0;
}

.SupContDiv {
    margin: 25px 0 0;
}

.SupContInd {
    background: none repeat scroll 0 0 #f4b04f;
    border-radius: 3px;
    float: left;
    left: 1.5%;
    margin: auto 20px auto 0;
    min-height: 30px;
    position: relative;
    width: 220px;
}

    .SupContInd a {
        color: #fff;
        display: inline-table;
        font-weight: 600;
        letter-spacing: 0;
        padding: 7px 10px;
        word-break: break-all;
    }

.BoxWidget {
    border: 1px solid #e4e4e4;
    display: table;
    width: 100%;
}

.BoxWidgetHead {
    background-color: #efefef;
    clear: both;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    padding: 0 10px;
}

    .BoxWidgetHead h2 {
        color: #696969;
        float: left;
        font-size: 11px;
        font-weight: 400;
        height: 100%;
        letter-spacing: 0.1em;
        margin: 0;
        text-transform: uppercase;
    }

.WidgetLbl {
    color: #656569;
    float: left;
    font-weight: 600;
    line-height: 25px;
    margin: 0 5px;
}

.export-btn {
    background: url("../images/square-export.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 21px;
    width: 21px;
    margin-top: 7px;
    margin-right: 8px;
    cursor: pointer;
}

    .export-btn:hover {
        background: url("../images/square-export-o.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

.BoxWidgetHead .Widgetctrls {
    float: right;
    margin: 3px 0 0;
    padding: 0;
    width: auto;
}

.Widgetctrls .button-icon {
    float: left;
    position: relative;
    top: -4px;
}

    .Widgetctrls .button-icon a {
        margin-top: 7px;
        float: right;
    }

.BoxWidget .bodypanel {
    clear: both;
    margin: 1px 0;
    padding: 15px;
}

.Gin-slect {
    clear: both;
    margin: 10px;
    padding-bottom: 27px;
    text-align: right;
}

.Export {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    float: left;
    line-height: 18px;
    margin-right: 10px;
    margin-top: 2px;
    overflow: hidden;
    width: 122px;
    position: relative
}

    .Export:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
        position: absolute;
        top: 3px;
        right: 7px;
        color: #7f7f7f;
        font-size: 12px;
    }

    .Export select {
        background: rgba(255, 255, 255, 0.48) none repeat scroll 0 0;
        border: medium none;
        color: #656569;
        font-size: 12px;
        font-weight: 400;
        padding: 2px 2px 3px;
        width: 145px;
    }

    .Export input {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        padding: 1px;
        width: 145px;
    }

.filtervalue {
    color: #656569;
    float: left;
    font-size: 12px;
    line-height: 25px;
}

    .filtervalue b {
        color: #656569;
        font-weight: 600;
        font-size: 11px;
    }

.BrdrLessGrid {
    border-collapse: collapse;
    width: 100%;
}

    .BrdrLessGrid th {
        background: #fff none repeat scroll 0 0;
        border-bottom: 2px solid #dbdbdb;
        border-top: 1px solid #dbdbdb;
        color: #656569;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        max-width: 150px;
        overflow: hidden;
        overflow-wrap: break-word;
        padding: 5px;
        text-align: left;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: normal;
    }

        .BrdrLessGrid th a {
            color: #656569 !important;
            text-decoration: none;
        }

        .BrdrLessGrid th:last-child {
            /*border-right: medium none !important;*/
        }

    .BrdrLessGrid.rating-table-bg th {
        background: #DEDEDE;
    }

.BrdrLessGridHeader a {
    color: #656569;
    text-decoration: none;
}

.BrdrLessGrid > tbody > tr > td a {
    color: #ff8300;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BrdrLessGrid > tbody > tr > td {
    border-top: 1px solid #e4e4e4;
    color: #555555;
    max-width: 150px;
    line-height: 22px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

    .BrdrLessGrid > tbody > tr > td span {
        font-weight: 400;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
    }

.BrdrLessGrid > tbody > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.BrdrLessGrid > tbody > tr > td:last-child {
    border-right: medium none !important;
}

.BrdrLessGrid > tbody > tr:hover {
    background-color: #ffffe6;
}

.BrdrLessGrid th > img {
    margin: 2px;
}

.GridCenterLink {
    color: #ff8300 !important;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
}
/*Starts Org Chart*/
.first-block {
    width: 137px;
    float: left;
}

.reg-process {
    background: none repeat scroll 0 0 #03a9f5;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 100px;
    width: 136px;
}

    .reg-process:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer; /*transform:scale(1.01);*/
    }

    .reg-process a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: capitalize;
    }

    .reg-process > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: center;
    }

.reg-comp {
    background: none repeat scroll 0 0 #ff5a01;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 100px;
    width: 136px;
}

    .reg-comp:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer; /* transform:scale(1.01);*/
    }

    .reg-comp a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: capitalize;
    }

    .reg-comp > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: center;
    }

.center-block {
    width: 271px;
    float: left;
}

.supp-profile {
    background: none repeat scroll 0 0 #4caf50;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 120px;
    width: 270px;
}

    .supp-profile:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transform: scale(1.01);
    }

    .supp-profile a {
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        text-transform: capitalize;
    }

    .supp-profile > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: center;
    }

.div-supp {
    background: none repeat scroll 0 0 #66669A;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 80px;
    width: 270px;
}

    .div-supp:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transform: scale(1.01);
    }

    .div-supp a {
        color: #fff;
        display: inherit;
        font-weight: 600;
        font-size: 13px;
        line-height: 17px;
        padding: 0 10px;
        text-align: center;
        text-transform: capitalize;
    }

    .div-supp > img {
        padding-bottom: 1px;
        padding-top: 12px;
    }

.last-block {
    width: 137px;
    float: left;
}

.eng-process {
    background: none repeat scroll 0 0 #ffa202;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 100px;
    width: 136px;
}

    .eng-process:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transform: scale(1.01);
    }

    .eng-process a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
    }

    .eng-process > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: center;
    }

.eng-comp {
    background: none repeat scroll 0 0 #bf3690;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 100px;
    width: 136px;
}

    .eng-comp:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transform: scale(1.01);
    }

    .eng-comp a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: capitalize;
    }

    .eng-comp > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: center;
    }
/*Ends Org Chart*/
/* Starts Filter option*/
.fscroll {
    height: 500px;
    overflow: auto;
    width: 100%;
}

.filter-options {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    border-radius: 0 0 3px 0;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07);
    left: 0;
    padding: 0;
    position: absolute;
    top: 158px;
    top: 156px\9;
    transition: transform 0.15s ease 0s;
    width: 500px;
    z-index: 11;
}

    .filter-options .filter-options-icon {
        background: linear-gradient(to right, #ff901a 0%, #ff8300 100%);
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        border-color: #ed7a00;
        border-radius: 6px 6px 0 0;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        left: 529px;
        left: 471px\9;
        padding: 5px;
        position: absolute;
        top: -1px;
        top: 20px\9;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: left top 0;
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0;
        width: 110px;
    }

.filter-options-icon i {
    /*-ms-animation: 4s linear 0s normal none infinite running spin;
	  -webkit-animation: 4s linear 0s normal none infinite running spin;
	  animation: 4s linear 0s normal none infinite running spin;*/
    display: block;
    float: left;
    left: 15px;
    position: absolute;
    top: 8px;
}

.filter-options-icon > span {
    font-weight: 600;
    letter-spacing: 1px;
    padding-left: 38px;
    text-transform: uppercase;
}

.filter-line {
    background: none repeat scroll 0 0 #ff8300 !important;
    border: medium none !important;
    height: 500px;
    width: 4px !important;
    left: -1px !important;
}

.filter-options .filter-heading {
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 1px solid #e4e4e4;
    color: #656569;
    font-size: 13px;
    padding: 6px 0;
    text-indent: 14px;
    text-transform: uppercase;
}

.filter-options .filter-body {
    border-bottom: 1px solid #e6eaed;
    display: inline-block;
    padding: 15px 12px 15px 15px;
    width: 100%;
}

.filter-body .control-label {
    font-size: 12px;
    text-transform: uppercase !important;
}

.filter-group {
    box-sizing: border-box;
    clear: both;
    content: " ";
    display: table;
    margin-bottom: 10px;
}

.filter-options .in {
    color: #231f20;
    font-size: 12px;
    padding: 4px 3px;
}

.filter-options .date {
    color: #231f20;
    float: left;
    font-size: 11px;
    padding: 4px 3px;
    width: 85px;
}

.filter-options-new {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    border-radius: 0 0 3px 0;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07);
    left: 0;
    padding: 0;
    position: absolute;
    top: 172px;
    transition: transform 0.15s ease 0s;
    width: 480px;
}

    .filter-options-new .filter-options-icon {
        background: linear-gradient(to right, #ff901a 0%, #ff8300 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-color: #ed7a00;
        border-radius: 6px 6px 0 0;
        border-style: solid;
        border-width: 1px 1px 0;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        left: 30px;
        left: -38px\9;
        letter-spacing: normal;
        padding: 5px;
        position: absolute;
        top: -14px;
        top: 22px\9;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: left top 0;
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0;
        width: 110px;
    }

@media screen and (min-width:0\0) {
    .filter-options .filter-options-icon {
        left: 530px;
        top: -1px;
    }

    .filter-options-new .filter-options-icon {
        left: 30px;
        top: -14px;
    }
}

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    .filter-options .filter-options-icon {
        left: 462px;
        top: 37px;
    }

    .filter-options-new .filter-options-icon {
        left: -38px;
        top: 22px;
    }
}

.filterDate > img {
    margin-left: -18px;
    margin-top: 5px;
}

.Foption {
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    line-height: 18px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

    .Foption:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
        position: absolute;
        top: 4px;
        right: 7px;
        color: #7f7f7f;
        font-size: 12px;
    }

    .Foption select {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        padding: 4px 3px;
        text-overflow: ellipsis;
        width: 146%;
        height: 25px;
    }

.Foption-sm {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    line-height: 18px;
    margin-right: 10px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

    .Foption-sm:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
        position: absolute;
        top: 4px;
        right: 7px;
        color: #7f7f7f;
        font-size: 12px;
    }

    .Foption-sm select {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #656569;
        font-weight: 400;
        font-size: 12px;
        padding: 3px;
        width: 146%;
        height: 25px;
    }

.filter-options .first {
    float: left;
    min-height: 1px;
    padding-right: 7px;
    position: relative;
    width: 100px;
}

.filter-options .second {
    float: left;
    min-height: 1px;
    padding-right: 7px;
    position: relative;
    width: 124px;
}

.filter-options .third {
    float: left;
    min-height: 1px;
    padding-right: 5px;
    position: relative;
    width: 188px;
}

.filter-options .fourth {
    float: left;
    margin-top: 6px;
    min-height: 1px;
    position: relative;
    width: 42px;
}

.filterDate {
    float: left;
    width: 91px;
    position: relative;
}

    .filterDate i {
        right: 11px;
        position: absolute;
        top: 6px;
        color: #656569;
    }

.filter-Btn {
}

.SavedTempName ul {
    line-height: 24px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .SavedTempName ul li a {
        color: #ff8300;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 365px;
    }

    .SavedTempName ul li .btn {
        float: right;
        margin-right: 14px;
    }

        .SavedTempName ul li .btn a {
            margin-right: 4px;
            width: auto;
        }

.Filter-result {
    border-bottom: 1px solid #e9e9e9;
    color: #656569;
    font-weight: 600;
    overflow: hidden;
    padding: 4px 20px 6px;
    width: auto;
}

.filtrs-top-selected {
    border-right: 1px solid #bdbdbd;
    color: #231f20;
    display: inline-block;
    font-size: 11px;
    margin-right: 6px;
    text-transform: capitalize;
}

    .filtrs-top-selected span {
        color: #656569;
        cursor: pointer;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }
/* Ends Filter option*/
/*Ends Report Dashboard*/

.Notification {
    color: #ec2f2f;
    float: left;
    font-size: 12px;
    margin-top: 17px;
    margin-left: 20px;
    max-width: 62%;
}
/* Starts ACCESS REQUEST*/
.access-list {
    border-top: 1px solid #e6e6e6;
    float: left;
    /*height:500px;*/
    overflow: auto;
    width: 100%;
}

    .access-list > ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .access-list li {
        background-color: #f9f9f9;
        border-bottom: 1px solid #e6e6e6;
        cursor: pointer;
        float: left;
        padding: 10px 0;
        width: 100%;
    }

        .access-list li:nth-child(2n+1) {
            background-color: #ffffff;
        }

        .access-list li:hover {
            background-color: #ffffe6;
        }

.accessname {
    float: left;
    padding: 0 5px;
    width: 28%;
}

    .accessname .avatar {
        height: 40px;
        float: left;
        margin-bottom: 10px;
        margin-right: 5px;
        width: 40px;
    }

    .accessname .name {
        color: #555555;
        display: block;
        font-weight: 600;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
    }

    .accessname .mail {
        color: #656569;
        display: block;
        margin-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .accessname .mail i {
            color: #999999;
            margin-right: 5px;
        }

    .accessname .check {
        display: block;
        text-transform: capitalize;
    }

        .accessname .check label {
            font-weight: 400;
            font-size: 12px;
        }

.accessroles {
    float: left;
    padding: 0 5px;
    width: 28%;
}

    .accessroles .lbl {
        color: #231f20;
        display: table;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
    }

    .accessroles .value {
        color: #656569;
        display: table;
        font-size: 12px;
        text-transform: capitalize;
    }

.accessbtns {
    float: left;
    padding: 0 0 0 5px;
    text-align: right;
    width: 11%;
}

.green-round {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #32c37c;
    border-radius: 50px;
    color: #32c37c;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 26px;
}

.grey-round {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #656569;
    border-radius: 50px;
    color: #656569;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 20px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 26px;
}

.chk-approve label {
    color: #32c37c;
}

.chk-disapprove label {
    color: #e66925;
}

.assign-multiuser {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e7eaec;
    padding: 5px;
    position: absolute;
    right: 45px;
    top: 101px;
    width: 250px;
}
/* Ends ACCESS REQUEST*/

/*Starts User*/
.u-detail {
    float: left;
    min-height: 1px;
    padding-right: 20px;
    width: 25%;
}

.udetail-head {
    background: none repeat scroll 0 0 #bdbdbd;
    height: 123px;
    text-align: center;
}

    .udetail-head .name {
        color: #fff;
        display: inherit;
        font-style: italic;
        font-size: 22px;
        padding: 10px 0 0 0;
    }

    .udetail-head .sub {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        opacity: 0.8;
    }

    .udetail-head .avatar {
        border: 3px solid #fff;
        margin: 17px auto;
        width: 90px;
        height: 90px;
    }

.udetail-body {
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-bottom: -1000px;
    min-height: 410px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .udetail-body .btn {
        border-bottom: 1px solid #e6e6e6;
        padding: 70px 0 20px 0;
        text-align: center;
    }

        .udetail-body .btn .edit {
            background: none repeat scroll 0 0 #656569;
            border-radius: 50px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 18px;
            height: 30px;
            line-height: 30px;
            margin: 0 5px 0 0;
            text-align: center;
            width: 30px;
        }

        .udetail-body .btn .reset {
            background: none repeat scroll 0 0 #ff8300;
            border-radius: 50px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 18px;
            height: 30px;
            line-height: 30px;
            margin: 0 5px 0 0;
            text-align: center;
            width: 30px;
        }

        .udetail-body .btn .msg {
            background: none repeat scroll 0 0 #752f8a;
            border-radius: 50px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 18px;
            height: 30px;
            line-height: 30px;
            margin: 0 5px 0 0;
            text-align: center;
            width: 30px;
        }

.u-detailedit {
    float: left;
    margin-bottom: -1000px;
    min-height: 1px;
    padding-bottom: 1000px;
    width: 75%;
}

.U-List {
    border: medium none;
    margin-top: 10px;
    width: 100%;
}

    .U-List td {
        padding: 5px 0px 5px 8px;
        text-align: left;
        vertical-align: top;
    }

    .U-List .Speckey {
        color: #231f20;
        font-weight: 600;
        font-size: 12px;
        text-transform: capitalize;
        width: 20%;
    }

        .U-List .Speckey i {
            color: #c1c1c1;
            font-size: 14px;
            margin-right: 4px;
            width: 14px;
        }

    .U-List .SpecValue {
        color: #656569;
        font-size: 12px;
        padding: 5px 10px;
        text-transform: capitalize;
        width: 55%;
    }

        .U-List .SpecValue a {
            color: #1581dc;
            cursor: pointer;
            font-size: 13px;
            text-transform: none;
        }

            .U-List .SpecValue a:hover {
                color: #ff8300;
            }

.u-col4 {
    float: left;
    min-height: 1px;
    padding-right: 20px;
    position: relative;
    width: 25%;
}

    .u-col4:last-child {
        padding: 0;
    }

    .u-col4 .form-group {
        margin: 0px;
    }
/*Ends User*/

/*Begin Reports*/
.fiDtLbl {
    float: right;
    padding-left: 63px;
}

.fiDtlblDiv {
    float: left;
    min-height: 1px;
    padding-right: 7px;
    padding-top: 5px;
    width: 85px;
}

.filterLabel {
    color: #656569;
    float: left;
    font-weight: 600;
    font-size: 12px;
    margin: 5px;
}

.ReportBoxB {
    border: 1px solid #dddddd !important;
    display: block !important;
    padding: 15px !important;
    height: 500px !important;
    overflow: auto !important;
    box-shadow: none !important;
    border-radius: none !important;
}

.ReportBoxS {
    border: 1px solid #dddddd !important;
    display: block !important;
    padding: 15px !important;
    height: 220px !important;
    overflow: auto !important;
    width: auto !important;
    float: none !important;
    position: relative !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin-bottom: 30px; /* min-height: 120px !important;
	 max-height: 220px !important;*/
}

.ReportWidget {
    width: 100%;
    min-height: 1px;
    position: relative;
    display: table;
}

.left-box {
    float: left;
    position: relative;
    width: 45%;
}

.right-box {
    float: right;
    position: relative;
    width: 45%;
}

.dual-control {
    left: 45%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 10%;
}

.Filter-action {
    border-bottom: 1px solid #e9e9e9;
    color: #656569;
    font-weight: 600;
    overflow: hidden;
    padding: 4px 20px 6px;
    width: auto;
}

    .Filter-action .btn {
        float: right;
        margin: 11px 0 9px;
        width: auto !important;
    }

.FilterHead {
    color: #ff8300;
    float: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}
/*End Reports*/

.imageValue {
    text-indent: -9999px;
}
/*Starts Document Library*/

.Lib-Left {
    border-right: 1px solid #e9e9e9;
    float: left;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
    width: 79.9%;
}

.Lib-Right {
    float: left;
    height: 100%;
    width: 20%;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

    .Lib-Right .right-head {
        background: none repeat scroll 0 0 #bdbdbd;
        color: #fff;
        float: none;
        margin: 1px 0 15px 1px;
        padding: 10px 0;
        text-align: center;
        width: auto;
    }

.Lib-list {
    /*overflow-y: scroll;
	  padding-right: 15px;*/
}

.right-head .name {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 2px;
}

.right-head .value {
    display: inherit;
    font-style: italic;
    font-size: 18px;
}

.Acc-Info {
    float: right;
    line-height: 34px;
    padding-right: 10px;
}

    .Acc-Info .country {
        color: #656569;
        font-size: 12px;
        padding: 0 10px;
    }

.LibCommon {
    display: block;
}

.Lib-Content {
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}
/*starts spacing table*/

.spacing-table {
    border-collapse: separate;
    border-spacing: 0px 5px;
    width: 100%;
}

    .spacing-table tr {
        cursor: pointer;
    }

        .spacing-table tr:hover {
            background: #ffffe6;
        }

        .spacing-table tr.selected {
            background: #ffffe8;
        }

    .spacing-table td {
        border-width: 1px 0;
        border-color: #e1e1e1;
        border-style: solid;
        padding: 8px 10px;
        vertical-align: top;
    }

        .spacing-table td:first-child {
            border-left-width: 1px;
        }

        .spacing-table td:last-child {
            border-right-width: 1px;
        }

    .spacing-table .Label {
        color: #231f20;
        font-weight: 600;
        font-size: 11px;
        margin-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        /*overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;*/
        max-width: 200px;
    }

    .spacing-table .Value {
        color: #656569;
        font-size: 12px;
        text-transform: capitalize;
        /*overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;*/
        max-width: 200px;
    }

.spacing-tabl-Btn {
    text-align: right;
    width: 160px;
}

    .spacing-tabl-Btn input {
        margin-right: 3px;
        margin-bottom: 5px;
    }

@media (max-width: 1280px) {
    .spacing-table .Label {
        max-width: 75px;
    }

    .spacing-table .Value {
        max-width: 75px;
    }

    .hidden-sm {
        display: none !important;
    }
}

.down-allbtn {
    background: url('../images/download-all.png') no-repeat scroll right 0% transparent;
    border: medium none;
    cursor: pointer;
    color: #1581DC;
    font-size: 11px;
    font-weight: 400;
    padding-right: 22px;
    height: 18px;
}

.doclist-thumb {
    z-index: 0;
    display: inline-block;
}

    .doclist-thumb img, .doclist-thumb > input {
        border: 1px solid #BABABA;
        width: 50px;
        height: 49px;
        margin: 2px;
        padding: 1px;
        cursor: pointer;
    }

        .doclist-thumb img:hover {
            border: 1px solid #FF8300;
        }

    .doclist-thumb .selected {
        border: 1px solid #FF8300 !important;
        box-shadow: 2px 2px 4px rgba(255, 131, 0, 0.25);
    }

.DocO-Details {
    display: block;
}

    .DocO-Details ul {
        list-style: outside none none;
        margin: 0px;
        padding: 0px;
    }

        .DocO-Details ul > li {
            display: block;
            line-height: 22px;
            font-weight: 600;
            font-size: 12px;
        }

            .DocO-Details ul > li span {
                font-weight: 400;
                color: #656569 !important;
            }

                .DocO-Details ul > li span a {
                    color: #1581dc !important;
                }

.Exp-common {
    margin-bottom: -15px;
    margin-left: -15px;
    margin-right: -15px;
}

.Exp-List {
    border-top: 1px solid #e4e4e4;
    display: block;
}

    .Exp-List:last-child {
        border-bottom: 1px solid #e4e4e4;
    }

    .Exp-List:hover {
        background: none repeat scroll 0 0 #f9f9f9;
    }

.Exp-ListIn {
    display: block;
    padding: 5px 10px 18px;
    cursor: pointer; /*width: 93%;*/
}

.Exp-ListOpen {
    background: none repeat scroll 0 0 #fce8e7;
    border-top: 1px solid #e4e4e4;
    display: block;
    padding: 10px 15px 10px 10px;
}

.Exp-numb {
    float: left;
    line-height: 30px;
    padding-right: 8px;
}

.exp-inblock {
    color: #656569;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

.expdate {
    color: #888888;
    display: table;
    font-size: 11px;
}

.expdown-btn {
    background: url("../images/download-all.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.exp-down {
    display: inline-block;
    line-height: 30px;
}
/*ends spacing table*/
.row-bg {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
    clear: both;
    display: table;
    /*margin: 0 -20px;*/
    padding: 20px;
    width: 100%;
}

    .row-bg .inner {
        clear: both;
        padding: 0; /* padding: 0 20px;*/
    }

.temp-name {
    color: #ff8300;
    display: block;
    float: left;
    font-size: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.fvalueDiv {
    color: #231f20;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: right;
}

.fvalues {
    background: none repeat scroll 0 0 #efefef;
    border-color: #ffffff;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #555555;
    display: inline-block;
    font-size: 11px;
    padding: 2px 8px;
}

    .fvalues i {
        color: #888;
        cursor: pointer;
        font-size: 10px;
    }

.temp-widget {
    float: left;
    width: 20%;
    min-height: 1px;
    padding: 0px 10px;
}

    .temp-widget:first-child {
        padding-left: 0;
    }

    .temp-widget .statbox {
        clear: both;
        content: "";
        margin: 0;
        padding: 0;
        position: relative;
    }

.statbox .title {
    font-style: italic;
    font-size: 24px;
    letter-spacing: -0.5px;
    margin: 4px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    width: 90%;
}

.statbox .more {
    clear: both;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 11px;
    margin: 5px -10px -10px;
    min-height: 15px;
    padding: 4px 10px;
    text-transform: uppercase;
}

    .statbox .more.active {
        height: 26px;
        padding: 5px 10px;
    }

    .statbox .more i {
        float: right;
        font-size: 14px;
        opacity: 0.7;
    }

.Generic {
    background: #007ba6;
    background: -moz-linear-gradient(top, #0098cc 0%, #007ba6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0098cc), color-stop(100%, #007ba6));
    background: -webkit-linear-gradient(top, #0098cc 0%, #007ba6 100%);
    background: -o-linear-gradient(top, #0098cc 0%, #007ba6 100%);
    background: -ms-linear-gradient(top, #0098cc 0%, #007ba6 100%);
    background: linear-gradient(to bottom, #0098cc 0%, #007ba6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007ba6', GradientType=0 );
    border: 1px solid #006c92;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    outline: 0 none !important;
    padding: 1px 10px 10px;
    text-transform: capitalize;
}

    .Generic:hover {
        opacity: 0.9;
    }

    .Generic > img {
        clip: rect(0px, 26px, 26px, 0px);
        opacity: 0.5;
        position: absolute;
        right: -94px;
        top: 10px;
    }

    .Generic .more {
        background-color: #00749d;
        border-top: 1px solid #006c92;
    }

.EngSpec {
    background: #339966;
    background: -moz-linear-gradient(top, #339966 0%, #297c52 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339966), color-stop(100%, #297c52));
    background: -webkit-linear-gradient(top, #339966 0%, #297c52 100%);
    background: -o-linear-gradient(top, #339966 0%, #297c52 100%);
    background: -ms-linear-gradient(top, #339966 0%, #297c52 100%);
    background: linear-gradient(to bottom, #339966 0%, #297c52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339966', endColorstr='#297c52', GradientType=0 );
    border: 1px solid #246d49;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    outline: 0 none !important;
    padding: 1px 10px 10px;
    text-transform: capitalize;
}

    .EngSpec:hover {
        opacity: 0.9;
    }

    .EngSpec > img {
        clip: rect(0px, 55px, 26px, 31px);
        opacity: 0.5;
        position: absolute;
        right: -65px;
        top: 10px;
    }

    .EngSpec .more {
        background-color: #27754e;
        border-top: 1px solid #246d49;
    }

.AtoZ {
    background: #339966;
    background: -moz-linear-gradient(top, #ff9933 0%, #ff850c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9933), color-stop(100%, #ff850c));
    background: -webkit-linear-gradient(top, #ff9933 0%, #ff850c 100%);
    background: -o-linear-gradient(top, #ff9933 0%, #ff850c 100%);
    background: -ms-linear-gradient(top, #ff9933 0%, #ff850c 100%);
    background: linear-gradient(to bottom, #ff9933 0%, #ff850c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#ff850c', GradientType=0 );
    border: 1px solid #e47200;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    outline: 0 none !important;
    padding: 1px 10px 10px;
    text-transform: capitalize;
}

    .AtoZ:hover {
        opacity: 0.9;
    }

    .AtoZ > img {
        clip: rect(0px, 100px, 26px, 60px);
        opacity: 0.5;
        position: absolute;
        right: -20px;
        top: 10px;
    }

    .AtoZ .more {
        background-color: #f17c08;
        border-top: 1px solid #e47200;
    }

.ArchivesDoc {
    background: #339966;
    background: -moz-linear-gradient(top, #bdbdbd 0%, #aaaaaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bdbdbd), color-stop(100%, #aaaaaa));
    background: -webkit-linear-gradient(top, #bdbdbd 0%, #aaaaaa 100%);
    background: -o-linear-gradient(top, #bdbdbd 0%, #aaaaaa 100%);
    background: -ms-linear-gradient(top, #bdbdbd 0%, #aaaaaa 100%);
    background: linear-gradient(to bottom, #bdbdbd 0%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#aaaaaa', GradientType=0 );
    border: 1px solid #969696;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    outline: 0 none !important;
    padding: 1px 10px 10px;
    text-transform: capitalize;
}

    .ArchivesDoc:hover {
        opacity: 0.9;
    }

    .ArchivesDoc > img {
        clip: rect(0px, 129px, 26px, 105px);
        opacity: 0.5;
        position: absolute;
        right: 9px;
        top: 10px;
    }

    .ArchivesDoc .more {
        background-color: #a1a1a1;
        border-top: 1px solid #969696;
    }

.temp-widget-btn {
    float: right;
    /*width: 13%;*/
    width: 14%;
}

    .temp-widget-btn button, .temp-widget-btn .seperator {
        margin: 0 0 4px;
    }

    .temp-widget-btn .UploadBox {
        border-width: 2px;
        min-height: 68px;
        padding: 0 10px 10px 0;
    }

    .temp-widget-btn .dz-message {
        font-size: 13px;
        left: 45%;
        line-height: 16px;
        margin-left: -64px;
        margin-top: -15px;
        padding-left: 39px;
        padding-top: 0;
        width: 122px;
    }

    .temp-widget-btn .UploadBox i {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }

.uploadbtn {
    background: linear-gradient(to bottom, #008955 0%, #007549 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #00613d;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    outline: medium none;
    padding: 0 10px 0 0;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width:100%;*/
}

    .uploadbtn:disabled {
        background: #008955;
        background: -moz-linear-gradient(top, #008955 0%, #007549 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008955), color-stop(100%, #007549));
        background: -webkit-linear-gradient(top, #008955 0%, #007549 100%);
        background: -o-linear-gradient(top, #008955 0%, #007549 100%);
        background: -ms-linear-gradient(top, #008955 0%, #007549 100%);
        background: linear-gradient(to bottom, #008955 0%, #007549 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008955', endColorstr='#007549', GradientType=0 );
        cursor: auto;
        opacity: 0.45;
    }
    /*.uploadbtn:hover {
	opacity: 0.9;
}*/
    .uploadbtn i {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        line-height: 30px;
        margin: 0 10px 0 -3px;
        text-align: center;
        width: 34px;
    }

.downloadbtn {
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ed7a00;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    outline: medium none;
    padding: 0 10px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}

    .downloadbtn:hover {
        opacity: 0.9;
    }

    .downloadbtn i {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        line-height: 25px;
        margin: 0 10px -1px -3px;
        text-align: center;
        width: 28px;
    }

.GmapDiv {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    outline: 0 none;
    position: relative;
    width: 450px;
    z-index: 1000;
}

.GmapHeading {
    background: none repeat scroll 0 0 #43a047;
    border: 1px solid #388e3c;
    color: #fff;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
}

    .GmapHeading .close {
        cursor: pointer;
        float: right;
        position: absolute;
        right: 15px;
        top: 12px;
    }

    .GmapHeading > div {
        width: 95%;
    }

.GmapContent {
    color: #616161;
    display: block;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: 185px;
    overflow: auto;
    padding: 10px 10px;
    padding-bottom: 13px;
}

.GmapBody {
    color: #616161;
    display: block;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: 185px;
    text-transform: capitalize;
}

    .GmapBody > br {
        margin-bottom: 5px;
    }

.OpenLft {
    float: left;
    min-height: 1px;
    width: 70%;
}

    .OpenLft.full {
        padding: 0;
        width: 90%;
    }

.OpenRt {
    float: right;
    width: 28%;
}

.OpenBlue {
    background: none repeat scroll 0 0 #f5f9fb;
    border: 2px solid #006c92;
    display: table;
    padding: 20px 20px 10px 20px;
    width: 100% !important;
}

.OpenGreen {
    background: none repeat scroll 0 0 #f6f9f8;
    border: 2px solid #266f4b;
    display: table;
    padding: 20px 20px 10px 20px;
    width: 100% !important;
}

.OpenOrange {
    background: none repeat scroll 0 0 #fef9f5;
    border: 2px solid #e47200;
    display: table;
    padding: 20px 20px 10px 20px;
    width: 100% !important;
}

.OpenGray {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 2px solid #969696;
    display: table;
    padding: 20px 20px 10px 20px;
    width: 100% !important;
}

.UploadBox {
    background: none repeat scroll 0 0 #fefaf7;
    border: 3px dashed #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    min-height: 130px;
    padding: 0 15px 15px 0;
    position: relative;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 100%;
}

    .UploadBox i {
        background: none repeat scroll 0 0 #eee;
        border-radius: 2px;
        color: #aaa;
        display: block;
        font-size: 32px;
        height: 70px;
        left: 0;
        line-height: 70px;
        position: absolute;
        text-align: center;
        top: 0;
        transition: all 0.2s ease 0s;
        width: 70px;
    }

.dz-message {
    color: #555555;
    display: block;
    font-weight: 600;
    font-size: 18px;
    left: 50%;
    line-height: 22px;
    margin-left: -150px;
    margin-top: -35px;
    min-height: 70px;
    padding-left: 90px;
    padding-top: 12px;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease 0s;
    width: 300px;
}

.dz-text-small {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
}
/* Virtual key */
.keyboard-keyset {
    text-align: center;
    white-space: nowrap;
}

.keyboard-button-endrow {
    clear: left;
    margin: 0px;
    white-space: pre-line;
}

.Pop .VirtualBtn {
    font-size: 18px;
    min-width: 32px;
}

@media only screen and (max-width:1280px) {
    .Pop .VirtualBtn {
        font-size: 14px !important;
        min-width: 26px !important;
    }
}

@media only screen and (max-width:1366px) {
    .Pop .VirtualBtn {
        font-size: 15px;
        min-width: 27px;
    }
}

.VirtualBtn {
    background: linear-gradient(to bottom, #fffaf3 0%, #fff0e1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ff9225;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", "Roboto Slab", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0 0 5px;
    min-width: 37px;
    outline: 0 none !important;
    padding: 1px 0 4px;
    text-transform: capitalize;
}

    .VirtualBtn:hover {
        background: linear-gradient(to bottom, #ff9933 0%, #ff850c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 1px solid #e47200;
        color: #FFFFFF;
    }

    .VirtualBtn:focus {
        background: linear-gradient(to bottom, #ff9933 0%, #ff850c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 1px solid #e47200;
        color: #FFFFFF;
    }

.keyboard-keyset .active .VirtualBtn {
    background: linear-gradient(to bottom, #ff9933 0%, #ff850c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e47200;
    color: #FFFFFF;
}

@media only screen and (max-width:1280px) {
    .VirtualBtn {
        font-size: 15px;
        margin: 0 0 3px;
        min-width: 30px;
        padding: 1px 0 3px;
    }
}

@media only screen and (max-width:1366px) {
    .VirtualBtn {
        font-size: 15px;
        margin: 0 0 3px;
        min-width: 30px;
        padding: 1px 0 3px;
    }
}

.DocPop-H {
    color: #231f20;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin: 0 0 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /*width: 90%;*/
}

.FileBody {
    display: block;
    /*float: left;*/
    padding-bottom: 5px;
    width: 100%;
}

.FileBtnDiv {
    clear: both;
    margin-bottom: 5px;
}

.FileRow {
    background: none repeat scroll 0 0 #f1f0ee;
    border-top: 1px solid #e0e0e0;
    margin: 0px 5px -10px 5px;
    padding: 15px;
}

    .FileRow label {
        display: table;
    }

.File-Details {
    display: inherit;
    position: relative;
}

.NewExs {
    color: #656569;
    font-size: 12px;
    margin: 0 0 14px 0;
}

.File-Details i {
    color: #a9a9a9;
    display: inline-block;
    font-size: 60px;
    position: absolute;
    top: 30px;
}

.File-Details .down {
    border: medium none;
    cursor: pointer;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 30px;
}

.File-Details .collapse {
    border: medium none;
    bottom: 0;
    cursor: pointer;
    outline: medium none;
    position: absolute;
    right: 0;
}

.FileList {
    margin-left: 70px;
}

    .FileList .name {
        color: #231f20;
        font-weight: 600;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 93%;
    }

.FileKey {
    color: #231f20;
    font-size: 12px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 95%;
}

.FileValue {
    color: #656569;
    font-size: 12px;
    padding: 0 2px;
    text-transform: capitalize;
}

.EngList {
    color: #656569;
    /*display: inline-block;*/
    margin: 0;
    padding: 0 0 0 25px;
}

    .EngList > li {
        font-size: 12px;
        line-height: 20px;
        list-style-type: square;
        margin: 0 30px 0 0;
        width: 42%;
        float: left;
    }
/*Ends Document Library*/

.MaskedNewDiv {
    /*background-image: url("../images/grayNew.png");*/
    /*background: #e6e6e6;
	background-repeat: repeat;
    display: none;
    font-weight: bold;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;*/
    background: rgba(230, 230, 230, 0.8);
    display: none;
    font-weight: bold;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
/*Start Supplier Management*/
.Newmodal-header {
    background-color: #231f20;
    background-image: linear-gradient(to bottom, #231f20, #312f2f);
    background-repeat: repeat-x;
    border-bottom: 1px solid #e5e5e5;
    border-color: #efefef #efefef #e5e5e5;
    border-radius: 5px 5px 0 0;
    margin: 5px;
    line-height: 29px;
}

.Newmodal-title {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}

.modal-newbody {
    display: inline-block;
    margin-top: -5px;
    width: 100%;
}

.modal-newfooter {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ebebeb;
    margin: 0 5px;
    min-height: 40px;
    padding: 10px;
    text-align: right;
}

.modal-Vscroll {
    overflow: auto;
    padding: 15px;
    border: 1px solid #e9e9e9;
    max-height: 350px;
}

.pop-mr {
    margin: 0 5px;
}

.pop-info {
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    min-height: 40px;
    padding: 10px;
    width: 100%;
}

    .pop-info.document {
        background: none repeat scroll 0 0 #fff5eb;
        border-color: #f5e7d9;
    }

    .pop-info.engagement {
        background: none repeat scroll 0 0 #f9f0f5;
        border-color: #f3e2ec;
    }

    .pop-info.history {
        background: none repeat scroll 0 0 #e8e8f0;
        border-color: #dcdce8;
    }

.pop-info-part {
    float: left;
    min-height: 1px;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 31%;
}

    .pop-info-part:last-child {
        padding-right: 0px;
    }

.popinfo-lbl {
    color: #ff8300;
    display: table;
    font-style: italic;
    font-size: 12px;
    text-transform: uppercase;
}

.popinfo-value {
    color: #231f20;
    font-style: italic;
    font-size: 14px;
    text-transform: capitalize;
}

.pop-profile {
    display: block;
    margin: 0;
    overflow: hidden;
}

    .pop-profile .lft {
        background: none repeat scroll 0 0 #fdf0bf;
        border-right: 1px solid #fee172;
        float: left;
        margin-bottom: -1000px;
        padding-bottom: 1000px;
        width: 240px;
    }

        .pop-profile .lft > ul {
            background: none repeat scroll 0 0 #fef9e5;
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

            .pop-profile .lft > ul > li {
                font-weight: 600;
                line-height: 36px;
            }

                .pop-profile .lft > ul > li:hover {
                    background: #fee172;
                    float: left;
                    width: 100%;
                }

                .pop-profile .lft > ul > li.active {
                    background: none repeat scroll 0 0 #fee172;
                    float: left;
                    width: 100%;
                }

                    .pop-profile .lft > ul > li.active a {
                        color: #231f20;
                    }

                .pop-profile .lft > ul > li a {
                    color: #424242;
                    float: left;
                    overflow: hidden;
                    padding: 0 0 0 10px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 195px;
                }

                .pop-profile .lft > ul > li .btn {
                    float: right;
                    margin-right: 10px;
                }

                    .pop-profile .lft > ul > li .btn a i {
                        background: #ff9c33;
                        color: #fff;
                        width: 18px;
                        height: 18px;
                        text-align: center;
                        line-height: 18px;
                        border-radius: 100px;
                        font-size: 11px;
                    }

                    .pop-profile .lft > ul > li .btn > a, .pop-profile .lft > ul > li .btn > input {
                        float: none;
                        padding: 0;
                        position: relative;
                        top: 4px;
                        width: auto;
                    }

                        .pop-profile .lft > ul > li .btn > a:last-child {
                            margin-right: 0px;
                        }

.lft-Second {
    background: none repeat scroll 0 0 #fdf0bf !important;
}

.pop-profile .rt {
    height: 550px;
    margin-left: 241px;
    overflow-y: scroll;
    padding: 0 10px;
}

    .pop-profile .rt .form-panel {
        padding: 10px;
    }

.qnans-bg {
    background: none repeat scroll 0 0 #f1f0ee;
    border-radius: 3px;
    color: #656569;
    font-size: 12px;
    line-height: 23px;
    margin: 30px 20px;
    padding: 10px;
    text-transform: capitalize;
}

    .qnans-bg strong {
        color: #231f20;
    }

    .qnans-bg br {
        margin: 0;
    }

.qnh {
    color: #231f20;
    font-style: italic;
    font-size: 18px;
    font-weight: 400;
}

.pop-settings {
    display: block;
    margin: 0;
    overflow: hidden;
}

    .pop-settings .lft {
        background: none repeat scroll 0 0 #dde4ea;
        border-right: 1px solid #568abc;
        float: left;
        margin-bottom: -1000px;
        padding-bottom: 1000px;
        width: 240px;
    }

        .pop-settings .lft > ul {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

            .pop-settings .lft > ul > li {
                font-weight: 600;
                line-height: 36px;
            }

                .pop-settings .lft > ul > li:hover {
                    background: #568abc;
                    color: #fff !important;
                }

                .pop-settings .lft > ul > li.active {
                    background: #568abc;
                }

        .pop-settings .lft .active > a {
            color: #fff;
        }

        .pop-settings .lft > ul > li a {
            color: #424242;
            padding: 0 0 0 10px;
        }

        .pop-settings .lft > ul > li .btn {
            float: right;
            margin-right: 10px;
        }

            .pop-settings .lft > ul > li .btn > a {
                padding: 0;
            }

    .pop-settings .rt {
        height: 550px;
        margin-left: 241px;
        overflow-y: scroll;
        padding: 0 10px;
    }

        .pop-settings .rt .form-panel {
            padding: 10px;
        }

.pop-profile .lft > ul > li .btn > a {
    padding: 0;
    position: relative;
    top: 4px;
}

.lft-Second {
    background: none repeat scroll 0 0 #fdf0bf !important;
}

.pop-profile .rt {
    height: 550px;
    margin-left: 241px;
    overflow-y: scroll;
    padding: 0 10px;
}

    .pop-profile .rt .form-panel {
        padding: 10px;
    }

.qnans-bg {
    background: none repeat scroll 0 0 #f1f0ee;
    border-radius: 3px;
    color: #656569;
    font-size: 12px;
    line-height: 23px;
    margin: 30px 20px;
    padding: 10px;
    text-transform: capitalize;
}

    .qnans-bg strong {
        color: #231f20;
    }

    .qnans-bg br {
        margin: 0;
    }

.qnh {
    color: #231f20;
    font-style: italic;
    font-size: 18px;
    font-weight: 400;
}

.pop-settings {
    display: block;
    margin: 0;
    overflow: hidden;
}

    .pop-settings .lft {
        background: none repeat scroll 0 0 #dde4ea;
        border-right: 1px solid #568abc;
        float: left;
        margin-bottom: -1000px;
        padding-bottom: 1000px;
        width: 240px;
    }

        .pop-settings .lft > ul {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

            .pop-settings .lft > ul > li {
                font-weight: 600;
                line-height: 36px;
            }

                .pop-settings .lft > ul > li:hover {
                    background: #568abc;
                    color: #fff !important;
                }

                .pop-settings .lft > ul > li.active {
                    background: #568abc;
                }

        .pop-settings .lft .active > a {
            color: #fff;
        }

        .pop-settings .lft > ul > li a {
            color: #424242;
            padding: 0 0 0 10px;
        }

        .pop-settings .lft > ul > li .btn {
            float: right;
            margin-right: 10px;
        }

            .pop-settings .lft > ul > li .btn > a {
                padding: 0;
            }

    .pop-settings .rt {
        height: 550px;
        margin-left: 241px;
        overflow-y: scroll;
        padding: 0 10px;
    }

        .pop-settings .rt .form-panel {
            padding: 10px;
        }

.pop-profile .lft > ul > li .btn > a {
    padding: 0;
    position: relative;
    top: 4px;
}

.green-btn-chk {
    background: url("../images/check-circle_w.png") scroll 9px 7px no-repeat rgba(0, 117, 73, 1);
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    outline: 0 none !important;
    padding: 5px 10px 5px 25px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

    .green-btn-chk:hover {
        background: url("../images/check-circle_w.png") scroll 9px 7px no-repeat rgba(64, 151, 68, 1);
    }

    .green-btn-chk:focus {
        background: url("../images/check-circle_w.png") scroll 9px 7px no-repeat (8, 137, 62, 1);
    }

    .green-btn-chk:disabled {
        background: url("../images/check-circle_w.png") scroll 9px 7px no-repeat rgba(0, 117, 73, 0.45);
        cursor: not-allowed;
    }

.red-btn-tms {
    background: url("../images/times-circle_w.png") scroll 9px 7px no-repeat rgba(242, 0, 0, 1);
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    outline: 0 none !important;
    padding: 5px 10px 5px 25px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

    .red-btn-tms:hover {
        background: url("../images/times-circle_w.png") scroll 9px 7px no-repeat rgba(255, 37, 0, 1);
    }

    .red-btn-tms:focus {
        background: url("../images/times-circle_w.png") scroll 9px 7px no-repeat (230, 2, 2, 1);
    }

    .red-btn-tms:disabled {
        background: url("../images/times-circle_w.png") scroll 9px 7px no-repeat (189, 189, 189, 1);
        cursor: auto;
    }

.pop-settings .layout-content {
    min-height: 1px;
    padding: 10px;
}

.sortable {
    display: block;
}

    .sortable .hh {
        background: none repeat scroll 0 0 #ebebeb;
        border-color: #dddddd;
        border-style: solid;
        border-width: 1px 1px 2px;
        color: #656569;
        font-weight: 600;
        line-height: 32px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

        .sortable .hh .in {
            display: inline-block;
            padding: 0 15px;
        }

.hbRepeat {
    display: inline-block;
    width: 100%;
}

    .hbRepeat .bb {
        background: none repeat scroll 0 0 #f9f9f9;
        border: 1px solid #e0e0e0;
        color: #656569;
        font-weight: 600;
        font-size: 12px;
        margin: 5px 0 0;
        position: relative;
        white-space: nowrap;
    }

        .hbRepeat .bb .in {
            display: inline-block;
            overflow: hidden;
            padding: 13px 15px 8px;
            text-overflow: ellipsis;
        }

.bb .in .co {
    font-weight: 400;
}

.bb .handle {
    background: none repeat scroll 0 0 #fff;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 15px 0 7px;
    text-align: center;
    width: 41px;
}

.handle > img {
}

.bb .btn {
    position: absolute;
    right: 10px;
    top: 6px;
}
.hbRepeat .Lib-Content {
	float: none;
	padding: 0 0 0 41px;/*width: 96.5%;*/
}
.hbRepeat .bbsection {
    background: none repeat scroll 0 0 #f9f9f9;
    /*border: 1px solid #e0e0e0;*/
    color: #656569;
    font-weight: 600;
    font-size: 13px;
    margin: 5px 0 0;
    position: relative;
    white-space: nowrap;
}
    .hbRepeat .bbsection .insection {
        display: inline-block;
        overflow: hidden;
        /*padding: 13px 15px 8px;*/
        text-overflow: ellipsis;
    }
.bbsection .insection .co {
    font-weight: 400;
}
.bbsection .handle {
    background: none repeat scroll 0 0 #fff;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 15px 0 7px;
    text-align: center;
    width: 41px;
}
.bbsection .btn {
    position: absolute;
    right: 10px;
    top: 6px;
}
.hbRepeat .Lib-Content {
    float: none;
    padding: 0 0 0 41px; /*width: 96.5%;*/
}
/*Survey Styles start*/
/*.hbRepeatSurvey {
    display: inline-block;
    width: 100%;
}
.hbRepeatSurvey .bb {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e0e0e0;
    color: #656569;
    font-weight: 600;
    font-size: 12px;
    margin: 2px 0 0;
    position: relative;
    white-space: nowrap;
}
.hbRepeatSurvey .bb .in {
    display: inline-block;
    overflow: hidden;
    padding: 7px 15px 3px;
    text-overflow: ellipsis;
}

.bb .handleSurvey {
    background: none repeat scroll 0 0 #fff;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 7px 0 3px;
    text-align: center;
    width: 41px;
}
.handleSurvey > img {
}
.hbRepeatSurvey .Lib-Content {
    float: none;
    padding: 0 0 0 41px; 
}*/
/*width: 96.5%;*/
/*Survey Styles end*/
.checkboxlist {
    border: medium none;
    display: block;
    padding: 0;
}

    .checkboxlist > tbody > tr > td {
        border: medium none;
        display: block;
        padding: 0;
    }

.history-bgimg {
    background: url("../images/history-graph.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 201px;
    margin: 0 auto;
    padding-right: 20px;
    width: 201px;
}

.historyLegends {
    display: inline-block;
    margin: 0 30%;
    padding: 15px;
}

    .historyLegends h1 {
        color: #231f20;
        font-weight: 300;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: -0.5px;
        margin: 10px 0;
    }

    .historyLegends span {
        color: #656569;
        float: left;
        font-weight: 600;
        line-height: 25px;
        list-style: outside none none;
        padding-left: 20px;
        width: 44%;
    }

        .historyLegends span i {
            border: 1px solid transparent;
            box-shadow: 0 0 0 1px #ffffff inset;
            content: "";
            display: inline-flex;
            height: 10px;
            margin-right: 10px;
            width: 10px;
        }

.historyReg {
    background: url("../images/historyIcons.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 28px;
    left: 129px;
    opacity: 0.7;
    position: relative;
    top: 34px;
    width: 28px;
}

    .historyReg:hover {
        opacity: 1;
    }

    .historyReg.active {
        opacity: 1;
    }

.historyQual {
    background: url("../images/historyIcons.png") no-repeat scroll -29px 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 28px;
    left: 123px;
    opacity: 0.7;
    position: relative;
    top: 109px;
    width: 28px;
}

    .historyQual:hover {
        opacity: 1;
    }

    .historyQual.active {
        opacity: 1;
    }

.historyEng {
    background: url("../images/historyIcons.png") no-repeat scroll -58px 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 28px;
    left: 27px;
    opacity: 0.7;
    position: relative;
    top: 157px;
    width: 28px;
}

    .historyEng:hover {
        opacity: 1;
    }

    .historyEng.active {
        opacity: 1;
    }

.historyComp {
    background: url("../images/historyIcons.png") no-repeat scroll 0 -29px transparent;
    border: medium none;
    cursor: pointer;
    height: 28px;
    opacity: 0.7;
    position: relative;
    right: 75px;
    top: 114px;
    width: 28px;
}

    .historyComp:hover {
        opacity: 1;
    }

    .historyComp.active {
        opacity: 1;
    }

.historyStatus {
    background: url("../images/historyIcons.png") no-repeat scroll -29px -29px transparent;
    border: medium none;
    cursor: pointer;
    height: 28px;
    opacity: 0.7;
    position: relative;
    right: 86px;
    top: 33px;
    width: 28px;
}

    .historyStatus:hover {
        opacity: 1;
    }

    .historyStatus.active {
        opacity: 1;
    }

.historyHeight {
    height: 300px;
    overflow: auto;
    padding: 0 20px;
}

.historyName {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

    .historyName > span {
        color: #231f20;
        display: inherit;
        font-weight: 400;
        margin: 2px 0 10px;
    }

.line-email {
    background: none repeat scroll 0 0 #f9f9f9;
    border-bottom: 1px solid #e4e4e4;
    color: #656569;
    line-height: 26px;
    padding: 0 10px;
    text-decoration: none;
}

    .line-email:nth-child(2n+1) {
        background: none repeat scroll 0 0 #fff;
    }

.line-emailL {
    color: #1581dc;
    float: right;
}

    .line-emailL a {
        color: #1581dc;
    }

        .line-emailL a:hover {
            color: #ff9600;
        }
/*End Supplier Management*/

/*Starts Requirement Management*/
.ReqContent {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #e1e1e1;
    margin-top: 10px;
    padding: 0;
    position: relative;
}

    .ReqContent .header-top-section {
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.header-top-section .header-left {
    float: left;
    overflow: hidden;
    padding: 20px 25px;
    position: relative;
    width: 60%;
}

.header-left h1 {
    color: #231f20;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.header-details {
    border-right: 1px solid #bdbdbd;
    color: #656569;
    display: inline-block;
    font-weight: 700;
    line-height: 15px;
    margin-right: 6px;
    text-transform: capitalize;
}

    .header-details span {
        color: #888888;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }

.notes-header-details {
    border-right: 0px solid #bdbdbd;
    color: #656569;
    display: inline-block;
    font-weight: 700;
    line-height: 15px;
    margin-right: 6px;
    text-transform: capitalize;
}
    .notes-header-details span {
        color: #888888;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }
.header-top-section .header-right {
    float: right;
    padding: 0px;
}

.header-right .part {
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    min-width: 190px;
    text-align: center;
}

.header-bottom div {
    display: inline;
    border: medium none;
    cursor: pointer;
    margin: 0 0 0 15px;
    position: relative;
    top: 5px;
}

.part .header {
    font-weight: 600;
    font-size: 12px;
    padding: 25px 15px 15px;
    text-transform: uppercase;
}

.part .cont {
    color: #ff8300;
    display: inline-block;
    font-weight: 600;
    padding: 0 0 11px;
    text-decoration: underline;
    cursor: pointer;
}

.ReqContent .header-middle {
    clear: both;
}

.header-middle .header {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    font-weight: 600;
    height: 26px;
}

.header-middle table {
    border-collapse: collapse;
    text-align: right;
    width: 100%;
}

    .header-middle table th {
        background: #f9f9f9 none repeat scroll 0 0;
        border-bottom: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        color: #231f20;
        font-weight: 600;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        padding-right: 30px;
        text-align: right;
    }

        .header-middle table th:first-child {
            border-left: medium none;
        }

    .header-middle table td {
        background: #ffffff none repeat scroll 0 0;
        border-left: 1px solid #e1e1e1;
        color: #888888;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        padding-right: 30px;
        text-align: right;
    }

        .header-middle table td:first-child {
            border-left: medium none;
        }

.header-middle a {
    color: #ff8300;
    text-decoration: underline;
}

.header-middle table td div {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 15px;
    position: relative;
    top: 5px;
    width: 18px;
}

.ReqContent .header-bottom {
    border-top: 1px solid #e1e1e1;
    clear: both;
    line-height: 28px;
    padding-right: 30px;
    text-align: right;
}

.header-bottom .down {
    display: inline-block;
    margin: 0 0 0 15px;
    width: 18px;
}

    .header-bottom .down img {
        position: relative;
        top: 5px;
        cursor: pointer;
    }

.header-bottom .total {
    color: #ff8300;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.header-bottom .lbl {
    color: #656569;
    font-weight: 600;
    padding-right: 50px;
}

.ReqTotal {
    border-bottom: 2px solid #e1e1e1;
    line-height: 35px;
    padding-right: 30px;
    text-align: right;
}

    .ReqTotal .lbl {
        color: #231f20;
        font-weight: 600;
        padding-right: 50px;
        text-transform: uppercase;
    }

    .ReqTotal .down {
        display: inline-block;
        margin: 0 0 0 15px;
        width: 18px;
    }

        .ReqTotal .down img {
            border: medium none;
            cursor: pointer;
            position: relative;
            top: 5px;
        }

    .ReqTotal .total {
        color: #ff8300;
        font-weight: 600;
        text-decoration: underline;
        cursor: pointer;
    }

.layout-left.pop-supplft {
    width: 27%;
}

.layout-right.pop-supprt {
    width: 73%;
}

.pop-supprt .form-panel {
    padding: 15px;
}

.pop-supprt .Doc-RightBrdr {
    margin: 15px;
}

.pop-CompInfo {
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 15px 0 0 15px;
}
/*Ends Requirement Management*/

/*Starts Slider CSS*/
.SliderInfo {
    float: left;
    margin: 0 15px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

    .SliderInfo h1 {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        text-transform: capitalize;
    }

    .SliderInfo .header-details {
        color: #231f20;
        font-weight: 600;
        font-size: 12px;
    }

        .SliderInfo .header-details span {
            color: #656569;
        }

.SliderGraph {
    float: left;
    width: 38%;
}

.Pop-Slider {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 20px 15px;
}

.SliDiv {
    display: inline-block;
    padding: 10px 0 10px;
    width: 100%;
}

.Slider-txt {
    color: #231f20;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

.Slider-comp {
    color: #393939;
    float: right;
    font-weight: 600;
    font-size: 12px;
}

.ui-slider-wrap {
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    display: block;
    padding: 5px;
}

    .ui-slider-wrap .ui-slider {
        background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
        border-radius: 10px;
        box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
        height: 8px;
        position: relative;
        text-align: left;
    }

    .ui-slider-wrap .ui-slider-range {
        background: #158000 none repeat scroll 0 0;
        border-radius: 10px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset;
        height: 100%;
        left: 0;
        top: 0;
    }

    .ui-slider-wrap .ui-slider-handle {
        background: #fff none repeat scroll 0 0;
        border-color: #158000;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        cursor: pointer;
        height: 10px;
        margin-left: -6px;
        position: absolute;
        top: -4px;
        width: 10px;
        z-index: 2;
    }

.IndSup-Box {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
}

    .IndSup-Box .Name > span {
        color: #656569;
    }

    .IndSup-Box p {
        float: left;
        font-size: 14px;
        line-height: 48px;
        margin: 0 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 43%;
    }

        .IndSup-Box p > span {
            color: #393939;
            font-weight: 600;
        }

    .IndSup-Box > ul {
        float: left;
        list-style: outside none none;
        margin: 0 10px 0 0;
        padding: 0;
        width: 21%;
    }

        .IndSup-Box > ul > li {
            background-color: #ffffff;
            background-image: linear-gradient(to top, #e7e7e7, #ffffff);
            border: 1px solid #dddddd;
            border-radius: 30px;
            cursor: pointer;
            margin-bottom: 6px;
            padding: 10px 20px;
        }

            .IndSup-Box > ul > li:hover {
                background-color: #ffffff;
                background-image: linear-gradient(to top, #ffffff, #eeeeee);
                border: 1px solid #e8e8e8;
            }

            .IndSup-Box > ul > li.active {
                background: none repeat scroll 0 0 #fff;
                border: 1px solid #cd9554;
            }

                .IndSup-Box > ul > li.active .Slider-txt {
                    color: #231f20;
                    font-weight: 600;
                }

.IndSupDiv {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e2e2e2;
    float: left;
    width: 77.9%;
}

    .IndSupDiv .Widgetctrls {
        float: right;
        margin: 10px 10px 10px 0 !important;
    }

    .IndSupDiv .input-group {
        float: right;
        margin: 10px;
        width: 20%;
    }

.layout-content .Widgetctrls {
    float: right;
    margin: 3px 0 0;
}

.table-div {
    display: inline-block;
    width: 100%;
}

.GreyTable {
    border-collapse: collapse;
    width: 100%;
}

    .GreyTable th {
        background: #424242 none repeat scroll 0 0;
        color: #ffffff;
        font-weight: 600;
        font-size: 12px;
        font-weight: 400;
        max-width: 150px;
        overflow: hidden;
        padding: 8px 10px;
        text-align: left;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: normal;
        word-wrap: break-word;
    }

        .GreyTable th a {
            color: #ffffff;
        }

    .GreyTable > tbody > tr:nth-child(2n+1) {
        background-color: #f2f2f2;
    }

    .GreyTable > tbody > tr > td {
        color: #534434;
        font-size: 12px;
        max-width: 150px;
        overflow: hidden;
        padding: 6px 10px;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
    }

        .GreyTable > tbody > tr > td a {
            color: #534434;
            cursor: pointer;
            text-decoration: underline;
        }

            .GreyTable > tbody > tr > td a:hover {
                color: #ff8300;
            }

            .GreyTable > tbody > tr > td a.active {
                color: #ff8300 !important;
            }

.IndSupDiv .RoundedGrdRect {
    border-color: #e4e4e4 transparent;
    border-style: solid none;
    border-width: 1px medium;
    padding: 5px;
}

.IndSupDiv .Detail-List {
    background: #ffffff none repeat scroll 0 0;
}
/*Ends Slider CSS*/
.snp {
    background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
}

.snp-newtheme2 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 4px solid #00794d;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 60px 28%;
    width: 660px;
}

    .snp-newtheme2 header {
        background: #00794d none repeat scroll 0 0;
        border: medium none;
        overflow: hidden;
        padding: 0 20px 40px;
        position: inherit;
        text-align: center;
        width: auto;
    }

        .snp-newtheme2 header h2 {
            color: #fff;
            font-family: "Roboto Slab", "open_sansregular", "Open Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 26px;
            font-weight: bold;
            margin: 24px 0 0;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        }

        .snp-newtheme2 header img {
            max-width: 100%;
            margin: 14px 0 18px;
        }

    .snp-newtheme2 .snp-newsletter-content {
        background: #f9ebc4 none repeat scroll 0 0;
        color: #959595;
        margin: -40px 40px 0;
        overflow: hidden;
        padding: 20px 20px 40px;
        position: relative;
    }

        .snp-newtheme2 .snp-newsletter-content:before {
            border-left: 20px solid #f9ebc4;
            border-right: 20px solid #f9ebc4;
            border-top: 20px solid #00794d;
            content: " ";
            height: 0;
            left: 50%;
            margin-left: -20px;
            position: absolute;
            top: 0;
            width: 0;
        }

        .snp-newtheme2 .snp-newsletter-content h2 {
            color: #959595;
            font-weight: 600;
            font-size: 16px;
            font-weight: 400;
            margin: 13px 0;
            text-align: center;
        }

        .snp-newtheme2 .snp-newsletter-content p {
            text-align: center;
            font-size: 13px;
            margin: 12px 0;
        }

            .snp-newtheme2 .snp-newsletter-content p small {
                font-size: 12px;
            }

            .snp-newtheme2 .snp-newsletter-content p img {
                vertical-align: middle;
                margin-top: -4px;
                margin-right: 5px;
            }

.snp-newsletter-content > ul {
    display: inline-block;
    list-style: outside url("../images/snp-bullet.png") disc;
    margin-left: 140px;
}

.snp-newsletter-content li {
    color: #656569;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
}

.snp-ul-more {
    margin-left: 50px !important;
}

    .snp-ul-more li {
        float: left;
        line-height: 28px;
        margin-right: 10px;
        /* white-space: pre-wrap;*/
        width: 46%;
    }

.snp-newsletter-content button, .snp-newsletter-content input[type=button] {
    background: #ff8300 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    margin: 0 auto;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    width: 100px;
}

@media (max-width: 700px) {
    .snp-newtheme2 {
        max-width: 460px !important;
    }
}

@media (max-width: 460px) {
    .snp-newtheme2 {
        max-width: 100% !important;
        width: auto !important;
    }

        .snp-newtheme2 header h2 {
            margin-top: 45px;
        }
}

.snp-pop-newtheme2-wrap .fancybox-close {
    display: none;
}

.ExistChildPop {
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    /*margin-left: 7%;
	  width: 1000px; */
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(../images/ExistPopBg.png);
    background-repeat: repeat;
    background-position: 0 0;
}

.Exist {
    background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
}

.ExistPop {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 19%;
    margin-right: 25%;
    width: 1000px;
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(../images/ExistPopBg.png);
    background-repeat: repeat;
    background-position: 0 0;
}

.fancy {
    line-height: 0.5;
    margin: 0;
    text-align: center;
}

    .fancy span {
        display: inline-block;
        position: relative;
        color: #f96e5b;
        font-weight: 800;
        font-size: 40px;
        letter-spacing: -0.5px;
        padding: 50px 0 30px;
        text-align: center;
    }

        .fancy span:before, .fancy span:after {
            border-top: 2px solid #f96e5b;
            content: "";
            height: 5px;
            position: absolute;
            top: 62px;
            width: 60px;
        }

        .fancy span:before {
            right: 100%;
            margin-right: 15px;
        }

        .fancy span:after {
            left: 100%;
            margin-left: 15px;
        }

.ExistCont {
    display: inline-block;
    float: inherit;
    margin: 0 20px 40px;
}

.Existimg {
    float: left;
    margin-right: 30px;
    vertical-align: bottom;
}

.ExistTxt {
    color: #656569;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 60px 0 0;
}

    .ExistTxt p {
        color: #ff8300;
        font-size: 14px;
        margin: 10px 0 5px;
    }

.ExistnText {
    color: #656569;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 20px 0 0;
}

*.ExistTxt > ul {
    display: inline-block;
    line-height: 18px;
    margin: 0 10px 20px;
    padding: 0 0 0 40px;
}

    *.ExistTxt > ul > li {
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0.3px;
        margin-bottom: 8px;
        margin-left: 25px;
    }

        *.ExistTxt > ul > li > ul {
            margin: 10px 30px;
        }

            *.ExistTxt > ul > li > ul > li {
                color: #888888;
                list-style-type: circle;
                text-transform: capitalize;
            }

.Accord-Common {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
}

.Accord-New {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;
    margin-top: 5px;
    width: 100%;
    word-wrap: break-word;
}

    .Accord-New > img {
        float: left;
        margin: 10px;
    }

.Accord-NewH {
    color: #656569;
    float: left;
    font-weight: 600;
    font-size: 13px;
    line-height: 35px;
}

.Acc-Chk {
    padding-right: 15px;
    position: absolute;
    right: 200px;
    text-align: center;
    top: 7px;
}

    .Acc-Chk .chklabel {
        color: #656569;
        display: table;
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
    }

    .Acc-Chk input {
        margin: 0;
    }

.Acc-ChkInn {
    text-align: center;
    width: 135px;
}
/* Supplier Management New*/
.pop-info.profile {
    background: none repeat scroll 0 0 #fffbed;
    border-color: #fdf0bf;
}

.BigInfo {
    float: left;
    margin: 0 15px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

    .BigInfo h1 {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -0.3px;
        line-height: 19px;
        margin: 0 0 3px;
        text-transform: capitalize;
    }

    .BigInfo .header-details {
        color: #231f20;
        font-weight: 600;
        font-size: 12px;
    }

        .BigInfo .header-details:last-child {
            border: 0;
        }

        .BigInfo .header-details span {
            color: #656569;
        }

    .BigInfo.newline {
        text-overflow: inherit;
        white-space: inherit;
    }

.header-top-section .header-right {
    float: right;
    padding: 0px;
}

.header-right .part {
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    min-width: 190px;
    text-align: center;
}

.by-invite {
    background: none repeat scroll 0 0 #9a9a66;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 201px;
    width: 136px;
}

    .by-invite:hover {
        border: 1px solid #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.23), 0px 3px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transform: scale(1.01);
    }

    .by-invite a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
    }

    .by-invite > img {
        display: table;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 65px;
        text-align: center;
    }

.downloadbtn {
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ed7a00;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    outline: medium none;
    padding: 0 10px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}

    .downloadbtn:hover {
        opacity: 0.9;
    }

    .downloadbtn i {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        line-height: 25px;
        margin: 0 10px -1px -3px;
        text-align: center;
        width: 28px;
    }

.emptybtndiv {
    display: inline-block;
    width: 24px;
}

    .emptybtndiv input[disabled] {
        opacity: 0.2;
        cursor: none;
    }

.FourCells {
    width: 25%;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    position: relative;
    box-sizing: border-box;
}
/* Starts Drop or Upload */
.dropzone-box {
    cursor: pointer;
    margin: 0;
    min-height: 213px;
    text-align: center;
}

.drop-imgtxt {
    line-height: 22px;
    margin: 87px auto 0;
    text-align: center;
    transition: all 0.2s ease 0s;
}

    .drop-imgtxt > img {
        border: 0 none;
    }

    .drop-imgtxt p {
        color: #555555;
        font-weight: 600;
        font-size: 18px;
        font-weight: 400;
        margin: 5px 0 0;
    }

.PPHeading {
    border-top: 1px dashed #d5d5d5;
    color: #231f20;
    font-weight: 600;
    margin: 10px 7px 0;
    padding: 8px 10px 0;
}

.PProfile-box {
    direction: ltr;
    display: block;
    margin: 0 auto;
    max-width: 90%;
    padding: 0 0 15px;
    position: relative;
    width: 100%;
}

.PPSliderBg {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: block;
    /*height: 175px;*/
    left: 0;
    margin: 10px auto 0;
    overflow: visible;
    position: relative;
    top: 0;
    width: 95%;
}

.PPFlow {
    overflow: hidden;
    width: 100%;
}

.PPSliderArea {
    background-color: transparent;
    background-image: none;
    cursor: move;
    display: block;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: 45px;
    width: 3600px;
    z-index: 0;
}

.proImgBox {
    background: none repeat scroll 0 0 #e4e4e4;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: none medium;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 0 #d9d9d9;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    outline: medium none;
    position: relative;
    width: 150px;
}

    .proImgBox:hover {
        border: 1px solid #ff8300;
        box-shadow: 0 2px 0 #ffe2c4;
    }

    .proImgBox.active {
        border: 1px solid #ff8300;
        box-shadow: 0 2px 0 #ffe2c4;
    }

.proImgBox_in {
    border-radius: 5px 5px 0 0;
    height: auto;
    overflow: hidden;
}

    .proImgBox_in > img {
        width: 100%;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        -ms-transition: all 2s ease;
        transition: all 2s ease;
    }

        .proImgBox_in > img:hover {
            opacity: 0.5; /*width: 102%;
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);*/
        }

.PicName {
    border-left: 2px solid #b2b2b2;
    margin: 6px 0;
    overflow: hidden;
    padding: 2px 10px;
}

    .PicName:hover {
        border-left: 2px solid #ff8300;
    }

.active .PicName {
    border-left: 2px solid #ff8300;
}

.PicNameS {
    color: #656569;
    float: left;
    font-weight: 400;
    font-size: 11px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
}

.PPSlider-ArrowL {
    cursor: pointer;
    display: block;
    height: 24px;
    left: 10px;
    margin-left: -60px;
    overflow: hidden;
    position: absolute;
    top: 95px;
    width: 24px;
}

.PPSlider-ArrowR {
    cursor: pointer;
    display: block;
    height: 24px;
    margin-right: -60px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 95px;
    width: 24px;
}

.SetActive {
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #434343;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-weight: 600;
    font-size: 11px;
    padding: 1px 5px;
}

    .SetActive:hover {
        background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 50%);
        color: #231f20 !important;
    }

.HTMLImageCSS {
    display: block;
    max-width: 100% !important;
    height: 100% !important;
}
/* Ends Drop or Upload */


/*Start Report Filter */
.ReportOne {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.ReportBg {
    background: none repeat scroll 0 0 #f9f9f9;
    display: inline-table;
}

.ReportTwo {
    background: none repeat scroll 0 0 #f9f9f9;
    border-top: 1px dashed #d5d5d5;
    clear: both;
    display: inline-block;
    margin: -20px -20px -24px -20px;
    padding: 21px 21px 0;
    width: 100%;
}

    .ReportTwo .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active, .ReportBg .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
        background: none repeat scroll 0 0 #f9f9f9 !important;
    }

.ReportUser {
    background: none repeat scroll 0 0 #eeeeee;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
    display: flex;
    padding: 10px;
}

    .ReportUser > img {
        border: 5px solid #fff;
        float: left;
        height: 40px;
        vertical-align: middle;
        width: 40px;
    }

    .ReportUser .Detail {
        border-right: 1px solid #d5d5d5;
        float: left;
        max-width: 200px;
        min-width: 100px;
        overflow: hidden;
        padding: 0 15px 0 10px;
    }

        .ReportUser .Detail .name {
            color: #231f20;
            font-weight: 600;
            margin: 6px 0 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ReportUser .Detail .uname {
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .ReportUser .Detail .uname a {
                color: #656569;
            }

                .ReportUser .Detail .uname a:hover {
                    color: #1581DC;
                }

.recenttxt {
    color: #231f20;
    font-size: 16px;
    line-height: 40px;
    margin: 5px 15px 0 15px;
}

    .recenttxt > span {
        color: #1581dc;
        font-size: 16px;
        font-weight: bold;
    }

.IcoDiv {
    display: inline-block;
    margin: 65px 10px 0;
    min-width: 130px;
    text-align: center;
}

    .IcoDiv h2 {
        color: #656569;
        font-size: 18px;
        margin: 15px 0 5px 0;
    }

    .IcoDiv .name {
        color: #888;
    }

.ReportIcon {
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    height: 75px;
    line-height: 75px;
    margin: 0 auto;
    width: 75px;
}

.ReportCont {
    display: flex;
}

.ReportItem {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    /*float: left;*/
    margin: 0 20px 20px 0;
    outline: 0 none;
    overflow: hidden;
    width: 23.5%;
    text-transform: capitalize;
    vertical-align: top;
}

    .ReportItem:hover {
        box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    }

    .ReportItem .Btn {
        float: right;
        padding: 12px 8px 0 3px;
    }

    .ReportItem img {
        float: left;
        margin: 20px 10px 20px 20px;
    }

    .ReportItem .Name {
        color: #231f20;
        font-weight: 600;
        margin: 16px 5px 5px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ReportItem .By {
        color: #b2b2b2;
        font-size: 12px;
        margin: 0 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ReportItem .Details {
        color: #656569;
        font-size: 11px;
        margin: 0 20px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ReportItem .Details .topright {
            position: relative;
            top: 0;
            right: 0;
            float: right;
        }

            .ReportItem .Details .topright i {
                color: #888;
                cursor: pointer;
                font-size: 14px;
                position: relative;
                top: 0;
            }

.showless {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 0 0 0 8px;
    position: relative;
    top: -11px;
    right: 0px;
}

.lessonly {
    margin: 4px 0 7px;
}

.ReportItem .Details > span {
    color: #b2b2b2;
    margin: 0 0 0 3px;
}

.ReportItem .Bottom {
    border-top: 1px solid #e8e8e8;
    clear: both;
    color: #b2b2b2;
    font-size: 11px;
    line-height: 33px;
    margin: 0 20px;
}

    .ReportItem .Bottom .user {
        float: left;
        margin: 0 10px 0 0;
        max-width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ReportItem .Bottom .user i {
            font-size: 14px;
            margin: 0 5px 0 0;
        }

    .ReportItem .Bottom .date {
        float: right;
        margin: 0 10px 0 0;
    }

        .ReportItem .Bottom .date i {
            font-size: 14px;
            margin: 0 5px 0 0;
        }

.ReportItem.Selected {
    background: none repeat scroll 0 0 #f4fbf6 !important;
    border: 1px solid #2db851;
}

    .ReportItem.Selected:hover {
        box-shadow: 1px 1px 5px rgba(45,184,81,0.2);
    }

.Report-Part {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    width: 25%;
    border-right: 1px dashed #e0e0e0;
    padding: 0 15px 0 0;
}

    .Report-Part:last-child {
        border-right: none medium;
        margin: 0;
        padding: 0;
    }

    .Report-Part .name {
        color: #ff8300;
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        vertical-align: sub;
    }

    .Report-Part .select {
        float: right;
        margin: 0 2px 10px 0;
        padding: 0;
        width: 40%;
    }

        .Report-Part .select .form-control {
            float: right;
            font-size: 12px;
            margin-bottom: 0;
            padding: 3px;
            position: relative;
            z-index: 2;
        }

    .Report-Part .ReportItem {
        margin: 0 0 20px;
        width: 100%;
    }

.ReportItem.Selected {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #2db851;
}
/*.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 70%;
}*/
/*Starts Report Filter*/

.ReportFilterBar {
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    padding: 10px 20px;
    width: auto;
}

.Reportbar-left {
    float: left;
    font-style: italic;
    font-size: 16px;
    margin: 0;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.Reportbar-right {
    float: right;
    margin: 0;
}

    .Reportbar-right .input-group {
        float: left;
        margin-right: 7px;
        width: 150px;
    }

        .Reportbar-right .input-group .form-control {
            padding: 2px 3px 3px;
        }

    .Reportbar-right .Export {
        line-height: 21px;
        margin: 0 5px 0 0;
    }

    .Reportbar-right .btn-square {
        height: 21px;
        width: 21px;
    }

.BacktoBtn {
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #434343;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    line-height: 19px;
    margin: 0;
    text-align: center;
}

    .BacktoBtn:hover {
        background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 50%);
        color: #231f20 !important;
    }

.ReportSwitch {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}

    .ReportSwitch .on {
        background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) inset;
        cursor: pointer;
        float: left;
        text-align: center;
        width: 25px;
    }

        .ReportSwitch .on i {
            color: #434343;
            font-size: 14px;
            line-height: 21px;
        }

    .ReportSwitch .off {
        background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        cursor: pointer;
        float: left;
        text-align: center;
        width: 25px;
    }

        .ReportSwitch .off i {
            color: #656569;
            font-size: 14px;
            line-height: 21px;
        }

.FrmtdTable {
    border-bottom: 1px solid #e2e2e2;
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}

    .FrmtdTable table {
        border-collapse: collapse;
        border-color: #e2e2e2 #e2e2e2 transparent;
        border-style: solid solid none;
        border-width: 1px 1px 0;
        width: 100%;
    }

        .FrmtdTable table th {
            border-right: 1px solid #e2e2e2;
            padding: 10px 15px;
            text-align: left;
        }

        .FrmtdTable table td {
            border-left: 1px solid #e2e2e2;
            line-height: 20px;
            padding: 4px 10px;
            text-align: left;
            width: 17.5%;
        }

.rcspan {
    background: none repeat scroll 0 0 #f9f9f9;
    border-top: 1px solid #e2e2e2;
    font-size: 12px;
    width: 100% !important;
    text-transform: capitalize;
}

.FrmtdTable h1 {
    line-height: 0;
    margin: 0 0 5px;
    padding: 0;
}

    .FrmtdTable h1 a, .FrmtdTable h1 {
        color: #ff8300;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        text-transform: capitalize;
    }

        .FrmtdTable h1 a:hover {
            text-decoration: underline;
        }

.emphTxt {
    border-right: 1px solid #bdbdbd;
    color: #231f20;
    display: inline-block;
    font-weight: 600;
    font-weight: 400;
    line-height: 15px;
    margin-right: 6px;
}

    .emphTxt span {
        color: #656569;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }

    .emphTxt a {
        color: #656569;
    }

        .emphTxt a:hover {
            color: #ff8300;
            text-decoration: underline;
        }

.FrmtdTable .RowH {
    color: #231f20;
    display: table;
    font-weight: 600;
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
}

.FrmtdTable .RowL {
    color: #656569;
    display: table;
    font-weight: 400;
    font-size: 12px;
    margin: 0;
    text-transform: capitalize;
}

.Frmtd .pagination {
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0 0;
}

    .Frmtd .pagination > a {
        background-color: #fff;
        border: 1px solid #e1e1e1;
        color: #ff8303;
        float: left;
        margin-left: -1px;
        padding: 4px 9px;
        position: relative;
        text-decoration: none;
        display: inline;
    }

        .Frmtd .pagination > a:first-child {
            border-radius: 3px 0 0 3px;
        }

        .Frmtd .pagination > a:last-child {
            border-radius: 0 3px 3px 0;
        }

    .Frmtd .pagination .disabled {
        color: #989898 !important;
        cursor: not-allowed;
    }

    .Frmtd .pagination .active {
        background-color: #ff8201;
        border-color: #ff8201;
        color: #fff;
    }
/*Ends Formated table*/
/* Starts Report Filter */
.ReportFilter {
}

.NormalFilter {
    width: 340px !important;
}

.filter-options.NormalFilter .filter-options-icon {
    left: 370px !important;
}

.ReportFilter .filter-options {
    background: none repeat scroll 0 0 #f3f7fa;
    border: 1px solid #d7e5ee;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    display: table;
    height: 500px;
    /*overflow: hidden;
 top: 203px;*/
    width: 450px;
}

.ReportFilter .fscroll {
    height: 800px;
    overflow-x: hidden;
    width: 100%;
}

.ReportFilter .filter-options .filter-body {
    border: medium none;
    display: table-cell;
    padding: 15px 20px;
    vertical-align: top;
}

.ReportFilter .filter-options .filter-options-icon {
    left: 480px;
    top: 0;
}

.ReportDasboardFilter {
}

    .ReportDasboardFilter .filter-options {
        background: none repeat scroll 0 0 #f3f7fa;
        border: 1px solid #d7e5ee;
        border-radius: 0;
        box-shadow: none;
        clear: both;
        display: table;
        height: 500px;
        /*overflow: hidden;
 top: 203px;*/
        width: 450px;
    }

    .ReportDasboardFilter .fscroll {
        height: 800px;
        overflow-x: hidden;
        width: 100%;
    }

    .ReportDasboardFilter .filter-options .filter-body {
        border: medium none;
        /*display: table-cell;*/
        padding: 15px 20px;
        vertical-align: top;
    }

    .ReportDasboardFilter .filter-options .filter-options-icon {
        left: 480px;
        top: 0;
    }

.ItemBox {
    border: 1px solid #d7e5ee;
    display: table;
    margin: 0 0 20px 0;
    width: 100%;
}

    .ItemBox .Header {
        background: none repeat scroll 0 0 #d7e5ee;
        color: #656569;
        font-weight: 600;
        font-size: 12px;
        line-height: 25px;
        padding: 0 10px;
    }

    .ItemBox .Single {
        padding: 10px; /*width: 93%;*/
    }

        .ItemBox .Single .first {
            float: none;
            width: auto;
        }

            .ItemBox .Single .first .Foption-sm {
                width: 50px;
            }

    .ItemBox .Double {
        float: left;
        padding: 10px;
        text-align: center;
        width: 50%;
    }

    .ItemBox .Chart {
        background: url("../images/Report-Icons.png") no-repeat scroll -4px -4px rgba(0, 0, 0, 0);
        border: medium none;
        height: 44px;
        width: 44px;
    }

    .ItemBox .Double .radio > label {
        color: #656569;
    }

.ReportFilter .sidebox {
    background: none repeat scroll 0 0 #e5eef4;
    border-right: 1px solid #d7e5ee;
    display: table-cell;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 110px;
    height: inherit;
}

.sidebox li {
    color: #444;
    cursor: pointer;
    font-size: 11px;
    padding: 15px 10px;
}

    .sidebox li > a {
        color: #444;
    }

.sidebox .active {
    background: none repeat scroll 0 0 #f3f7fa;
    border-bottom: 1px solid #d7e5ee;
    border-top: 1px solid #d7e5ee;
    margin-right: -1px;
}

.sidebox .arrows {
    color: #84afcb;
    font-size: 25px;
    line-height: 20px;
    padding: 5px;
}

    .sidebox .arrows:last-child {
        bottom: 0;
        display: inline;
        left: 31px;
        position: absolute;
    }

.splitBg {
    display: block;
}

.SplitOne {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 0 20px;
    min-height: 1px;
    width: 100%;
}

.SplitTwo {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 0 25px;
    min-height: 1px;
    width: 49%;
}

.SplitLeft {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 0 25px;
    min-height: 1px;
    width: 49%;
}

.SplitRight {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    float: right;
    margin: 0 0 25px;
    min-height: 1px;
    width: 49%;
}
/*.SplitTwo:last-child {
	display: table-cell;
	margin: 0 0 0 26px;
}*/
.SlNoFullSize {
    background: none repeat scroll 0 0 #fe8400;
    border-radius: 30px 30px 30px 30px;
    color: #fff;
    float: left;
    font-weight: 800;
    line-height: 32px;
    margin: 0 15px 0 0;
    text-align: center;
    width: 100%;
}

.SplitPharseDiv {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 5px 25px 0;
    min-height: 1px;
    width: 32.5%;
}

.SplitHDiv {
    display: table;
    margin: 15px 0 0;
    width: 100%;
}

.SlNo {
    background: none repeat scroll 0 0 #fe8400;
    border-radius: 0 30px 30px 0;
    color: #fff;
    float: left;
    font-weight: 800;
    line-height: 32px;
    margin: 0 15px 0 0;
    text-align: center;
    width: 32px;
}

.SlHeading {
    float: left;
    font-weight: 600;
}

    .SlHeading > span {
        color: #656569;
        display: table;
        font-weight: 400;
    }

.SlBtn {
    float: right;
    margin: 0 12px 0 0;
}

.SplitCont {
    margin: 15px;
}

.ChartFull {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e0e0e0;
}

.ChartOne {
    border: medium none;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 70%;
}

.ChartTwo {
    border: medium none;
    display: inline-block;
    width: 30%;
}

    .ChartTwo ul {
        border-left: 1px solid #e0e0e0;
        font-weight: 600;
        margin: 0;
        padding: 20px;
    }

        .ChartTwo ul li {
            color: #656569;
            font-size: 11px;
            list-style: outside none none;
            margin: 10px 0 0 10px;
            padding: 0;
        }

.stat-counters {
    border-top: 1px solid #e0e0e0;
    display: table;
    text-align: center;
    width: 100%;
}

.stat-cell {
    border-left: 1px solid #e0e0e0;
    display: table-cell;
    float: none;
    min-height: 1px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 50%;
}

    .stat-cell .code {
        display: block;
        font-size: 11px;
        font-weight: 600;
        margin: 0 0 5px 0;
    }

    .stat-cell .no {
        display: block;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

        .stat-cell .no i {
            font-size: 18px;
            margin: 0 5px 0 0;
            vertical-align: super;
        }

    .stat-cell .dt {
        color: #656569;
        display: block;
        font-weight: 600;
    }

.Split-table {
    border: 1px solid #83afca;
    margin: 0 0 5px;
    width: 100%;
}

    .Split-table th {
        background: none repeat scroll 0 0 #83afca;
        color: #fff;
        font-weight: 600;
        font-size: 11px;
        line-height: 27px;
        padding: 0 10px;
        text-align: left;
        text-transform: uppercase;
    }

    .Split-table td {
        border-top: 1px solid #d7e5ee;
        padding: 5px 10px;
    }

    .Split-table tbody tr:nth-child(2n+1) {
        background: none repeat scroll 0 0 #fff;
    }

.pollSliderPublic {
    background: none repeat scroll 0 0 #e189bc;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    position: fixed;
    right: 27px;
    text-align: center;
    top: 65%;
    transform: rotate(-90deg);
    transform-origin: right top 0;
    transition: all 0.145s ease-out 0s;
    z-index: 9500;
}

    .pollSliderPublic i {
        padding: 0 10px 0 0;
    }

.pollSliderPrivate {
    background: none repeat scroll 0 0 #f9c36d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    position: fixed;
    right: 27px;
    text-align: center;
    top: 40%;
    transform: rotate(-90deg);
    transform-origin: right top 0;
    transition: all 0.145s ease-out 0s;
    z-index: 9500;
}

    .pollSliderPrivate i {
        padding: 0 10px 0 0;
    }

.pollSliderFav {
    background: none repeat scroll 0 0 #4bc8b6;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    position: fixed;
    right: 27px;
    text-align: center;
    top: 15%;
    transform: rotate(-90deg);
    transform-origin: right top 0;
    transition: all 0.145s ease-out 0s;
    z-index: 9500;
}
/*Ends Report Filter */


/* Starts Expiry */
.Expiry-bg {
    background: none repeat scroll 0 0 #fcfaea;
    /*box-shadow: 0 2px 11px rgba(0, 0, 0, 0.25);*/
    height: auto;
    margin: 0 auto;
    width: 430px;
}

.SandTimer {
    margin: 0 auto;
    padding: 20px 0 10px;
    text-align: center;
}

.ooops {
    color: #7f4e22;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -1px;
}

    .ooops .small {
        display: inherit;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 0;
    }

.Exp-msg {
    background: none repeat scroll 0 0 #ff8300;
    color: #ffffff;
    line-height: 20px;
    padding: 15px 20px;
}

.Exp-footer {
    background: none repeat scroll 0 0 #ff9729;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}

.Exp-btn {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #fdb05f;
    border-radius: 3px;
    box-shadow: 2px 2px 0 0 rgba(246, 146, 40, 1) inset;
    color: #fcfbed;
    cursor: pointer;
    font-weight: 600;
    line-height: 29px;
    margin: 0 5px;
    padding: 0px;
    width: 90px;
}

    .Exp-btn:hover {
        border: 2px solid #fdd2a5;
        color: #ffffff;
    }

    .Exp-btn i {
        font-size: 11px;
        font-weight: lighter;
        line-height: 28px;
        margin: 0 5px 0 0;
    }
/* Ends Expiry */
.alertbox {
    position: absolute !important;
    z-index: 100001 !important;
    visibility: visible !important;
}

.GridLink {
    color: #ff8300 !important;
    cursor: pointer;
}

    .GridLink:hover {
        text-decoration: underline;
    }

.CompletedBg {
    background: none repeat scroll 0 0 #fff9c4;
    border: 1px solid #fff38f;
    margin-bottom: -4px;
    padding: 15px 20px 10px;
}

    .CompletedBg .txt {
        display: inline-block;
        margin: 0 20px 10px 0;
    }

    .CompletedBg .btn {
        display: inline-block;
        margin: 0 0 5px;
    }
/* stars Upload Progress Bar  */
#fileprogress {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: -5px 5px 13px #ededed;
    display: block;
    margin: 2px 0;
    min-height: 100px;
    /*opacity: 0.9; */
    padding: 3px;
    position: absolute !important;
    width: 300px;
    z-index: 10000 !important;
}

    #fileprogress .progress {
        background: none repeat scroll 0 0 #fafafa;
        border-radius: 0 0 3px 3px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin: 0 -15px -15px;
        padding: 15px;
    }

        #fileprogress .progress .count {
            color: #888;
            font-weight: 600;
            font-size: 11px;
            margin: 5px 0 0;
            text-align: left;
        }

            #fileprogress .progress .count .no {
                color: #b3b3b3;
            }

        #fileprogress .progress .barouter {
            background-color: #f5f5f5;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
            height: 14px;
            margin: 3px 0 0;
            overflow: hidden;
            padding: 2px;
        }

.barouter .bar:after {
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-size: 10px 10px;
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.barouter .bar {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
    background: -moz-linear-gradient(left, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc4ef', endColorstr='#cbe221', GradientType=1 ); /* IE6-9 */
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    height: 8px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: width 0.6s ease 0s;
}

#fileprogress .title {
    color: #656569;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 15px;
}

    #fileprogress .title b {
        display: block;
    }

    #fileprogress .title i {
        color: #ababab;
        margin: 0 8px 0 0;
    }

#fileprogress .header {
    background: none repeat scroll 0 0 #231f20;
    border-radius: 3px 3px 0 0;
    color: White;
    font-weight: 600;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 10px;
    text-transform: uppercase;
}

#fileprogress .body {
    padding: 15px;
}
/* Ends Upload Progress Bar  */

/*Starts Service*/
.TabInfo {
    border-bottom: 1px solid #e2e2e2;
    color: #c2c2c2;
    font-style: italic;
    margin: 0 -15px 20px;
    padding: 0 15px 15px;
}

    .TabInfo i {
        color: #ccc;
        font-size: 16px;
        margin: 0 5px 0 0;
    }

.TabBtn {
    text-align: center;
    margin: 0 auto;
}

    .TabBtn > a {
        background-color: #fff;
        border: 1px solid #e2e2e2;
        color: #747b80;
        display: inline-block;
        margin-left: -1px;
        padding: 10px 20px;
        text-decoration: none;
    }

        .TabBtn > a:first-child {
            border-radius: 3px 0 0 3px;
        }

        .TabBtn > a:last-child {
            border-radius: 0 3px 3px 0;
        }

    .TabBtn .active {
        background-color: #bfe7f5;
        border-color: #77c9e5;
        color: #0085a8;
        margin-right: 1px;
    }

.MapView {
    border: 1px solid #e2e2e2;
    height: auto;
    margin: 20px 0 0;
    width: auto;
}

    .MapView img {
        width: 100%;
        height: 100%;
    }

.DetailView-Lft {
    border: 1px solid #e2e2e2;
    float: left;
    margin: 20px 0 0;
    min-height: 1px;
    width: 23%;
}

    .DetailView-Lft .head {
        background-color: #fafafa;
        border-bottom: 1px solid #e2e2e2;
        clear: both;
        line-height: 35px;
        padding: 0 10px;
    }

    .DetailView-Lft .body {
        height: 300px;
        overflow: auto;
        padding: 10px;
    }

.DetailView-Rt {
    border: 1px solid #e2e2e2;
    float: right;
    height: 326px;
    margin: 20px 0 0;
    min-height: 1px;
    overflow: auto;
    padding: 15px;
    width: 75%;
}

.DetailCrumb {
    color: #656569;
    font-size: 12px;
    margin: 0 0 15px;
}

.Detaillist {
    float: left;
    width: 100%;
}

    .Detaillist h3 {
        font-weight: 600;
    }

    .Detaillist ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .Detaillist li {
        float: left;
        padding: 0 20px 15px 0;
        vertical-align: top;
        width: 33%;
    }

    .Detaillist .round {
        border-radius: 50%;
        color: #fff;
        float: left;
        font-style: italic;
        font-size: 11px;
        height: 25px;
        line-height: 25px;
        margin: 0 10px 0 0;
        text-align: center;
        width: 24px;
    }

    .Detaillist .name {
        color: #231f20;
        float: left;
        width: 67%;
        word-wrap: break-word;
    }

        .Detaillist .name .no {
            color: #888888;
            display: inherit;
            line-height: 22px;
        }

    .Detaillist .btn {
        float: right; /*margin: 0 20px 0 0;*/
    }

    .Detaillist .name i {
        color: #ff8300;
        font-size: 12px;
        margin: 0 0 0 3px;
    }

.ico-btn {
    color: #ababab;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0;
}

    .ico-btn:hover {
        color: #ff8300;
    }

    .ico-btn:last-child {
        margin: 0;
    }

.StateRow {
    width: 100%;
}

    .StateRow td {
        width: 45%;
        padding: 0px 10px 0px 10px;
    }

.StateView {
    border: 1px solid #e2e2e2;
    display: inline-block;
    margin: 0 15px 15px 0;
    min-height: 1px;
}

    .StateView:last-child {
        margin: 0 0 15px;
    }

    .StateView .head {
        background-color: #fafafa;
        border-bottom: 1px solid #e2e2e2;
        clear: both;
        line-height: 35px;
        padding: 0 10px;
    }

    .StateView .body {
        height: 220px;
        overflow: auto;
        padding: 10px;
    }

    .StateView .Detaillist li {
        width: 100% !important;
    }

.ListCS {
    display: inline-block;
    margin: 0 0 5px;
    width: 100%;
}

.CountryCol {
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

    .CountryCol img {
        float: left;
        margin: 0 5px 0 0;
    }

.CCountry {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73%;
}

    .CCountry a {
        color: #656569;
        font-weight: 600;
        font-size: 13px;
    }

    .CCountry .active {
        color: #ff8300;
    }

.CountryCol .btn {
    float: right;
    margin: 0 0 0 0;
}

.StateCol {
    float: left;
    margin: 0 0 5px 0;
    width: 100%;
}

.CState {
    float: left;
    margin: 0 0 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 66%;
}

    .CState a {
        color: #656569;
        font-size: 13px;
        margin: 0 0 5px;
        text-transform: capitalize;
    }

    .CState .active {
        color: #ff8300;
    }

.StateCol .btn {
    float: right;
    margin: 0 0 0 0;
}

.LocationBox {
    display: inline-block;
    margin: 0 0 15px;
    width: 100%;
}

    .LocationBox .Big {
        float: left;
        width: 28%;
    }

.Big .form-control {
    width: 100%; /*width: 94%;*/
}

.LocationBox .Small {
    float: left;
    margin: 70px 0 0;
    text-align: center;
    width: 8%;
}

    .LocationBox .Small .input {
        color: #999;
        cursor: pointer;
        font-size: 11px;
        height: 26px;
        line-height: 24px;
        margin: 2px 1px;
        padding: 0 8px;
    }

.SelViewBox {
    border: 1px solid #e4e4e4;
    display: table;
    width: 100%;
}

    .SelViewBox .header {
        background-color: #efefef;
        clear: both;
        color: #696969;
        letter-spacing: 1px;
        padding: 5px 10px;
        text-transform: uppercase;
    }

.SelViewInner {
    width: 100%;
}

    .SelViewInner th {
        background-color: #c2c2c2;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #fff;
        font-weight: 600;
        padding: 5px 10px;
        text-align: left;
    }

        .SelViewInner th:first-child {
            border-right: medium none;
            width: 25%;
        }

        .SelViewInner th .btn {
            float: right;
        }

            .SelViewInner th .btn .ico-btn {
                color: #fff;
            }

    .SelViewInner td:first-child {
        border-left: medium none;
    }

    .SelViewInner td {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px;
        vertical-align: top;
    }

    .SelViewInner .left {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        float: left;
        min-height: 1px;
        width: 20%;
    }

    .SelViewInner .right {
        float: left;
        min-height: 1px;
        width: 79.91%;
    }

    .SelViewInner .body {
        padding: 10px;
    }

.CodeBox {
    display: inline-block;
    margin: 5px 0 15px 0;
    width: 100%;
}

    .CodeBox .fourbox {
        float: left;
        padding-right: 20px;
        width: 25%;
    }

        .CodeBox .fourbox:last-child {
            padding: 0;
        }

.box .form-control {
    width: 94%;
}

.SelScroll {
    border: 1px solid #e4e4e4;
    display: inline-block;
    margin: -5px 0 15px;
    width: 100%;
}

    .SelScroll .header {
        background-color: #efefef;
        clear: both;
        color: #696969;
        letter-spacing: 1px;
        padding: 5px 10px;
        text-transform: uppercase;
    }

.Sels-box {
    direction: ltr;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.SSliderBg {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    overflow: visible;
    position: relative;
    top: 0;
}

.SelArrowL {
    border-right: 1px solid #e4e4e4;
    color: #ccc;
    cursor: pointer;
    float: left;
    font-size: 25px;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 3%;
}

.SelArrowR {
    border-left: 1px solid #e4e4e4;
    color: #ccc;
    cursor: pointer;
    float: right;
    font-size: 25px;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 3%;
}

.SelCont {
    overflow: hidden;
    text-align: center;
}

    .SelCont .PPSliderArea {
        height: 64px;
        overflow-y: scroll;
        width: auto;
    }

.SelItem:first-child {
    border-left: medium none;
}

.SelItem {
    border-left: 1px solid #efefef;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 6px 0;
    outline: medium none;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30%;
}

    .SelItem .country {
        color: #888888;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .SelItem .category {
        color: #656569;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.SelScroll .btn {
    float: right;
    margin: -2px 0 0;
}
/*Ends Service*/


/* stars Upload Progress Bar  */
#fileprogress {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: -5px 5px 13px #ededed;
    display: block;
    margin: 2px 0;
    min-height: 100px;
    /*opacity: 0.9; */
    padding: 3px;
    position: absolute !important;
    width: 300px;
    z-index: 10000 !important;
}

    #fileprogress .progress {
        background: none repeat scroll 0 0 #fafafa;
        border-radius: 0 0 3px 3px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin: 0 -15px -15px;
        padding: 15px;
    }

        #fileprogress .progress .count {
            color: #888;
            font-weight: 600;
            font-size: 11px;
            margin: 5px 0 0;
            text-align: left;
        }

            #fileprogress .progress .count .no {
                color: #b3b3b3;
            }

        #fileprogress .progress .barouter {
            background-color: #f5f5f5;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
            height: 10px;
            margin: 3px 0 0;
            overflow: hidden;
            padding: 2px;
        }

.barouter .bar {
    background-image: url(assets/images/prog-line.png);
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
    background: #5fc4ef; /* Old browsers */
    background: -moz-linear-gradient(left, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5fc4ef 0%, #48d1cb 25%, #32e09b 50%, #95e442 75%, #cbe221 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc4ef', endColorstr='#cbe221', GradientType=1 ); /* IE6-9 */
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 3px;
    float: left;
    height: 8px;
    text-align: center;
    transition: width 0.6s ease 0s;
    max-width: 99.5%;
}

#fileprogress .title {
    color: #656569;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 15px;
}

    #fileprogress .title b {
        display: block;
    }

    #fileprogress .title i {
        color: #ababab;
        margin: 0 8px 0 0;
    }

#fileprogress .header {
    background: none repeat scroll 0 0 #231f20;
    border-radius: 3px 3px 0 0;
    color: White;
    font-weight: 600;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 10px;
    text-transform: uppercase;
}

#fileprogress .body {
    padding: 15px;
}
/* Ends Upload Progress Bar  */


/* Starts Manage Engagement */
.EngDLeft {
    border-right: 1px solid #dedede;
    width: 40%;
}

.EngDRight {
    background: none repeat scroll 0 0 #f7f7f8;
    width: 60%;
}
/*.EngHeader {
	background: linear-gradient(to bottom, #ffffff 0%, #edecec 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #dddddd;
	color: #555555;
	font-weight: 600;
	line-height: 35px;
	overflow: hidden;
	padding: 0 15px;
	width: auto;
}*/

.EngHeader {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #edecec 100%) repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
    color: #555555;
    font-weight: 600;
    height: 35px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.EngBox {
    margin-left: -10px;
    margin-right: -10px;
}

.EngItems {
    float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 25%;
}

    .EngItems .boxes {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
        margin: 0 0 15px;
        padding: 0;
    }

    .EngItems .disabled {
        cursor: none;
        opacity: 0.55;
    }

        .EngItems .disabled .boxes {
            cursor: none;
            opacity: 0.55;
            -webkit-opacity: 0.55;
            -moz-opacity: 0.55;
        }

            .EngItems .disabled .boxes:hover {
                border: 1px solid #e5e5e5;
            }

            .EngItems .disabled .boxes.boxcont:hover {
                border: 1px solid #e5e5e5;
            }

            .EngItems .disabled .boxes:hover {
                border: 1px solid #e5e5e5;
            }
/*Engagement*/
.boxeng .shapes {
    border: 2px solid rgba(250, 154, 0, 1);
}

.boxes.boxeng {
}

    .boxes.boxeng:hover {
        border: 1px solid rgba(250, 154, 0, 1);
    }

.boxeng .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(250, 154, 0, 0.9);
    margin: -1px !important;
}
/*Crteria*/
.boxcrit .shapes {
    border: 2px solid rgba(64, 113, 182, 1);
}

.boxes.boxcrit {
}

    .boxes.boxcrit:hover {
        border: 1px solid rgba(64, 113, 182, 1);
    }

.boxcrit .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(64, 113, 182, 0.9);
    margin: -1px !important;
}
/*Contact*/
.boxcont .shapes {
    border: 2px solid rgba(66, 149, 56, 1);
}

.boxes.boxcont {
}

    .boxes.boxcont:hover {
        border: 1px solid rgba(66, 149, 56, 1);
    }

.boxcont .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(66, 149, 56, 0.9);
    margin: -1px !important;
}
/*Workflow*/
.boxwflow .shapes {
    border: 2px solid rgba(181, 54, 134, 1);
}

.boxes.boxwflow {
}

    .boxes.boxwflow:hover {
        border: 1px solid rgba(181, 54, 134, 0.9);
    }

.boxwflow .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(181, 54, 134, 0.9);
    margin: -1px !important;
}
/*Requirement*/
.boxreq .shapes {
    border: 2px solid rgba(208, 64, 34, 1);
}

.boxes.boxreq {
}

    .boxes.boxreq:hover {
        border: 1px solid rgba(208, 64, 34, 1);
    }

.boxreq .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(208, 64, 34, 0.9);
    margin: -1px !important;
}
/*Invite*/
.boxinvite .shapes {
    border: 2px solid rgba(57, 164, 178, 1);
}

.boxes.boxinvite {
}

    .boxes.boxinvite:hover {
        border: 1px solid rgba(57, 164, 178, 1);
    }

.boxinvite .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(57, 164, 178, 0.9);
    margin: -1px !important;
}
/*Notification*/
.boxnote .shapes {
    border: 2px solid rgba(115, 81, 183, 1);
}

.boxes.boxnote {
}

    .boxes.boxnote:hover {
        border: 1px solid rgba(115, 81, 183, 1);
    }

.boxnote .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(115, 81, 183, 0.9);
    margin: -1px !important;
}
/*Manage Phase*/
.boxphase .shapes {
    border: 2px solid rgba(197, 170, 59, 1);
}

.boxes.boxphase {
}

    .boxes.boxphase:hover {
        border: 1px solid rgba(197, 170, 59, 1);
    }

.boxphase .content {
    border-radius: 3px 3px 0 0;
    border-top: 8px solid rgba(197, 170, 59, 0.9);
    margin: -1px !important;
}
/* Rating */

.boxRating .shapes {
    /*border: 2px solid rgba(197, 170, 59, 1);*/
    border: 2px solid #FFAE1A;
}

.boxes.boxRating {
}

    .boxes.boxRating:hover {
        /*border: 1px solid rgba(197, 170, 59, 1);*/
        border: 1px solid #FFAE1A;
    }

.boxRating .content {
    border-radius: 3px 3px 0 0;
    /*border-top: 8px solid rgba(197, 170, 59, 0.9);*/
    border-top: 8px solid #FFAE1A;
    margin: -1px !important;
}

.shapes {
    background-color: #ffffff;
    border-radius: 0;
    height: 55px;
    margin: 25px auto 0;
    transform: rotate(45deg);
    width: 55px;
}

    .shapes > img {
        margin: 9px;
        transform: rotate(-45deg);
    }

.boxes .content {
    margin: 0 auto;
    min-height: 155px;
    padding: 0 10px;
    text-align: center;
}

    .boxes .content .name {
        color: #535353;
        display: inherit;
        font-size: 14px;
        font-weight: 700;
        margin: 15px 0 10px;
    }

.boxes .foot {
    background: none repeat scroll 0 0 #f9f9f9;
    border-top: 1px solid #f3f3f3;
    font-size: 12px;
    height: 57px;
    line-height: 19px;
    padding: 8px 10px;
}

    .boxes .foot .value {
        color: #424242;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        text-transform: capitalize;
    }

        .boxes .foot .value span {
            color: #656569;
            margin-left: 5px;
            text-transform: capitalize;
        }

.Eng-list {
    float: left;
    /*height: 672px;*/
    height: 858px;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

    .Eng-list > ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .Eng-list li {
        background: #f9f9f9 none repeat scroll 0 0;
        border-bottom: 1px solid #e6e6e6;
        cursor: pointer;
        display: inline-block;
        padding: 15px 20px;
        width: 100%;
    }

        .Eng-list li:nth-child(2n+1) {
            background-color: #ffffff;
        }

        .Eng-list li:hover {
            background-color: #ffffe6;
        }

.DetailLeft {
    float: left;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.DetailRight {
    color: #c5c5c5;
    float: left;
    font-weight: 600;
    font-size: 12px;
    margin: 12px 0;
    text-align: right;
    vertical-align: middle;
    width: 25%
}

.EngName {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.CoDt {
    border-right: 1px solid #bdbdbd;
    color: #231f20;
    float: left;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%;
}

    .CoDt span {
        color: #656569;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }

    .CoDt:last-child {
        border: none medium;
        margin: 0;
    }

.readnow .EngName {
    color: #ffffff;
}

.readnow .CoDt {
    color: #e0e0e0;
}

    .readnow .CoDt span {
        color: #c1c1c1;
    }

.readnow .grey {
    color: #c1c1c1;
}

.EngWizard {
    padding: 0 20px 20px 20px;
}

.WizBar {
    float: left;
    width: 241px;
}

/*.WizBar-links {
    background: url("../images/Wizbar-bottom-bg.gif") no-repeat scroll left bottom transparent;
    margin: 0 0 20px;
    padding-bottom: 140px;
    width: 250px;
}

.WizBar-head-bg {
    background: url("../images/Wizbar-head-bg.gif") no-repeat scroll left top transparent;
    height: 17px;
    width: 250px;
}

.WizBar ul {
    background: url("../images/Wizbar-ul-bg.gif") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

    .WizBar ul li {
        background: url("../images/WizBar-sep-line.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
        display: block;
        font-size: 14px;
        font-weight: 700;
        list-style: outside none none;
    }

        .WizBar ul li.active {
            background: none repeat scroll 0 0 #fff;
        }

        .WizBar ul li a {
            background: url("../images/WizBar-sep-line.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
            color: #929292;
            display: block;
            outline: 0 none;
            padding: 10px 0 12px 60px;
            position: relative;
            text-decoration: none;
        }*/
.WizBar-links {
    background: linear-gradient(to left, rgba(210, 210, 210, 1) 0%, rgba(238, 238, 238, 1) 3%, rgba(255, 255, 255, 1) 100%);
    margin: 0 0 20px;
    padding-bottom: 450px;
    width: 250px;
}

.WizBar-head-bg {
    background: linear-gradient(to left, rgba(210, 210, 210, 1) 0%, rgba(238, 238, 238, 1) 3%, rgba(255, 255, 255, 1) 100%);
    height: 17px;
    width: 250px;
}

.WizBar ul {
    background: linear-gradient(to left, rgba(210, 210, 210, 1) 0%, rgba(238, 238, 238, 1) 3%, rgba(255, 255, 255, 1) 100%);
    margin: 0;
    padding: 0;
}

    .WizBar ul li {
        display: block;
        font-size: 14px;
        font-weight: 700;
        list-style: outside none none;
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(to left, #cacaca, #fff);
        border-image-slice: 1;
    }

        .WizBar ul li.active {
            background: none repeat scroll 0 0 #fff;
        }

        .WizBar ul li a {
            border-bottom: 1px solid transparent;
            border-image: linear-gradient(to left, #fff, #fff);
            border-image-slice: 1;
            color: #929292;
            display: block;
            outline: 0 none;
            padding: 10px 0 12px 60px;
            position: relative;
            text-decoration: none;
        }

        .WizBar ul li.active a {
            color: #ff8300;
        }

            .WizBar ul li.active a span {
                color: #888888;
            }

        .WizBar ul li.completed a {
            color: #313131;
        }

            .WizBar ul li.completed a span {
                color: #888888;
            }

        .WizBar ul li img {
            display: inline-block;
            height: 34px;
            left: 15px;
            position: absolute;
            top: 12px;
            vertical-align: middle;
            width: 34px;
        }

        .WizBar ul li span {
            color: #b8b8b8;
            display: inherit;
            font-size: 13px;
            font-weight: normal
        }

.WizBody {
    margin: 0 0 0 271px;
}

.h2-header {
    background: url("../images/wizbg-h2.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 25px 0 0;
    width: 100%;
}

    .h2-header img {
        float: left;
        margin: 15px 10px 0 0;
    }
    /*.h2-header h2 {
	color: #454545;
	float: left;
	font-size: 23px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 0;
	padding-bottom: 20px;
}*/
    .h2-header h2 {
        color: #454545;
        float: left;
        font-size: 23px;
        font-weight: normal;
        line-height: 35px;
        margin-bottom: 0;
        padding-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 85%;
    }

    .h2-header .btn {
        float: right;
        margin: 15px 0 0;
    }

.WizForm {
    min-height: 520px;
    padding: 20px;
}

    .WizForm .full {
        width: 100%;
    }

    .WizForm .smlft {
        margin: 0 285px 0 0;
    }

    .WizForm .smrt {
        float: right;
        width: 255px;
    }

.invtBg {
    background: url("../../assets/images/incode-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px;
    text-align: center;
}

    .invtBg .lbl {
        border-bottom: 1px solid #99fc96;
        color: #99fc96;
        line-height: 0;
        margin: 20px auto 25px;
        text-align: center;
        width: 75%;
    }

        .invtBg .lbl span {
            background: none repeat scroll 0 0 #e31836;
            font-size: 15px;
            padding: 0 10px;
            text-transform: capitalize;
        }

    .invtBg .icode {
        color: #fff;
        font-size: 32px;
        font-weight: 800;
        line-height: 30px;
        margin: 13px 0;
    }

    .invtBg .note {
        color: #fff;
        font-size: 11px;
        line-height: 14px;
    }

.note > a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 20px;
}

.note .log {
    color: #fff600;
    display: inherit;
    font-family: arial;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0;
}

    .note .log > strong {
        font-family: ETHNOCEN;
        font-size: 15px;
    }

.row-border {
    display: table;
    width: 100%;
}

    .row-border .form-group {
        border-bottom: 1px solid #ececec;
        margin-bottom: 0;
        padding-bottom: 30px;
        padding-top: 30px;
        display: table;
        width: 100%;
    }

    .row-border .explbl {
        color: #656569;
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 8px;
        text-transform: uppercase;
    }

    .row-border .explabel {
        color: #656569;
        display: inline-block;
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 8px;
        text-transform: capitalize;
    }

    .row-border .explabelnoCaps {
        color: #656569;
        display: inline-block;
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 8px;
        text-transform: none;
    }

    .row-border .form-control {
        border: 2px solid #e0e0e0;
        font-size: 13px;
        padding: 12px 10px;
    }

    .row-border .form-group:first-child {
        padding-top: 0;
    }

.nobrdr .form-group {
    border: none medium;
    padding: 0 0 10px 0;
}

.nobrdr .form-control {
    padding: 7px 10px;
}

.rowin {
    float: left;
    width: 100%;
}

.form-info {
    background: #d9edf7 none repeat scroll 0 0;
    border: 1px solid #b9def0;
    border-radius: 3px;
    color: #888888;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 25px;
    padding: 10px 20px;
    position: relative;
}

    .form-info i {
        color: #416474;
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: 0px;
    }

    .form-info legend {
        background: rgba(185,222,240,1);
        background: -moz-linear-gradient(top, rgba(185,222,240,1) 0%, rgba(217,237,247,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,222,240,1)), color-stop(100%, rgba(217,237,247,1)));
        background: -webkit-linear-gradient(top, rgba(185,222,240,1) 0%, rgba(217,237,247,1) 100%);
        background: -o-linear-gradient(top, rgba(185,222,240,1) 0%, rgba(217,237,247,1) 100%);
        background: -ms-linear-gradient(top, rgba(185,222,240,1) 0%, rgba(217,237,247,1) 100%);
        background: linear-gradient(to bottom, rgba(185,222,240,1) 0%, rgba(217,237,247,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9def0', endColorstr='#d9edf7', GradientType=0 );
        color: #416474;
        font-weight: 600;
        font-size: 12px;
        margin: 0 -5px;
        padding: 2px 10px 0px 10px;
        text-transform: uppercase;
    }

    .form-info .h {
        color: #123d51;
        font-weight: 600;
    }

    .form-info > ul {
        list-style-type: square;
        margin: 0;
        padding: 5px 0 5px 20px;
    }

    .form-info.no {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        margin: 0;
        padding: 10px 0;
    }

    .form-info .qn {
        color: #416474;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
    }

.WizForm .TabInfo {
    color: #231f20;
    margin: 0 0 15px;
    padding: 0;
}

    .WizForm .TabInfo .name {
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .WizForm .TabInfo .txt {
        color: #656569;
        display: table;
        font-size: 13px;
        text-transform: none;
    }

    .WizForm .TabInfo .value {
        float: right;
        font-weight: 600;
    }

        .WizForm .TabInfo .value span {
            color: #656569;
        }
/*Starts Customed Checkbox and Radiobuttons */
.radio-custom label, .checkbox-custom label {
    cursor: pointer;
    display: inline-block;
    line-height: 26px;
    margin-right: 15px;
    padding-left: 35px;
    position: relative;
}

.radio-custom input[type=radio] {
    display: none;
}

.radio-custom label:before, .checkbox-custom label:before {
    background-color: #fff;
    border: 2px solid #afafaf;
    content: "";
    display: inline-block;
    height: 24px;
    left: 0;
    position: absolute;
    width: 24px;
}

.radio-custom label:before {
    border-radius: 50px;
}

.radio-custom input[type=radio]:checked + label:before {
    color: #c0c0c0;
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 19px;
    line-height: 21px;
    text-align: center;
}

.radio-disable label {
    cursor: pointer;
    display: inline-block;
    line-height: 26px;
    margin-right: 15px;
    padding-left: 35px;
    position: relative;
    color: #fff;
}

.radio-disable input[type=radio] {
    display: none;
}

.radio-disable label:before {
    background-color: #fff;
    border: 2px solid #afafaf;
    content: "";
    display: inline-block;
    height: 24px;
    left: 0;
    position: absolute;
    width: 24px;
}

.radio-disable label:before {
    border-radius: 50px;
}

.radio-disable input[type=radio]:checked + label:before {
    color: #c0c0c0;
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 19px;
    line-height: 21px;
    text-align: center;
}

.checkbox-custom input[type=checkbox] {
    display: none;
}

.checkbox-custom label:before {
    border-radius: 3px;
}

.checkbox-custom input[type=checkbox]:checked + label:before {
    background: #c0c0c0 none repeat scroll 0 0;
    color: #fff;
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
/*Ends Customed Checkbox and Radiobuttons */

.BigGrid {
    border-collapse: collapse;
    width: 100%;
}

    .BigGrid th {
        background: none repeat scroll 0 0 #ebebeb;
        color: #525252;
        font-weight: 600;
        font-size: 12px;
        line-height: 28px;
        max-width: 150px;
        overflow: hidden;
        padding: 5px 10px;
        text-align: left;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: normal;
        word-wrap: break-word;
    }

    .BigGrid > tbody > tr > td a {
        color: #ff8300;
        text-overflow: ellipsis;
    }

    .BigGrid > tbody > tr > td {
        color: #555;
        font-size: 13px;
        line-height: 26px;
        max-width: 150px;
        overflow: hidden;
        padding: 5px 10px;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }

    .BigGrid > tbody > tr:nth-child(2n+1) {
        background-color: #f6f6f6;
    }

    .BigGrid > tbody > tr:hover {
        background-color: #ffffe6;
    }

    .BigGrid .upic {
        background-clip: content-box;
        border: 1px solid #dedede;
        border-radius: 3px;
        float: left;
        height: 27px;
        margin: 0 10px 0 0;
        padding: 1px;
        width: 27px;
    }

    .BigGrid .radio-custom label:before {
        font-size: 10px !important;
        height: 15px;
        line-height: 10px !important;
        top: -11px;
        width: 15px;
    }

    .BigGrid .checkbox-custom label:before {
        font-size: 10px !important;
        height: 15px;
        line-height: 10px !important;
        top: -11px;
        width: 15px;
    }

.WizBody .page-hBottom {
    padding: 30px 0 10px;
    text-align: right;
}

.AddAssBg {
    color: #656569;
    font-weight: 600;
    line-height: 18px;
    margin: 15px auto;
    text-align: center;
    width: 210px;
}

    .AddAssBg > img {
        float: left;
        margin: 0 0 10px;
    }

.form-group .Big {
    float: left;
    width: 45%;
}

.form-group .Small {
    float: left;
    margin: 45px 0 0;
    text-align: center;
    width: 10%;
}

.boxlbl {
    color: #656569;
    font-weight: 600;
    padding: 10px;
}

.mecform {
}

    .mecform .pro {
        float: left;
        min-height: 1px;
        position: relative;
        width: 144px;
    }

        .mecform .pro > img {
            border: 1px solid #e9e9e9;
            border-radius: 3px;
            width: 100%;
        }

.upbtn {
    background-color: #a471bf;
    background-image: none;
    border: none medium;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 0;
    line-height: 30px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 144px;
}

    .upbtn input.upload {
        border: medium none;
        cursor: pointer;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

.mecform .in {
    margin-left: 180px;
    min-height: 1px;
    position: relative;
}

    .mecform .in .form-group:last-child {
        border-bottom: medium none;
        padding-bottom: 0;
    }

    .mecform .in .form-group {
        clear: none;
    }

.WFdelbox {
    border: 1px solid #ffca73;
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    min-height: 300px;
}

    .WFdelbox .heading {
        background: none repeat scroll 0 0 #ffe173;
        line-height: 26px;
        text-align: center;
    }

    .WFdelbox .Row {
        background: none repeat scroll 0 0 #ffffff;
        border-bottom: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        float: left;
        overflow: hidden;
        /* width: 100%;*/
        width: 50%;
        float: left;
        height: 100px;
        padding: 10px;
        text-align: center;
    }

        .WFdelbox .Row:nth-child(2n+1) {
            border-right: none !important;
        }

        .WFdelbox .Row:last-child {
            /* border-bottom: medium none;*/
        }

    .WFdelbox .Col {
        /*border-right: 1px solid #e9e9e9;
 float: left;
 min-height: 100px;
 padding: 10px;
 text-align: center;
 width: 50%;*/
    }

        .WFdelbox .Col:last-child {
            border-right: medium none;
        }

.WRound {
    color: #382c00;
    font-size: 12px;
}

    .WRound i {
        background: none repeat scroll 0 0 #fff;
        border: 3px solid #ff8300;
        border-radius: 50px;
        color: #ff8300;
        font-size: 24px;
        height: 45px;
        line-height: 41px;
        margin: 0 0 5px;
        position: relative;
        width: 45px;
    }

.ReqDiv {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    clear: right;
    float: right;
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
}

    .ReqDiv .Container {
        background: none repeat scroll 0 0 #fff;
        border-right: 1px solid #e0e0e0;
        /*float: left;*/
        left: -75%;
        position: relative;
        width: 100%;
    }

        .ReqDiv .Container .lft {
            float: left;
            left: 75%;
            overflow: hidden;
            position: relative;
            width: 25%;
        }

        .ReqDiv .Container .rt {
            float: left;
            left: 75%;
            overflow: hidden;
            position: relative;
            width: 75%;
        }

.NoAdd {
    color: #999999;
    line-height: 21px;
    margin: 50px auto;
    text-align: center;
}

    .NoAdd a {
        color: #1581dc;
        display: inherit;
    }

        .NoAdd a:hover {
            color: #ff8300;
            text-decoration: underline;
        }

.ReqList {
    float: left;
    overflow: auto;
    width: 100%;
}

    .ReqList ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .ReqList ul li {
            background-color: #f9f9f9;
            border-bottom: 1px solid #e6e6e6;
            cursor: pointer;
            line-height: 20px;
            padding: 10px;
        }

            .ReqList ul li:nth-child(2n+1) {
                background-color: #ffffff;
            }

.ReqAdd {
    color: #656569;
    text-transform: uppercase;
}

.ReqAddBtn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    color: #bfbfbf !important;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 23px;
}

.ReqList ul li .tname {
    color: #231f20;
    float: left;
    font-weight: 600;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 67%;
}

.ReqList ul li .dt {
    color: #b3b3b3;
    float: right;
    font-size: 12px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ReqList ul li .rname {
    color: #656569;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.readnow .tname {
    color: #ffffff !important;
}

.readnow .dt {
    color: #ffffff !important;
}

.readnow .rname {
    color: #c4c4c4 !important;
}

.ReqList .left-header {
    background: #efefef none repeat scroll 0 0;
    border-bottom: 1px solid #e6e6e6;
    float: none;
    padding: 20px 15px;
    width: auto;
}
/*Starts RoundWizard*/
.RWizard {
    padding: 30px 0px;
}

    .RWizard ul.wizard_steps {
        display: table;
        list-style: none;
        position: relative;
        width: 100% !important;
        margin: 0px auto;
        padding: 0px;
    }

        .RWizard ul.wizard_steps li {
            width: 10%;
        }

            .RWizard ul.wizard_steps li a, .RWizard ul.wizard_steps li {
                display: block;
                position: relative;
                -moz-opacity: 1;
                filter: alpha(opacity: 100);
                opacity: 1;
                color: #424242;
            }

                .RWizard ul.wizard_steps li a:before {
                    background: #ebebeb none repeat scroll 0 0;
                    content: "";
                    height: 4px;
                    left: 0;
                    position: absolute;
                    top: 20px;
                    width: 100%;
                    z-index: 4;
                }

                .RWizard ul.wizard_steps li a.aspNetDisabled .step_no {
                    background: #ebebeb none repeat scroll 0 0;
                    cursor: default;
                }

    .RWizard .wizard_steps .step_descr {
        display: inline-block;
        font-weight: 600;
        font-size: 15px;
        margin: 5px 0 0;
    }

.current .step_descr {
    color: #9e9e9e;
}

.aspNetDisabled .step_descr {
    color: #ebebeb;
}

.RWizard ul.wizard_steps li:first-child a:before {
    left: 50%;
}

.RWizard ul.wizard_steps li:last-child a:before {
    right: 50%;
    width: 50%;
    left: auto;
}

.RWizard ul.wizard_steps li {
    display: table-cell;
    text-align: center;
}

    .RWizard ul.wizard_steps li a:before {
        background: #ebebeb none repeat scroll 0 0;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        top: 20px;
        width: 100%;
        z-index: 4;
    }

    .RWizard ul.wizard_steps li a .step_no {
        border-radius: 100px;
        display: block;
        height: 46px;
        line-height: 65px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 46px;
        z-index: 5;
    }

    .RWizard ul.wizard_steps li a.done:before, .RWizard ul.wizard_steps li a.done .step_no {
        background: #424242;
        color: #fff;
    }

    .RWizard ul.wizard_steps li a.current:before, .RWizard ul.wizard_steps li a.current .step_no {
        background: #9e9e9e;
        color: #fff;
    }

.RWBox {
    border: 1px solid #e0e0e0;
}

    .RWBox .Header {
        background: #e0e0e0 none repeat scroll 0 0;
        line-height: 45px;
    }

        .RWBox .Header .Ltxt {
            color: #656569;
            font-weight: 600;
            font-size: 15px;
            margin: 0 20px;
        }

        .RWBox .Header .Rtxt {
            color: #c2c2c2;
            float: right;
            font-weight: 600;
            font-size: 15px;
            margin: 0 20px;
        }

    .RWBox .Body {
        padding: 20px 30px;
    }
/*Ends RoundWizard*/
.form-hint {
    margin-bottom: 8px;
    /*max-height: 70px;*/
    overflow: hidden;
}

    .form-hint.no {
        margin: 10px 0;
    }

    .form-hint .qn {
        color: #656569;
        display: table;
        font-weight: 600;
        font-size: 12px;
        margin: 0 0 2px;
        text-transform: uppercase;
    }

    .form-hint .ans {
        color: #929292;
        font-size: 13px;
        line-height: 18px;
        margin: 0;
    }

        .form-hint .ans > ul {
            list-style-type: square;
            margin: 2px 0 0;
            padding: 0 14px;
        }

        .form-hint .ans b, .form-hint .ans strong {
            color: #656569;
            font-weight: 600;
        }

.uploader {
    color: #fff;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .uploader input[type="file"] {
        border: 0 none;
        bottom: 0;
        margin-top: 0;
        opacity: 0;
        top: 0;
        width: 100%;
        z-index: 10;
        cursor: pointer;
        height: 40px;
        position: absolute;
        right: 0;
    }

    .uploader .filename {
        background-color: #fff;
        border: 2px solid #e0e0e0;
        border-radius: 3px;
        color: #231f20;
        cursor: default;
        display: block;
        float: right;
        height: 36px;
        overflow: hidden;
        padding: 7px 45px 7px 12px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 94%;
    }

    .uploader .action {
        background: #ff8300 none repeat scroll 0 0;
        border: 1px solid #ff8300;
        border-radius: 0 3px 3px 0;
        color: #fff;
        display: inline-block;
        height: 36px;
        position: absolute;
        right: 0;
        z-index: 1;
    }

        .uploader .action > img {
            left: 50%;
            margin-left: -8px;
            margin-top: -8px;
            position: absolute;
            top: 50%;
        }

.ViewLbl {
    color: #656569;
    font-weight: 600;
    font-size: 16px;
}

    .ViewLbl > span {
        color: #231f20;
    }

.Vhlbl {
    color: #656569;
    font-size: 24px;
    padding: 10px 0 20px;
    text-transform: uppercase;
}

    .Vhlbl .btn-square {
        float: right;
        margin: 0;
    }

.VTable {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #e0e0e0;
    display: table;
    width: 100%;
    overflow: hidden;
}

    .VTable:nth-child(2n+1) {
        background: #f9f9f9 none repeat scroll 0 0;
    }

    .VTable:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

    .VTable .lbl {
        color: #656569;
        float: left;
        font-weight: 600;
        padding: 15px 20px;
        width: 40%;
        line-height: 18px;
    }

    .VTable .vlu {
        border-left: 1px solid rgba(225, 225, 225, 1);
        color: #231f20;
        float: left;
        padding: 15px 20px 100px 20px;
        margin-bottom: -100px;
        width: 60%;
        line-height: 18px;
    }

.ReqForm {
    padding: 20px;
    position: relative;
}

.FixedH {
    position: relative;
    top: 0;
}

.ReqScroll {
    height: 350px;
    overflow: auto;
}
/* Ends Manage Engagement */


/* Starts Work Flow */
.WFRound {
    position: relative;
    width: 186px;
    float: left;
    margin: 35px 30px;
}

    .WFRound i {
        background: #fff5eb none repeat scroll 0 0;
        border: 3px solid #ff8300;
        border-radius: 50px;
        color: #ff8300;
        cursor: pointer;
        display: inline-block;
        font-size: 26px;
        height: 48px;
        line-height: 44px;
        position: relative;
        text-align: center;
        width: 48px;
    }

        .WFRound i:hover {
            color: #bea919;
        }

.WFRect {
    align-items: center;
    background: #ff8300 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: move;
    display: flex;
    font-weight: 600;
    font-size: 11px;
    height: 40px;
    left: 30px;
    line-height: 16px;
    padding: 3px 10px 3px 24px;
    position: absolute;
    top: 4px;
    width: 155px;
    text-transform: capitalize;
}
/* Ends Work Flow */

#diagramContainer {
    padding: 20px;
}

.item {
    height: 80px;
    width: 80px;
    border: 1px solid green;
    float: left;
}

    .item:before, .item:after {
        margin: 10px;
        padding: 32px;
    }
/* System Workflow Ends */

.workflowTemplate {
    font: inherit;
    width: 110px;
    border: medium none;
    color: #656569;
    font-weight: 400;
    font-size: 10px;
    padding: 3px;
    text-overflow: ellipsis;
}

#divDeleteItems {
    min-height: 400px;
}

    #divDeleteItems h3 {
        width: 100%;
        background: #ffd699;
        color: #666;
        text-align: center;
        font-size: 13px;
        margin-top: auto;
        line-height: 28px;
        font-weight: 400;
    }

    #divDeleteItems .WFRound {
        width: 45% !important;
        margin: 5px 2% !important;
    }

        #divDeleteItems .WFRound:hover {
            background-color: #fff5e6;
            color: #fff;
        }

        #divDeleteItems .WFRound .WFRect {
            align-items: center;
            background: transparent;
            border-radius: 0px;
            color: #666;
            cursor: move;
            display: flex;
            font-weight: 600;
            font-size: 12px;
            height: 40px;
            left: auto !important;
            /* line-height: 16px; */
            padding: 3px !important;
            position: inherit !important;
            /* top: 4px; */
            width: 95% !important;
            clear: both;
            font-weight: 500;
        }

        #divDeleteItems .WFRound i {
            background: #fff5eb none repeat scroll 0 0;
            border: 3px solid #ff8300;
            border-radius: 50px;
            color: #ff8300;
            cursor: pointer;
            display: inline-block;
            font-size: 26px;
            height: 48px;
            line-height: 44px;
            position: relative;
            text-align: center;
            width: 48px;
            top: 0px;
        }

.WRound .hide, .Row .hide {
    display: none;
}

.FlatTab ul {
}

    .FlatTab ul li {
        background: #f9f9f9 none repeat scroll 0 0 !important;
        border-bottom: 3px solid #f9f9f9;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 0;
        top: 0;
    }

        .FlatTab ul li > input {
            padding: 10px 0 3px;
        }

        .FlatTab ul li.selected {
            background: #fff none repeat scroll 0 0 !important;
            border-bottom: 3px solid #656569;
        }

@media (max-width: 1280px) {
    .hidden-sm {
        display: none !important;
    }
}

.WflowDiv {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    outline: 0 none;
    position: relative;
    width: 450px;
    z-index: 1000;
}

.WflowHeading {
    background: none repeat scroll 0 0 #ebebeb;
    border: 1px solid #ebebeb;
    color: #000;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
}

    .WflowHeading .close {
        cursor: pointer;
        float: right;
        position: absolute;
        right: 15px;
        top: 12px;
    }

    .WflowHeading > div {
        width: 95%;
    }

.WflowContent {
    color: #616161;
    display: block;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 10px;
    padding-bottom: 13px;
}

.WflowBody {
    color: #616161;
    display: block;
    font-family: Roboto, "Open Sans", "Segoe UI", "Helvetica Neue", Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    max-height: 100px;
    text-transform: capitalize;
}

    .WflowBody > br {
        margin-bottom: 5px;
    }
/*Service Tab Info*/

.TabInfo:hover {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.TabInfo .Btn {
    float: right;
    padding: 12px 8px 0 3px;
}

.TabInfo img {
    float: left;
    margin: 20px 10px 20px 20px;
}

.TabInfo .Details {
    color: #656569;
    font-size: 11px;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .TabInfo .Details .topright {
        position: relative;
        top: 0;
        right: 0;
        float: right;
    }

        .TabInfo .Details .topright i {
            color: #888;
            cursor: pointer;
            font-size: 14px;
            position: relative;
            top: 0;
        }

.divheight {
    max-height: 35px;
}
/*End Service Tab Info*/
.filterDateChart {
    float: left;
    width: 91px;
}

    .filterDateChart > img {
        margin-left: -18px;
        margin-top: 1px; /*border :1px solid red;*/
    }

.date {
    padding: 2px 2px;
    font-size: 12px;
}

.MultiSearchAuto-btn {
    right: 0px;
    top: -25px;
}
/*.Help-Text {
	color: #929292;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}*/
.Help-Text-marLeft {
    color: #929292;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    margin-left: -15px;
}

.WFdelboxdesc {
    display: block;
    float: left;
    padding-left: 5px;
    overflow: hidden;
    width: 100%;
}

.highlight {
    border: 1px dashed #f47721 !important;
}

.labelForExp {
    color: #656569;
    display: flex;
    font-weight: 600;
}

.assign-multiuser .multiuserbody {
    border: 1px solid #e7eaec;
    height: 150px;
    margin-left: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 228px;
    margin-top: -6px;
    padding-left: 10px;
}

.assign-multiuser .note {
    color: #c2c2c2;
    float: left;
    font-style: italic;
    font-size: 10px;
    margin-top: 4px;
}

.assign-multiuser .Popclose {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 10px;
    top: 20px;
}

.RevRangeTempHeader {
    width: 8%;
    float: left;
}

.RevRangeTempContent {
    width: 92%;
    float: left;
}
/* Best View */
.BestView {
    background: #fdd35d none repeat scroll 0 0;
    padding: 6px 20px;
    text-align: center;
}

    .BestView p {
        color: #191c1c;
        display: inline-block;
        font-size: 12px;
        line-height: normal;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .BestView a {
        color: #de262a;
        float: right;
    }

        .BestView a:hover {
            color: #e3484b;
        }
/* Best View */

.imgbtn:disabled {
    cursor: default;
}

.imgbtn {
    cursor: auto;
}
/*Starts Star*/
.RateBox {
    display: table;
    margin: 0 0 10px;
}

    .RateBox p {
        display: inline-block;
        font-weight: 600;
        margin: 5px 0;
        max-width: 100%;
    }

.star {
    margin-bottom: 10px;
    margin-top: -10px;
}

    .star label {
        cursor: pointer;
        display: inline-block;
        font-size: 17px !important;
        font-weight: 400;
        margin: 0 20px 0 0;
        position: relative;
    }

        .star label:before {
            background: transparent none repeat scroll 0 0;
            border: medium none;
            color: #aaaaaa;
            content: "\f005";
            display: inline-block;
            font-family: "fontawesome";
            left: 0;
            line-height: 15px;
            position: absolute;
        }

    .star input[type=checkbox] {
        display: none;
    }

        .star input[type=checkbox]:checked + label:before {
            background: transparent none repeat scroll 0 0;
            color: #fd992a;
            content: "\f005";
            font-family: 'FontAwesome';
            line-height: 15px;
            text-align: center;
            font-size: 17px;
        }

.star-sm {
    margin-bottom: 10px;
    margin-top: -10px;
}

    .star-sm label {
        cursor: pointer;
        display: inline-block;
        font-size: 17px !important;
        font-weight: 400;
        margin: 0 13px 0 0;
        position: relative;
    }

        .star-sm label:before {
            background: transparent none repeat scroll 0 0;
            border: medium none;
            color: #aaaaaa;
            content: "\f005";
            display: inline-block;
            font-family: "fontawesome";
            left: 0;
            line-height: 15px;
            position: absolute;
            font-size: 12px;
        }

    .star-sm input[type=checkbox] {
        display: none;
    }

        .star-sm input[type=checkbox]:checked + label:before {
            background: transparent none repeat scroll 0 0;
            color: #fd992a;
            content: "\f005";
            font-family: 'FontAwesome';
            line-height: 15px;
            text-align: center;
            font-size: 12px;
        }

.ViewStar {
    color: #aaaaaa;
    display: inline;
    font-size: 11px;
    margin: 0;
    position: relative;
}

    .ViewStar .color {
        color: #fd992a;
    }

.tdrating {
    cursor: pointer;
    overflow: visible !important;
}

.ViewStar .star-details {
    display: none;
}

.ViewStar:hover .star-details {
    display: block;
    position: absolute;
    top: 20px;
    right: 3px;
    width: 300px;
    font-size: 12px;
    letter-spacing: 0px;
    background: #fff;
    border: 1px solid #b1b1b1;
    z-index: 10;
    padding: 10px;
}

.Qust-FS {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    color: #999;
    margin: 0;
    min-height: 0.01%;
    overflow-x: auto;
    padding: 0;
    width: 100%;
}

.ViewStar .star-details .Qust-FS tr th {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-weight: 400;
    font-size: 11px;
    padding: 5px;
    text-align: left;
    text-transform: none;
}

.ViewStar .star-details .fa-star {
    font-size: 11px;
    width: 10px;
}
/*Outer Rating Popup*/
.ViewStarPopup {
    color: #aaaaaa;
    display: inline;
    font-size: 11px;
    margin: 0;
    position: relative;
}

    .ViewStarPopup .color {
        color: #fd992a;
    }
/*
.tdrating {
 cursor: pointer;
    overflow: visible !important;
}*/

.star-details-Popup {
    display: block;
    position: absolute;
    top: 20px;
    right: 3px;
    width: 300px;
    font-size: 12px;
    letter-spacing: 0px;
    background: #fff;
    border: 1px solid #b1b1b1;
    z-index: 10;
    padding: 10px;
}

.Qust-FSPopup {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    color: #999;
    margin: 0;
    min-height: 0.01%;
    overflow-x: auto;
    padding: 0;
    width: 100%;
}

.ViewStarPopup .star-details-Popup .Qust-FSPopup tr th {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-weight: 400;
    font-size: 11px;
    padding: 5px;
    text-align: left;
    text-transform: none;
}

.ViewStarPopup .star-details-Popup .fa-star {
    font-size: 11px;
    width: 10px;
}
/*Outer Rating Popup*/
q:lang(no) {
    quotes: " : " "";
    padding-right: 10px;
}

.AddList {
    margin: 10px 0;
}

    .AddList em {
        color: #939393;
        display: inline-block;
        margin-bottom: 10px;
    }

    .AddList table {
        border-top: 1px solid #eeeeee;
    }

    .AddList tr:nth-child(2n+1) {
        background-color: #f6f6f6;
    }

    .AddList tr td {
        border-bottom: 1px solid #eeeeee;
        color: #555;
        font-size: 13px;
        line-height: 24px;
        max-width: 150px;
        overflow: hidden;
        padding: 2px 10px;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }

    .AddList a {
        color: #b1b1b1;
        font-size: 14px;
    }
/*End Star*/

/*Start Bar Rating*/
.br-theme-bars-movie .br-widget {
    height: 10px;
    white-space: nowrap;
}

    .br-theme-bars-movie .br-widget a {
        display: block;
        width: 60px;
        height: 8px;
        float: left;
        background-color: #ffd3a5;
        margin: 1px; /* width:35px;*/
    }

        .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
            background-color: #ff921f; /* width:35px;*/
        }

    .br-theme-bars-movie .br-widget .br-current-rating {
        clear: both;
        width: 240px;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: .5em 0;
        color: #ff921f;
    }

.br-theme-bars-movie .br-readonly a {
    cursor: default;
    width: 27px;
}

    .br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected {
        background-color: #ff921f;
        width: 27px;
    }

.br-theme-bars-movie .br-readonly .br-current-rating {
    color: #ffd3a5;
}

@media print {
    .br-theme-bars-movie .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-movie .br-widget .br-current-rating {
        color: black;
    }
}
/*End Bar Rating*/
/*Start Hover Bar Rating*/
.br-theme-bars-movie-Hover .br-widget {
    height: 10px;
    white-space: nowrap;
}

    .br-theme-bars-movie-Hover .br-widget a {
        display: block;
        width: 20px;
        height: 8px;
        float: left;
        background-color: #ffd3a5;
        margin: 1px; /* width:35px;*/
    }

        .br-theme-bars-movie-Hover .br-widget a.br-active, .br-theme-bars-movie-Hover .br-widget a.br-selected {
            background-color: #ff921f; /* width:35px;*/
        }

    .br-theme-bars-movie-Hover .br-widget .br-current-rating {
        clear: both;
        width: 240px;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: .5em 0;
        color: #ff921f;
    }

.br-theme-bars-movie-Hover .br-readonly a {
    cursor: default;
    width: 30px;
}

    .br-theme-bars-movie-Hover .br-readonly a.br-active, .br-theme-bars-movie-Hover .br-readonly a.br-selected {
        background-color: #ffd3a5;
        width: 30px;
    }

.br-theme-bars-movie-Hover .br-readonly .br-current-rating {
    color: #ffd3a5;
}

@media print {
    .br-theme-bars-movie-Hover .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-movie-Hover .br-widget a.br-active, .br-theme-bars-movie-Hover .br-widget a.br-selected {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-movie-Hover .br-widget .br-current-rating {
        color: black;
    }
}
/*End hover Bar Rating*/


/*Start Slide Rating*/
.slider-container {
    width: 300px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .slider-container .back-bar {
        height: 10px;
        position: relative;
    }

        .slider-container .back-bar .selected-bar {
            position: absolute;
            height: 100%;
        }

        .slider-container .back-bar .pointer {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: red;
            cursor: col-resize;
            opacity: 1;
            z-index: 2;
        }

            .slider-container .back-bar .pointer.last-active {
                z-index: 3;
            }

        .slider-container .back-bar .pointer-label {
            position: absolute;
            top: -17px;
            font-size: 8px;
            background: white;
            white-space: nowrap;
            line-height: 1;
        }

        .slider-container .back-bar .focused {
            z-index: 10;
        }

    .slider-container .clickable-dummy {
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .slider-container .scale {
        top: 2px;
        position: relative;
    }

        .slider-container .scale span {
            position: absolute;
            height: 5px;
            border-left: 1px solid #999;
            font-size: 0;
        }

        .slider-container .scale ins {
            font-size: 9px;
            text-decoration: none;
            position: absolute;
            left: 0;
            top: 5px;
            color: #999;
            line-height: 1;
        }

    .slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer {
        cursor: auto;
    }

.theme-green .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
}

    .theme-green .back-bar .selected-bar {
        border-radius: 2px;
        background-color: #a1fad0;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #bdfade, #76fabc);
    }

    .theme-green .back-bar .pointer {
        width: 14px;
        height: 14px;
        top: -5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid #AAA;
        background-color: #e7e7e7;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    }

    .theme-green .back-bar .pointer-label {
        color: #999;
    }

    .theme-green .back-bar .focused {
        color: #333;
    }

.theme-green .scale span {
    border-left: 1px solid #e5e5e5;
}

.theme-green .scale ins {
    color: #999;
}

.theme-blue .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #ffd3a5;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ffd3a5, #ffd3a5);
}

    .theme-blue .back-bar .selected-bar {
        border-radius: 2px;
        background-color: #ff921f;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #ff921f, #ff921f);
    }

    .theme-blue .back-bar .pointer {
        width: 14px;
        height: 14px;
        top: -5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid #ff921f;
        background-color: #ffd3a5;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #ffd3a5, #ffd3a5);
    }

    .theme-blue .back-bar .pointer-label {
        color: #999;
    }

    .theme-blue .back-bar .focused {
        color: #333;
    }

.theme-blue .scale span {
    border-left: 1px solid #e5e5e5;
}

.theme-blue .scale ins {
    color: #999;
}
/*End Slide Rating*/
/*Start Percentage Rating*/

.br-theme-bars-1to10 .br-widget {
    height: 20px;
    white-space: nowrap;
}

    .br-theme-bars-1to10 .br-widget a {
        display: block;
        width: 27px; /*width: 12px*/
        padding: 5px 0;
        height: 10px; /*height: 28px*/
        float: left;
        /*bbackground-color: #fbedd9;*/
        background-color: #ffd3a5;
        /*margin: 1px;*/
        text-align: center;
    }

        .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
            /*b background-color: #edb867;*/
            background-color: #ff921f;
        }

    .br-theme-bars-1to10 .br-widget .br-current-rating {
        font-size: 14px; /*font-size: 20px;*/
        line-height: 1;
        float: left;
        padding: 0 5px 0 5px; /* padding: 0 20px 0 20px;*/
        /*b color: #edb867;*/
        color: #ff921f;
        font-weight: 400;
    }

.br-theme-bars-1to10 .br-readonly a {
    cursor: default;
}

    .br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected {
        /*b background-color: #f2cd95;*/
        background-color: #ff921f;
    }

.br-theme-bars-1to10 .br-readonly .br-current-rating {
    /*b color: #f2cd95;*/
    color: #ff921f;
}

@media print {
    .br-theme-bars-1to10 .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        height: 38px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-1to10 .br-widget .br-current-rating {
        color: black;
    }
}

.HideRate {
    display: none;
}
/*End Percentage Rating*/
/*Start Hover Percentage Rating*/

.br-theme-bars-1to10-Hover .br-widget {
    height: 10px;
    white-space: nowrap;
}

    .br-theme-bars-1to10-Hover .br-widget a {
        display: block;
        width: 16px; /*width: 12px*/
        padding: 5px 0;
        height: 10px; /*height: 28px*/
        float: left;
        /*b background-color: #fbedd9;*/
        background-color: #ffd3a5;
        /*margin: 1px;*/
        text-align: center;
    }

        .br-theme-bars-1to10-Hover .br-widget a.br-active, .br-theme-bars-1to10-Hover .br-widget a.br-selected {
            /*b background-color: #edb867;*/
            background-color: #ff921f;
        }

    .br-theme-bars-1to10-Hover .br-widget .br-current-rating {
        font-size: 10px; /*font-size: 20px;*/
        /*line-height: 2;*/
        float: left;
        padding: 0 5px 0 5px;
        /*b color: #edb867;*/
        color: #ff921f;
        font-weight: 400;
    }

.br-theme-bars-1to10-Hover .br-readonly a {
    cursor: default;
}

    .br-theme-bars-1to10-Hover .br-readonly a.br-active, .br-theme-bars-1to10-Hover .br-readonly a.br-selected {
        /*b background-color: #f2cd95;*/
        background-color: #ff921f;
    }

.br-theme-bars-1to10 .br-readonly .br-current-rating {
    /*b color: #f2cd95;*/
    color: #ff921f;
}

@media print {
    .br-theme-bars-1to10-Hover .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        height: 38px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-1to10-Hover .br-widget a.br-active, .br-theme-bars-1to10-Hover .br-widget a.br-selected {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-1to10-Hover .br-widget .br-current-rating {
        color: black;
    }
}
/*End Hover Percentage Rating*/
/* Top Rating Popup*/
.TopRatePopup {
    margin-top: -13px;
    max-height: 350px;
    overflow-y: auto;
}
/*Top Rating Div Show More and Less */
.AlignRight {
    position: relative;
    top: 0;
    right: 0;
    float: right;
}

.Divshowmore {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 0 0 0 8px;
    position: relative;
    bottom: -5px;
    right: 0px;
}

.DivmaxMinHeight {
    max-height: 200px;
    overflow: hidden;
}

.DivmaxMoreHeight {
    max-height: 450px;
    overflow: hidden;
}
/*End Top Rating Div Show More and Less */
.date-bg {
    position: relative;
}

    .date-bg input[type="text"] {
        width: 100%;
    }

    .date-bg img {
        position: absolute;
        bottom: 8px;
        right: 10px;
    }

.date-ov-bg {
    width: 16.6%;
}

.form-control.fR {
    float: right;
}

.cty-select-bg {
    width: 25%;
}
/* New */
.clear-l {
    clear: left;
}

.tbl-ov-bg {
    border: none;
}

    .tbl-ov-bg .AccRow {
        margin: 30px 0px 0px;
        border: 1px solid #e1e1e1;
    }

        .tbl-ov-bg .AccRow:first-child {
            margin-top: 0;
        }

        .tbl-ov-bg .AccRow:nth-child(odd) {
            background: rgba(0,0,0,0.02);
        }

        .tbl-ov-bg .AccRow:nth-child(even) {
            background: rgba(0,0,0,0.00);
        }

    .tbl-ov-bg .AccCol {
        margin-bottom: -1px;
        padding: 0 10px;
        min-height: 70px;
        border-bottom: 1px solid #e1e1e1;
    }

        .tbl-ov-bg .AccCol:nth-child(4n+0) {
            border-right: 0;
        }

    .tbl-ov-bg .AccRowH {
        margin: 10px 0 5px 0;
    }

    .tbl-ov-bg .form-control, .tbl-ov-bg .phone-div {
        padding: 4px 10px;
    }

    .tbl-ov-bg select.form-control {
        padding: 3px 7px;
    }

.RateList {
    color: #656569;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: capitalize;
}

.ques-ovbg {
    width: 100%;
    float: left;
    padding: 0 10px;
}

    .ques-ovbg .ques-part {
        width: 100%;
        float: left;
        border-bottom: 1px dashed #e2e2e2;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
    }

        .ques-ovbg .ques-part:last-child {
            border: 0;
        }

        .ques-ovbg .ques-part em {
            width: 20px;
            float: left;
            text-align: center;
            font-style: normal;
        }

.ques-part .ques {
    font-size: 14px;
    font-weight: 700;
    color: #454545;
    margin: 0 0 5px 0;
}

.ques-part .ansr {
    font-size: 13px;
    color: #929292;
    margin: 0 0 5px 0;
}

.RatingAccordionDivHistory {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

.MaxWidth {
    max-width: 200px !important;
}

.print-heading-bg {
    width: 100%;
    float: left;
    padding: 10px 5px;
    color: #fff;
    background: #4e4f51;
    margin: 10px 0 0 0;
}

.RatingDivHistory {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

/*Expiration*/



.checkbox-custom input[type=checkbox]:checked + label:before {
    background: #cfcfcf none repeat scroll 0 0;
    color: #fff;
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.radio-custom input[type=radio]:checked + label:before {
    color: #cfcfcf;
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 17px;
    line-height: 19px;
    text-align: center;
}

.Help-Text {
    color: #929292;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

.InBg {
    clear: both;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

    .InBg.active {
        background: #ededed none repeat scroll 0 0;
    }

.InForm {
    margin: 10px 35px 0;
}

.GridHeaderTitle {
    background: #d0d1d2;
    color: #3b3c3d;
    padding: 5px 7px;
    font-weight: 600;
}

.modal-dialog-st {
    margin: 60px auto;
    position: absolute;
    transform: translate(0px, 0px);
    transition: transform 0.3s ease-out 0s;
}

    .modal-dialog-st > .overallpopup {
        margin: 60px auto;
        position: relative;
        transform: translate(0px, 0px);
        transition: transform 0.3s ease-out 0s;
        width: 30%;
    }

#welcontent-height {
    min-height: 710px;
}

#Logwelcontent-height {
    min-height: 850px;
}

.portobtm {
    margin: 0 auto;
    width: 640px;
    position: absolute;
    top: 55%;
    left: -50%;
    right: -50%;
}

.contactmailovbg {
    width: 100%;
    float: left;
    position: relative;
}

.contactmailbg {
    position: absolute;
    bottom: 133px;
    left: 30%;
}

    .contactmailbg p {
        color: #231f20;
    }

    .contactmailbg a {
        color: #000;
    }

        .contactmailbg a:hover {
            color: #ff8300;
        }

.protowelovllbg {
    position: relative;
}

/*.protowelcomebg {
    width: 100%;
    float: left;
    position: absolute;
    height: 100%;
    background: url(../images/Imagem-principal.jpg) center no-repeat;
    background-size: cover;
}*/
/*New Design Changses*/

/*.protowelcomebg {
    width: 71%;
    float: left;
    position: absolute;
    height: 61%;
    background: url(../images/New_Backgruond_Porto.jpg) center no-repeat;
    background-size: cover;
    margin: 32px 21px 12px 0px;
    margin-left: 3px;
}*/

.protowelcdtlbg {
    width: 30%;
    float: right;
    height: 100%;
    background: rgba(78,97,125,0.7);
    text-align: center;
    position: relative;
}

    .protowelcdtlbg img {
        width: 150px;
        margin: 30px auto;
    }

.protowelcdtltextbg {
    height: 70%;
    width: 87%;
    float: left;
    overflow: auto;
    padding: 0 55px;
}

.protowelcdtlbg p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 30px;
}

    .protowelcdtlbg p a {
        color: #fff;
    }

        .protowelcdtlbg p a:hover {
            color: #ff8300;
        }

.protowelcdtlbg > a, .protowelcdtlbg > button, .protowelcdtlbg > input[type="submit"] {
    background: #00b0f0;
    color: #404040;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 32px;
    border-radius: 5px;
    position: absolute;
    bottom: 30px;
    left: 30%;
    cursor: pointer;
    border: 0;
}

    .protowelcdtlbg > a.disabled, .protowelcdtlbg > button:disabled, .protowelcdtlbg > input[type="submit"]:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

.protowelcomecenter {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 30%;
    width: 22.5%;
    overflow: auto;
}

.protowelccentbg {
    float: left;
    display: table;
    margin: 0px 0 0 0%;
    text-align: center;
    height: 100%;
}

    .protowelccentbg .cells {
        display: table-cell;
        vertical-align: middle;
    }

    .protowelccentbg p {
        color: #000;
        margin: 0 0 30px;
        font-weight: 600;
    }

    .protowelccentbg a {
        color: #000;
    }

        .protowelccentbg a:hover {
            color: #ff8300;
        }

/*Login Page*/
.Logprotowelcdtltextbg {
    height: 70%;
    width: 87%;
    float: left;
    padding: 0 9%;
    margin: 0 0 0 6%;
}

.Logprotowelcdtlbg {
    width: 30%;
    float: right;
    height: 100%;
    background: rgba(78,97,125,0.7);
    text-align: center;
    position: relative;
}

.Logprotowelcdtlbgimg {
    width: 150px;
    margin: 30px auto;
}

.Logprotowelcdtlbg p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 30px;
}

    .Logprotowelcdtlbg p a {
        color: #fff;
    }

        .Logprotowelcdtlbg p a:hover {
            color: #ff8300;
        }

.Logprotowelcdtlbg > a, .Logprotowelcdtlbg > button, .Logprotowelcdtlbg > input[type="submit"] {
    background: #00b0f0;
    color: #404040;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 32px;
    border-radius: 5px;
    position: absolute;
    bottom: 30px;
    left: 30%;
    cursor: pointer;
    border: 0;
}

    .Logprotowelcdtlbg > a.disabled, .Logprotowelcdtlbg > button:disabled, .Logprotowelcdtlbg > input[type="submit"]:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }
    /*Commented old design*/
/*.Logprotowelcomecenter {
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 10%;
    width: 47.5%;
    overflow: auto;
}*/
.Logprotowelcomecenter {
    position: absolute;
    top: 16%;
    left: 3%;
    width: 44.5%;
    padding: 5px 20px;
}

    .Logprotowelcomecenter p.log-para {
        margin: 15px 0px;
        font-size: 20px;
        line-height: 1.5em;
        font-weight: 600;
        color: #fff;
    }

.Logprotowelccentbg {
    float: left;
    display: table;
    margin: 0px 0 0 0%;
    text-align: center;
    height: 100%;
}

    /*.Logprotowelccentbg p {
        color: #000;
        margin: 0 0 20px;
        font-weight: 600;
    }*/
    /*Commented old design*/
    .Logprotowelccentbg p {
        color: #ffffff;
        font-weight: 600;
        font-size: 20px;
        width: 271px;
    }

    .Logprotowelccentbg a {
        color: #000;
    }

        .Logprotowelccentbg a:hover {
            color: #ff8300;
        }
/*Login Page*/
/* Survey Rating*/

.Sur-list {
    float: left;
    height: auto;
    overflow: auto;
    width: 100%;
}

    .Sur-list li p {
        margin: 0;
        font-weight: 600;
    }

    .Sur-list li ul {
        margin: 0;
        padding: 3px 15px;
    }

        .Sur-list li ul li {
            background-color: transparent;
            border: none medium;
            list-style: none;
            padding: 5px 0;
        }

    .Sur-list li {
        background: transparent;
        border-bottom: 1px solid #e6e6e6;
        cursor: pointer;
        padding: 5px 15px;
        width: 100%;
        float: left;
    }

        .Sur-list li ul li a {
            color: #656569;
        }

            .Sur-list li ul li a.active {
                color: darkorange;
                font-weight: bold;
            }

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

.d-block {
    display: block;
}
/* end Survey rating */

.col-55 {
    width: 55.55%;
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 20px;
}

.no-border {
    border: none medium;
}

.pad-lft9 {
    padding-left: 9px;
}

.pad-lft27 {
    padding-left: 28px;
}

.colour-white {
    color: #ffffff;
}

.colour-Dgray {
    color: #A9A9A9;
}

.Sur-list li ul li.active, .Sur-list li ul li a.active {
    color: #ff8300;
}

/*SURVEY DESCRIPTION*/
.txt-tldotted {
    clear: both;
    color: #464646;
    display: block;
    line-height: 19px;
    margin: 5px 0;
    max-height: 38px;
    overflow: hidden;
    padding-right: 14px;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
}

    .txt-tldotted:before {
        content: "...";
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

/*Starts Popover*/
.PopOver {
    position: static;
    cursor: pointer;
}

.PopOver {
    position: relative;
}

.PopOver_containers {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    display: none;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
    position: absolute;
    top: 26px;
    left: 0;
    width: 250px;
    z-index: 100;
    padding: 10px;
}

    .PopOver_containers:after, .PopOver_containers:before {
        bottom: 100%;
        right: 92%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .PopOver_containers:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 6px;
        margin-right: -2px;
    }

    .PopOver_containers:before {
        border-color: rgba(217, 217, 217, 0);
        border-bottom-color: #d9d9d9;
        border-width: 8px;
        margin-right: -4px;
    }

    .PopOver_containers h4 {
        font-weight: 500;
        max-width: 100%;
        overflow: hidden;
        font-size: 13px;
        margin: 0;
        text-overflow: ellipsis;
        text-transform: capitalize;
    }

.PopOver:hover .PopOver_containers, .PopOver:focus .PopOver_containers {
    display: inline-block;
}

.PopOver .avatar {
    display: inline;
    overflow: hidden;
}

    .PopOver .avatar img {
        max-height: 36px;
        max-width: 36px;
        min-height: inherit;
        width: 100%;
    }

.PopOver .details {
    margin-left: 46px;
    overflow: hidden;
    white-space: nowrap;
    height: 36px;
    text-overflow: ellipsis;
}
/*Ends Popover*/

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.morecontent > a {
    color: deepskyblue !important;
}

.sectionnow {
    background: none repeat scroll 0 0 #C7C7C7 !important;
    cursor: pointer;
}

.arrow_box_popup #closediv {
    float: right;
    margin-top: -7px;
    width: 3px;
}

    .arrow_box_popup #closediv:hover {
        cursor: pointer;
    }

.arrow_box_popup {
    position: relative;
    background: #c5e1eb;
    border: 2px solid #3b92c5;
    color: #000;
    min-height: 16px;
    max-height: 100px;
    overflow: visible;
    margin-left: 682px;
    margin-top: -7px;
    /*  opacity: 0.9;*/
    padding: 0 6px 4px;
    width: 190px;
    z-index: 999;
    word-wrap: break-word;
}
/*Start Survey Rating NavSidebarToggle*/
.minisubmenucampaign {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
    margin: 10px 20px 0 20px;
}

    .minisubmenucampaign:hover {
        cursor: pointer;
    }

    .minisubmenucampaign .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenucampaign .icon-bar {
        background-color: #000;
    }

.minisubmenuSurvey {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
}

    .minisubmenuSurvey:hover {
        cursor: pointer;
    }

    .minisubmenuSurvey .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenuSurvey .icon-bar {
        background-color: #000;
    }


.minisubmenucampaigncurrent {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
}

    .minisubmenucampaigncurrent:hover {
        cursor: pointer;
    }

    .minisubmenucampaigncurrent .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenucampaigncurrent .icon-bar {
        background-color: #000;
    }

.minisubmenuSurveycurrent {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
}

    .minisubmenuSurveycurrent:hover {
        cursor: pointer;
    }

    .minisubmenuSurveycurrent .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenuSurveycurrent .icon-bar {
        background-color: #000;
    }


.minisubmenucampaignprev {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
}

    .minisubmenucampaignprev:hover {
        cursor: pointer;
    }

    .minisubmenucampaignprev .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenucampaignprev .icon-bar {
        background-color: #000;
    }

.minisubmenuSurveyprev {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 5px;
    /*position: relative;*/
    width: 24px;
}

    .minisubmenuSurveyprev:hover {
        cursor: pointer;
    }

    .minisubmenuSurveyprev .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 11px;
        margin-top: 2px;
    }

    .minisubmenuSurveyprev .icon-bar {
        background-color: #000;
    }

.slidesubmenucamp {
    /*background: #656569;*/
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
}

.slidesubmenuSurvey {
    /*background: #656569;*/
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
}

.navtoggleside {
    color: white;
    background: none repeat scroll 0 0 #535353;
    padding: 3px 8px;
    border-radius: 4px;
}
/*End Survey Rating NavSidebarToggle*/

/*New Login Changes  05-06-19*/
.sign-grey {
    background: #808285;
    background: -moz-linear-gradient(top, #808285 0%, #6d6e71 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #808285), color-stop(100%, #6d6e71));
    background: -webkit-linear-gradient(top, #808285 0%, #6d6e71 100%);
    background: -o-linear-gradient(top, #808285 0%, #6d6e71 100%);
    background: -ms-linear-gradient(top, #808285 0%, #6d6e71 100%);
    background: linear-gradient(to bottom, #808285 0%, #6d6e71 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808285', endColorstr='#6d6e71', GradientType=0 );
    border: 1px solid #6d6e71;
}

    .sign-grey:hover {
        background: #6d6e71;
        background: -moz-linear-gradient(top, #6d6e71 0%, #6d6e71 9%, #808285 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #6d6e71), color-stop(9%, #6d6e71), color-stop(100%, #808285));
        background: -webkit-linear-gradient(top, #6d6e71 0%, #6d6e71 9%, #808285 100%);
        background: -o-linear-gradient(top, #6d6e71 0%, #6d6e71 9%, #808285 100%);
        background: -ms-linear-gradient(top, #6d6e71 0%, #6d6e71 9%, #808285 100%);
        background: linear-gradient(to bottom, #6d6e71 0%, #6d6e71 9%, #808285 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6e71', endColorstr='#808285', GradientType=0 );
    }

    .sign-grey:focus {
        background: #58595b;
        background: -moz-linear-gradient(top, #58595b 0%, #7f8083 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #7f8083));
        background: -webkit-linear-gradient(top, #58595b 0%, #7f8083 100%);
        background: -o-linear-gradient(top, #58595b 0%, #7f8083 100%);
        background: -ms-linear-gradient(top, #58595b 0%, #7f8083 100%);
        background: linear-gradient(to bottom, #58595b 0%, #7f8083 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#7f8083', GradientType=0 );
    }

.register-red {
    background: #e41e26;
    background: -moz-linear-gradient(top, #e41e26 0%, #cd161d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e41e26), color-stop(100%, #cd161d));
    background: -webkit-linear-gradient(top, #e41e26 0%, #cd161d 100%);
    background: -o-linear-gradient(top, #e41e26 0%, #cd161d 100%);
    background: -ms-linear-gradient(top, #e41e26 0%, #cd161d 100%);
    background: linear-gradient(to bottom, #e41e26 0%, #cd161d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41e26', endColorstr='#cd161d', GradientType=0 );
    border: 1px solid #cd161d;
}

    .register-red:hover {
        background: #cd161d;
        background: -moz-linear-gradient(top, #cd161d 0%, #cd161d 9%, #e41e26 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #cd161d), color-stop(9%, #cd161d), color-stop(100%, #e41e26));
        background: -webkit-linear-gradient(top, #cd161d 0%, #cd161d 9%, #e41e26 100%);
        background: -o-linear-gradient(top, #cd161d 0%, #cd161d 9%, #e41e26 100%);
        background: -ms-linear-gradient(top, #cd161d 0%, #cd161d 9%, #e41e26 100%);
        background: linear-gradient(to bottom, #cd161d 0%, #cd161d 9%, #e41e26 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd161d', endColorstr='#e41e26', GradientType=0 );
    }

    .register-red:focus {
        background: #d02024;
        background: -moz-linear-gradient(top, #d02024 0%, #e41e26 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #d02024), color-stop(100%, #e41e26));
        background: -webkit-linear-gradient(top, #d02024 0%, #e41e26 100%);
        background: -o-linear-gradient(top, #d02024 0%, #e41e26 100%);
        background: -ms-linear-gradient(top, #d02024 0%, #e41e26 100%);
        background: linear-gradient(to bottom, #d02024 0%, #e41e26 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02024', endColorstr='#e41e26', GradientType=0 );
    }

/***********************	Updated Class Date 30-05-19 Jawahar		******************************/
.newtodo-menu {
    background: #e5eef4;
    border-right: 1px solid #d7e5f0;
}

.newtodo-actionbtn {
    height: 45px;
    padding: 10px 20px;
    border-bottom: 1px solid #d7e5f0;
}

    .newtodo-actionbtn a {
        float: right;
    }

    .newtodo-actionbtn .btn-square {
        width: 24px;
        height: 24px;
        margin: 0 0px 0 10px;
    }

    .newtodo-actionbtn a .fa {
        line-height: 24px;
    }


.newtodo-menu ul li a.active {
    color: #f47721 !important;
}

.newtodo-menu ul li a, .newlayout-left ul li a {
    color: #58595b !important;
    display: inline-block;
    font-weight: 600;
    line-height: 30px;
}

.newtodo-menu .rt-icons {
    display: inline-block;
    float: right;
    color: #757679;
    width: 17%;
    margin-top: 8px;
}

    .newtodo-menu .rt-icons a {
        line-height: normal;
        font-weight: normal;
        padding: 0 5px 0 0;
        width: auto;
    }

        .newtodo-menu .rt-icons a:last-child {
            padding: 0;
        }

        .newtodo-menu .rt-icons a i {
            color: #757679 !important;
            font-size: 14px;
            line-height: normal;
            padding: 0 !important;
        }

.newtodo-menu ul li ul li a, .newlayout-left ul li ul li a {
    color: #58595b;
    font-size: 13px;
    font-weight: normal;
    width: 77%;
}

.newtodo-menu ul li, .newlayout-left ul li {
    border-bottom: 1px solid #d7e5f0;
    padding: 0;
}

    .newtodo-menu ul li ul {
        border-bottom: none medium;
    }

    .newtodo-menu ul li a i, .newlayout-left ul li a i {
        color: #757679;
        padding-right: 5px;
    }

    .newtodo-menu ul li a:hover {
        background: #e5eef4;
    }

    .newtodo-menu ul li ul li:last-child, .newlayout-left ul li ul li:last-child {
        margin-bottom: 8px;
    }

    .newtodo-menu ul li a {
        padding: 0px;
    }

    .newtodo-menu ul li a {
        /*
	width: 240px;
    float: left;
*/
    }




.newlayout-left {
    background: #f3f7fa;
    border-right: 1px solid #d7e5f0;
}

    .newlayout-left .ntodo-actHeader h4 {
        color: #424242;
        font-size: 13px;
        font-family: 'Open Sans';
        margin: 4px 5px 0px 0px !important;
        width: 50%;
        float: left;
    }

    .newlayout-left .newtodo-actionbtn .btn-square {
        float: right;
    }

    .newlayout-left .Sur-list {
        padding: 15px;
    }

        .newlayout-left .Sur-list > ul {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

        .newlayout-left .Sur-list ul li a img {
            margin-right: 10px;
        }

        .newlayout-left .Sur-list li ul li {
            padding: 0
        }

    .newlayout-left ul li a:hover {
        background: #f3f7fa;
    }

    .newlayout-left .Sur-list .rt-icons {
        width: 10%;
        display: inline-block;
    }

    .newlayout-left .Sur-list li ul li a {
        width: 88%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .newlayout-left .Sur-list li ul li a.active {
            color: #f47721 !important;
        }

    .newlayout-left .newtodo-actionbtn .fa.fa-th {
        line-height: 24px;
    }


.rightlayout-top {
    background: #fff;
    height: 80px;
    border-bottom: 1px solid #e9e9e9;
    padding: 13px 20px 15px 20px;
}

    .rightlayout-top .left-content {
        width: 48%;
        float: left;
        margin-right: 20px;
    }

        .rightlayout-top .left-content:last-child {
            margin: 0;
            width: 48%;
        }

    .rightlayout-top .right-content {
        width: 50%;
        float: right;
    }

    .rightlayout-top .left-content p {
        margin: 0px 0 10px 0;
        font-size: 13px;
        color: #888888;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .rightlayout-top .left-content p span {
            color: #656569;
            font-weight: 600;
            padding-right: 015px;
        }


.Expand-CollaBtn {
    padding: 10px 20px;
    width: 100%;
    float: right;
}

.excol-cls {
    text-align: right;
}

    .excol-cls ul {
        margin: 0px;
        padding: 0px;
    }

        .excol-cls ul li {
            color: #757679;
            list-style: none;
            display: inline;
            text-align: right;
            font-size: 11px;
        }

            .excol-cls ul li a {
                color: #f47721
            }

.expcoll .row {
    border-bottom: 0px none;
}

.EngDRight a {
    color: #757679;
}

.survey-Acc-Btn {
    float: right;
    margin-top: 1%;
    padding-right: 15px;
}

.SurveyFilterBar {
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    padding: 5px 20px;
    width: auto;
}
/***********************	Updated Class Date 30-05-19 Jawahar		******************************/
/*Start Bar Scale Rating*/
.br-theme-bars-surveyscale .br-widget {
    height: 10px;
    white-space: nowrap;
}

    .br-theme-bars-surveyscale .br-widget a {
        display: block;
        width: 35px;
        height: 35px;
        float: left;
        background-color: #ffd3a5;
        margin: 2px;
        /* width: 35px; */
        border-radius: 5px;
        font-weight: 400;
        line-height: 2.2;
        text-align: center;
        text-decoration: none;
    }

        .br-theme-bars-surveyscale .br-widget a.br-active, .br-theme-bars-surveyscale .br-widget a.br-current {
            background-color: #ff921f; /* width:35px;*/
        }

    .br-theme-bars-surveyscale .br-widget .br-current-rating {
        clear: both;
        width: 240px;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: .5em 0;
        color: #ff921f;
    }

.br-theme-bars-surveyscale .br-readonly a {
    cursor: default;
    width: 22px;
}

    .br-theme-bars-surveyscale .br-readonly a.br-active, .br-theme-bars-surveyscale .br-readonly a.br-current {
        background-color: #ff921f;
        width: 22px;
    }

.br-theme-bars-surveyscale .br-readonly .br-current-rating {
    color: #ffd3a5;
}

@media print {
    .br-theme-bars-surveyscale .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-surveyscale .br-widget a.br-active, .br-theme-bars-surveyscale .br-widget a.br-current {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-surveyscale .br-widget .br-current-rating {
        color: black;
    }
}
/*End Bar Scale Rating*/
/*Start Hover Bar Scale Rating*/
.br-theme-bars-surveyscale-Hover .br-widget {
    height: 10px;
    white-space: nowrap;
}

    .br-theme-bars-surveyscale-Hover .br-widget a {
        display: block;
        width: 20px;
        height: 8px;
        float: left;
        background-color: #ffd3a5;
        margin: 1px; /* width:35px;*/
    }

        .br-theme-bars-surveyscale-Hover .br-widget a.br-active, .br-theme-bars-surveyscale-Hover .br-widget a.br-current {
            background-color: #ff921f; /* width:35px;*/
        }

    .br-theme-bars-surveyscale-Hover .br-widget .br-current-rating {
        clear: both;
        width: 240px;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: .5em 0;
        color: #ff921f;
    }

.br-theme-bars-surveyscale-Hover .br-readonly a {
    cursor: default;
    width: 30px;
}

    .br-theme-bars-surveyscale-Hover .br-readonly a.br-active, .br-theme-bars-surveyscale-Hover .br-readonly a.br-current {
        background-color: #ffd3a5;
        width: 30px;
    }

.br-theme-bars-surveyscale-Hover .br-readonly .br-current-rating {
    color: #ffd3a5;
}

@media print {
    .br-theme-bars-surveyscale-Hover .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .br-theme-bars-surveyscale-Hover .br-widget a.br-active, .br-theme-bars-surveyscale-Hover .br-widget a.br-current {
            border: 1px solid black;
            background: white;
        }

    .br-theme-bars-surveyscale-Hover .br-widget .br-current-rating {
        color: black;
    }
}
/*End hover Bar Scale Rating*/

.highlightSectionColor {
    color: #f47721 !important;
}

/*Start Engagement Status and History*/
.layout-right .eng-status {
    /*border-right: 1px solid #bdbdbd;
        color: #656569;
        float: right;
        font-weight: 600;
        margin: 5px 0 0;
        text-transform: capitalize;*/
    border-right: 1px solid #bdbdbd;
    color: #656569;
    display: inline-block;
    font-weight: 700;
    line-height: 15px;
    /*margin-right: 6px;*/
    margin: 5px 0 0;
    text-transform: capitalize;
}

    .layout-right .eng-status span {
        color: #888888;
        display: inline;
        font-weight: 400;
        padding: 0 10px 0 3px;
    }

    .layout-right .eng-status:last-child {
        border: 0;
    }

.width-30 {
    width: 28% !important;
}

.remove-layout-bar .header-details:last-child {
    border: 0;
}

.no-record {
    color: #757679;
    font-size: 20px;
    font-weight: 300;
    line-height: .5;
    margin: 0.5rem 0;
    padding: 30px 20px;
}

    .no-record span::before, .no-record span::after {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        content: "";
        height: 5px;
        display: inline-block;
        width: 20px;
        position: relative;
        top: -4px;
    }

    .no-record span::before {
        margin-right: 5px
    }

    .no-record span::after {
        margin-left: 5px
    }

.modal-header .close {
    color: #fff;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 16px;
    top: 13px;
    font-size: 14px;
}

/*.reg-process .reg-processIcon i, .reg-process i,
.reg-comp .reg-processIcon i, .reg-compIcon i,
.supp-profile .supp-profileIcon i, .supp-profileIcon i,
.div-supp .div-suppIcon i, .div-suppIcon i,
.eng-process .eng-processIcon i, .eng-processIcon i,
.eng-comp .eng-compIcon i, .eng-compIcon i,
.OrgChartDiv i {
    font-size: 30px;
    padding: 10px 0px;
}

.reg-comp .reg-processIcon i, .reg-compIcon i {
    font-size: 3em;
    padding: 10px 0 5px 0;
}

.supp-profile .supp-profileIcon i, .supp-profileIcon i {
    font-size: 5em;
    padding: 10px 0 10px 0;
}

.div-supp .div-suppIcon i, .div-suppIcon i {
    font-size: 36px;
    padding: 10px 0px 5px 0;
}

.eng-comp .eng-compIcon i, .eng-compIcon i {
    font-size: 36px;
    padding: 10px 0px 5px 0px;
}*/
.reg-process .reg-processIcon i, .reg-process i, .reg-comp .reg-processIcon i, .reg-compIcon i, .supp-profile .supp-profileIcon i, .supp-profileIcon i, .div-supp .div-suppIcon i, .div-suppIcon i, .eng-process .eng-processIcon i, .eng-processIcon i, .eng-comp .eng-compIcon i, .eng-compIcon i, .OrgChartDiv i {
    font-size: 28px;
    padding: 10px 0px;
}

.reg-comp .reg-processIcon i, .reg-compIcon i {
    font-size: 28px;
    padding: 10px 0px;
}

.supp-profile .supp-profileIcon i, .supp-profileIcon i {
    font-size: 56px;
    padding: 10px 0 5px 0;
}

.div-supp .div-suppIcon i, .div-suppIcon i {
    font-size: 28px;
    padding: 10px 0px 5px;
}

.eng-comp .eng-compIcon i, .eng-compIcon i {
    font-size: 28px;
    padding: 10px 0px;
}

.OrgChartDiv {
    display: table;
    height: 192px;
    margin: 0 auto 15px;
    text-align: center;
}

.reg-process {
    background: none repeat scroll 0 0 #03a9f5;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 96px;
    width: 136px;
}

.reg-comp {
    background: none repeat scroll 0 0 #ff5a01;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 96px;
    width: 136px;
}

.supp-profile {
    background: none repeat scroll 0 0 #4caf50;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 106px;
    width: 270px;
}

.div-supp {
    background: none repeat scroll 0 0 #66669A;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 86px;
    width: 270px;
}

.eng-process {
    background: none repeat scroll 0 0 #ffa202;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 96px;
    width: 136px;
}

.eng-comp {
    background: none repeat scroll 0 0 #bf3690;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 96px;
    width: 136px;
}

.by-invite {
    background: none repeat scroll 0 0 #9a9a66;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    height: 192px;
    width: 136px;
}
/*End Engagement Status and History*/
.without-Caps {
    text-transform: initial;
}
.BigGridPreview {
    border-collapse: collapse;
    width: 100%;
}
    .BigGridPreview th {
        background: none repeat scroll 0 0 #ebebeb;
        color: #525252;
        font-weight: 600;
        font-size: 12px;
        line-height: 28px;
        max-width: 150px;
        overflow: hidden;
        padding: 5px 10px;
        text-align: left;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: normal;
        word-wrap: break-word;
    }
    .BigGridPreview > tbody > tr > td a {
        color: #ff8300;
        text-overflow: ellipsis;
    }
    .BigGridPreview > tbody > tr > td {
        color: #555;
        font-size: 13px;
        line-height: 26px;
        max-width: 120px;
        overflow: hidden;
        padding: 5px 10px;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }
    .BigGridPreview > tbody > tr:nth-child(2n+1) {
        background-color: #f6f6f6;
    }
    .BigGridPreview > tbody > tr:hover {
        background-color: #ffffe6;
    }
    .BigGridPreview .upic {
        background-clip: content-box;
        border: 1px solid #dedede;
        border-radius: 3px;
        float: left;
        height: 27px;
        margin: 0 10px 0 0;
        padding: 1px;
        width: 27px;
    }
    .BigGridPreview .radio-custom label:before {
        font-size: 10px !important;
        height: 15px;
        line-height: 10px !important;
        top: -11px;
        width: 15px;
    }
    .BigGridPreview .checkbox-custom label:before {
        font-size: 10px !important;
        height: 15px;
        line-height: 10px !important;
        top: -11px;
        width: 15px;
    }
    .TextTransformInitial{
        text-transform:initial !important;
    }

.btn-orange-grid-a {
    background: #ff901a;
    background: -moz-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff901a), color-stop(100%, #ff8300));
    background: -webkit-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -o-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: -ms-linear-gradient(top, #ff901a 0%, #ff8300 100%);
    background: linear-gradient(to bottom, #ff901a 0%, #ff8300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff901a', endColorstr='#ff8300', GradientType=0 );
    border: 1px solid #ed7a00;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    outline: 0 none !important;
    padding: 0px 1px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    width: 60px;
    display: block;
}

/*.btn-disabled {
    use this class accept aagale opacity: 0.5;
    cursor: none;
}*/
.btn-disabled {
    opacity: 0.5;
    cursor: none;
}



/*1-10*/
.Groupo {
    text-align: center;
    margin: 0 auto;
}

.logic-lft {
    width: 78%;
    margin-left: 3px;
    float: left;
}

.logic-rt {
    width: 20%;
    float: right;
    /*margin: 20px;*/
}

.Groupo img {
    margin: 100px auto;
}

.Groupo h3 {
    text-align: center;
    color: #231f20;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.5px;
    /*margin: 20px 300px 60px 300px;*/
    line-height: 15px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #242a30;
    font-size: 60%;
}

/*Supplier Document Status Report*/
.ReportSupDoc {
    width: 48px !important;
    height: 48px !important;
}

.width-65 {
    width: 65% !important;
}

.contract-label {
    color: #656569;
    display: inline-block;
    /*font-weight: 600 !important;*/
    margin-bottom: 5px;
}

.Porto-WelcomeContainer {
    margin: 20px 0px 0px 20px;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
    visibility: visible;
    width: 95%;
    font-weight: 500;
}

.Porto-welLog {
    position: absolute;
    /* bottom: -240px; */
    top: 3.5rem;
    right: 0;
    width: 200px;
}

    .Porto-welLog img {
        width: 100%;
    }

#Logwelcontent-height {
    min-height: 850px;
    margin-top: 10px;
}

.protowelcomebg {
    margin-left: 3px;
    width: 79%;
    height: 500px;
    float: left;
    margin: 10px 0px 0px;
    margin-left: 7px;
}

    .protowelcomebg img {
        width: 100%;
        height: 100%;
    }


@media (max-width: 1920px) and (max-width: 2560px) {
    /*.protowelcomebg {
        /*width:78%;
        float: left;
        position: absolute;
        height: 60%;
        background: url(../images/New_Backgruond_Porto.jpg) no-repeat center;
        background-size: 100% 100%;
        
        margin: 32px 0px 10px 3px;
    }*/



    .Logprotowelcomecenter {
        position: absolute;
        top: 16%;
        left: 0;
        width: 44.5%;
        padding: 5px 20px 5px 80px;
        margin: auto !important;
    }

    .Logprotowelccentbg {
        display: inline-block;
        text-align: center;
        height: 100%;
        width: 100%;
    }

    .Logprotowelcomecenter p.log-para {
        margin: 15px 0px;
        font-size: 20px;
        line-height: 1.5em;
        font-weight: 600;
        color: #fff;
        width: 80%;
    }
}