/*Reset CSS*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

ul, ol {
    list-style: none;
}

fieldset, img, hr {
    border: none;
}

caption, th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
    text-align: left;
}

textarea, .mirroredText {
    line-height: 20px;
}

/*default */
html, body {
    font-family: 'Arial';
    font-size: 11px; /*background: url(images/body-bg.png) repeat-x left -80px;*/
    color: Black;
}

input, button, select, textarea {
    font-family: 'Arial';
    font-size: 11px;
    border: solid 1px gray;
    padding: 2px;
}

    input[type="checkbox"] {
        border: 0px none;
        margin: 0px none;
        padding: 0px none;
    }

    input[type="radio"] {
        border: 0px none;
        margin: 0px none;
        padding: 0px none;
    }

h1 {
    font-size: 150%;
    font-weight: bold;
    color: #10354D;
    margin-bottom: 4px;
}

h2 {
    font-size: 115%;
    font-weight: bold;
    color: Black;
    margin-bottom: 4px;
}

h3 {
    font-size: 120%;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 8px;
    color: #470C0C;
}

h4 {
    color: #FBDD90;
    font-size: 16px;
    font-weight: bold;
}

h5 {
    font-weight: bold;
    font-family: Georgia;
    font-style: italic;
    color: #2478B1;
    margin: 5px 10px 10px;
    text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px;
    font-size: 25px;
}

h6 {
    font-weight: bold;
    font-family: Georgia;
    font-style: italic;
    color: #6e4716;
    margin: 5px 10px 10px;
    text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px;
    font-size: 16px;
}

a {
    font-size: 100%;
    color: #166F82;
    text-decoration: underline;
}

a:hover {
    color: #F38E0F;
    text-decoration: underline;
}
a[disabled] {   
    color: #F38E0F; 
    opacity: 0.6; 
}
#PageMain {
    cursor: default;
    text-align: left;
    min-width: 1000px;
}

#Header {
    height: 120px;
    background: url(images/body-bg.png) repeat-x left -80px;
}

#Content {
    padding: 10px;
    min-height: 500px;
    background: url(images/body-bg.png) repeat-x left -200px;
}

#Footer {
    padding: 10px;
    padding-top: 5px;
    margin-top: 5px;
    border-top: dotted 1px gray;
}

#TopMenu td {
    height: 30px;
    vertical-align: middle;
}

/*logos*/
.company-logo {
    width: 150px;
    margin: 10px;
}

.client-logo {
    margin: 10px;
    font-family: Verdana;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    color: #DFC3A0;
}

/*form-fields*/
.label {
    text-align: right;
    vertical-align: top;
    padding-top: 4px;
    padding-right: 3px;
    white-space: nowrap;
}

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

.mandatory {
    font-weight: bold;
}

/*breadcrumb*/
.breadcrumb {
    font-size: 11px;
    margin: 5px;
}

/*new breadcrumb*/
.breadcrumbnew {
    font-size: 12px;
    margin: 8px 0px 8px 0px;
    padding-left: 4px;
    font-weight: bold;
}

/*logout*/
.logout {
    text-align: right;
    vertical-align: middle;
    padding-right: 25px;
}

    .logout a {
        color: #ffffff;
        font-weight: bold;
        font-size: 14px;
    }

/* quicklinks */
.quicklinks {
    width: 150px;
}

.quicklinks-btn {
    display: block;
    width: 150px;
    height: 30px;
    background: url(images/quicklinks.png) no-repeat top left;
    cursor: pointer;
}

.quicklinks-container {
    border: solid 3px #2A6105;
    padding: 5px;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 120px;
    width: 550px;
    background: #C5E8BC;
}

/* Top Nav */
.topnav {
    list-style: none;
}

    .topnav li {
        display: inline;
        border-left: solid 1px #9E9D9C;
        padding: 5px 10px 5px 10px;
    }

        .topnav li a {
            display: inline-block;
            font-size: 110%;
            font-weight: bold;
            color: #FFEABA;
            cursor: pointer;
            white-space: nowrap;
            outline: 0px;
        }

        .topnav li img {
            width: 16px;
            height: 16px;
        }

        .topnav li:first-child {
            border: none;
        }

/*bottom nav*/
.bottomnav {
    list-style: none;
    margin-top: 5px;
    font-family: Arial;
}

    .bottomnav li {
        display: inline;
    }

        .bottomnav li a {
            text-decoration: none;
            font-size: 100%;
            color: #E6EFF7;
            padding: 0px 4px 0px 5px;
            border-left: solid 1px #B6B5B5;
        }

            .bottomnav li a:hover {
                text-decoration: underline;
            }

        .bottomnav li:first-child a {
            border: none;
        }

/*Side Nav*/
.sidenav {
    font-size: 100%;
}

    .sidenav li {
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        color: #1B5D05;
        border: solid 1px transparent;
    }

        .sidenav li img {
            width: 18px;
            height: 18px;
        }

        .sidenav li a {
            color: #296F11;
            text-decoration: underline;
            white-space: nowrap;
        }

            .sidenav li a:hover {
                color: #C59C1F;
                text-decoration: underline;
                white-space: nowrap;
            }

        .sidenav li span {
            font-weight: normal;
            display: block;
            margin-left: 22px;
            color: Black;
        }

        .sidenav li.selected {
            padding: 10px;
            text-align: left;
            vertical-align: middle;
            font-weight: bold;
            color: #1B5D05;
            border: solid 1px #D07300;
            background: #FBD67D;
        }

/*New Side Nav*/
.sidenavnew {
    font-size: 12px;
}

    .sidenavnew li {
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        color: #1B5D05;
        border: solid 1px transparent;
    }

        .sidenavnew li img {
            width: 20px;
            height: 20px;
        }

        .sidenavnew li a {
            color: #296F11;
            text-decoration: underline;
            white-space: nowrap;
            padding-left: 6px;
        }

            .sidenavnew li a:hover {
                color: #C59C1F;
                text-decoration: underline;
                white-space: nowrap;
            }

        .sidenavnew li span {
            font-weight: normal;
            display: block;
            margin-left: 32px;
            color: Black;
        }

        .sidenavnew li.selected {
            padding: 10px;
            text-align: left;
            vertical-align: middle;
            font-weight: bold;
            color: #1B5D05;
            border: solid 1px #D07300;
            background: #FBD67D;
        }


/*Block Nav*/
.blocknav {
}

    .blocknav .item {
        float: left;
        height: 80px;
        width: 250px;
        margin: 5px;
    }

        .blocknav .item img {
            width: 48px;
            height: 48px;
            margin: 4px;
        }

        .blocknav .item a {
            color: #CE7607;
            font-size: 130%;
            font-weight: bold;
            text-decoration: none;
        }

            .blocknav .item a:hover {
                color: #FDAA41;
                text-decoration: underline;
            }

        .blocknav .item span {
            display: block;
        }

/*tab*/
ul.htab {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-bottom: solid 2px #1A699D;
}

    ul.htab li {
        display: inline;
        float: left;
        cursor: pointer;
        font-size: 110%;
        margin-right: 1px;
        padding: 4px 12px 4px 12px;
        white-space: nowrap;
        color: #1A699D;
        border: solid 1px #B0B7BB;
        background: #E2E7EA;
        margin-top: 2px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        ul.htab li img {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        ul.htab li.selected {
            padding: 5px 12px 5px 12px;
            color: #fff;
            border: solid 1px #1A699D;
            background: #1A699D;
            margin-top: 0px;
            font-weight: bold;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.htab-content {
    clear: both;
    padding-top: 2px;
}

/*vtab (leftnav) */
ul.vtab {
    cursor: pointer;
    list-style: none;
}

    ul.vtab li {
        display: block;
        margin-bottom: 2px;
        padding: 5px;
        color: #1B5D05;
        font-weight: bold;
        border: solid 1px transparent;
        white-space: nowrap;
    }

        ul.vtab li img {
            width: 16px;
            height: 16px;
        }

        ul.vtab li.selected, ul.vtab li:hover {
            background: #FBD67D;
            border: solid 1px orange;
        }

ul.vtab1 {
    cursor: pointer;
    list-style: none;
}

    ul.vtab1 li {
        display: block;
        margin-bottom: 2px;
        padding: 5px;
        color: #1B5D05;
        font-weight: bold;
        border: solid 1px transparent;
        white-space: nowrap;
    }

        ul.vtab1 li img {
            width: 16px;
            height: 16px;
        }

        ul.vtab1 li.selected, ul.vtab1 li:hover {
            background: #b2bdbb;
            border: #969e9d 1px solid;
            color: White;
        }

/*vtab (leftnav) */
ul.vtab2 {
    cursor: pointer;
    list-style: none;
}

    ul.vtab2 li {
        display: block;
        margin-bottom: 2px;
        padding: 5px;
        color: #1B5D05;
        font-weight: bold;
        border: solid 1px transparent;
    }

        ul.vtab2 li img {
            width: 16px;
            height: 16px;
        }

        ul.vtab2 li.selected {
            background: #FBD67D;
            border: solid 1px orange;
        }

        ul.vtab2 li:hover {
            border: solid 1px #B6B6B6;
            background: #E6E6E6;
        }

/*vtab (leftnav) */
ul.vtab3 {
    cursor: pointer;
    list-style: none;
    vertical-align: middle;
}

    ul.vtab3 li {
        display: block;
        border-bottom: solid 1px #2e5cb8;
        margin-bottom: 5px;
        padding: 5px;
        font-weight: bold;
        border-radius: 8px;
        height: 44px;
        vertical-align: middle;
    }

        ul.vtab3 li img {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }

        ul.vtab3 li.selected {
            border-bottom: solid 1px #2e5cb8;
            background: #ccf2ff;
            border: solid 1px #006080;
            border-radius: 8px;
            height: 44px;
            vertical-align: middle;
        }

        ul.vtab3 li:hover {
            border: solid 1px #008080;
            background: #99ccff;
            border-radius: 8px;
            height: 44px;
            vertical-align: middle;
        }

/* Pager */
.pager {
    border: solid 1px gray;
    padding: 4px;
    background: #C1CC97;
    font-weight: bold;
}

    .pager table td {
        vertical-align: middle;
        white-space: nowrap;
    }

/*grid*/
.grid {
}

    .grid tr:hover td, .grid tr.alt:hover td {
        background-color: #E6FBDF;
    }

    .grid tr.header:hover td {
        background-color: Transparent;
    }

    .grid tr th, .grid tr.header th, .grid tr.header td {
        color: #10354D;
        text-align: left;
        vertical-align: bottom;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 1px #1E4113;
        padding: 4px;
    }

    .grid tr td {
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .grid tr.alt td {
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        background: #FBFDF3;
    }

    .grid tr.footer td {
        font-weight: bold;
        padding-left: 4px;
        border-bottom: solid 1px #2C3639;
    }

    .grid tr.note td {
        font-size: 110%;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
    }
/*misc*/
.unselectable, .unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.hr {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    height: 0px;
    border-top: solid 1px #9E9D9C;
}

.br {
    margin: 0px;
    margin-bottom: 6px;
    padding: 0px;
    height: 0px;
}

.loading-bg {
    background: url(images/loading-bg.png) no-repeat left top;
    width: 200px;
    height: 80px;
    color: White;
    font-size: 13px;
    font-weight: bold;
    padding-top: 14px;
}

.msg {
    color: Green;
    font-weight: bold;
    font-style: italic;
}

.msg-error {
    color: Red;
    font-weight: bold;
    font-style: italic;
}

.msg-nodata {
    font-weight: bold;
    color: #BA6802;
}

.msg-count {
    font-weight: bold;
    color: #BA6802;
}

.status-active {
    color: green;
}

.status-inactive {
    color: red;
}

/* old button */
.btn {
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #9AB6C8;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #0E3249;
    outline: 0px;
    cursor: pointer;
}

    .btn:hover, .btn-hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #0E3249;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #2B85C2;
        outline: 0px;
        cursor: pointer;
    }

    .btn[disabled] {
        background: #0E3249;
    }

/* new button*/
.btnnew {
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #9AB6C8;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #04ADDB;
    outline: 0px;
    cursor: pointer;
    border-radius: 4px;
}

    .btnnew:hover, .btn-hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #076987;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #2B85C2;
        outline: 0px;
        cursor: pointer;
        border-radius: 4px;
    }

    .btnnew[disabled] {
        background: #97CDDE;
        border-radius: 4px; 
        cursor: not-allowed;
    }

/* green button*/
.btngreen {
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #07914a;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #07914a;
    outline: 0px;
    cursor: pointer;
    border-radius: 20px;
    height: 22px;
    line-height: 22px;
    width: 110px;
    text-align: center;
}

    .btngreen:hover, btn-hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #09ba5f;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #09ba5f;
        outline: 0px;
        cursor: pointer;
        border-radius: 20px;
    }

/* orange button*/
.btnorange {
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #af4a16;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #af4a16;
    outline: 0px;
    cursor: pointer;
    border-radius: 20px;
    height: 22px;
    line-height: 22px;
    width: 125px;
    text-align: center;
}

    .btnorange:hover, btn-hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #e2621f;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #e2621f;
        outline: 0px;
        cursor: pointer;
        border-radius: 20px;
    }


.btnchangecolor {
    background: #e6e6e6;
}

.toolbar {
    background: #1A699D;
}

    .toolbar a {
        display: inline-block;
        padding: 4px;
        margin: 3px;
        color: #fff;
        text-decoration: underline;
        border: solid 1px transparent;
        font-weight: bold;
    }

        .toolbar a:hover {
            background: #67ADDA;
            border: solid 1px #0D466C;
        }

        .toolbar a.selected {
            background: #67ADDA;
            border: solid 1px #0D466C;
        }
/* may be used as horizontal subnav*/

/*blue*/
.border-box1 {
    border: solid 1px #32678A;
    padding: 5px;
}

.box1 {
    border: solid 1px #32678A;
    background: #D0EAFB;
    padding: 5px;
}
/*gray*/
.border-box2 {
    border: solid 1px #B6B6B6;
    padding: 5px;
}

.box2 {
    border: solid 1px #B6B6B6;
    background: #E6E6E6;
    padding: 5px;
}

.trSelected {
    background-color: #B6B6B6;
}
/*orange*/
.border-box3 {
    border: solid 1px #D07300;
    padding: 5px;
}

.box3 {
    border: solid 1px #D07300;
    background: #FFAD46;
    padding: 5px;
}
/*green*/
.border-box4 {
    border: solid 1px #2A6105;
    padding: 5px;
}

.box4 {
    border: solid 1px #2A6105;
    background: #85E066;
    padding: 5px;
}
/*light green*/
.border-box5 {
    border: solid 1px #74AC67;
    padding: 5px;
}

.box5 {
    border: solid 1px #74AC67;
    background: #C5E8BC;
    padding: 5px;
}

.boxA {
    background: #fff;
}

.thickborder {
    border-width: 10px;
}

.star {
    color: #CA0000;
    font-size: 15px;
    font-weight: bold;
}

.reading-exception {
    color: red;
}

.bold1 {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    color: #37502E;
    padding-right: 5px;
}

.by {
    color: #C4C4C4;
    font-size: 11px;
    font-style: italic;
}

/*legends*/
.legend {
    background: #FBF2B5;
    border: solid 1px #819A99;
    padding: 6px;
}

    .legend img {
        width: 14px;
        height: 14px;
    }

    .legend span {
        font-size: 100%;
    }

/*window*/
.win {
    border: 0 none;
    position: absolute;
    z-index: 1000;
}

    .win .tl, .win .tr, .win .bl, .win .br {
        background-image: url(images/window/win.png);
        background-repeat: no-repeat;
    }

    .win .tl {
        background-position: left top;
        width: 5px;
    }

    .win .tr {
        background-position: right top;
        width: 8px;
    }

    .win .bl {
        background-position: left bottom;
        height: 10px;
    }

    .win .br {
        background-position: right bottom;
        height: 10px;
    }

    .win .t {
        background: url(images/window/win-v.png) repeat-x left top;
    }

    .win .b {
        background: url(images/window/win-v.png) repeat-x left bottom;
    }

    .win .l {
        background: url(images/window/win-h.png) repeat-y left top;
    }

    .win .r {
        background: url(images/window/win-h.png) repeat-y right top;
    }

    .win .header {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 7px;
    }

    .win .content {
        min-width: 100px;
        background: #fff;
        padding: 5px;
        color: Black;
    }

    .win .max, .win .close {
        width: 28px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .win .max {
        background-image: url(images/window/win-button-max.gif);
    }

    .win .close {
        background-image: url(images/window/win-button-close.gif);
    }

    .win .max:hover {
        background-image: url(images/window/win-button-max-hover.gif);
    }

    .win .close:hover {
        background-image: url(images/window/win-button-close-hover.gif);
    }

.win-modalbackground {
    background-color: white;
    position: absolute;
    left: 0px;
    top: 0px;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.tooltip {
    background-color: #FFFFE1;
    border: solid 1px black;
    padding: 10px;
}

/*date picker*/
.bf-dtpicker {
    position: absolute;
    font: normal 10px verdana, arial, sans-serif;
}

    .bf-dtpicker .cal {
        border: solid 1px gray;
        background-color: #fff;
        padding: 3px;
    }

    .bf-dtpicker .calfooter {
    }

    .bf-dtpicker .cal-r {
    }

    .bf-dtpicker .calfooter-r {
    }

    .bf-dtpicker ul {
        list-style-type: none;
        display: inline-block;
        clear: both;
        white-space: nowrap;
    }

        .bf-dtpicker ul li.nav {
            width: 20px;
            height: 20px;
            float: left;
            cursor: pointer;
        }

        .bf-dtpicker ul li.back {
            background: url(images/datepicker/back.gif) no-repeat left top;
            padding-bottom: 3px;
        }

        .bf-dtpicker ul li.forward {
            background: url(images/datepicker/forward.gif) no-repeat right top;
            padding-bottom: 3px;
        }

        .bf-dtpicker ul li.header-content {
            width: 135px;
            height: 20px;
            float: left;
            text-align: center;
            padding-bottom: 3px;
        }

            .bf-dtpicker ul li.header-content select {
                font: normal 10px arial, verdana, sans-serif;
            }

        .bf-dtpicker ul li.datecap {
            background: #DAECDA;
            border: solid 1px #DAECDA;
            font-weight: bold;
            width: 23px;
            float: left;
            padding: 2px 0px 0px 0px;
            text-align: center;
            height: 15px;
            cursor: default;
        }

        .bf-dtpicker ul li.date {
            width: 23px;
            text-align: center;
            float: left;
            border: solid 1px transparent;
            padding: 2px 0px 0px 0px;
            height: 15px;
            cursor: pointer;
            color: Black;
        }

            .bf-dtpicker ul li.date:hover {
                border: solid 1px #8A9392;
            }

        .bf-dtpicker ul li.sun {
            color: #E75D02;
        }

        .bf-dtpicker ul li.sat {
            color: #0FA69D;
        }

        .bf-dtpicker ul li.outmonth {
            color: #8A9392;
        }

        .bf-dtpicker ul li.today {
            background: #F0E9AD;
        }

        .bf-dtpicker ul li.selected {
            border: solid 1px orange;
        }

        .bf-dtpicker ul li.foot {
            float: left;
            width: 175px;
            height: 20px;
        }

            .bf-dtpicker ul li.foot div.action {
                padding: 2px 5px 0px 0px;
                float: right;
            }

            .bf-dtpicker ul li.foot a {
                color: #C15208;
                margin-top: 2px;
                font-weight: bold;
            }

.dtpkr-txt {
    width: 80px;
}

.dtpkt-img {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/*Calendar*/
.calendar {
    background: #fff;
    border-left: solid 1px gray;
    border-bottom: solid 1px gray;
}

.daystyle, .weekendstyle {
    height: 70px;
    border-top: solid 1px gray;
    border-right: solid 1px gray;
}

.othermonthdaystyle, .othermonthweekendstyle {
    height: 70px;
    border-top: solid 1px gray;
    border-right: solid 1px gray;
    background: #C5D0CF;
}

.todaystyle, .othermonthtodaystyle, .othermonthweekendtodaystyle {
    background: #F0E9AD;
    border: solid 2px orange;
}

.weekdaynamestyle, .weekendnamestyle {
    width: 14.28%;
    background: #FDF0C2;
    text-align: center;
    border-top: solid 1px gray;
    border-right: solid 1px gray;
}

.daystyle .day-header, .weekendstyle .day-header {
    background: #E4F8FA;
    color: #A8A8A7;
}

.othermonthdaystyle .day-header, .othermonthweekendstyle .day-header {
    color: black;
}

.todaystyle .day-header, .othermonthtodaystyle .day-header, .othermonthweekendtodaystyle .day-header {
    background: #C9B584;
}

.calendar-event {
    font-size: 11px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: "alpha(opacity=70)";
}

.eventTime {
    font-size: 11px;
}

.eventDetails {
    border: solid 1px black;
    background: #F9F6B2;
    padding: 10px;
    width: 400px;
    color: Black;
    font-size: 13px;
    margin-top: 2px;
    margin-left: -2px;
}

    .eventDetails td {
        text-align: left;
        font-size: 12px;
        color: Black;
        text-align: left;
        vertical-align: top;
    }

/* calendar day view */
.dayview-container {
    border: solid 1px gray;
    border-bottom: 0px none;
}

.dayview-grid {
    border: 0px none;
    background: #fff;
}

    .dayview-grid td.time {
        cursor: pointer;
        width: 50px;
        height: 59px;
        border-bottom: solid 1px gray;
        border-right: solid 1px gray;
        text-align: center;
        font-weight: bold;
        background: #E4F8FA;
    }

    .dayview-grid td.event {
        border-bottom: solid 1px gray;
    }

    .dayview-grid .halfhour {
        height: 29px;
        border-bottom: dashed 1px gray;
    }

/* report template style */
.report-style {
    font-family: Calibri;
    background-color: White;
    color: Black;
    font-size: 11pt;
    padding: 10px;
    width: 100%;
}

    .report-style .header {
        font-family: Calibri;
        font-size: 18pt;
        font-weight: bold;
        border-bottom: solid 1px rgb(85,157,217);
        color: rgb(74,170,227);
    }

    .report-style tr {
        padding: 10px;
    }

    .report-style td.left {
        font-weight: bold;
    }

    .report-style td.right {
        text-align: right;
        padding-right: 10px;
    }

    .report-style td.subheading {
        font-weight: bold;
        text-decoration: underline;
    }

    .report-style tr.footer {
        height: 40px;
    }

        .report-style tr.footer td.left {
            border-top: solid 1px;
            font-weight: bold;
        }

        .report-style tr.footer td.right {
            border-top: solid 1px;
            text-align: right;
            font-weight: bold;
        }

    .report-style .reportgrid {
        width: 100%;
    }

        .report-style .reportgrid .tableheader {
            height: 25px;
            font-weight: bold;
            font-size: 12pt;
            background-color: rgb(99,154,216);
            color: White;
        }

.report-base-box {
    background-color: #555B54;
    border: solid 1px #555B54;
    padding: 5px;
}

/* report stack */
.rpt-toolbar {
    border: solid 1px #B6B6B6;
    background: #E6E6E6;
    padding: 5px;
}

    .rpt-toolbar input {
        width: 24px;
        height: 24px;
        border: 0px none;
        background-color: Transparent;
        cursor: pointer;
    }

.rpt-container {
}

/* report grid */
.rpt-grid tr td {
    padding: 5px;
}

.rpt-grid tr.caption td, .rpt-grid tr.caption th {
    background: #E9E6E6;
    border-top: solid 2px #20394E;
    border-bottom: solid 1px #20394E;
    font-weight: bold;
    font-size: 13px;
}

.rpt-grid tr.group1 td {
    background: #497AA4;
    border-top: solid 2px #121F2A;
    color: White;
    font-weight: bold;
}

.rpt-grid tr.group2 td {
    border-bottom: solid 2px gray;
    border-top: solid 1px silver;
}

.rpt-grid tr.group3 td {
    background: #D9DEEA;
}

.rpt-grid tr.group-footer td {
    font-weight: bold;
}

.rpt-grid tr.footer td {
}

.rpt-grid tr.spacer td {
    height: 15px;
}

.box-blueborder {
    border: solid 1px #32678A;
    padding: 5px;
    border-radius: 8px;
}

.box-blue {
    border: solid 1px #32678A;
    background: #D0EAFB;
    padding: 5px;
}

.box-grayborder {
    border: solid 1px #B6B6B6;
    padding: 5px;
}

.box-gray {
    border: solid 1px #B6B6B6;
    background: #E6E6E6;
    padding: 5px;
}

.box-orangeborder {
    border: solid 1px #D07300;
    padding: 5px;
}

.box-orange {
    border: solid 1px #D07300;
    background: #FFAD46;
    padding: 5px;
}

.box-greenborder {
    border: solid 1px #2A6105;
    padding: 5px;
}

.box-green {
    border: solid 1px #2A6105;
    background: #85E066;
    padding: 5px;
}

.box-lightgreenborder {
    border: solid 1px #74AC67;
    padding: 5px;
}

.box-lightgreen {
    border: solid 1px #74AC67;
    background: #C5E8BC;
    padding: 5px;
}

.box-yellowborder {
    border: solid 1px #CAC178;
    padding: 5px;
}

.box-yellow {
    border: solid 1px #CAC178;
    background-color: #E7E7BC;
    padding: 5px;
}

.box-lightblueborder {
    border: solid 1px #14aaff;
    padding: 5px;
    border-radius: 8px;
}

.box-lightblue {
    border: solid 1px #185b81;
    background: #7ec1e7;
    padding: 5px;
}

.box-lightblue-white-text {
    background: linear-gradient(#0099e6,#0077b3);
    padding: 15px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 8px;
}
/*Start DashBoard Summary Table*/
.tbl tr td {
    height: 25px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #32678A;
    border-right: 1px solid #32678A;
    border-bottom: 1px solid #32678A;
    border-left: 1px solid #32678A;
}
/*End DashBoard Summary Table*/

/*Start Table sorting*/
table.tablesorter thead tr .header {
    background-image: url('images/UpDown.png');
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    text-indent: 5px;
}

table.tablesorter thead tr .headerSortUp {
    background-position: left;
    background-image: url('images/Down.png');
}

table.tablesorter thead tr .headerSortDown {
    background-position: left;
    background-image: url('images/Up.png');
}
/*End Table sorting*/

/*Start List for rule expression*/
.grid tr.inner:hover td {
    background-color: Transparent;
}

.list {
}

    .list tr td {
        cursor: pointer;
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        height: 17px;
        vertical-align: middle;
    }

    .list tr.alt td {
        cursor: pointer;
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        background: #FBFDF3;
        height: 17px;
    }

    .list tr.alt:hover td {
        background-color: #FBFDF3;
    }

    .list tr:hover td {
        background-color: #FBFDF3;
    }

    .list tr.header {
        cursor: pointer;
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        background: #E6FBDF;
        height: 17px;
    }

        .list tr.header:hover td {
            background-color: #E6FBDF;
        }

    .list tr td.selected {
        background-color: #0A246A;
        color: #FFFFFF;
        font-weight: bold;
    }

        .list tr td.selected a {
            background-color: #0A246A;
            color: #FFFFFF;
        }

.box-lightgray {
    border: solid 1px #B6B6B6;
    background: #F3F3F3;
    padding: 5px;
}

.noborder tr td {
    border: none;
}
/*End List for rule expression*/

/* lookup editor */
div.lup {
    border: solid 1px gray;
}

    div.lup input {
        color: #166F82;
        text-decoration: underline;
        width: 160px;
        border: 0px none;
    }

    div.lup span.pkr {
        height: 20px;
        cursor: pointer;
        background: url(images/search1.png) no-repeat center top;
        border: 0px none;
    }

    div.lup span:hover.pkr {
        height: 20px;
        cursor: pointer;
        background: url(images/search.png) no-repeat center top;
        border: 0px none;
    }

    div.lup span.clr {
        height: 20px;
        cursor: pointer;
        background: url(images/cross.png) no-repeat center top;
        border: 0px none;
    }

    div.lup span:hover.clr {
        height: 20px;
        cursor: pointer;
        background: url(images/cross1.png) no-repeat center top;
        border: 0px none;
    }

div.lup-cntr {
    position: absolute;
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    border: solid 1px silver;
    background-color: #fff;
}

.link {
    font-size: 100%;
    color: #166F82;
    text-decoration: underline;
}

    .link:hover {
        color: #F38E0F;
        text-decoration: underline;
        cursor: pointer;
    }

/* Chart Tooltip */
.charttip {
    font-weight: bold;
    padding: 5px;
    position: absolute;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #F7E9A7;
    border: solid 1px #777;
}
/*Notification PopUp*/
div#popupmessage {
    z-index: 1200;
    display: none;
    position: absolute;
    background: #ffffae; /*#FCF8C7*/
    border: 1px solid #c0c0c0;
    padding: 0px;
    cursor: pointer;
}

table#popupmessagetbl {
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
/*End Notification PopUp*/
.heplfilesContainer {
    width: 50%;
    vertical-align: top;
}

    .heplfilesContainer .item {
        height: 80px;
        width: 100%;
        margin: 5px;
    }

        .heplfilesContainer .item img {
            width: 48px;
            height: 48px;
            margin: 4px;
        }

        .heplfilesContainer .item a {
            color: #CE7607;
            font-size: 130%;
            font-weight: bold;
            text-decoration: none;
        }

            .heplfilesContainer .item a:hover {
                color: #FDAA41;
                text-decoration: underline;
            }

        .heplfilesContainer .item span {
            display: block;
        }
/*Sourav*/
.divider {
    width: 33.3%;
    float: left;
}

.upload_container {
    width: 100%;
    float: left;
}

.upload_right {
    width: 50%;
    float: left;
}

.upload_left {
    width: 50%;
    float: left;
}

.upload_header {
    width: 100%;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #384248;
    text-align: left;
}

.upload_logo {
    width: 100%;
    min-height: 134px;
    float: left;
    margin: 15px 0 0 0;
}

.new_btn2 {
    height: 37px;
    background: url(bg.jpg) repeat-x top left;
    border: #bcbaba 1px solid;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 40% 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #010101;
    padding: 0 4%;
}
/*new_vtab (leftnav)*/
ul.vtab1 {
    cursor: pointer;
    list-style: none;
}

    ul.vtab1 li {
        display: block;
        margin-bottom: 2px;
        padding: 5px;
        color: #1B5D05;
        font-weight: bold;
        border: solid 1px transparent;
        white-space: nowrap;
    }

        ul.vtab1 li img {
            width: 16px;
            height: 16px;
        }

        ul.vtab1 li.selected, ul.vtab1 li:hover {
            background: #b2bdbb;
            border: #969e9d 1px solid;
            color: White;
        }
/*Block Nav 2*/
.blocknav2 {
}

    .blocknav2 .item {
        float: left;
        height: 15px;
        width: 250px;
        margin: 5px;
    }

        .blocknav2 .item span {
            display: block;
        }
/*Task Management*/
ul.hlink li {
    display: inline;
    cursor: pointer;
    font-size: 14px;
    margin-right: 1px;
    padding: 4px 12px 4px 12px;
    white-space: nowrap;
    color: #000;
    margin-top: 2px;
}

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

.taskstyle {
    color: #3D3D3D;
    font-family: Verdana;
    font-size: 11px;
    vertical-align: middle;
}

/*Start Grid Css*/
.new_table td input {
    width: 95%;
    border: none;
    height: 100%;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: black;
}

.new_table td {
    width: 8%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: black;
    font-weight: bold;
    text-align: center;
    border-left: #DADCDD 1px solid;
    border-right: #DADCDD 1px solid;
    line-height: 22px;
    margin-left: 2px;
    border: #DADCDD 1px solid;
}

.big {
    min-width: 120%;
    display: block;
}

.new_table td select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: black;
}
/*End Grid Css*/

.blocknav_nw .item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #DBDBDB 1px solid;
    padding: 4px;
    background: #fAfAfA;
    cursor: pointer;
}

    .blocknav_nw .item:hover {
        background: #fdfdfd;
    }

    .blocknav_nw .item a {
        line-height: 40px;
    }
/*ESTIMATE PARSING*/
/* Sourav */
#formEstimateFile a:link, a:visited {
    color: #034af3;
}

#formEstimateFile a:hover {
    color: #1d60ff;
    text-decoration: none;
}

#formEstimateFile a:active {
    color: #034af3;
}

#formEstimateFile fieldset {
    padding: 1em;
    border: 1px solid #7A7A7A;
    background: #D1E3E9;
    width: 93%;
    margin: 1em auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -border-radius: 8px;
}

#formEstimateFile label {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
}

#formEstimateFile select {
    padding: 10px 5px;
    font-size: 14px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

#formEstimateFile input {
    font-size: 14px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

#formEstimateFile fieldset p {
    margin: 2px 12px 10px 10px;
}

#formEstimateFile fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}

#formEstimateFile fieldset label.inline {
    display: inline;
    font-size: 16px;
}

#formEstimateFile legend {
    font-weight: bold;
    font-size: 17px;
    color: #095F6B;
    background: #fff; /*#DAD8D8;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 4px 10px;
    letter-spacing: 1px;
    border: #B1B1B1 1px solid;
}

#formEstimateFile fieldset a:link, a:visited {
    color: #006080;
    font-family: Myriad Pro, Arial;
    font-size: 17px;
    font-style: italic;
    margin-left: 10px;
}

#formEstimateFile fieldset a:hover {
    color: #000;
    text-decoration: none;
}
/*loading font*/

#inTurnFadingTextG {
    width: 500px;
}

.inTurnFadingTextG {
    color: #000000;
    font-family: Arial;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    float: left;
    -moz-animation-name: bounce_inTurnFadingTextG;
    -moz-animation-duration: 2.86s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-animation-name: bounce_inTurnFadingTextG;
    -webkit-animation-duration: 2.86s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-animation-name: bounce_inTurnFadingTextG;
    -ms-animation-duration: 2.86s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-animation-name: bounce_inTurnFadingTextG;
    -o-animation-duration: 2.86s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    animation-name: bounce_inTurnFadingTextG;
    animation-duration: 2.86s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#inTurnFadingTextG_1 {
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#inTurnFadingTextG_2 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#inTurnFadingTextG_3 {
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#inTurnFadingTextG_4 {
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#inTurnFadingTextG_5 {
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#inTurnFadingTextG_6 {
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#inTurnFadingTextG_7 {
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

#inTurnFadingTextG_8 {
    -moz-animation-delay: 1.43s;
    -webkit-animation-delay: 1.43s;
    -ms-animation-delay: 1.43s;
    -o-animation-delay: 1.43s;
    animation-delay: 1.43s;
}

#inTurnFadingTextG_9 {
    -moz-animation-delay: 1.56s;
    -webkit-animation-delay: 1.56s;
    -ms-animation-delay: 1.56s;
    -o-animation-delay: 1.56s;
    animation-delay: 1.56s;
}

#inTurnFadingTextG_10 {
    -moz-animation-delay: 1.69s;
    -webkit-animation-delay: 1.69s;
    -ms-animation-delay: 1.69s;
    -o-animation-delay: 1.69s;
    animation-delay: 1.69s;
}

#inTurnFadingTextG_11 {
    -moz-animation-delay: 1.82s;
    -webkit-animation-delay: 1.82s;
    -ms-animation-delay: 1.82s;
    -o-animation-delay: 1.82s;
    animation-delay: 1.82s;
}

#inTurnFadingTextG_12 {
    -moz-animation-delay: 1.95s;
    -webkit-animation-delay: 1.95s;
    -ms-animation-delay: 1.95s;
    -o-animation-delay: 1.95s;
    animation-delay: 1.95s;
}

#inTurnFadingTextG_13 {
    -moz-animation-delay: 2.08s;
    -webkit-animation-delay: 2.08s;
    -ms-animation-delay: 2.08s;
    -o-animation-delay: 2.08s;
    animation-delay: 2.08s;
}

#inTurnFadingTextG_14 {
    -moz-animation-delay: 2.21s;
    -webkit-animation-delay: 2.21s;
    -ms-animation-delay: 2.21s;
    -o-animation-delay: 2.21s;
    animation-delay: 2.21s;
}

#inTurnFadingTextG_15 {
    -moz-animation-delay: 2.34s;
    -webkit-animation-delay: 2.34s;
    -ms-animation-delay: 2.34s;
    -o-animation-delay: 2.34s;
    animation-delay: 2.34s;
}

#inTurnFadingTextG_16 {
    -moz-animation-delay: 2.47s;
    -webkit-animation-delay: 2.47s;
    -ms-animation-delay: 2.47s;
    -o-animation-delay: 2.47s;
    animation-delay: 2.47s;
}

#inTurnFadingTextG_17 {
    -moz-animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
    -ms-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

#inTurnFadingTextG_18 {
    -moz-animation-delay: 2.73s;
    -webkit-animation-delay: 2.73s;
    -ms-animation-delay: 2.73s;
    -o-animation-delay: 2.73s;
    animation-delay: 2.73s;
}

@-moz-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-webkit-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-ms-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-o-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}
/*END ESTIMATE PARSING*/
/* LEGEND */
#dvLegend a:link, a:visited {
    color: #034af3;
}

#dvLegend a:hover {
    color: #1d60ff;
    text-decoration: none;
}

#dvLegend a:active {
    color: #034af3;
}

#dvLegend fieldset {
    padding: 1em;
    padding-right: 2em \9;
    border: 1px solid #7A7A7A;
    width: 80%;
    margin: 1em 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -border-radius: 8px;
}

#dvLegend label {
    font-size: 10px;
    color: #000;
    letter-spacing: 1px;
}

#dvLegend select {
    padding: 10px 5px;
    font-size: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

#dvLegend input {
    padding: 3px 3px;
    font-size: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

#dvLegend fieldset p {
    margin: 2px 12px 10px 10px;
}

#dvLegend fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}

#dvLegend fieldset {
    width: 360px;
}

    #dvLegend fieldset label.inline {
        display: inline;
        font-size: 10px;
    }

#dvLegend legend {
    font-weight: bold;
    font-size: 10px;
    color: #095F6B;
    background: #DAD8D8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 5px;
    letter-spacing: 1px;
    border: #B1B1B1 1px solid;
}

#dvLegend fieldset a:link, a:visited {
    color: #006080;
    font-family: Myriad Pro, Arial;
    font-size: 10px;
    font-style: italic;
    margin-left: 10px;
}

#dvLegend fieldset a:hover {
    color: #000;
    text-decoration: none;
}
/*END LEGEND */
/* LEGEND FOR TASK */

#dvTaskLegend fieldset {
    padding: 0.4em;
    padding-top: 0px;
    border: 1px solid #7A7A7A;
    width: 100%;
    -border-radius: 8px;
}

    #dvTaskLegend fieldset label.inline {
        display: inline;
        font-size: 13px;
    }

#dvTaskLegend legend {
    font-weight: bold;
    font-size: 13px;
    padding: 2px 5px;
    letter-spacing: 1px;
}
/*END TASK LEGEND */
/*basob*/
.btn-upload {
    padding: 5px 10px 5px 10px;
    border: solid 1px black;
    font-family: Arial Black;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    outline: 0px;
    cursor: pointer;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 0%, #207cca 32%, #083a81 97%, #207cca 100%, #207cca 100%, #7db9e8 100%, #207cca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#2989d8), color-stop(32%,#207cca), color-stop(97%,#083a81), color-stop(100%,#207cca), color-stop(100%,#207cca), color-stop(100%,#7db9e8), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
    border-radius: 6px;
}

    .btn-upload:hover {
        padding: 5px 10px 5px 10px;
        border: solid 1px black;
        font-family: Arial Black;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        outline: 0px;
        cursor: pointer;
        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #083a81 0%, #207cca 68%, #2989d8 100%, #207cca 100%, #207cca 100%, #7db9e8 100%, #207cca 100%, #2989d8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#083a81), color-stop(68%,#207cca), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#207cca), color-stop(100%,#7db9e8), color-stop(100%,#207cca), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
        border-radius: 6px;
    }

    .btn-upload[disabled] {
        background: #0E3249;
    }

/*Calculator */
.boxCalc {
    background-color: #3d4543;
    height: 300px;
    width: 250px;
    position: absolute;
    top: 80px;
    left: 40%;
}

.keysCalc {
    position: relative;
    top: 5px;
}

.buttonCalc {
    width: 30px;
    height: 30px;
    border: none;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
    border-top: 2px solid transparent;
}

    .buttonCalc.gray {
        color: red;
        background-color: #e6e6e6;
        /*border-bottom: gray 2px solid;
            border-top: 2px #e6e6e6 solid;*/
        border: 1px solid gray;
    }

    .buttonCalc.pink {
        color: black;
        /*background-color: #E0E0E0 ;
            border-bottom: gray 2px solid;*/
        border: 1px solid gray;
    }

    .buttonCalc.black {
        color: black;
        background-color: #E8E8E8;
        /*border-bottom: gray 2px solid;
            border-top: 2px #E8E8E8 solid;*/
        border: 1px solid gray;
    }

    .buttonCalc.orange {
        color: black;
        background-color: #FF9933;
        border-bottom: gray 2px solid;
        border-top: 2px #FF9933 solid;
    }

.gray:active {
    border-top: black 2px solid;
    border-bottom: 2px #6f6f6f solid;
}

.pink:active {
    border-top: black 2px solid;
    border-bottom: #ff4561 2px solid;
}

.black:active {
    border-top: black 2px solid;
    border-bottom: #303030 2px solid;
}

.orange:active {
    border-top: black 2px solid;
    border-bottom: FF9933 2px solid;
}

p {
    line-height: 10px;
}

/*End Calculator*/
/* Custom Grid */
.custom-grid {
}

    .custom-grid .grouping {
        /*border-top:none;*/
        border-right: none;
        border-left: none;
        padding-left: 10px;
        padding-top: 5px;
    }

    .custom-grid .left-caption {
        font-weight: bold;
        font-size: 1.2em;
    }

    .custom-grid .cell-bordering {
        border: #7a7f7d 1px solid;
    }

    .custom-grid .right-cell-format {
        width: 5%;
        text-align: right;
        border: #7a7f7d 1px solid;
    }

    .custom-grid .tbl-heading {
        width: 5%;
        border: #7a7f7d 1px solid;
    }
/*legends2*/
.legend2 {
    background: #FBF2B5;
    border: solid 2px #819A99;
    padding: 6px;
}

    .legend2 img {
        width: 14px;
        height: 14px;
    }

    .legend2 span {
        font-size: 100%;
    }

.rounded-corner-box {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #EEEEDD;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 2px;
    border: solid 1px #BBBBBB;
}

    .rounded-corner-box h1 {
        font-size: 1.2em;
    }

    .rounded-corner-box h2 {
        font-size: 1em;
    }

/*grid2*/
.grid2 {
    font-size: 110%;
    color: #444;
}

    .grid2 tr:hover td, .grid tr.alt:hover td {
        background-color: #E6FBDF;
    }

.grid tr.selected {
    background-color: #B6B6B6;
}

.grid2 tr.header:hover td {
    background-color: Transparent;
}

.grid2 tr th, .grid2 tr.header th, .grid2 tr.header td {
    color: #10354D;
    text-align: left;
    vertical-align: middle;
    font-size: 110%;
    font-weight: bold;
    border-bottom: solid 2px #1E4113;
    border-left: solid 1px #ccc;
    padding: 8px 4px 8px 4px;
}

    .grid2 tr th:first-child, .grid2 tr.header th:first-child, .grid2 tr.header td:first-child {
        border-left: 0px;
    }

.grid2 tr td {
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 8px 4px 8px 4px;
}

    .grid2 tr td:first-child {
        border-left: 0px;
    }

.grid2 tr.alt td {
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #DDDEDC;
    padding: 8px 4px 8px 4px;
    background: #FBFDF3;
}

.grid2 tr.footer td {
    font-weight: bold;
    padding-left: 4px;
    border-bottom: solid 1px #2C3639;
}

.grid2 tr.note td {
    font-size: 110%;
    padding-left: 4px;
    text-align: left;
    vertical-align: top;
}

.grid2link {
    float: right;
    border-left: solid 1px #444;
    min-width: 20px;
    min-height: 16px;
    position: relative;
}

    .grid2link::before {
        content: "";
        left: 20%;
        top: 25%;
        border: 0.5em solid transparent;
        border-top: 8px solid #444;
        position: absolute;
    }

    .grid2link:hover {
        float: right;
        border: solid 1px transparent;
        background: #2c6c87;
        border-radius: 3px;
        min-width: 20px;
        min-height: 16px;
        position: relative;
        cursor: pointer;
    }

        .grid2link:hover::before {
            content: "";
            left: 20%;
            top: 25%;
            border: 0.5em solid transparent;
            border-top: 8px solid #e5f4fa;
            position: absolute;
        }

.grid2-btn {
    float: right;
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    height: 24px;
    position: relative;
    border-radius: 5px;
    line-height: 24px;
    cursor: pointer;
    background-color: #ccc;
    text-align: left;
    padding-left: 33px;
    padding-right: 20px;
    margin-left: 10px;
}

.grid2edit {
    background-image: url(images/icons/trans-icon-edit.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2delete {
    background-image: url(images/icons/trans-icon-cross1.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-color: #f9cdb5;
}

.grid2save {
    background-image: url(images/icons/trans-icon-greentick.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-color: #83d8d8;
}

.grid2copy {
    background-image: url(images/icons/trans-icon-arrow-right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2doc {
    background-image: url(images/icons/trans-icon-document.gif);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2download {
    background-image: url(images/icons/trans-icon-down.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2action {
    background-image: url(images/icons/Activity.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2rules {
    background-image: url(images/icons/trans-icon-rule-engine.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2link2 {
    background-image: url(images/icons/trans-icon-AutoMerge.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2active {
    background-color: #cbf8e3;
    padding-left: 20px;
    padding-right: 20px;
}

.grid2inactive {
    background-color: #f9cdb5;
    padding-left: 20px;
    padding-right: 20px;
}
/*grid3*/
.grid3 {
    font-size: 110%;
    color: #444;
}

    .grid3 tr:hover td, .grid tr.alt:hover td {
        background-color: #E6FBDF;
    }

    .grid3 tr.header:hover td {
        background-color: Transparent;
    }

    .grid3 tr th, .grid2 tr.header th, .grid2 tr.header td {
        color: #10354D;
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 2px #1E4113;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
    }

        .grid3 tr th:first-child {
            border-left: 0px;
        }

    .grid3 tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
    }

        .grid3 tr td:first-child {
            border-left: 0px;
        }

    .grid3 tr.alt td {
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 8px 4px 8px 4px;
        background: #E6E6E6;
    }

    .grid3 tr.footer td {
        font-weight: bold;
        padding-left: 4px;
        border-bottom: solid 1px #2C3639;
    }

    .grid3 tr.note td {
        font-size: 110%;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
    }

.grid2link {
    float: right;
    border-left: solid 1px #444;
    min-width: 20px;
    min-height: 16px;
    position: relative;
}

    .grid2link::before {
        content: "";
        left: 20%;
        top: 25%;
        border: 0.5em solid transparent;
        border-top: 8px solid #444;
        position: absolute;
    }

    .grid2link:hover {
        float: right;
        border: solid 1px transparent;
        background: #2c6c87;
        border-radius: 3px;
        min-width: 20px;
        min-height: 16px;
        position: relative;
        cursor: pointer;
    }

        .grid2link:hover::before {
            content: "";
            left: 20%;
            top: 25%;
            border: 0.5em solid transparent;
            border-top: 8px solid #e5f4fa;
            position: absolute;
        }

.grid2-btn {
    float: right;
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    height: 24px;
    position: relative;
    border-radius: 5px;
    line-height: 24px;
    cursor: pointer;
    background-color: #ccc;
    text-align: left;
    padding-left: 33px;
    padding-right: 20px;
    margin-left: 10px;
}

.grid2edit {
    background-image: url(images/icons/trans-icon-edit.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2copy {
    background-image: url(images/icons/trans-icon-arrow-right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2doc {
    background-image: url(images/icons/trans-icon-document.gif);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2download {
    background-image: url(images/icons/trans-icon-down.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid2active {
    background-color: #cbf8e3;
    padding-left: 20px;
    padding-right: 20px;
}

.grid2inactive {
    background-color: #f9cdb5;
    padding-left: 20px;
    padding-right: 20px;
}

/*Niraj*/

.chkPrivate {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px gray;
}

    .chkPrivate label {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        left: 2px;
        cursor: pointer;
        /*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
        background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
        background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .chkPrivate label:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #27ae60;
            /*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
            background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
            background: linear-gradient(to bottom, #167940 0%, #072915 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .chkPrivate label:hover::after {
            opacity: 0.3;
        }

    .chkPrivate input[type=checkbox] {
        visibility: hidden;
    }

        .chkPrivate input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.chkLock {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px gray;
}

    .chkLock label {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        left: 2px;
        cursor: pointer;
        /*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
        background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
        background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .chkLock label:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #27ae60;
            /*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
            background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
            background: linear-gradient(to bottom, #167940 0%, #072915 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .chkLock label:hover::after {
            opacity: 0.3;
        }

    .chkLock input[type=checkbox] {
        visibility: hidden;
    }

        .chkLock input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.chkLockNote {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px gray;
}

    .chkLockNote label {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        left: 2px;
        cursor: pointer;
        /*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
        background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
        background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .chkLockNote label:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #27ae60;
            /*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
            background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
            background: linear-gradient(to bottom, #167940 0%, #072915 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .chkLockNote label:hover::after {
            opacity: 0.3;
        }

    .chkLockNote input[type=checkbox] {
        visibility: hidden;
    }

        .chkLockNote input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.chkLockNoteAll {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px gray;
}

    .chkLockNoteAll label {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        left: 2px;
        cursor: pointer;
        /*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
        background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
        background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .chkLockNoteAll label:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #27ae60;
            /*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
            background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
            background: linear-gradient(to bottom, #167940 0%, #072915 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .chkLockNoteAll label:hover::after {
            opacity: 0.3;
        }

    .chkLockNoteAll input[type=checkbox] {
        visibility: hidden;
    }

        .chkLockNoteAll input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.chkPvPbNoteAll {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px gray;
}

    .chkPvPbNoteAll label {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        left: 2px;
        cursor: pointer;
        /*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
        background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
        background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .chkPvPbNoteAll label:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #27ae60;
            /*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
            background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
            background: linear-gradient(to bottom, #167940 0%, #072915 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .chkPvPbNoteAll label:hover::after {
            opacity: 0.3;
        }

    .chkPvPbNoteAll input[type=checkbox] {
        visibility: hidden;
    }

        .chkPvPbNoteAll input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.btn-download {
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 70px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    padding-left: 33px;
    line-height: 24px;
    cursor: pointer;
    background-image: url(images/icons/trans-icon-down.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 12px 4px;
    background-color: #ccc;
}

    .btn-download::before {
        content: "Download";
    }

    .btn-download:hover {
        background-color: #f6bc61;
        border: solid 1px #f6bc61;
    }
/* LEGEND FOR ASSIGNED LOSS */

#dvAssignedLoss fieldset {
    padding: 0.4em;
    padding-top: 0px;
    border: 1px solid #7A7A7A;
    width: 98%;
    -border-radius: 8px;
}

    #dvAssignedLoss fieldset label.inline {
        display: inline;
        font-size: 13px;
    }

#dvAssignedLoss legend {
    font-weight: bold;
    font-size: 13px;
    padding: 2px 5px;
    letter-spacing: 1px;
}
/*END ASSIGNED LOSS LEGEND */
/* LEGEND FOR RECENT ACTIVITIES */

#dvRecentAct fieldset {
    padding: 0.4em;
    padding-top: 0px;
    border: 1px solid #7A7A7A;
    width: 98%;
    -border-radius: 8px;
}

    #dvRecentAct fieldset label.inline {
        display: inline;
        font-size: 13px;
    }

#dvRecentAct legend {
    font-weight: bold;
    font-size: 13px;
    padding: 2px 5px;
    letter-spacing: 1px;
}
/* LEGEND FOR ASSIGNED LOSS NIRAJ */
.tab-loss-status {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 40px;
    background: #e9e9e6;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
/*END RECENT ACTIVITIES LEGEND */
.btn-download {
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 70px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    padding-left: 33px;
    line-height: 24px;
    cursor: pointer;
    background-image: url(images/icons/trans-icon-down.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 12px 4px;
    background-color: #ccc;
}

.btn-upload2 {
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 80px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    padding-left: 33px;
    line-height: 24px;
    cursor: pointer;
    background-image: url(images/icons/trans-icon-upload2.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 12px 4px;
    background-color: #ccc;
}

.btn-email {
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 70px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    padding-left: 33px;
    line-height: 24px;
    cursor: pointer;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 12px 4px;
    background-color: #ccc;
}

.btn-edit {
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 70px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    padding-left: 33px;
    line-height: 24px;
    cursor: pointer;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 12px 4px;
    background-color: #ccc;
}

.btn-download::before {
    content: "Download";
}

.btn-download:hover {
    background-color: #f6bc61;
    border: solid 1px #f6bc61;
}

.btn-normal {
    font-size: 100%;
    font-weight: bold;
    border: solid 1px #ccc;
    min-width: 100px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    line-height: 24px;
    cursor: pointer;
    background-color: #cccccc;
    text-align: center;
}

.btn10 {
    font-family: "segoe UI";
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #16b5d7;
    border-radius: 5px;
    min-width: 80px;
    height: 30px;
    text-align: center;
    position: relative;
    line-height: 30px;
    cursor: pointer;
    background-color: #0e89cf;
    color: #fff;
}

    .btn10:hover {
        background-color: #f6bc61;
        border: solid 1px #f6bc61;
        color: #000;
    }

.dir-left {
    margin-right: 20px;
    float: left;
}

.dir-right {
    margin-left: 20px;
    float: right;
}

.__sch-dropmenu-header {
    color: #0e89cf;
    font-size: 140%;
    font-weight: bold;
}

.__sch-dropmenu-X {
    float: right;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 110%;
    background-color: #0e89cf;
    border: solid 1px #444;
    border-radius: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/*Status Home Pop Up*/
div#dvPossibleDuplicates {
    position: relative;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    min-height: 50px;
    min-width: 150px;
    border: 1px solid #06516e;
    background: #fff;
}

    div#dvPossibleDuplicates::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    div#dvPossibleDuplicates::after {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    div#dvPossibleDuplicates.top::before {
        left: 3%;
        bottom: -20px;
        border-top: 10px solid #06516e;
    }

    div#dvPossibleDuplicates.bottom::before {
        left: 3%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    div#dvPossibleDuplicates.bottom::after {
        left: 3%;
        top: -19px;
        border-bottom: 10px solid #fff;
    }

    div#dvPossibleDuplicates.left::before {
        right: -20px;
        top: 40%;
        border-left: 10px solid #06516e;
    }

    div#dvPossibleDuplicates.right::before {
        left: -20px;
        top: 40%;
        border-right: 10px solid #06516e;
    }
/*End Status Home Pop Up*/
/*Device Tab*/
ul.Dtab {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-bottom: solid 1px #395984;
}

    ul.Dtab li {
        display: inline;
        float: left;
        cursor: pointer;
        font-size: 110%;
        padding: 4px 12px 4px 12px;
        white-space: nowrap;
        color: #000000;
        border: solid 2px #395984;
        background: #ded7d6;
        margin-top: 2px;
    }

        ul.Dtab li img {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        ul.Dtab li.selected {
            padding: 5px 12px 5px 12px;
            color: #fff;
            border: solid 2px #395984;
            background: #84797b;
            margin-top: 0px;
            font-weight: bold;
        }

.Dtab-content {
    clear: both;
    padding-top: 2px;
}
/*Android Styles*/
.box-bluishGreen {
    background: #00A5C3;
    border: 0.5px solid;
    color: #FFFFFF;
    border-color: #0C3745;
    font-weight: bold;
    font-size: 12px;
    height: 64px;
}

.checkboxCustomized {
    background-color: #00A5C3;
    border-radius: 80%;
    height: 22px;
    width: 22px;
}

.legendDevice {
    background: #e9e9e9;
    border: solid 1px #819A99;
    padding: 6px;
}

    .legendDevice img {
        width: 18px;
        height: 18px;
    }

    .legendDevice span {
        font-size: 100%;
    }

.btnSmartReview {
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #05AFF7;
    outline: 0px;
    cursor: pointer;
}

    .btnSmartReview:hover, .btnSmartReview-hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #0E3249;
        font-size: 14px;
        font-weight: bold;
        color: #231f20;
        background: #C1E7F7;
        outline: 0px;
        cursor: pointer;
    }
/*.btnSmartReview[disabled] { background: #0E3249; }*/


.classtdinput {
    width: 95%;
    border: none;
    height: 100%;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: black;
}

.classtd {
    width: 8%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: black;
    font-weight: bold;
    text-align: center;
    border-left: #DADCDD 1px solid;
    border-right: #DADCDD 1px solid;
    line-height: 22px;
    margin-left: 2px;
    border: #DADCDD 1px solid;
}

.btnSub {
    font-family: Segoe UI;
    font-size: 110%;
    font-weight: bold;
    border: solid 1px #9AB6C8;
    border-radius: 5px;
    color: #000;
    background-color: #ccc;
    outline: 0px;
    cursor: pointer;
    padding: 0 30px 5px 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

    .btnSub:hover {
        color: #000000;
        background-color: #f3f3f3;
    }

.btnSublineitems {
    background-image: url(images/icons/trans_icon_line_items.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubcustompricing {
    background-image: url(images/icons/trans_icon_custom_pricing.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubupload {
    background-image: url(images/icons/trans-icon-up.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubNote {
    background-image: url(images/icons/trans-icon-notes.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubSelected {
    background-color: #fdca0d;
}

.btnSubback {
    background-image: url(images/icons/trans_icon_back.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubAccept {
    background-image: url(images/icons/trans_icon_accepted.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubReject {
    background-image: url(images/icons/trans_icon_rejected.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}
/*End Estimate Review*/
/*#fdca0d*/
.grid4 {
    font-size: 110%;
    color: #444;
}

    .grid4 tr th, .grid4 tr.header th, .grid4 tr.header td {
        color: #10354D;
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 2px #1E4113;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
    }

        .grid4 tr th:first-child {
            border-left: solid 1px transparent;
        }

    .grid4 tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
    }

        .grid4 tr td:first-child {
            border-left: solid 1px transparent;
        }

    .grid4 tr.alt td {
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 8px 4px 8px 4px;
        background: #FBFDF3;
    }

    .grid4 tr.footer td {
        font-weight: bold;
        padding-left: 4px;
        border-bottom: solid 1px #2C3639;
    }

    .grid4 tr.note td {
        font-size: 110%;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
    }

.pop {
    position: absolute;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    min-height: 50px;
    min-width: 150px;
    border: 1px solid #06516e;
    background: #fff;
    z-index: 1000000;
}

    .pop::before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
    }

    .pop::after {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    .pop.top::before {
        left: 3%;
        bottom: -20px;
        border-top: 10px solid #06516e;
    }

    .pop.bottom::before {
        right: 3%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    .pop.bottom::after {
        right: 3%;
        top: -18px;
        border-bottom: 10px solid #fff;
    }

    .pop.bottom2::before {
        right: 9%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    .pop.bottom2::after {
        right: 9%;
        top: -18px;
        border-bottom: 10px solid #fff;
    }

    .pop.bottom4::before {
        right: 78%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    .pop.bottom4::after {
        right: 78%;
        top: -18px;
        border-bottom: 10px solid #fff;
    }

    .pop.bottom3::before {
        right: 92%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    .pop.bottom3::after {
        right: 92%;
        top: -18px;
        border-bottom: 10px solid #fff;
    }

    .pop.bottom1::before {
        right: 6%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    .pop.bottom1::after {
        right: 6%;
        top: -18px;
        border-bottom: 10px solid #fff;
    }

    .pop.left::before {
        right: -20px;
        top: 40%;
        border-left: 10px solid #06516e;
    }

    .pop.right::before {
        left: -20px;
        top: 40%;
        border-right: 10px solid #06516e;
    }

.clselected {
    cursor: pointer;
    font-weight: bold;
    background-color: #fbd67d;
    text-decoration: none;
}

.clnormal {
    cursor: pointer;
    font-weight: 600;
    color: #5e9ca9;
    text-decoration: none;
}

ul.vtab3 {
    list-style: none;
}

    ul.vtab3 li {
        display: block;
        margin-bottom: 2px;
        padding: 5px;
        color: #1B5D05;
        font-weight: bold;
        border: solid 1px transparent;
    }

        ul.vtab3 li img {
            width: 16px;
            height: 16px;
        }

/*Start Scheduler*/
div.__clear {
    clear: both;
}

div.__sch {
    font-size: 12px;
    font-family: "Segoe UI", Arial;
    color: #6f6f72;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    min-width: 1200px;
    height: 650px;
}

    div.__sch ._nav {
        box-sizing: border-box;
        height: 60px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    div.__sch ._sched {
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 61px;
        width: 100%;
        min-height: 200px;
    }

._caption {
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 180%;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 12px 0 12px 0;
}

._leftNav {
    float: left;
    position: relative;
}

._viewBtn {
    float: left;
    box-sizing: border-box;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    margin: 12px 0px 12px 10px;
    color: #096397;
    padding: 0 10px 0 10px;
}

    ._viewBtn:hover {
        text-decoration: underline;
    }

._sel {
    background: #0e89cf;
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: none;
    !important
}

._rightNav {
    float: right;
    position: relative;
}

._prev {
    float: right;
    box-sizing: border-box;
    width: 50px;
    height: 34px;
    cursor: pointer;
    margin: 12px 10px 12px 10px;
    position: relative;
}

    ._prev:before {
        content: "";
        left: 15px;
        top: 10px;
        border: 10px solid transparent;
        border-right: 10px solid #096397;
        position: absolute;
    }

    ._prev:after {
        content: "";
        left: 17px;
        top: 10px;
        border: 10px solid transparent;
        border-right: 10px solid #fff;
        position: absolute;
    }

._next {
    float: right;
    box-sizing: border-box;
    width: 50px;
    height: 34px;
    cursor: pointer;
    margin: 12px 10px 12px 10px;
    position: relative;
}

    ._next:before {
        content: "";
        right: 15px;
        top: 10px;
        border: 10px solid transparent;
        border-left: 10px solid #096397;
        position: absolute;
    }

    ._next:after {
        content: "";
        right: 17px;
        top: 10px;
        border: 10px solid transparent;
        border-left: 10px solid #fff;
        position: absolute;
    }

._today {
    float: right;
    box-sizing: border-box;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    margin: 12px 10px 12px 10px;
    color: #096397;
    padding: 0 10px 0 10px;
}

    ._today:before {
        content: "Today";
        font-weight: bold;
    }

._baseline {
    float: right;
    box-sizing: border-box;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    margin: 12px 10px 12px 0px;
    color: #096397;
    padding: 0 10px 0 10px;
}

    ._baseline:before {
        content: "Set As Baseline";
        font-weight: bold;
    }

._sch_header {
    box-sizing: border-box;
    width: 100%;
    height: 66px
}

._sch_body_outer {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    border: solid 1px #ccc;
    overflow: auto;
}

._sch_body_inner {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    border-right: solid 1px #ccc;
}

._h_cap {
    box-sizing: border-box;
    height: 66px;
    border: solid 1px #ccc;
    border-left: 0px none;
    border-bottom: 0px none;
    float: left;
    overflow: hidden;
    text-align: center;
    line-height: 66px;
    color: #000;
}

._h_cap_d {
    box-sizing: border-box;
    height: 32px;
    border: solid 1px #ccc;
    border-left: 0px none;
    border-bottom: 0px none;
    float: left;
    overflow: hidden;
    text-align: center;
    line-height: 32px;
    color: #000;
}

._h_cap_c {
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    border-right: solid 1px #ccc;
    overflow: hidden;
    color: #000;
}

._ampm {
    box-sizing: border-box;
    height: 59px;
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: center;
    opacity: 0.7
}

._h_img {
    float: right;
    vertical-align: middle;
    padding: 5px;
}

._h_img_l {
    float: left;
    vertical-align: middle;
    padding: 5px;
}

.textbox {
    border: solid 1px #ccc;
    border-bottom: 0px none;
    float: left;
    text-align: left;
    color: #ddd;
}

table.__viewtable {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.__viewtable td {
        vertical-align: middle;
        text-align: left;
        box-sizing: border-box;
    }

._cal_event {
}

    ._cal_event ._lhandle {
        position: absolute;
        width: 3px;
        height: 15px;
        left: 1px;
        top: 2px;
        box-sizing: border-box;
        cursor: w-resize;
    }

    ._cal_event ._rhandle {
        position: absolute;
        width: 3px;
        height: 15px;
        right: 1px;
        top: 2px;
        box-sizing: border-box;
        cursor: w-resize;
    }

    ._cal_event:hover ._lhandle {
    }

    ._cal_event:hover ._rhandle {
    }

    ._cal_event:hover ._lhandle:before {
        content: ".....";
        font-weight: bold;
        position: absolute;
        left: -2px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    ._cal_event:hover ._rhandle:before {
        content: ".....";
        font-weight: bold;
        position: absolute;
        left: -2px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

div._spop {
    position: relative;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    min-height: 50px;
    min-width: 150px;
    border: 1px solid #06516e;
    background: #fff;
}

    div._spop::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    div._spop::after {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    div._spop.topleft::before {
        left: 3%;
        bottom: -20px;
        border-top: 10px solid #06516e;
    }

    div._spop.topleft::after {
        left: 3%;
        bottom: -19px;
        border-top: 10px solid #fff;
    }

    div._spop.topright::before {
        right: 3%;
        bottom: -20px;
        border-top: 10px solid #06516e;
    }

    div._spop.topright::after {
        right: 3%;
        bottom: -19px;
        border-top: 10px solid #fff;
    }

    div._spop.bottomleft::before {
        left: 3%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    div._spop.bottomleft::after {
        left: 3%;
        top: -19px;
        border-bottom: 10px solid #fff
    }

    div._spop.bottomright::before {
        right: 3%;
        top: -20px;
        border-bottom: 10px solid #06516e;
    }

    div._spop.bottomright::after {
        right: 3%;
        top: -19px;
        border-bottom: 10px solid #fff;
    }

    div._spop.left::before {
        right: -20px;
        top: 40%;
        border-left: 10px solid #06516e;
    }

    div._spop.right::before {
        left: -20px;
        top: 20%;
        border-right: 10px solid #06516e;
    }

    div._spop.right::after {
        left: -19px;
        top: 20%;
        border-right: 10px solid #fff;
    }

._form-container-label {
    font-size: 110%;
}

._form-container-field {
    margin-bottom: 10px;
}

div._cbox {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}

._cbox-selected {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}

    ._cbox-selected::before {
        content: "\2713 ";
    }

._cbox-selected-w {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #444;
}

    ._cbox-selected-w::before {
        content: "\2713 ";
    }

._chbox {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #096397;
    margin: 22px 0px 0px 0px;
    cursor: pointer;
}

._chbox-selected {
    font-size: 15px;
    text-align: center;
    line-height: 13px;
    color: #056c22;
}

    ._chbox-selected::before {
        content: "\2713 ";
    }

._cross {
    font-size: 15px;
    text-align: center;
    line-height: 13px;
    color: Red;
}

    ._cross::before {
        content: "\2717 ";
    }

._compare {
    float: right;
    box-sizing: border-box;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    margin: 12px 10px 0px 0px;
    color: #096397;
    padding: 0 10px 0 0px;
}

    ._compare:before {
        content: "Compare with current schedule";
        font-weight: bold;
    }

._gline {
    height: 25px;
    border-bottom: solid 1px #ccc;
    line-height: 25px;
    padding-left: 13px;
    padding-right: 13px;
}

.form_field input {
    height: 20px;
}

.form_field select {
    height: 25px;
}

._s_menu {
    height: 40px;
    border-bottom: solid 1px #ccc;
    line-height: 40px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 120%;
}

    ._s_menu img {
        width: 32px;
        height: 32px;
    }

    ._s_menu:hover {
        font-weight: bold;
        background: #eee;
        cursor: pointer;
    }

._form_field_container {
    float: left;
    padding: 2px;
    width: 225px;
    height: 25px;
}

._form_label {
    float: left;
    width: 100px;
    text-align: right;
    padding-top: 4px;
}

._form_field {
    float: left;
    width: 120px;
    text-align: left;
    padding-left: 4px;
}

    ._form_field input {
        height: 18px;
        border-radius: 5px;
    }

    ._form_field select {
        height: 23px;
        border-radius: 5px;
    }

.chk-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .chk-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none;
    }

input.toggle + label {
    padding: 2px;
    width: 80px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    font-size: 12px;
    background-color: #15a97d;
    transition: background 0.4s;
}

    input.toggle + label:before {
        display: block;
        position: absolute;
        top: 10%;
        left: 2.5%;
        bottom: 10%;
        right: 2.5%;
        content: "Job";
        padding-left: 50%;
        color: #15a97d;
        background-color: #fff;
        transition: background 0.4s;
        border-radius: 60px;
    }

    input.toggle + label:after {
        display: block;
        position: absolute;
        content: "";
        top: 20%;
        left: 5%;
        bottom: 20%;
        width: 45%;
        background-color: #15a97d;
        transition: margin 0.4s, background 0.4s;
        border-radius: 20px;
    }

input.toggle:checked + label {
    background-color: #e07839;
}

    input.toggle:checked + label:before {
        content: "Team";
        padding-left: 10%;
        color: #e07839;
    }

    input.toggle:checked + label:after {
        margin-left: 45%;
        background-color: #e07839;
    }

.bubble {
    position: relative;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    border: 1px solid #06516e;
    background: #fff;
    height: 5px;
    margin: 5px;
    width: 5px;
}

    .bubble::after {
        background-color: #F2F2F2;
        box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
        content: "\00a0";
        display: block;
        height: 20px;
        left: -10px;
        position: relative;
        top: 20px;
        transform: rotate( 45deg );
        -moz-transform: rotate( 45deg );
        -ms-transform: rotate( 45deg );
        -o-transform: rotate( 45deg );
        -webkit-transform: rotate( 45deg );
        width: 20px;
    }

._ancor {
    float: right;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    margin: 2px 2px 2px 2px;
    color: #096397;
}

    ._ancor:before {
        font-weight: bold;
    }
/*End Scheduler*/

/*Start callout css */
div.__co_container {
    position: absolute;
    z-index: 1000;
}

div.__co_backdrop {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: 0.0;
    z-index: 999;
}

div.callout {
    background-color: #444;
    background-image: -moz-linear-gradient(top, #444, #444);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 25px;
    min-height: 50px;
    border: 2px solid #444;
    text-shadow: 0 0 1px #000;
}

.callout::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #444;
}

.callout.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #444;
}

.callout.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #444;
}

.callout.right::before {
    left: -20px;
    top: 40%;
    border-right: 10px solid #444;
}

.callout.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
}

.callout.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
}

.callout td.cross {
    text-align: center;
    cursor: pointer;
    font-family: verdana;
    width: 14px;
}

    .callout td.cross:hover {
        text-align: center;
        cursor: pointer;
        font-family: verdana;
        background: #ded0d0;
        color: Red;
    }

.__co_opacity1 {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1.0;
}

.__co_opacity0 {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.0;
}
/*End callout css */

/*Start gridpopup */
div.__gp_container {
    position: absolute;
    z-index: 995;
}

div.__gp_backdrop {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: 0.0;
    z-index: 994;
}

div.__gp {
    position: relative;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    min-height: 50px;
    min-width: 150px;
    border: 1px solid #ccc;
    background: #fff;
}

    div.__gp td.cross {
        text-align: center;
        cursor: pointer;
        font-family: verdana;
        width: 14px;
    }

        div.__gp td.cross:hover {
            text-align: center;
            cursor: pointer;
            font-family: verdana;
            background: #ded0d0;
        }

.__co_opacity1 {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1.0;
}

.__co_opacity0 {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.0;
}
/*End gridpopup */
.btnSubGenInfo {
    background-image: url(images/icons/trans_icon_information.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubContacts {
    background-image: url(images/icons/trans_icon_address.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubNotes {
    background-image: url(images/icons/trans-icon-notes.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.btnSubDocs {
    background-image: url(images/icons/trans-icon-document.gif);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}
/*grid5*/
.grid5 {
    font-size: 110%;
    color: #444;
}

    .grid5 tr.header:hover td {
        background-color: Transparent;
    }

    .grid5 tr th, .grid5 tr.header th, .grid5 tr.header td {
        color: #10354D;
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 1px #1E4113;
        border-left: solid 1px #ccc;
        border: none;
        padding: 8px 4px 8px 4px;
    }

        .grid5 tr th:first-child {
            border-left: 0px;
        }

    .grid5 tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        padding: 6px 4px 6px 4px;
    }

        .grid5 tr td:first-child {
            border-left: 0px;
        }

    .grid5 tr.alt td {
        text-align: left;
        vertical-align: top;
        border-bottom: solid 1px #DDDEDC;
        padding: 8px 4px 8px 4px;
        background: #FBFDF3;
    }

    .grid5 tr.footer td {
        font-weight: bold;
        padding-left: 4px;
        border-bottom: solid 1px #2C3639;
    }

    .grid5 tr.note td {
        font-size: 110%;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
    }

    .grid5 tr.selected td {
        border: solid 1px #74AC67;
        border-top: solid 1px #74AC67;
        border-bottom: solid 1px #74AC67;
        color: #1B5D05;
        background-color: #E6FBDF;
        font-size: 110%;
        font-weight: bold;
    }

.grid5link {
    float: right;
    border-left: solid 1px #444;
    min-width: 20px;
    min-height: 16px;
    position: relative;
}

    .grid5link::before {
        content: "";
        left: 20%;
        top: 25%;
        border: 0.5em solid transparent;
        border-top: 8px solid #444;
        position: absolute;
    }

    .grid5link:hover {
        float: right;
        border: solid 1px transparent;
        background: #2c6c87;
        border-radius: 3px;
        min-width: 20px;
        min-height: 16px;
        position: relative;
        cursor: pointer;
    }

        .grid5link:hover::before {
            content: "";
            left: 20%;
            top: 25%;
            border: 0.5em solid transparent;
            border-top: 8px solid #e5f4fa;
            position: absolute;
        }

.grid5-btn {
    float: right;
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #ccc;
    height: 24px;
    position: relative;
    border-radius: 5px;
    line-height: 24px;
    cursor: pointer;
    background-color: #ccc;
    text-align: left;
    padding-left: 33px;
    padding-right: 20px;
    margin-left: 10px;
}

.grid5edit {
    background-image: url(images/icons/trans-icon-edit.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid5delete {
    background-image: url(images/icons/trans-icon-cross1.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-color: #f9cdb5;
}

.grid5save {
    background-image: url(images/icons/trans-icon-greentick.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-color: #83d8d8;
}

.grid5copy {
    background-image: url(images/icons/trans-icon-arrow-right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid5doc {
    background-image: url(images/icons/trans-icon-document.gif);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid5download {
    background-image: url(images/icons/trans-icon-down.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.grid5active {
    background-color: #cbf8e3;
    padding-left: 20px;
    padding-right: 20px;
}

.grid5inactive {
    background-color: #f9cdb5;
    padding-left: 20px;
    padding-right: 20px;
}

.lnkContact {
    font-size: 1.5em;
    color: #9197a3;
    cursor: pointer;
}

    .lnkContact:hover {
        font-weight: bold;
    }

.lnkContactSelected {
    font-size: 1.5em;
    color: #9197a3;
    cursor: pointer;
    font-weight: bold;
}

.classBtnAddDisable {
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: solid 1px #ccc;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 110%;
    font-weight: bold;
    color: #444;
    background: #ddd;
    cursor: pointer;
}

.classBtnAddEnable {
    background-color: #fdca0d;
}
/*grid3*/

/*CSS By Abhik*/
#notification {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 105;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #FF7800;
    padding: 5px;
}

    #notification span.dismiss {
        border: 2px solid #FFF;
        padding: 0 5px;
        cursor: pointer;
        float: right;
        margin-right: 10px;
    }

    #notification a {
        color: white;
        text-decoration: none;
        font-weight: bold
    }

.menu {
    text-align: left;
    list-style: none;
    border: solid 4px #AFCA6A;
    float: right;
    position: absolute;
    right: 32px;
    height: 96px;
    width: 130px;
    border-radius: 5px;
    background-color: #0E3249;
}

    .menu li {
        height: 29px;
    }

        .menu li:last-child {
            margin-bottom: 10px;
        }

        .menu li a {
            display: block;
            padding: 6px 16px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: #FFFFFF;
            font-weight: bold;
            text-decoration: none;
            text-align: left;
        }
/**************/

/* Other gradient styles*/
.BaseGray {
    background: #E6E6E6;
    border: solid 2px #B6B6B6;
}

.BaseBlue {
    background: #0E3249;
}

.BaseSky {
    background: #94c9eb;
}

.BaseTeal {
    background: #FEEFEC;
}

.gradientBoxBlue2D {
    background: #0E3249; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #0E3249); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #0E3249); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #0E3249); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #0E3249); /* Standard syntax */
}

.whiteBox {
    background: #FFFFFF;
    padding: 5px;
}

.box-bluishAsh {
    background: #00A5C3;
    border-radius: 8px;
    height: 52px;
    color: #FFFFFF;
}

.gradientBoxBlue2DSky {
    background: #94c9eb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#94c9eb, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#94c9eb, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#94c9eb, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#94c9eb, #FFFFFF); /* Standard syntax */
}

.gradientBoxBlue3DSky {
    background: #d4eaf7;
    color: #000000;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.gradientBoxBlue2DGreen {
    background: #006666; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #006666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #006666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #006666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #006666); /* Standard syntax */
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
}

.gradientBoxBlue3DGreen {
    background: #006666; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#006666, #FFFFFF, #006666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006666, #FFFFFF, #006666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006666, #FFFFFF, #006666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006666, #FFFFFF, #006666); /* Standard syntax */
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
}

.gradientBoxBlueInverse {
    background: #0E3249; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0E3249, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0E3249, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0E3249, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0E3249, #FFFFFF); /* Standard syntax */
}


.sidebarBox {
    width: 300px; /* Replace with your sidebar width */
    float: right;
    position: relative;
}

.scrollingBox {
    width: 300px; /* Replace with the same width as sidebar */
}

.selectHolder {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    height: 30px;
    border-radius: 4px;
    padding-left: 14px;
    border-color: #B6B6B6;
    text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}
/************************/

.dvHelpIcon {
    background-color: #2e3c2c;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

    .dvHelpIcon::before {
        content: "?";
        color: #b2f2ad;
        font-family: Segoe UI;
        font-size: 12px;
        font-weight: bold;
    }

.f-icon-tick {
    color: Green;
    font-weight: bold;
}

    .f-icon-tick::before {
        content: "\002714";
        font-size: 16px;
        color: Green;
        margin: 3px;
    }

.f-icon-cross {
    color: Red;
    font-weight: bold;
}

    .f-icon-cross::before {
        content: "\002718";
        font-size: 16px;
        color: Red;
        margin: 3px;
    }

.f-icon-warning {
    color: #f8c446;
    font-weight: bold;
}

    .f-icon-warning::before {
        content: "\0026A0";
        font-size: 16px;
        color: #f8c446;
        margin: 3px;
    }


/* Loss Explorer - Water damage section - BASOB*/
.wd-main {
    width: 100%;
    font-size: 110%;
}

    .wd-main::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

.wd-leftpane {
    width: 25%;
    float: left;
    height: 520px;
    border: solid 1px #ccc;
    overflow: auto;
}

.wd-rightpane {
    width: 74%;
    float: right;
    min-height: 520px;
    border: solid 1px #ccc;
}

.wd-level {
    font-weight: bold;
    border-bottom: solid 1px #aaa;
    padding: 6px;
    background: #eee;
}

.wd-area {
    padding: 6px 6px 6px 26px;
    border-bottom: solid 1px #ccc;
    cursor: pointer;
}

    .wd-area:hover {
        background: #cce6ff;
    }

.wd-selected {
    background: #448cd0;
    color: #fff;
}

.wd-areainfo {
    margin: 8px;
}

    .wd-areainfo div {
        margin: 10px;
    }

.wd-areadetails {
    margin: 0px 4px;
}

.wd-damagedetails {
    width: 48%;
    float: left;
    padding: 0px 1%;
}

.wd-mmap {
    width: 49%;
    float: right;
}

    .wd-damagedetails h1, .wd-mmap h1 {
        display: block;
        text-align: center;
        font-size: 130%;
        font-weight: bold;
        color: #fff;
        background: #448cd0;
        padding: 4px 0px;
    }

    .wd-mmap img {
        margin: 0px auto;
    }

/*grid7*/
.grid7 {
    font-size: 100%;
}

    .grid7 thead tr th {
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        border-bottom: solid 1px #1E4113;
        padding: 6px 6px;
        font-size: 100%;
    }

    .grid7 tfoot tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #DDDEDC;
        padding: 6px 6px;
        font-weight: bold;
    }

    .grid7 tbody tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #DDDEDC;
        padding: 6px 6px;
    }

    .grid7 tbody tr:last-child td {
        border-bottom: solid 1px #1E4113;
    }

    .grid7 tbody tr:hover td {
        background-color: #E6FBDF;
    }


/* Loss Explorer - Water damage section */
/* Contact details - NIRAJ */
.cd-res {
    background: #eee;
}

    .cd-res::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

.cd-search {
    height: 50px;
    padding-top: 20px;
    border-bottom: solid 1px #ccc;
    background: #fff;
}

.search {
    width: 350px;
    margin: 0px auto;
    position: relative;
}

    .search input[type=text] {
        width: 100%;
        border: solid 1px #ccc;
        border-radius: 5px;
        font-size: 110%;
        height: 30px;
        line-height: 20px;
        padding: 0px 6px;
    }

    .search img {
        width: 16px;
        height: 16px;
        background: #5e9cb1;
        border: solid 3px #5e9cb1;
        border-radius: 3px;
        position: absolute;
        top: 5px;
        right: -2px;
        cursor: pointer;
    }

.cd-left {
    width: 25%;
    float: left;
    background: #fff;
    height: 500px;
    box-sizing: border-box;
}

.cd-right {
    width: 75%;
    float: right;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #ccc;
}

.cd-left ul {
    padding-top: 20px;
}

    .cd-left ul li {
        width: 90%;
        height: 33px;
        line-height: 33px;
        font-size: 110%;
        padding-left: 10px;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: solid 1px Transparent;
    }

        .cd-left ul li:hover {
            background: #ccc;
            border: solid 1px #ccc;
        }

        .cd-left ul li.selected {
            background: #D0EAFB;
            font-weight: bold;
            border: solid 1px #ccc;
        }

.nocontact {
    color: #32678A;
    font-size: 120%;
    width: 250px;
    text-align: center;
    margin: 0px auto;
}

.cd-container1 {
    background: #ccc;
}

.cd-container {
    background: #ccc;
    height: 500px;
    overflow: auto;
}

.cd-items {
    border: solid 1px #ccc;
    background: #fff;
    margin: 5px;
    border-radius: 5px;
    font-size: 110%;
    padding-bottom: 10px;
}

    .cd-items .name {
        padding: 6px;
        font-weight: bold;
        color: #5e9cb1;
        border-bottom: solid 1px #ccc;
        padding-left: 12px;
        line-height: 26px;
        font-size: 125%;
    }

        .cd-items .name::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

    .cd-items .address, .cd-items .phone, .cd-items .email {
        margin: 6px;
        margin-left: 40px;
        min-height: 25px;
        line-height: 25px;
        position: relative;
    }

        .cd-items .address::before {
            content: "\2709";
            position: absolute;
            left: 10;
            top: 10;
            margin-left: -30px;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border: solid 1px #5e9cb1;
            border-radius: 50%;
            background: #5e9cb1;
            color: #fff;
            font-size: 20px;
        }

        .cd-items .phone::before {
            content: "\260E";
            position: absolute;
            left: 10;
            top: 10;
            margin-left: -30px;
            width: 25px;
            height: 25px;
            line-height: 20px;
            text-align: center;
            border: solid 1px #5e9cb1;
            border-radius: 50%;
            background: #5e9cb1;
            color: #fff;
            font-size: 20px;
            font-family: Arial Unicode MS;
        }

        .cd-items .email::before {
            content: "@";
            position: absolute;
            left: 10;
            top: 10;
            margin-left: -30px;
            width: 25px;
            height: 25px;
            line-height: 20px;
            text-align: center;
            border: solid 1px #5e9cb1;
            border-radius: 50%;
            background: #5e9cb1;
            color: #fff;
            font-size: 15px;
        }

    .cd-items .add {
        background: #74797e;
        padding: 0px 30px;
        display: inline-block;
        border-radius: 5px;
        color: #fff;
        font-size: 80%;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        float: right;
        margin-right: 12px;
        cursor: pointer;
    }


.nav3 {
    padding: 10px 0px;
    border-bottom: solid 1px #ccc;
}

    .nav3 ul li {
        display: inline-block;
        color: #3a4451;
        border: solid 1px #ccc;
        border-left: 0px none;
        height: 28px;
        line-height: 26px;
        text-align: center;
        padding: 0px 7px;
        cursor: pointer;
        font-weight: bold;
        box-sizing: border-box;
        margin-left: -3px;
    }

        .nav3 ul li:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-left: solid 1px #ccc;
            margin-left: 0px;
        }

        .nav3 ul li:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .nav3 ul li:hover {
            color: #fff;
            background: #5e9cb1;
        }

        .nav3 ul li.selected {
            color: #fff;
            background: #5e9cb1;
        }

.grid2 tr.filter td {
    position: relative;
    padding: 0;
    border-bottom: solid 1px #000;
}

.grid2 tr.filter:hover td {
    background-color: Transparent;
}

.grid2 tr.filter td input[type=text] {
    width: 90%;
    border: 0px none;
    height: 30px;
    line-height: 30px;
    font-size: 110%;
    margin-left: 3px;
}

.grid2 tr.filter td img {
    width: 16px;
    height: 16px;
    background: #5e9cb1;
    border: solid 3px #5e9cb1;
    border-radius: 3px;
    position: absolute;
    right: 3px;
    top: 5px;
    cursor: pointer;
}

.grid2 .dvContent {
    position: relative;
    min-height: 20px;
    padding-right: 30px;
}

.grid2 .imgCommand {
    width: 16px;
    height: 16px;
    background: #ccc;
    border: solid 3px #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0px;
}

    .grid2 .imgCommand:hover {
        background: #5e9cb1;
        border: solid 3px #5e9cb1;
    }

.cm-tab-container {
    border-bottom: solid 2px #1A699D;
}

    .cm-tab-container::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .cm-tab-container .tbs {
        position: relative;
        width: 300px;
        float: left;
    }

        .cm-tab-container .tbs #uLContacts {
            border: 0px none;
            margin-top: 23px;
        }

    .cm-tab-container .btn-new {
        background: #5e9cb1;
        height: 33px;
        line-height: 33px;
        cursor: pointer;
        position: relative;
        margin: 0px auto;
        color: #fff;
        border-radius: 5px;
        display: inline-block;
        padding: 0 10px 0 40px;
        font-size: 110%;
        font-weight: bold;
        float: right;
        margin: 10px 6px 0 0;
        z-index: 0;
        text-shadow: 1px 1px #444;
    }

        .cm-tab-container .btn-new::before {
            content: "+";
            position: absolute;
            left: 10px;
            top: 5px;
            width: 20px;
            height: 20px;
            line-height: 22px;
            text-align: center;
            border: solid 1px #fff;
            border-radius: 50%;
            color: #fff;
            font-size: 20px;
        }

        .cm-tab-container .btn-new:hover {
            background: #0E3249;
        }


.add-contact-main .caption {
    margin-top: 10px;
    border-bottom: solid 1px #999;
}

    .add-contact-main .caption h1 {
        display: inline-block;
        height: 33px;
        line-height: 33px;
        font-size: 15px;
        color: #444;
    }

    .add-contact-main .caption .btn01 {
        background: #666;
        height: 28px;
        line-height: 26px;
        cursor: pointer;
        color: #fff;
        border-radius: 5px;
        display: inline-block;
        padding: 0 10px;
        font-size: 110%;
        font-weight: bold;
        float: right;
        text-shadow: 1px 1px #444;
        margin-right: 10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    }

.contact-summary-info {
    width: 90%;
    margin: 0px auto;
}

    .contact-summary-info .inner {
        width: 45%;
        float: left;
    }

    .contact-summary-info::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .contact-summary-info .inner div {
        margin-bottom: 6px;
    }

    .contact-summary-info .inner label {
        display: block;
        font-weight: bold;
        font-size: 120%;
    }

        .contact-summary-info .inner label.mandatory {
            position: relative;
        }

            .contact-summary-info .inner label.mandatory::after {
                content: " *";
                color: Red;
                font-size: 14px;
            }

    .contact-summary-info .inner input,
    .contact-summary-info .inner select,
    .contact-summary-info .inner textarea {
        box-sizing: border-box;
        width: 90%;
        font-size: 120%;
        padding: 5px 5px;
        border: solid 1px #bbb;
        border-radius: 3px;
    }

    .contact-summary-info .btn-bar {
        width: 80%;
        float: none;
        display: block;
    }

        .contact-summary-info .btn-bar .btn {
            height: 28px;
            line-height: 26px;
            padding: 0px 8px;
        }



.popContMgmt {
    position: absolute;
    padding: 10px;
    /*box-shadow:0px 0px 20px #999;*/
    min-height: 250px;
    min-width: 400px;
    border: 1px solid #06516e;
    background: #fff;
    z-index: 1000000;
    border-radius: 4px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.popContMgmt1 {
    position: absolute;
    padding: 10px;
    /*box-shadow:0px 0px 20px #999;*/
    min-height: 190px;
    min-width: 250px;
    border: 1px solid #06516e;
    background: #fff;
    z-index: 1000000;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control {
    display: block;
    width: 250px;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    /*-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    */
}
/* Contact details - NIRAJ */

/*--------- Estimate Review Start------------------ */
.ReviewChbox {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 15px;
    height: 15px;
    border: solid 1px #096397;
    margin: 5px 0px 0px 0px;
    cursor: pointer;
}

.ReviewChbox-selected {
}

    .ReviewChbox-selected::before {
        font-family: Arial;
        content: "\2713 ";
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        color: #056c22;
        position: absolute;
        left: 1px;
        top: 0px;
    }

.NegColor {
    color: Red;
}

.PosColor {
    color: #444;
}

.NAColor {
    background-color: #808080;
    color: #fff;
}
/*--------- Estimate Review End------------------ */
.btn-more {
    border: solid 1px #9AB6C8;
    font-size: 110%;
    font-weight: bold;
    color: #fff;
    background: #268ebe;
    outline: 0px;
    cursor: pointer;
    position: relative;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
}

    .btn-more:hover {
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border: solid 1px #0E3249;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #2B85C2;
        outline: 0px;
        cursor: pointer;
    }

    .btn-more::before {
        content: "";
        position: absolute;
        right: 20px;
        top: 10px;
        width: 16px;
        height: 16px;
        border: solid 8px transparent;
        border-top: solid 8px #fff;
        box-sizing: border-box;
    }

    .btn-more::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 8px;
        width: 16px;
        height: 16px;
        border: solid 8px transparent;
        border-top: solid 8px #268ebe;
        box-sizing: border-box;
    }

    .btn-more .sub {
        width: 160px;
        background: #ddd;
        border: solid 1px #bbb;
        border-bottom: 0px;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 30px;
        display: none;
        z-index: 9999;
    }

    .btn-more:hover .sub {
        display: block;
    }

    .btn-more .sub a {
        display: block;
        height: 30px;
        border-bottom: solid 1px #bbb;
    }

.help-page {
    font-family: Segoe UI;
    font-size: 12px;
}

    .help-page .header {
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 2em;
        font-weight: bold;
        background: #02619d;
        color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 30000;
    }

    .help-page .footer {
        height: 50px;
        margin-top: 20px;
        border-top: solid 1px #ddd;
        text-align: center;
        padding-top: 20px;
    }

    .help-page .content {
        margin-top: 90px;
    }

        .help-page .content .module {
            border: solid 1px #cb7b3a;
            width: 90%;
            margin: 0px auto;
            border-radius: 5px;
            min-height: 200px;
            margin-top: 40px;
            text-align: center;
        }

            .help-page .content .module h1 {
                background: #cb7b3a;
                color: #fff;
                font-size: 1.5em;
                font-weight: bold;
                width: 40%;
                height: 36px;
                line-height: 36px;
                margin: 0px auto;
                margin-top: -18px;
                text-align: center;
                border-radius: 3px;
                text-transform: uppercase;
            }

            .help-page .content .module p {
                color: #595959;
                font-size: 1.2em;
                text-align: center;
                width: 90%;
                margin: 20px auto;
                line-height: 20px;
            }

            .help-page .content .module .device {
                width: 47%;
                margin: 1%;
                min-height: 100px;
                display: inline-block;
            }

                .help-page .content .module .device label {
                    font-size: 1.3em;
                    display: block;
                    color: #cb7b3a;
                    text-align: left;
                    border-bottom: solid 1px #ccc;
                    font-weight: 600;
                }

                .help-page .content .module .device .link {
                    margin: 20px;
                    display: table;
                }

                    .help-page .content .module .device .link span {
                        display: table-cell;
                        vertical-align: middle;
                    }

                    .help-page .content .module .device .link img {
                        width: 20px;
                        height: 20px;
                        margin-right: 10px;
                        display: table-cell;
                    }

                    .help-page .content .module .device .link a {
                        font-size: 1.2em;
                        text-decoration: none;
                    }

                .help-page .content .module .device .desc {
                    color: #999;
                    font-size: 1.2em;
                }

                .help-page .content .module .device .video {
                    margin-top: 10px;
                }

            .help-page .content .module::after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both;
            }

@media only screen and (min-width: 750px) and (max-width: 1199px) {

    @-ms-viewport {
        width: device-width;
    }

    .help-page .content .module h1 {
        background: #cb7b3a;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        width: 60%;
        height: 36px;
        line-height: 36px;
        margin: 0px auto;
        margin-top: -18px;
        text-align: center;
        border-radius: 3px;
        text-transform: uppercase;
    }

    .help-page .content .module .device {
        width: 70%;
        margin: 1% auto;
        min-height: 100px;
        float: none;
    }
}

@media only screen and (min-width: 120px) and (max-width: 749px) {

    @-ms-viewport {
        width: device-width;
    }

    .help-page .content .module h1 {
        background: #cb7b3a;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        width: 96%;
        height: 36px;
        line-height: 36px;
        margin: 0px auto;
        margin-top: -18px;
        text-align: center;
        border-radius: 3px;
        text-transform: uppercase;
    }

    .help-page .content .module .device {
        width: 96%;
        min-height: 100px;
        float: none;
        margin: 2% auto;
    }
}

/*********************************MOBILE**********************/
.page-main {
    cursor: default;
    width: 100%;
}

.page-header {
    height: 120px;
    background: url(images/body-bg.png) repeat-x left -80px;
}

.page-content {
    padding: 10px;
    min-height: 500px;
    background: url(images/body-bg.png) repeat-x left -200px;
}

.page-footer {
    padding: 10px;
    padding-top: 5px;
    margin-top: 5px;
    border-top: dotted 1px gray;
}

.mica-logo {
    width: 40%;
    height: 120px;
    float: left;
    text-align: left;
    margin-left: 20px;
}

.cnt-logo {
    width: 40%;
    height: 120px;
    float: right;
    text-align: right;
    margin-right: 20px;
}

    .mica-logo:before, .cnt-logo:before {
        content: " ";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .mica-logo img, .cnt-logo img {
        vertical-align: middle;
    }

    .cnt-logo img {
        height: 60px;
    }

.login-content {
    height: 500px;
    width: 1100px;
    margin: 0px auto;
    font-size: 0;
}

    .login-content:before {
        content: " ";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .login-content > div {
        display: inline-block;
        vertical-align: middle;
        min-height: 300px;
        box-sizing: border-box;
        font-size: 11px;
    }

    .login-content .lb {
        width: 64%;
        border: solid 1px #B6B6B6;
        background: #E6E6E6;
    }

    .login-content .rb {
        width: 34%;
        border: solid 1px #D07300;
        background: #fcc784;
        margin-left: 2%;
    }

    .login-content input {
        font-family: Arial, Verdana, Sans-Serif;
        border: solid 1px #ccc;
        border-radius: 3px;
        padding: 7px 10px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        background: #fff;
        width: 90%;
        margin: 0% 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .login-content label {
        font-family: Arial, Verdana, Sans-Serif;
        display: block;
        width: 90%;
        margin: 0% 5%;
        height: 20px;
        line-height: 20px;
        color: #000;
        font-size: 1.2em;
        margin-top: 10px;
        text-align: left;
    }

    .login-content input[type=submit] {
        font-family: Arial, Verdana, Sans-Serif;
        background: #35475d;
        border: solid 1px #35475d;
        border-radius: 3px;
        padding: 7px 10px;
        font-size: 14px;
        cursor: pointer;
        color: #fff;
        box-sizing: border-box;
        margin: 1% 5%;
    }

        .login-content input[type=submit]:hover {
            background: #bb6501;
            border: solid 1px #bb6501;
            font-weight: normal;
        }

    .login-content .error {
        margin: 5% 5%;
        text-align: center;
        color: Red;
        font-size: 1.2em;
    }

    .login-content .hl {
        border-top: solid 1px #D07300;
        margin: 5% 5%;
    }

    .login-content .h {
        font-family: Arial;
        width: 80%;
        margin: 20px auto;
        text-align: center;
        color: #2478B1;
        font-size: 2.5em;
        font-style: normal;
        margin-top: 60px;
    }

    .login-content .d {
        font-family: Arial;
        width: 60%;
        margin: 20px auto;
        text-align: center;
        color: #595959;
        font-size: 1.8em;
    }

    .login-content .ml {
        font-family: Arial;
        width: 80%;
        margin: 8px auto;
        text-align: center;
        color: #2478B1;
        font-size: 2.5em;
        font-style: normal;
    }

    .login-content m > i {
        font-style: normal;
        color: Red;
    }

    .login-content .forgot-password-link {
        float: right;
        color: #000;
        font-size: 0.9em;
        font-style: italic;
        cursor: pointer;
        text-decoration: underline;
    }

        .login-content .forgot-password-link:hover {
            color: Maroon;
        }

@media only screen and (min-width: 750px) and (max-width: 1100px) {
    @-ms-viewport {
        width: device-width;
    }

    .login-content {
        height: 500px;
        width: 90%;
        margin: 0px auto;
    }

    .page-content {
        padding: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 749px) {
    @-ms-viewport {
        width: device-width;
    }

    .page-header {
        height: 80px;
        background: url(images/body-bg.png) repeat-x left -120px;
    }

    .page-content {
        min-height: 0;
        padding: 0;
    }

    .page-footer {
        text-align: center;
    }

    .mica-logo {
        display: none;
    }

    .cnt-logo {
        width: 100%;
        height: 80px;
        float: none;
        text-align: left;
        margin-left: 20px;
    }

    .login-content {
        height: 400px;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }

        .login-content:before {
            content: " ";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .login-content > div {
            display: inline-block;
            vertical-align: middle;
            min-height: 300px;
            box-sizing: border-box;
        }

        .login-content .lb {
            display: none;
        }

        .login-content .rb {
            width: 360px;
            border: solid 1px #D07300;
            background: #fcc784;
        }
}

@media only screen and (min-width: 120px) and (max-width: 479px) {
    @-ms-viewport {
        width: device-width;
    }

    .page-header {
        height: 80px;
        background: url(images/body-bg.png) repeat-x left -120px;
    }

    .page-content {
        min-height: 0;
        padding: 0;
    }

    .page-footer {
        text-align: center;
    }

    .mica-logo {
        display: none;
    }

    .cnt-logo {
        width: 100%;
        height: 80px;
        float: none;
        text-align: left;
        margin-left: 20px;
    }

    .login-content {
        height: 400px;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }

        .login-content:before {
            content: " ";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .login-content > div {
            display: inline-block;
            vertical-align: middle;
            min-height: 300px;
            box-sizing: border-box;
        }

        .login-content .lb {
            display: none;
        }

        .login-content .rb {
            width: 90%;
            border: solid 1px #D07300;
            background: #fcc784;
        }
}

/* Smart Review */

.smart-review {
    font-family: Arial,Helvetica, sans-serif;
    margin: 10px;
    position: relative;
}

    .smart-review .header {
        background: #f9f9f9;
        position: fixed;
        width: 100%;
        height: 150px;
        left: 0;
        top: 0;
        z-index: 999999;
    }

        .smart-review .header .loss-info {
            padding-top: 29px;
            height: 120px;
            border-bottom: solid 1px #ccc;
            margin-left: 150px;
            padding-left: 20px;
        }

            .smart-review .header .loss-info h1 {
                font-size: 250%;
                color: #595959;
            }

            .smart-review .header .loss-info div {
                width: 100%;
            }

            .smart-review .header .loss-info label {
                white-space: nowrap;
                font-weight: 600;
                font-size: 1.2em;
                color: #b1b1b1;
            }

            .smart-review .header .loss-info span {
                white-space: nowrap;
                font-size: 1.2em;
                color: #b1b1b1;
            }

                .smart-review .header .loss-info span.spacer {
                    display: inline-block;
                    width: 30px;
                }

            .smart-review .header .loss-info .backBtn {
                font-size: 1.1em;
                font-weight: 600;
                text-align: center;
                height: 30px;
                line-height: 30px;
                color: #595959;
                background: #e0e0e0;
                border-radius: 3px;
                border: solid 1px #e0e0e0;
                width: 80px;
                margin: 4px auto;
                cursor: pointer;
                float: right;
                margin-right: 20px;
            }

            .smart-review .header .loss-info .owner {
                color: #b1b1b1;
                font-size: 200%;
                font-weight: 600;
                margin-bottom: 5px;
            }

        .smart-review .header .header-img {
            width: 150px;
            height: 150px;
            float: left;
            background: #3d4162;
            position: relative;
        }

            .smart-review .header .header-img::before {
                content: " ";
                position: absolute;
                left: 0;
                top: 0;
                background: #e4f5f9;
                width: 150px;
                height: 75px;
            }

            .smart-review .header .header-img img {
                width: 80px;
                height: 80px;
                position: absolute;
                left: 35px;
                top: 35px;
            }

        .smart-review .header::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

    .smart-review .btn {
        font-size: 1.1em;
        font-weight: 600;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: #109bd8;
        border-radius: 3px;
        border: solid 1px #109bd8;
        width: 150px;
        margin: 4px auto;
        cursor: pointer;
    }

        .smart-review .btn:hover {
            background: #b36912;
            color: #fff;
            border: solid 1px #b36912;
        }

        .smart-review .btn[disabled] {
            background: #fff;
            color: #ccc;
            border: solid 1px #ccc;
            cursor: default;
        }

.smart-review-content {
    width: 80%;
    margin: 40px auto;
    margin-top: 190px;
}

    .smart-review-content::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .smart-review-content .h {
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #595959;
    }

    .smart-review-content .d {
        font-size: 1.1em;
        text-align: center;
        color: #b1b1b1;
        width: 200px;
        margin: 0px auto;
        height: 65px;
    }

        .smart-review-content .d b {
            color: #999;
        }

    .smart-review-content .select {
        font-size: 1.1em;
        font-weight: 600;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #595959;
        background: #e0e0e0;
        border-radius: 3px;
        border: solid 1px #e0e0e0;
        width: 80px;
        margin: 4px auto;
        cursor: pointer;
    }

.new-review {
    width: 25%;
    float: left;
}

    .new-review .ico {
        width: 150px;
        height: 150px;
        background: #fbe8ab;
        border: solid 1px #fbe8ab;
        border-radius: 50%;
        margin: 20px auto;
        position: relative;
    }

        .new-review .ico::before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            background: #f7d055;
            border-bottom: solid 1px #f7d055;
            width: 150px;
            height: 75px;
            border-radius: 150px 150px 0 0;
        }

        .new-review .ico img {
            position: absolute;
            left: 35px;
            top: 35px;
            width: 80px;
            height: 80px;
        }

.existing-review {
    width: 25%;
    float: left;
}

    .existing-review .ico {
        width: 150px;
        height: 150px;
        background: #d2edf4;
        border: solid 1px #d2edf4;
        border-radius: 50%;
        margin: 20px auto;
        position: relative;
    }

        .existing-review .ico::before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            background: #9bd7e7;
            border-bottom: solid 1px #9bd7e7;
            width: 150px;
            height: 75px;
            border-radius: 150px 150px 0 0;
        }

        .existing-review .ico img {
            position: absolute;
            left: 35px;
            top: 35px;
            width: 80px;
            height: 80px;
        }

.ins-profiles {
    width: 25%;
    float: left;
}

    .ins-profiles .ico {
        width: 150px;
        height: 150px;
        background: #c9e6de;
        border: solid 1px #c9e6de;
        border-radius: 50%;
        margin: 20px auto;
        position: relative;
    }

        .ins-profiles .ico::before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            background: #72c1b0;
            border-bottom: solid 1px #72c1b0;
            width: 150px;
            height: 75px;
            border-radius: 150px 150px 0 0;
        }

        .ins-profiles .ico img {
            position: absolute;
            left: 35px;
            top: 35px;
            width: 80px;
            height: 80px;
        }

.smart-audit {
    width: 25%;
    float: left;
}

    .smart-audit .ico {
        width: 150px;
        height: 150px;
        background: #f9e2ec;
        border: solid 1px #f9e2ec;
        border-radius: 50%;
        margin: 20px auto;
        position: relative;
    }

        .smart-audit .ico::before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            background: #e6b7cc;
            border-bottom: solid 1px #e6b7cc;
            width: 150px;
            height: 75px;
            border-radius: 150px 150px 0 0;
        }

        .smart-audit .ico img {
            position: absolute;
            left: 35px;
            top: 35px;
            width: 80px;
            height: 80px;
        }


.new-review-page1 {
    width: 95%;
    margin: 20px auto;
    margin-top: 170px;
}

    .new-review-page1::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .new-review-page1 .h {
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        color: #595959;
    }

    .new-review-page1 .d {
        font-size: 1.1em;
        text-align: center;
        color: #b1b1b1;
        width: 90%;
        margin: 0px auto;
        height: 65px;
    }

        .new-review-page1 .d b {
            color: #999;
        }

    .new-review-page1 .select {
        font-size: 1.1em;
        font-weight: 600;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #595959;
        background: #e0e0e0;
        border-radius: 3px;
        border: solid 1px #e0e0e0;
        width: 97%;
        margin: 4px auto;
        cursor: pointer;
    }

        .new-review-page1 .select[disabled] {
            color: #b1b1b1;
            background: #eee;
            cursor: default;
            pointer-events: none;
        }

    .new-review-page1 .items {
        width: 24%;
        margin: 0.5%;
        float: left;
        border: solid 1px #ddd;
        box-sizing: border-box;
    }

        .new-review-page1 .items .ico {
            width: 60px;
            margin: 20px auto;
        }

            .new-review-page1 .items .ico img {
                width: 60px;
                height: 60px;
            }

        .new-review-page1 .items:hover {
            background: #ccc;
        }

    .new-review-page1 .selectedreviwitem {
        background: #8ccafb;
    }

        .new-review-page1 .selectedreviwitem .d {
            color: White;
        }

.select-profile {
    background: #d2edf4;
    margin: 0.5%;
    text-align: center;
    padding: 10px;
}

    .select-profile label {
        font-size: 1.7em;
        font-weight: bold;
        color: #595959;
        height: 30px;
        width: 600px;
        ;
        line-height: 30px;
        margin: 20px auto;
    }

    .select-profile select {
        font-size: 1.5em;
        padding: 5px;
        border-radius: 3px;
        color: #595959;
        display: inline;
        margin-left: 8px;
    }

    .select-profile a {
        font-size: 1.3em;
        margin-left: 20px;
    }

.ex-review-item {
    border: solid 1px #ccc;
    margin-bottom: 10px;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    border-radius: 5px;
}

    .ex-review-item:hover {
        background: #e3f0fc;
    }

    .ex-review-item > div {
        margin: 5px;
    }

    .ex-review-item .t {
        color: #595959;
        font-size: 1.4em;
        font-weight: bold;
    }

    .ex-review-item .r, .ex-review-item .s {
        color: #b1b1b1;
        font-size: 1.2em;
    }

    .ex-review-item .l {
        text-align: left;
    }

        .ex-review-item .l > div {
            display: inline-block;
            width: 80px;
        }


.xact-file-list {
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px #a4d1ff;
    width: 97%;
    background: #fff;
    z-index: 99;
    height: 150px;
    overflow: auto;
}

    .xact-file-list > div > div {
        border-bottom: solid 1px #e3f0fc;
        padding: 8px;
        font-size: 1.1em;
        color: #595959;
        cursor: pointer;
    }

        .xact-file-list > div > div:nth-child(odd) {
            background: #e3f0fc;
        }

        .xact-file-list > div > div:nth-child(even) {
            background: #fff;
        }

        .xact-file-list > div > div:hover {
            background: #3088e2;
            color: #fff;
        }

.ui-dialog {
    padding: 0px;
    border: solid 1px #999;
}

.jq-pop {
    left: 0;
    top: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
}

    .jq-pop::after {
        visibility: hidden;
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
        display: none;
    }

    .jq-pop .ui-dialog-content {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        overflow: auto;
        position: relative;
        padding: 0 !important;
    }

.ui-dialog-titlebar {
    padding: 10px;
    background: #109bd8;
    border-bottom: solid 1px #999;
    position: relative;
}

.ui-dialog-title {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: 10px;
    top: 6px;
    background: rgba(0,0,0,0.5);
    border: solid 2px rgba(0,0,0,0.5);
    width: 26px;
    height: 25px;
    border-radius: 50%;
    outline: 0 none;
    cursor: pointer;
}

    .ui-dialog-titlebar-close .ui-button-text {
        display: none;
    }

    .ui-dialog-titlebar-close .ui-icon-closethick::before {
        content: "X";
        font-size: 1.1em;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 7px;
        top: 4px;
    }

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250,250,250,0.7);
    z-index: 99999;
}

.div-popup {
    overflow: auto;
}

    .div-popup .msg-nodata {
        width: 100%;
        text-align: center;
        margin-top: 150px;
    }

.smart-review-profiles-content {
    margin-top: 160px;
}

    .smart-review-profiles-content .left-pane {
        width: 25%;
        position: fixed;
        left: 10px;
        top: 160px;
        background: #fff;
    }

        .smart-review-profiles-content .left-pane h3 {
            display: block;
            font-size: 1.4em;
            font-weight: 600;
            color: #fff;
            background: #109bd8;
            border: solid 1px #109bd8;
            border-bottom: solid 1px #eee;
            line-height: 30px;
            height: 30px;
            text-align: center;
            cursor: pointer;
            position: relative;
        }

            .smart-review-profiles-content .left-pane h3:hover {
                background: #7ad1f7;
                color: #fff;
            }

        .smart-review-profiles-content .left-pane .acc-content {
            height: 300px;
            overflow: auto;
            border: solid 1px #ddd;
            border-top: none;
        }

        .smart-review-profiles-content .left-pane ul {
            margin-bottom: 30px;
        }

            .smart-review-profiles-content .left-pane ul li {
                font-size: 1.3em;
                color: #595959;
                border-bottom: solid 1px #ddd;
                cursor: pointer;
                padding: 8px;
            }

                .smart-review-profiles-content .left-pane ul li img {
                    width: 20px;
                    height: 20px;
                    margin-right: 8px;
                    vertical-align: middle;
                }

                .smart-review-profiles-content .left-pane ul li:hover {
                    background: #aaa;
                }

                .smart-review-profiles-content .left-pane ul li.new {
                    font-weight: 600;
                    color: #b36912;
                    text-align: center;
                }

                .smart-review-profiles-content .left-pane ul li.selected {
                    background: #888;
                    color: #fff;
                }

                .smart-review-profiles-content .left-pane ul li.notfound {
                    color: red;
                    text-align: center;
                }

    .smart-review-profiles-content .right-pane {
        box-sizing: border-box;
        padding-top: 10px;
        margin-left: 26%;
    }

        .smart-review-profiles-content .right-pane span.h {
            display: block;
            font-size: 1.4em;
            font-weight: 600;
            color: #595959;
            border-bottom: solid 1px #ccc;
            line-height: 30px;
            height: 30px;
        }

.new-profile {
    border: solid 1px #ddd;
    margin: 10px;
    padding: 15px;
    padding-top: 0;
}

    .new-profile label {
        color: #595959;
        display: block;
        font-size: 1.3em;
        font-weight: bold;
        margin-top: 13px;
        margin-bottom: 2px;
    }

    .new-profile input,
    .new-profile select,
    .new-profile textarea {
        border: solid 1px #ccc;
        padding: 5px;
        font-size: 1.2em;
        width: 100%;
        box-sizing: border-box;
        color: #595959;
        border-radius: 3px;
    }

.profile-rule {
    border-bottom: solid 1px #ddd;
    padding: 10px;
}

    .profile-rule:nth-child(even) {
        background: #eee;
    }

    .profile-rule .name {
        font-size: 1.2em;
        font-weight: 600;
        color: #595959;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .profile-rule .desc {
        font-size: 1.1em;
        color: #595959;
        margin-bottom: 4px;
    }

    .profile-rule .msg {
        font-size: 1.1em;
        color: #b1b1b1;
        margin-bottom: 4px;
    }

    .profile-rule .statement {
        overflow: auto;
        width: 580px;
        min-height: 70px;
        margin-bottom: 4px;
    }

.profile-rule-not-found {
    color: Red;
    width: 150px;
    text-align: center;
    margin: 100px auto;
    font-size: 1.4em;
}

.profile-rule .btn {
    float: left;
    width: 50px;
    margin-left: 10px;
}

.profile-rule::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.smart-review-profiles-content .left-pane h3 span {
    background: url('images/icons/trans-icon-expand.png') no-repeat 0px 0px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 10px;
}

.acc-activeHeader {
    background: url('images/icons/trans-icon-collapse.png') no-repeat 0px 0px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 10px;
}

.smart-review-audit-content {
    margin-top: 160px;
}

    .smart-review-audit-content .selected-est-item {
        background: #f9f1d7
    }

    .smart-review-audit-content .est-item {
        width: 32%;
        margin: 0.5%;
        border: solid 1px #ccc;
        border-radius: 3px;
        height: 330px;
        float: left;
    }

        .smart-review-audit-content .est-item .est-header {
            height: 50px;
            line-height: 50px;
            background: #e0e0e0;
            text-align: center;
            position: relative;
        }
            /*.smart-review-audit-content .est-item .est-header span{}*/
            .smart-review-audit-content .est-item .est-header img {
                width: 16px;
                height: 16px;
                border: solid 1px #999;
                background: #ddd;
                border-radius: 3px;
                padding: 5px;
                cursor: pointer;
                float: right;
                margin-top: 5px;
                margin-right: 5px;
            }

                .smart-review-audit-content .est-item .est-header img:hover {
                    background: #fda93c;
                    border: solid 1px #fda93c;
                }

            .smart-review-audit-content .est-item .est-header input[type=checkbox] {
                float: left;
                margin: 10px;
                margin-top: 12px;
            }

            .smart-review-audit-content .est-item .est-header .est-header-text {
                position: absolute;
                width: 60%;
                left: 20%;
                top: 5px;
                height: 50px;
            }

                .smart-review-audit-content .est-item .est-header .est-header-text span {
                    color: #595959;
                    font-size: 1.4em;
                    display: block;
                    width: 100%;
                    text-align: center;
                    height: 20px;
                    line-height: 20px;
                    font-weight: bold;
                }

                    .smart-review-audit-content .est-item .est-header .est-header-text span.created-on {
                        font-size: 1em;
                        font-weight: normal;
                    }

        .smart-review-audit-content .est-item .est-content .amounts {
            border-bottom: solid 1px #eee;
            box-sizing: border-box;
        }

            .smart-review-audit-content .est-item .est-content .amounts .est-amt {
                width: 40%;
                height: 40px;
                border-radius: 5px;
                margin: 5%;
                margin-top: 20px;
                float: left;
                box-sizing: border-box;
                font-size: 1.3em;
                font-weight: 600;
                text-align: center;
                padding-top: 10px;
                position: relative;
                background: #fbecc7;
                border: solid 1px #bf8805;
                color: #bf8805;
                cursor: pointer;
            }

            .smart-review-audit-content .est-item .est-content .amounts .rev-amt {
                width: 40%;
                height: 40px;
                border-radius: 5px;
                margin: 5%;
                margin-top: 20px;
                float: left;
                box-sizing: border-box;
                font-size: 1.3em;
                font-weight: 600;
                text-align: center;
                padding-top: 10px;
                position: relative;
                background: #dcf0fc;
                border: solid 1px #4678fb;
                color: #4678fb;
                cursor: pointer;
            }

                .smart-review-audit-content .est-item .est-content .amounts .est-amt span,
                .smart-review-audit-content .est-item .est-content .amounts .rev-amt span {
                    display: block;
                    font-size: .8em;
                    color: #595959;
                    line-height: 20px;
                    position: absolute;
                    left: 0;
                    top: -20px;
                    text-align: center;
                    width: 100%;
                }

            .smart-review-audit-content .est-item .est-content .amounts .est-amt:hover {
                background: #bf8805;
                color: #fff;
            }

            .smart-review-audit-content .est-item .est-content .amounts .rev-amt:hover {
                background: #4678fb;
                color: #fff;
            }

            .smart-review-audit-content .est-item .est-content .amounts::after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both;
            }

        .smart-review-audit-content .est-item .est-content .counts {
            border-bottom: solid 1px #eee;
            box-sizing: border-box;
        }

            .smart-review-audit-content .est-item .est-content .counts div {
                width: 45%;
                margin: 2.5%;
                height: 30px;
                line-height: 30px;
                box-sizing: border-box;
                border: solid 1px #eee;
                background: #eee;
                border-radius: 5px;
                float: left;
                color: #595959;
                font-size: 1em;
                font-weight: bold;
                padding-left: 30px;
                position: relative;
            }

                .smart-review-audit-content .est-item .est-content .counts div.alert::before {
                    content: "";
                    position: absolute;
                    left: 5px;
                    top: 5px;
                    width: 16px;
                    height: 16px;
                    border: solid 1px #000;
                    border-radius: 3px;
                    background: red;
                }

                .smart-review-audit-content .est-item .est-content .counts div.warning::before {
                    content: "";
                    position: absolute;
                    left: 5px;
                    top: 5px;
                    width: 16px;
                    height: 16px;
                    border: solid 1px #000;
                    border-radius: 3px;
                    background: yellow;
                }

                .smart-review-audit-content .est-item .est-content .counts div.waitingFeedback::before {
                    content: "";
                    position: absolute;
                    left: 5px;
                    top: 5px;
                    width: 16px;
                    height: 16px;
                    border: solid 1px #000;
                    border-radius: 3px;
                    background: green;
                }

                .smart-review-audit-content .est-item .est-content .counts div.newFeedback::before {
                    content: "";
                    position: absolute;
                    left: 5px;
                    top: 5px;
                    width: 16px;
                    height: 16px;
                    border: solid 1px #000;
                    border-radius: 3px;
                    background: orange;
                }

            .smart-review-audit-content .est-item .est-content .counts::after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both;
            }

        .smart-review-audit-content .est-item .est-content .links {
            padding-top: 15px;
        }

            .smart-review-audit-content .est-item .est-content .links a {
                display: inline-block;
                height: 36px;
                line-height: 36px;
                font-size: 1.5em;
                font-weight: bold;
                text-align: center;
                width: 100%;
                text-decoration: none;
            }

                .smart-review-audit-content .est-item .est-content .links a:first-child {
                    font-weight: normal;
                    font-size: 1.2em;
                }

.advance-review {
    margin-top: 160px;
}

    .advance-review .doc-header {
        margin: 0px auto;
        color: #595959;
        margin-bottom: 10px;
        font-size: 0;
    }

    .advance-review .docs {
        width: 50%;
        display: inline-block;
        text-align: left;
        font-size: 12px;
    }

    .advance-review .amts {
        width: 50%;
        display: inline-block;
        text-align: right;
        font-size: 12px;
    }

    .advance-review .docs .nm {
        display: block;
        font-size: 2em;
    }

    .advance-review .docs .co {
        display: block;
        font-size: 1em;
    }
    /*.advance-review .amts>div{display:inline-block;width:49%;}*/
    .advance-review .amts label {
        font-size: 1.2em;
        margin-left: 30px;
    }

    .advance-review .amts span {
        font-size: 2em;
    }

    .advance-review .select-profile {
        margin: 0px;
    }

    .advance-review .level {
        color: #595959;
        font-size: 1.8em;
        font-weight: bold;
        border-bottom: solid 1px #595959;
        margin-top: 20px;
        text-align: center;
    }

    .advance-review .level-details {
        margin-left: 20px;
    }

    .advance-review .area {
        color: #595959;
        font-size: 1.4em;
        font-weight: bold;
        border-bottom: solid 1px #595959;
        margin-top: 15px;
    }

    .advance-review .area-details {
        margin-left: 30px;
    }

        .advance-review .area-details table.area-params {
            width: 60%;
        }

            .advance-review .area-details table.area-params tr td {
                font-size: 1.2em;
                font-weight: bold;
                color: #777;
                padding: 4px;
            }

    .advance-review .data-grid {
        width: 100%;
    }

        .advance-review .data-grid tr th {
            color: #444;
            font-size: 13px;
            font-weight: bold;
            border-bottom: solid 1px #444;
            padding: 4px;
        }

        .advance-review .data-grid tr td {
            color: #666;
            font-size: 13px;
            padding: 4px;
            border-top: solid 1px #ddd;
            padding-top: 6px;
        }

        .advance-review .data-grid tr.notes td {
            font-size: 12px;
            color: #999;
            border-top: 0px none;
        }

        .advance-review .data-grid tr.ch td {
            padding: 4px;
            border-top: 0px none;
        }

            .advance-review .data-grid tr.ch td .msg {
                padding-left: 5px;
                border-left: solid 2px #ddd;
                font-style: normal;
                font-weight: normal;
            }

            .advance-review .data-grid tr.ch td .msg-text {
                font-size: 12px;
                font-weight: bold;
                color: #000;
                margin-bottom: 5px;
            }

                .advance-review .data-grid tr.ch td .msg-text img {
                    width: 16px;
                    height: 16px;
                    margin-right: 5px;
                    vertical-align: middle;
                }

            .advance-review .data-grid tr.ch td .cnt-btn {
                width: 80px;
                height: 32px;
                line-height: 32px;
                display: inline-block;
                cursor: pointer;
                margin-bottom: 10px;
            }

                .advance-review .data-grid tr.ch td .cnt-btn img {
                    width: 24px;
                    height: 24px;
                    vertical-align: middle;
                }

            .advance-review .data-grid tr.ch td .reply-time-bar {
                width: 300px;
                display: inline-block;
                height: 24px;
                vertical-align: middle;
                margin-left: 10px;
            }

                .advance-review .data-grid tr.ch td .reply-time-bar .p-bar {
                    width: 100%;
                    height: 5px;
                    position: relative;
                    z-index: 1;
                    border-radius: 5px;
                    margin-top: 3px;
                }

                    .advance-review .data-grid tr.ch td .reply-time-bar .p-bar .p-bar-progress {
                        background-color: hsl(120,100%,50%);
                        z-index: 2;
                        height: 100%;
                        width: 100%;
                        border-radius: 5px;
                    }

                .advance-review .data-grid tr.ch td .reply-time-bar .p-bar-text {
                    color: Maroon;
                    font-size: 11px;
                    margin-top: 2px;
                }

            .advance-review .data-grid tr.ch td .det {
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .advance-review .data-grid tr.ch td .conversation {
                width: 800px;
                font-size: 0;
            }

                .advance-review .data-grid tr.ch td .conversation img {
                    width: 24px;
                    height: 24px;
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 6px;
                }

                .advance-review .data-grid tr.ch td .conversation .comment-block {
                    display: inline-block;
                    width: 770px;
                    margin-bottom: 10px;
                }

                .advance-review .data-grid tr.ch td .conversation .comment {
                }

                .advance-review .data-grid tr.ch td .conversation .by {
                    font-size: 12px;
                    color: #000;
                    font-weight: bold;
                    font-style: normal;
                    margin-right: 10px;
                }

                .advance-review .data-grid tr.ch td .conversation .tx {
                    font-size: 12px;
                    color: #595959;
                }

                .advance-review .data-grid tr.ch td .conversation .tm {
                    font-size: 11px;
                    color: #999;
                    font-style: italic;
                }

                .advance-review .data-grid tr.ch td .conversation .replyLink {
                    margin-bottom: 10px;
                    margin-top: 3px;
                    font-size: 11px;
                    color: #109bd8;
                    text-decoration: underline;
                    cursor: pointer;
                    display: inline-block;
                    margin-right: 10px;
                }

                    .advance-review .data-grid tr.ch td .conversation .replyLink:hover {
                        color: #b36912;
                    }

                    .advance-review .data-grid tr.ch td .conversation .replyLink img {
                        width: 12px;
                        height: 12px;
                        border: 0;
                        margin-right: 4px;
                    }

                .advance-review .data-grid tr.ch td .conversation .reply-block {
                    margin-left: 30px;
                    width: 770px;
                    font-size: 0;
                }

                    .advance-review .data-grid tr.ch td .conversation .reply-block img {
                        width: 24px;
                        height: 24px;
                        vertical-align: top;
                        display: inline-block;
                        margin-right: 6px;
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .comment-block {
                        display: inline-block;
                        width: 740px;
                        margin-bottom: 10px;
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .comment {
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .by {
                        font-size: 12px;
                        color: #000;
                        font-weight: bold;
                        font-style: normal;
                        margin-right: 10px;
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .tx {
                        font-size: 12px;
                        color: #595959;
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .tm {
                        font-size: 11px;
                        color: #999;
                        font-style: italic;
                    }

                    .advance-review .data-grid tr.ch td .conversation .reply-block .replyLink {
                        margin-bottom: 10px;
                        margin-top: 3px;
                        font-size: 11px;
                        color: #109bd8;
                        text-decoration: underline;
                        cursor: pointer;
                        display: inline-block;
                        margin-right: 10px;
                    }

                        .advance-review .data-grid tr.ch td .conversation .reply-block .replyLink:hover {
                            color: #b36912;
                        }

                        .advance-review .data-grid tr.ch td .conversation .reply-block .replyLink img {
                            width: 12px;
                            height: 12px;
                            border: 0;
                            margin-right: 4px;
                        }

            .advance-review .data-grid tr.ch td .comment-box {
                width: 800px;
                font-size: 0;
            }

                .advance-review .data-grid tr.ch td .comment-box img {
                    width: 24px;
                    height: 24px;
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 6px;
                }

                .advance-review .data-grid tr.ch td .comment-box .c {
                    border: solid 1px #ccc;
                    width: 770px;
                    display: inline-block;
                    box-sizing: border-box;
                }

                    .advance-review .data-grid tr.ch td .comment-box .c textarea {
                        width: 520px;
                        height: 30px;
                        font-size: 12px;
                        box-sizing: border-box;
                        border: 0px;
                        float: left;
                        resize: none;
                    }

                    .advance-review .data-grid tr.ch td .comment-box .c img {
                        width: 24px;
                        height: 24px;
                        vertical-align: top;
                        cursor: pointer;
                        margin-top: 3px;
                        float: left;
                    }

                    .advance-review .data-grid tr.ch td .comment-box .c select {
                        width: 170px;
                        height: 30px;
                        border: 0px;
                        float: left;
                    }

                    .advance-review .data-grid tr.ch td .comment-box .c a {
                        float: right;
                        font-size: 12px;
                        line-height: 30px;
                        width: 64px;
                        text-align: center;
                        background: #0679e3;
                        color: #fff;
                    }

                    .advance-review .data-grid tr.ch td .comment-box .c::after {
                        content: " ";
                        visibility: hidden;
                        display: block;
                        height: 0;
                        clear: both;
                    }

            .advance-review .data-grid tr.ch td .reply-box {
                width: 770px;
                margin-left: 30px;
                margin-bottom: 10px;
            }

                .advance-review .data-grid tr.ch td .reply-box img {
                    width: 24px;
                    height: 24px;
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 6px;
                }

                .advance-review .data-grid tr.ch td .reply-box .c {
                    border: solid 1px #ccc;
                    width: 740px;
                    display: inline-block;
                    box-sizing: border-box;
                }

                    .advance-review .data-grid tr.ch td .reply-box .c textarea {
                        width: 600px;
                        height: 30px;
                        font-size: 12px;
                        box-sizing: border-box;
                        border: 0px;
                        float: left;
                        resize: none;
                    }

                    .advance-review .data-grid tr.ch td .reply-box .c img {
                        width: 24px;
                        height: 24px;
                        vertical-align: top;
                        cursor: pointer;
                        margin-top: 3px;
                        float: left;
                    }

                    .advance-review .data-grid tr.ch td .reply-box .c a {
                        float: right;
                        font-size: 12px;
                        line-height: 30px;
                        width: 64px;
                        text-align: center;
                        background: #0679e3;
                        color: #fff;
                    }

                    .advance-review .data-grid tr.ch td .reply-box .c::after {
                        content: " ";
                        visibility: hidden;
                        display: block;
                        height: 0;
                        clear: both;
                    }


            .advance-review .data-grid tr.ch td .picture-box-header {
            }

                .advance-review .data-grid tr.ch td .picture-box-header .header-bar {
                    border: solid 1px #ddd;
                    height: 30px;
                    background: #eee;
                }

                    .advance-review .data-grid tr.ch td .picture-box-header .header-bar .select-all {
                        float: left;
                        margin-left: 10px;
                        height: 30px;
                        line-height: 30px;
                    }

                    .advance-review .data-grid tr.ch td .picture-box-header .header-bar .btn77 {
                        float: right;
                        height: 30px;
                        line-height: 30px;
                        border: solid 1px #ccc;
                        background: #ddd;
                        padding: 0 10px 0 10px;
                        cursor: pointer;
                        box-sizing: border-box;
                    }

                        .advance-review .data-grid tr.ch td .picture-box-header .header-bar .btn77 img {
                            width: 12px;
                            height: 12px;
                            margin: 5px;
                            vertical-align: middle;
                        }

                        .advance-review .data-grid tr.ch td .picture-box-header .header-bar .btn77:hover {
                            background: #ccc;
                        }

            .advance-review .data-grid tr.ch td .picture-box {
                text-align: center;
            }

                .advance-review .data-grid tr.ch td .picture-box .picture-item {
                    border: solid 1px #ddd;
                    display: inline-block;
                    border-radius: 5px;
                    width: 200px;
                    margin: 5px;
                }

                    .advance-review .data-grid tr.ch td .picture-box .picture-item .pic {
                        width: 100%;
                        height: 200px;
                        position: relative;
                        text-align: center;
                        vertical-align: middle;
                        background: #666;
                        font-size: 0;
                    }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .pic .dummy {
                            display: inline-block;
                            height: 100%;
                            width: 0px;
                            vertical-align: middle;
                        }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .pic img {
                            vertical-align: middle;
                        }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .pic input[type=checkbox] {
                            position: absolute;
                            left: 10px;
                            top: 10px;
                        }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .pic .rotate {
                            width: 14px;
                            height: 14px;
                            border: solid 5px #fff;
                            background: #fff;
                            position: absolute;
                            top: 5px;
                            right: 5px;
                            border-radius: 3px;
                            cursor: pointer;
                        }

                    .advance-review .data-grid tr.ch td .picture-box .picture-item .note {
                        text-align: left;
                    }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .note textarea {
                            border: 0;
                            width: 160px;
                            height: 40px;
                            color: #000;
                        }

                            .advance-review .data-grid tr.ch td .picture-box .picture-item .note textarea:focus {
                                outline: none;
                            }

                        .advance-review .data-grid tr.ch td .picture-box .picture-item .note .save {
                            width: 20px;
                            height: 20px;
                            border: solid 5px #ccc;
                            background: #ccc;
                            border-radius: 3px;
                            cursor: pointer;
                        }

/*.advance-review .data-grid tr.ch td .picture-box .picture-item .pic-name{height:20px;line-height:20px;vertical-align:middle;margin:5px;font-size:11px;color:#000;}
.advance-review .data-grid tr.ch td .picture-box .picture-item .pic-name img{width:14px;height:14px;border:solid 3px #ccc;background:#ccc;float:right;margin-left:5px;}
.advance-review .data-grid tr.ch td .picture-box .picture-item .thumbnail{margin:5px;text-align:center;}
.advance-review .data-grid tr.ch td .picture-box .picture-item .thumbnail img{width:120px;height:120px;}
.advance-review .data-grid tr.ch td .picture-box .picture-item .note{margin:5px;font-size:11px;border-top:solid 1px #ccc;}
.advance-review .data-grid tr.ch td .picture-box .picture-item .note textarea{border:0;width:100%;height:40px;color:#000;}*/

.reply-time-bar1 {
    width: 300px;
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    margin-left: 10px;
}

    .reply-time-bar1 .p-bar {
        width: 100%;
        height: 5px;
        position: relative;
        z-index: 1;
        border-radius: 5px;
        margin-top: 1px;
    }

        .reply-time-bar1 .p-bar .p-bar-progress {
            background-color: hsl(120,100%,50%);
            z-index: 2;
            height: 100%;
            width: 100%;
            border-radius: 5px;
        }

    .reply-time-bar1 .p-bar-text {
        color: Maroon;
        font-size: 11px;
        margin-top: 2px;
    }


/* Smart Review */

.commercial {
    color: #444;
}

    .commercial .cm-header {
        background: #2e3e4e;
        color: #fff;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        margin: 20px;
    }

    .commercial .cm-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0;
        overflow: auto;
        background: #f0f0f0;
    }

        .commercial .cm-content > div {
            margin: 20px;
        }

    .commercial .options {
        margin-top: 20px;
    }

        .commercial .options > div {
            height: 40px;
            line-height: 40px;
            display: inline-block;
            box-sizing: border-box;
            margin-left: 20px;
            margin-right: 30px;
        }

            .commercial .options > div input[type=checkbox] {
            }

            .commercial .options > div span {
                font-size: 13px;
                font-weight: bold;
                margin-left: 5px;
            }

    .commercial .comm-toolbar {
        text-align: right;
        margin: 0 0 10px 0;
    }

    .commercial .panel-head {
        background: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: bold;
        color: #444;
        padding-left: 10px;
        border: solid 1px #ccc;
        border-bottom: solid 1px transparent;
    }

    .commercial .panel {
        border: solid 1px #ccc;
        margin-bottom: 10px;
        padding: 20px;
        background: #fff;
    }

    .commercial input[type=text] {
        border: solid 1px #ddd;
        padding: 7px 7px;
        font-size: 12px;
        color: #444;
    }

    .commercial #OTHERINFO_CONTAINER {
    }

        .commercial #OTHERINFO_CONTAINER .datepick label {
            font-size: large;
            font-weight: bold;
        }

        .commercial #OTHERINFO_CONTAINER .datepick input[type=text] {
            width: 200px;
            font-size: large;
        }

        .commercial #OTHERINFO_CONTAINER label {
            font-size: 13px;
            display: inline-block;
            margin: 10px 20px 10px 3px;
            font-weight: bold;
        }

        .commercial #OTHERINFO_CONTAINER table {
            width: 100%;
        }

            .commercial #OTHERINFO_CONTAINER table tr td {
                color: #444;
                font-size: 12px;
                padding: 4px;
                vertical-align: middle;
            }

    .commercial #LABOR_CONTAINER {
        max-height: 600px;
        overflow: auto;
    }

    .commercial .grid-data tr th {
        border-right: solid 1px transparent;
    }

    .commercial .grid-data tr td {
        border: solid 1px transparent;
    }

        .commercial .grid-data tr td input[type=text] {
            width: 90%;
            margin: 0 auto;
            text-align: center;
        }

    .commercial .tool-info {
        text-align: justify;
    }

        .commercial .tool-info > div {
            width: 32%;
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
        }

            .commercial .tool-info > div.strech {
                width: 100%;
                display: inline-block;
                font-size: 0;
                line-height: 0;
            }

    .commercial .scroll-container {
        overflow: auto;
        height: 300px;
    }

    .commercial .commercial-job-report {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 73px;
        bottom: 20px;
    }

        .commercial .commercial-job-report .left-panel {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 200px;
            border: solid 1px #ccc;
            overflow: auto;
            background: #fff;
        }

        .commercial .commercial-job-report .right-panel {
            position: absolute;
            left: 210px;
            right: 0;
            top: 0;
            bottom: 0;
            border: solid 1px #ccc;
            overflow: auto;
            background: #fff;
        }

            .commercial .commercial-job-report .left-panel > div,
            .commercial .commercial-job-report .right-panel > div {
                margin: 20px;
            }

    .commercial .ctab {
        margin-bottom: 20px;
    }

    .commercial .btn-base {
        min-width: 120px;
    }

.commercial-m {
    color: #444;
}

    .commercial-m .cm-header {
        background: #2e3e4e;
        color: #fff;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        margin: 20px;
    }

    .commercial-m .cm-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0;
        overflow: auto;
        background: #f0f0f0;
    }

        .commercial-m .cm-content > div {
            margin: 20px;
        }

    .commercial-m .options {
        margin-top: 20px;
    }

        .commercial-m .options > div {
            height: 40px;
            line-height: 40px;
            display: inline-block;
            box-sizing: border-box;
            margin-left: 20px;
            margin-right: 30px;
        }

            .commercial-m .options > div input[type=checkbox] {
            }

            .commercial-m .options > div span {
                font-size: 13px;
                font-weight: bold;
                margin-left: 5px;
            }

    .commercial-m .comm-toolbar {
        text-align: right;
        margin: 0 0 10px 0;
    }

    .commercial-m .panel-head {
        background: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: bold;
        color: #444;
        padding-left: 10px;
        border: solid 1px #ccc;
        border-bottom: solid 1px transparent;
    }

    .commercial-m .panel {
        border: solid 1px #ccc;
        margin-bottom: 10px;
        padding: 20px;
        background: #fff;
    }

    .commercial-m input[type=text] {
        border: solid 1px #ddd;
        padding: 7px 7px;
        font-size: 12px;
        color: #444;
    }

    .commercial-m #OTHERINFO_CONTAINER {
    }

        .commercial-m #OTHERINFO_CONTAINER .datepick label {
            font-size: large;
            font-weight: bold;
        }

        .commercial-m #OTHERINFO_CONTAINER .datepick input[type=text] {
            width: 200px;
            font-size: large;
        }

        .commercial-m #OTHERINFO_CONTAINER label {
            font-size: 13px;
            display: inline-block;
            margin: 10px 20px 10px 3px;
            font-weight: bold;
        }

        .commercial-m #OTHERINFO_CONTAINER table {
            width: 100%;
        }

            .commercial-m #OTHERINFO_CONTAINER table tr td {
                color: #444;
                font-size: 12px;
                padding: 4px;
                vertical-align: middle;
            }

    .commercial-m #LABOR_CONTAINER {
        max-height: 600px;
        overflow: auto;
    }

    .commercial-m .grid-data tr th {
        border-right: solid 1px transparent;
    }

    .commercial-m .grid-data tr td {
        border: solid 1px transparent;
    }

        .commercial-m .grid-data tr td input[type=text] {
            width: 90%;
            margin: 0 auto;
            text-align: center;
        }

    .commercial-m .tool-info {
        text-align: justify;
    }

        .commercial-m .tool-info > div {
            width: 32%;
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
        }

            .commercial-m .tool-info > div.strech {
                width: 100%;
                display: inline-block;
                font-size: 0;
                line-height: 0;
            }

    .commercial-m .scroll-container {
        overflow: auto;
        height: 300px;
    }

    .commercial-m .commercial-job-report {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 133px;
        bottom: 20px;
    }

        .commercial-m .commercial-job-report .left-panel {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 200px;
            border: solid 1px #ccc;
            overflow: auto;
            background: #fff;
        }

        .commercial-m .commercial-job-report .right-panel {
            position: absolute;
            left: 210px;
            right: 0;
            top: 0;
            bottom: 0;
            border: solid 1px #ccc;
            overflow: auto;
            background: #fff;
        }

            .commercial-m .commercial-job-report .left-panel > div,
            .commercial-m .commercial-job-report .right-panel > div {
                margin: 20px;
            }

    .commercial-m .ctab {
        margin-bottom: 20px;
    }

    .commercial-m .btn-base {
        min-width: 120px;
    }

ul.lnav-dates {
    margin-top: 0px;
}

    ul.lnav-dates li {
        display: block;
        text-align: center;
        padding: 8px 0 8px 0;
        font-size: 14px;
        font-weight: bold;
        color: #10354D;
        cursor: pointer;
    }

        ul.lnav-dates li:hover {
            background: #ccc;
        }

        ul.lnav-dates li.selected {
            background: #666;
            color: #fff;
        }


/*Edit Loss*/
.edit-loss {
    width: 80%;
    margin: 30px auto;
}

    .edit-loss h1 {
        text-align: center;
    }

    .edit-loss .section .section-header {
        height: 40px;
        line-height: 40px;
        border-bottom: solid 1px #ccc;
        background: #ddd;
    }

        .edit-loss .section .section-header::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .edit-loss .section .section-header h2 {
            display: inline-block;
            margin-left: 10px;
        }

        .edit-loss .section .section-header input[type=button] {
            display: inline-block;
            float: right;
            margin-right: 10px;
            margin-top: 8px;
        }

    .edit-loss .section .section-body {
        padding: 10px 0;
    }

        .edit-loss .section .section-body::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .edit-loss .section .section-body .grid2 tr th,
        .edit-loss .section .section-body .grid2 tr td {
            border-right: solid 1px transparent;
        }

            .edit-loss .section .section-body .grid2 tr td .command-bar {
                float: right;
            }

                .edit-loss .section .section-body .grid2 tr td .command-bar img {
                    width: 16px;
                    height: 16px;
                    cursor: pointer;
                    outline: none;
                    margin-left: 15px;
                    border: solid 4px transparent;
                }

                    .edit-loss .section .section-body .grid2 tr td .command-bar img:hover {
                        border: solid 4px #aaa;
                        background: #aaa;
                        border-radius: 2px;
                    }


/* Fire Explorer */

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/******************* Buttons *********************/
.btn-base {
    font-family: Arial, Verdana, Sans-Serif;
    background: #999;
    border: solid 1px #999;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
}

.btn-base:disabled { 
    background: transparent; 
    border: solid 1px #ccc; 
    color: #ccc; 
    cursor: not-allowed; }

.btn-base:hover:enabled { 
    background: #666; 
    border: solid 1px #666; 
    cursor:pointer; 
}

.cyan {
    background: #59c1de;
    border: solid 1px #59c1de;
}

    .cyan:hover:enabled {
        background: #4ab1ce;
        border: solid 1px #4ab1ce;
    }

.yellow {
    background: #f9b92a;
    border: solid 1px #f9b92a;
}

    .yellow:hover:enabled {
        background: #e1aa2d;
        border: solid 1px #e1aa2d;
    }

.lblue {
    background: #5d9aeb;
    border: solid 1px #5d9aeb;
}

    .lblue:hover:enabled {
        background: #3f80d7;
        border: solid 1px #3f80d7;
    }

.dblue {
    background: #2e3e4e;
    border: solid 1px #2e3e4e;
}

    .dblue:hover:enabled {
        background: #bb6501;
        border: solid 1px #bb6501;
    }

.red {
    background: #ff3300;
    border: solid 1px #ff3300;
}

    .red:hover:enabled {
        background: #ff0000;
        border: solid 1px #ff0000;
    }

.dred {
    background: #930401;
    border: solid 1px #930401;
}

    .dred:hover:enabled {
        background: #bb6501;
        border: solid 1px #bb6501;
    }

.brown {
    background: #cc9866;
    border: solid 1px #cc9866;
}

    .brown:hover:enabled {
        background: #ae8157;
        border: solid 1px #ae8157;
    }

.purple {
    background: #63365f;
    border: solid 1px #63365f;
}

    .purple:hover:enabled {
        background: #3c0837;
        border: solid 1px #3c0837;
    }

.green {
    background: #85a08b;
    border: solid 1px #85a08b;
}

    .green:hover:enabled {
        background: #517659;
        border: solid 1px #517659;
    }

.white {
    background: #fff;
    border: solid 1px #fff;
}

    .white:hover:enabled {
        background: #f8f4d9;
        border: solid 1px #f8f4d9;
    }

/******************* Buttons *********************/

/*******************Callout light****************/
.loss-info-fire .__co_container {
    position: absolute;
    z-index: 1000;
    -webkit-transition: opacity 1s;
    transition: opacity 0.5s;
}

.loss-info-fire .__co_backdrop {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: 0.0;
    z-index: 999;
}

.loss-info-fire .__co_opacity1 {
    opacity: 1.0;
}

.loss-info-fire .__co_opacity0 {
    opacity: 0.0;
}

.loss-info-fire .callout {
    background: #fefed5;
    position: relative;
    color: #444;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.7);
    margin: 25px;
    min-height: 50px;
    border: solid 1px #ccc;
    text-shadow: none;
}

    .loss-info-fire .callout::before {
        content: "";
        width: 0px;
        height: 0px;
        border: solid 10px transparent;
        position: absolute;
    }

    .loss-info-fire .callout.top::before {
        left: 50%;
        bottom: -20px;
        border-top: 10px solid #555;
        margin-left: -10px;
    }

    .loss-info-fire .callout.bottom::before {
        left: 50%;
        top: -20px;
        border-bottom: 10px solid #555;
        margin-left: -10px;
    }

    .loss-info-fire .callout.left::before {
        right: -20px;
        top: 50%;
        border-left: 10px solid #555;
        margin-top: -10px;
    }

    .loss-info-fire .callout.right::before {
        left: -20px;
        top: 50%;
        border-right: 10px solid #555;
        margin-top: -10px;
    }

    .loss-info-fire .callout::after {
        content: "";
        width: 0px;
        height: 0px;
        border: solid 10px transparent;
        position: absolute;
    }

    .loss-info-fire .callout.top::after {
        left: 50%;
        bottom: -19px;
        border-top: 10px solid #fefed5;
        margin-left: -10px;
    }

    .loss-info-fire .callout.bottom::after {
        left: 50%;
        top: -19px;
        border-bottom: 10px solid #fefed5;
        margin-left: -10px;
    }

    .loss-info-fire .callout.left::after {
        right: -19px;
        top: 50%;
        border-left: 10px solid #fefed5;
        margin-top: -10px;
    }

    .loss-info-fire .callout.right::after {
        left: -19px;
        top: 50%;
        border-right: 10px solid #fefed5;
        margin-top: -10px;
    }

    .loss-info-fire .callout td.cross {
        text-align: center;
        cursor: pointer;
        font-family: verdana;
        width: 14px;
    }

        .loss-info-fire .callout td.cross:hover {
            text-align: center;
            cursor: pointer;
            font-family: verdana;
            background: #ded0d0;
            color: Red;
        }
/*******************Callout light****************/

.ajax-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .ajax-loader:before {
        content: url("../../images/ajax/ring-alt.gif");
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
    }

.btn-base {
    font-family: Arial, Verdana, Sans-Serif;
    background: #999;
    border: solid 1px #999;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
}

    .btn-base:disabled {
        background: transparent;
        border: solid 1px #ccc;
        cursor: default;
        color: #ccc;
    }

    .btn-base:hover:enabled {
        background: #666;
        border: solid 1px #666;
    }

    .btn-base > i {
        margin: 0 4px 0 0;
    }

.cyan {
    background: #59c1de;
    border: solid 1px #59c1de;
}

    .cyan:hover:enabled {
        background: #4ab1ce;
        border: solid 1px #4ab1ce;
    }

.yellow {
    background: #f9b92a;
    border: solid 1px #f9b92a;
}

    .yellow:hover:enabled {
        background: #e1aa2d;
        border: solid 1px #e1aa2d;
    }

.lblue {
    background: #5d9aeb;
    border: solid 1px #5d9aeb;
}

    .lblue:hover:enabled {
        background: #3f80d7;
        border: solid 1px #3f80d7;
    }

.dblue {
    background: #2e3e4e;
    border: solid 1px #2e3e4e;
}

    .dblue:hover:enabled {
        background: #bb6501;
        border: solid 1px #bb6501;
    }

.red {
    background: #ff3300;
    border: solid 1px #ff3300;
}

    .red:hover:enabled {
        background: #ff0000;
        border: solid 1px #ff0000;
    }

.dred {
    background: #930401;
    border: solid 1px #930401;
}

    .dred:hover:enabled {
        background: #bb6501;
        border: solid 1px #bb6501;
    }

.brown {
    background: #cc9866;
    border: solid 1px #cc9866;
}

    .brown:hover:enabled {
        background: #ae8157;
        border: solid 1px #ae8157;
    }

.purple {
    background: #63365f;
    border: solid 1px #63365f;
}

    .purple:hover:enabled {
        background: #3c0837;
        border: solid 1px #3c0837;
    }

.green {
    background: #85a08b;
    border: solid 1px #85a08b;
}

    .green:hover:enabled {
        background: #517659;
        border: solid 1px #517659;
    }


/******************* Buttons *********************/

.not-found {
    color: #ddd;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.not-avail {
    color: #ccc !important;
}

.f-legend {
    border: solid 1px #fcd279;
    background: #fcf1da;
    height: 20px;
    line-height: 20px;
}

    .f-legend > div {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin: 0 10px 0 5px;
    }

    .f-legend > span {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin: 0 10px 0 5px;
    }

    .f-legend > img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-left: 10px;
    }


.img-slideshow {
}

    .img-slideshow div.img-holder {
        display: inline-block;
    }

    .img-slideshow img.thumb {
        width: 100px;
        height: 100px;
    }

    .img-slideshow span.full {
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s linear;
        visibility: hidden;
    }

        .img-slideshow span.full img {
            position: fixed;
            background-color: white;
            margin: 0;
            padding: 0;
            max-height: 90%;
            max-width: 90%;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 20px black;
        }

    .img-slideshow a.cl, .img-slideshow a.prev, .img-slideshow a.next {
        position: fixed;
        text-decoration: none;
        visibility: hidden;
        color: white;
        font-size: 36px;
    }

    .img-slideshow a.cl {
        top: 1%;
        right: 1%;
    }

        .img-slideshow a.cl::after {
            content: '\00d7';
        }

    .img-slideshow a.prev, .img-slideshow a.next {
        top: 50%;
        transform: translate(0%, -50%);
    }

    .img-slideshow a.prev {
        left: 5%;
    }

    .img-slideshow a.next {
        right: 5%;
    }

    .img-slideshow a:target ~ a.cl, .img-slideshow a:target ~ a.prev, .img-slideshow a:target ~ a.next {
        visibility: visible;
        z-index: 9999;
    }

    .img-slideshow a:target > img.thumb + span.full {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        z-index: 9999;
    }

    .img-slideshow span.full {
        cursor: initial;
    }

.menu-nav {
    z-index: 100;
    background: #3f556b;
}

    .menu-nav ul {
        margin: 0 20px;
    }

        .menu-nav ul::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .menu-nav ul li {
            display: inline-block;
            padding: 8px 18px 10px 10px;
            font-size: 13px;
            cursor: pointer;
            color: #ddd;
            border: solid 1px transparent;
            border-top: solid 3px transparent;
            box-sizing: border-box;
            outline: 0;
            position: relative;
        }

            .menu-nav ul li:hover, .menu-nav ul li.selected:hover {
                border: solid 1px #2a3a49;
                border-bottom: solid 1px transparent;
                border-top: solid 3px #59c1de;
                background: #2a3a49;
                color: #fff;
            }

            .menu-nav ul li.selected {
                border: solid 1px #35475d;
                border-bottom: solid 1px transparent;
                border-top: solid 3px #59c1de;
                background: #f0f0f0;
                color: #444;
            }

            .menu-nav ul li img {
                width: 16px;
                height: 16px;
                vertical-align: middle;
            }

            .menu-nav ul li ul {
                position: absolute;
                left: -21px;
                top: 34px;
                border: solid 1px #2a3a49;
                border-top: solid 1px transparent;
                background: #2a3a49;
                z-index: 9999;
                width: 200px;
                visibility: hidden;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: 500ms ease;
                -moz-transition: 500ms ease;
                -o-transition: 500ms ease;
                transition: 500ms ease;
            }

            .menu-nav ul li:hover ul {
                visibility: visible;
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .menu-nav ul ul li {
            display: block;
            padding: 10px 14px 10px 10px;
            font-size: 13px;
            cursor: pointer;
            color: #ddd;
            box-sizing: border-box;
            outline: 0;
            border: solid 1px transparent;
            border-left: solid 3px transparent;
        }

            .menu-nav ul ul li:hover, .menu-nav ul ul li.selected:hover {
                border: solid 1px #2e3e4e;
                border-left: solid 3px #59c1de;
                background: #2e3e4e;
                color: #fff;
            }

            .menu-nav ul ul li.selected {
                border: solid 1px #35475d;
                border-left: solid 3px #59c1de;
                background: #f0f0f0;
                color: #444;
            }

            .menu-nav ul ul li img {
                width: 16px;
                height: 16px;
                vertical-align: middle;
            }

        .menu-nav ul li.selected::before {
            content: "";
            width: 10px;
            height: 10px;
            box-sizing: border-box;
            position: absolute;
            right: 3px;
            top: 14px;
            border: 5px solid transparent;
            border-top: solid 5px #f0f0f0;
            z-index: 1;
        }

        .menu-nav ul ul li.selected::before {
            content: "";
            width: 10px;
            height: 10px;
            box-sizing: border-box;
            position: absolute;
            right: 3px;
            top: 14px;
            border: 5px solid transparent;
            border-top: solid 5px transparent;
            z-index: 1;
        }

    .menu-nav .has-sub::before {
        content: "";
        width: 10px;
        height: 10px;
        box-sizing: border-box;
        position: absolute;
        right: 3px;
        top: 14px;
        border: 5px solid transparent;
        border-top: solid 5px #ddd;
        z-index: 1;
    }

.notif-menu {
    margin-right: 20px;
    float: right;
}

    .notif-menu .notif-menu-item {
        color: #6dbbd1;
        text-align: center;
        font-size: 11px;
        cursor: pointer;
        height: 45px;
        display: inline-block;
        padding: 0 5px 0 5px;
    }

        .notif-menu .notif-menu-item a {
            color: #6dbbd1;
            text-decoration: none;
        }

        .notif-menu .notif-menu-item i {
            font-size: 16px;
            position: relative;
            height: 20px;
            line-height: 20px;
            margin-top: 7px;
        }

        .notif-menu .notif-menu-item:hover {
            color: #fff;
        }

        .notif-menu .notif-menu-item span {
            display: block;
            height: 13px;
            line-height: 13px;
        }

    .notif-menu .notif-menu-item-selected {
        background: #fff;
        color: #2e3e4e;
    }

        .notif-menu .notif-menu-item-selected:hover {
            background: #fff;
            color: #2e3e4e;
        }
    /*.notif-menu .notif-menu-item i .warn-count{display:block;color:#fff;background:red;border-radius:50%;min-width:20px;height:20px;position:absolute;right:-12px;top:-4px;font-weight:normal;font-family:Verdana;font-size:10px;line-height:20px;}*/
    .notif-menu .notif-menu-item i .warn-count {
        position: absolute;
        right: -12px;
        top: -4px;
    }

        .notif-menu .notif-menu-item i .warn-count img {
            width: 16px;
            height: 16px;
        }

.pa-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -190px;
    z-index: 100;
    background: #fff;
    border: solid 1px #ddd;
    box-shadow: -1px 7px 20px -4px rgba(0,0,0,0.49);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .pa-container .btn-footer {
        text-align: right;
        padding: 5px 20px 5px 0;
        background: #ddd;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
    }

    .pa-container #dvPaContainer {
        height: 100px;
        position: relative;
    }

.cnte-notif-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -400px;
    z-index: 100;
    background: #fff;
    border: solid 1px #ddd;
    box-shadow: -1px 7px 20px -4px rgba(0,0,0,0.49);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .cnte-notif-container .btn-footer {
        text-align: right;
        padding: 5px 20px 5px 0;
        background: #ddd;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
    }

    .cnte-notif-container #dvCNTEContainer {
        height: 300px;
        position: relative;
    }

.cnte-notif {
    margin: 10px;
    text-align: center;
    background: #e2d1b0;
    height: 50px;
    line-height: 50px;
}

    .cnte-notif > div {
        height: 26px;
        line-height: 26x;
        font-size: 14px;
        text-align: center;
    }

    .cnte-notif img {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }

    .cnte-notif span {
        font-weight: bold;
    }

.xact-help-container {
    position: absolute;
    top: 43px;
    right: 0;
    bottom: 0;
    width: 0;
    background: #fff;
    z-index: 100;
    background: #ddd;
    box-shadow: -1px 7px 20px -4px rgba(0,0,0,0.6);
}

    .xact-help-container .xact-help-content {
        height: 92%;
        overflow: auto;
        border: solid 1px #ddd;
        background: #fff;
        box-sizing: border-box;
    }

        .xact-help-container .xact-help-content > div {
            width: 90%;
            margin: 20px auto;
        }

    .xact-help-container .btn-footer {
        text-align: center;
        position: relative;
    }

        .xact-help-container .btn-footer button {
            margin-top: 20px;
        }


.snav {
    z-index: 9999;
    background: #2e3e4e;
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    width: 200px;
    overflow: auto;
}

    .snav ul {
    }

        .snav ul li {
            display: block;
            padding: 8px 5px;
            color: #eee;
            outline: 0;
            box-sizing: border-box;
            border-left: solid 3px transparent;
            font-size: 12px;
        }

            .snav ul li:hover {
                border-left: solid 3px #57c5dc;
                background: #2a3a49;
            }

            .snav ul li.selected {
                border-left: solid 3px #57c5dc;
                background: #2a3a49;
            }

            .snav ul li img {
                width: 16px;
                height: 16px;
                vertical-align: middle;
                margin-right: 10px;
            }

            .snav ul li ul {
                padding-left: 10px;
                margin-top: 10px;
            }

        .snav ul ul li {
            display: block;
            padding: 8px 5px;
            color: #eee;
            outline: 0;
            box-sizing: border-box;
            border-left: solid 3px transparent;
            font-size: 12px;
        }

            .snav ul ul li:hover {
                border-left: solid 3px #57c5dc;
                background: #2a3a49;
            }

            .snav ul ul li.selected {
                border-left: solid 3px #57c5dc;
                background: #2a3a49;
            }

            .snav ul ul li img {
                width: 16px;
                height: 16px;
                vertical-align: middle;
            }

.snav2 ul {
}

    .snav2 ul li {
        color: #444;
        cursor: pointer;
        font-size: 12px;
        padding: 10px;
        position: relative;
        padding-right: 30px;
        outline: 0;
    }

        .snav2 ul li img {
            width: 16px;
            height: 16px;
        }

        .snav2 ul li:hover {
            background: #eee;
        }

        .snav2 ul li.selected {
            background: #ddd;
        }

        .snav2 ul li::before {
            content: "";
            width: 8px;
            height: 6px;
            box-sizing: border-box;
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -3px;
            background: #297acc;
            border-top-left-adius: 1px;
            border-bottom-left-radius: 1px;
            z-index: 1;
        }

        .snav2 ul li::after {
            content: "";
            width: 16px;
            height: 16px;
            box-sizing: border-box;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -8px;
            border: 8px solid transparent;
            border-left: solid 8px #297acc;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            z-index: 1;
        }

.ctab ul {
}

    .ctab ul li {
        display: inline-block;
        float: left;
        border: solid 1px #ccc;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        border-right: none;
        padding: 0 20px;
        font-weight: bold;
        cursor: pointer;
    }

        .ctab ul li:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .ctab ul li:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-right: solid 1px #ccc;
        }

        .ctab ul li.selected {
            background: #5d9aeb;
            color: #fff;
            border-color: #5d9aeb;
        }

.ctab::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.ctab-cl ul {
}

    .ctab-cl ul li {
        display: inline-block;
        float: left;
        border: solid 1px #ccc;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        border-right: none;
        padding: 0 15px;
        font-weight: bold;
        cursor: pointer;
    }

        .ctab-cl ul li:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .ctab-cl ul li:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-right: solid 1px #ccc;
        }

        .ctab-cl ul li.selected {
            background: #5d9aeb;
            color: #fff;
            border-color: #5d9aeb;
        }

.ctab-cl::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.btab ul {
}

    .btab ul li {
        display: inline-block;
        float: left;
        border: solid 1px #ccc;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        border-right: none;
        padding: 0 20px;
        cursor: pointer;
    }

        .btab ul li:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .btab ul li:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-right: solid 1px #ccc;
        }

        .btab ul li.selected {
            background: #2e3e4e;
            color: #fff;
            border-color: #2e3e4e;
        }

.btab::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.static-tree {
}

    .static-tree ul li {
        position: relative;
        outline: 0;
    }

        .static-tree ul li > label {
            color: #444;
            cursor: pointer;
            font-size: 12px;
            padding: 8px;
            display: block;
        }

            .static-tree ul li > label img {
                width: 16px;
                height: 16px;
            }

            .static-tree ul li > label:hover {
                background: #eee;
            }

            .static-tree ul li > label.selected {
                background: #ddd;
            }

            .static-tree ul li > label + ul li > label {
                padding-left: 30px;
            }


.grid-data {
    width: 100%;
    font-size: 12px;
}

    .grid-data tr th {
        color: #444;
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 1px #444;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
        background: #fff;
    }

    .grid-data tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
        color: #666;
    }

    .grid-data tr.alt:nth-of-type(odd) {
        background: #eee;
    }

    .grid-data tr th:first-child, .grid-data tr td:first-child {
        border-left: 0px;
    }

    .grid-data tr.enable-hover:hover, .grid-data tr.enable-hover:nth-of-type(odd):hover {
        background: #ccc;
    }

        .grid-data tr.enable-hover:hover td, .grid-data tr.enable-hover:nth-of-type(odd):hover td {
            color: #000;
        }

    .grid-data tfoot tr td {
        background: #ddd;
        border-bottom: solid 1px #444;
        color: #444;
    }

.grid-pager {
    padding: 10px;
}

    .grid-pager .arrow {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #ccc;
        border-radius: 3px;
        margin-right: 5px;
        font-size: 110%;
        font-weight: bold;
        color: #444;
        background: #ddd;
        cursor: pointer;
    }

        .grid-pager .arrow:hover {
            background: #bb6501;
            border: solid 1px #bb6501;
        }

    .grid-pager .pageNo {
        float: left;
        width: 200px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }

    .grid-pager .disabled {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #ccc;
        border-radius: 3px;
        margin-right: 5px;
        font-size: 110%;
        font-weight: bold;
        color: #ccc;
        background: #fff;
    }

.explorer {
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    font-size: 12px;
    color: #666;
}

    .explorer .x-header {
        background: #2e3e4e;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 101;
    }

        .explorer .x-header::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .explorer .x-header h1 {
            color: #fff;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            font-weight: normal;
            display: inline-block;
            margin-left: 20px;
        }

        .explorer .x-header .xact-help {
            display: inline-block;
            float: right;
            margin-right: 20px;
            margin-top: 10px;
        }

    .explorer .x-menu-header {
        position: absolute;
        top: 44px;
        left: 0;
        right: 0;
        z-index: 99;
    }
    /*.explorer .x-header .xact-help img{width:20px;height:20px;vertical-align:middle;margin-right:5px;}*/
    .explorer .tab-content {
        background: #f0f0f0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 50px;
        top: 81px;
        overflow: auto;
        border-bottom: solid 1px #ccc;
    }

        .explorer .tab-content .tab-content-inner {
            padding: 20px;
        }

    .explorer .tab-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        z-index: 101;
    }


.explorer-pg-header {
    height: 59px;
}

.explorer-pg-body {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    right: 0;
    border-top: solid 1px #ccc;
    box-sizing: border-box;
    overflow: auto;
}

/*.explorer-pg-header h1{font-size:20px;color:#3f556b;}*/

.ls-section {
    border: solid 1px #ddd;
    background: #fff;
}

.ls-section-header {
    height: 50px;
    border-bottom: solid 1px #ddd;
}

.ls-section-body {
    padding: 5px 20px 20px 20px;
}

    .ls-section-body::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

.ls-section-header h1 {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    margin-left: 10px;
}

.ls-section-header input[type=button] {
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
}

.ls-section-header button {
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
}

.summary-row {
    text-align: justify;
}

    .summary-row .inlineblock {
        width: 33%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .summary-row .strech {
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0;
    }

    .summary-row .ls-section {
        min-height: 300px;
    }

.loss-summary .btns {
    margin: 20px 0;
    text-align: right;
}

.loss-summary .general-info {
}

    .loss-summary .general-info table {
        width: 100%;
    }

        .loss-summary .general-info table tr td {
            padding: 8px 0;
            color: #666;
            border-bottom: solid 1px #eee;
        }

            .loss-summary .general-info table tr td:first-child {
                font-weight: bold;
                width: 50%;
                color: #444;
            }

        .loss-summary .general-info table tr:last-child > td {
            border-bottom: solid 1px transparent;
        }

.loss-summary .loss-status {
}

    .loss-summary .loss-status .status {
        font-size: 16px;
        color: #5e9ded;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
    }

    .loss-summary .loss-status .uploaded-by {
        font-size: 12px;
        margin-top: 10px;
    }

    .loss-summary .loss-status .note {
        font-size: 13px;
        margin-top: 10px;
    }

.loss-summary .loss-assignment {
}

    .loss-summary .loss-assignment .assigned-to {
        font-size: 16px;
        color: #5e9ded;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
    }

    .loss-summary .loss-assignment .assigned-by {
        margin-top: 10px;
    }

.loss-summary .control-dates {
    margin-top: 10px;
}

    .loss-summary .control-dates table {
        width: 100%;
    }

        .loss-summary .control-dates table tr td {
            padding: 8px 0;
            color: #666;
        }

            .loss-summary .control-dates table tr td:first-child {
                font-weight: bold;
                width: 40%;
                color: #444;
            }

    .loss-summary .control-dates .dt {
        width: 33%;
        float: left;
        border-bottom: solid 1px #eee;
    }

        .loss-summary .control-dates .dt:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */
        .loss-summary .control-dates .dt:nth-last-child(-n + 3):nth-child(3n + 1) ~ div {
            border-bottom: solid 1px transparent;
            margin-bottom: 20px;
        }
/* all its following elements */

.loss-summary .pro-assist {
    margin-top: 10px;
}

    .loss-summary .pro-assist table {
        width: 100%;
    }

.loss-summary .task-compliance {
    margin-top: 10px;
}

    .loss-summary .task-compliance table {
        width: 100%;
    }

        .loss-summary .task-compliance table tr th {
            padding: 8px 0;
            color: #444;
            border-bottom: solid 1px #aaa;
            font-weight: bold;
        }

        .loss-summary .task-compliance table tr td {
            padding: 8px 0;
            color: #666;
            border-bottom: solid 1px #ddd;
        }

.loss-summary .process-indicator {
    margin-top: 10px;
}

    .loss-summary .process-indicator table.grid2 {
        width: 100%;
        font-size: 12px;
    }

        .loss-summary .process-indicator table.grid2 tr th {
            padding: 8px 0;
            color: #444;
            border-bottom: solid 1px #aaa;
            font-weight: bold;
        }

        .loss-summary .process-indicator table.grid2 tr td {
            padding: 8px 0;
            color: #666;
            border-bottom: solid 1px #ddd;
        }

.cnte-pg {
}

    .cnte-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .cnte-pg .ls-section {
        margin-bottom: 10px;
    }

    .cnte-pg .tool-bar {
        margin-bottom: 20px;
    }

        .cnte-pg .tool-bar::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

    .cnte-pg .total {
        width: 200px;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #444;
        height: 30px;
        line-height: 30px;
    }

        .cnte-pg .total input[type=text] {
            width: 140px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
        }

    .cnte-pg table {
    }

        .cnte-pg table tr th,
        .cnte-pg table tr td {
            border-right: solid 1px transparent;
        }

            .cnte-pg table tr td input[type=text] {
                border: solid 1px #ddd;
                width: 60px;
                margin-left: 2px;
                margin-right: 5px;
                height: 20px;
                font-size: 12px;
            }

            .cnte-pg table tr td img {
                width: 20px;
                height: 20px;
                vertical-align: middle;
            }

        .cnte-pg table tr.group td {
            font-weight: bold;
            font-size: 14px;
            color: #000;
        }

        .cnte-pg table tr td.command {
            white-space: nowrap;
        }

            .cnte-pg table tr td.command > div {
                display: inline-block;
                width: 50px;
                font-weight: normal;
            }

            .cnte-pg table tr td.command > img {
                width: 16px;
                height: 16px;
                cursor: pointer;
                vertical-align: middle;
            }

    .cnte-pg .cnte-approval {
        display: block;
        min-height: 30px;
        font-size: 12px;
        text-align: left;
        margin-left: 200px;
    }

        .cnte-pg .cnte-approval > div {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            text-align: center;
            display: inline-block;
        }

        .cnte-pg .cnte-approval img {
            width: 24px;
            height: 24px;
            vertical-align: middle;
        }

.con-pg {
}

    .con-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .con-pg .options {
    }

        .con-pg .options > div {
            height: 40px;
            line-height: 40px;
            display: inline-block;
            box-sizing: border-box;
        }

            .con-pg .options > div input[type=checkbox] {
            }

            .con-pg .options > div span {
                font-size: 13px;
                font-weight: bold;
                margin-left: 5px;
                margin-right: 30px;
            }

            .con-pg .options > div.legend {
                display: inline-block;
                float: right;
                height: 36px;
                line-height: 36px;
                margin: 0;
                padding: 0;
                background: #fcfbe5;
                border: solid 1px #ddd;
            }

                .con-pg .options > div.legend > span {
                    font-size: 12px;
                    font-weight: normal;
                    height: 14px;
                    line-height: 14px;
                    vertical-align: middle;
                }

                    .con-pg .options > div.legend > span.speciality-legend {
                        width: 14px;
                        height: 14px;
                        background: #fda37c;
                        display: inline-block;
                        margin-left: 5px;
                        margin-right: 5px;
                    }

                .con-pg .options > div.legend > img {
                    width: 16px;
                    height: 16px;
                    vertical-align: middle;
                }

        .con-pg .options::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

    .con-pg table {
        border-top: solid 1px #444;
    }

        .con-pg table tr th {
            border-right: solid 1px transparent;
            background: transparent;
        }

        .con-pg table tr td {
            border: solid 1px transparent;
        }

            .con-pg table tr td:first-child {
                background: #d0dbe9;
            }

            .con-pg table tr td input[type=text] {
                border: solid 1px #ddd;
                width: 60px;
                margin-left: 2px;
                margin-right: 5px;
                height: 20px;
                font-size: 12px;
            }

                .con-pg table tr td input[type=text]:read-only:not([read-only="false"]) {
                    border: solid 1px transparent;
                    background: transparent;
                }

        .con-pg table tr.enable-hover td img {
            width: 16px;
            height: 16px;
            cursor: pointer;
            vertical-align: middle;
        }

        .con-pg table tr.speciality td:first-child {
            background: #fda37c;
        }

        .con-pg table tr.imgs-and-docs td {
            padding: 0;
            border-bottom: solid 1px #ddd;
        }

            .con-pg table tr.imgs-and-docs td > div {
                margin-left: 4px;
            }

            .con-pg table tr.imgs-and-docs td .img-list {
                margin-bottom: 5px;
            }

            .con-pg table tr.imgs-and-docs td .doc-list {
                margin-bottom: 5px;
            }

                .con-pg table tr.imgs-and-docs td .doc-list .doc-holder {
                    width: 100px;
                    display: inline-block;
                    box-sizing: border-box;
                    text-align: center;
                    cursor: pointer;
                    background: #ddd;
                }

                    .con-pg table tr.imgs-and-docs td .doc-list .doc-holder:hover {
                        background: #ccc;
                    }

                    .con-pg table tr.imgs-and-docs td .doc-list .doc-holder img {
                        width: 40px;
                        height: 40px;
                        margin: 10px auto;
                    }

                    .con-pg table tr.imgs-and-docs td .doc-list .doc-holder span {
                        display: block;
                        width: 90px;
                        margin: 0px auto;
                        height: 40px;
                        text-align: center;
                        vertical-align: middle;
                        font-size: 11px;
                        overflow-wrap: break-word;
                        word-wrap: break-word;
                    }

.area-pg {
}

    .area-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .area-pg .area {
        margin-bottom: 10px;
    }

        .area-pg .area h2 {
            font-weight: bold;
            font-size: 13px;
            color: #5e9ded;
            height: 26px;
            line-height: 26px;
            border-bottom: solid 1px #ccc;
        }

        .area-pg .area .cont {
            display: table;
            border-collapse: collapse;
            width: 100%;
        }

            .area-pg .area .cont > div {
                display: table-cell;
            }

        .area-pg .area .left {
            width: 500px;
            vertical-align: top;
            box-sizing: border-box;
        }

        .area-pg .area .right {
            vertical-align: top;
            box-sizing: border-box;
            padding-left: 10px;
        }

        .area-pg .area .area-det {
            text-align: justify;
        }

        .area-pg .area .note-det {
            display: block;
            margin-top: 10px;
        }

            .area-pg .area .note-det div {
                font-size: 11px;
                line-height: 16px;
                color: #444;
            }

        .area-pg .area::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .area-pg .area .strech {
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }

        .area-pg .area .specs {
            display: inline-block;
            width: 49%;
            vertical-align: top;
            height: 165px;
            border-bottom: solid 1px #ccc;
        }

            .area-pg .area .specs label {
                height: 25px;
                line-height: 25px;
                display: inline-block;
                width: 50%;
                font-weight: bold;
                border-bottom: solid 1px #eee;
            }

            .area-pg .area .specs span {
                height: 25px;
                line-height: 25px;
                display: inline-block;
                width: 50%;
                border-bottom: solid 1px #eee;
                text-align: center;
            }

        .area-pg .area .content-det {
            display: block;
        }

            .area-pg .area .content-det > div {
                overflow: auto;
                height: 260px;
            }

            .area-pg .area .content-det table {
                width: 100%;
            }

        .area-pg .area .image-det {
            margin-top: 10px;
        }

.scope-items {
}

    .scope-items .explorer-pg-body > div {
        margin: 20px;
    }

    .scope-items .ls-section {
        margin-bottom: 10px;
    }

.wa-report {
}

    .wa-report .wa-header {
    }

    .wa-report .wa-nav {
        width: 20%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .wa-report .wa-content {
        width: 80%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .wa-report .wa-nav > div, .wa-report .wa-content > div {
            margin: 20px;
        }

    .wa-report .wa-nav h2 {
        border-bottom: solid 1px #ccc;
        margin-bottom: 20px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
    }

        .wa-report .wa-nav h2 img {
            width: 16px;
            height: 16px;
            margin: 5px;
            vertical-align: middle;
        }

    .wa-report .wa-nav ul li {
        margin-left: 20px;
    }

.wa-h {
    text-align: right;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

    .wa-h > div {
        display: inline-block;
        width: 180px;
        text-align: center;
    }

.wa-c {
}

.pic-pg {
}

    .pic-pg .pic-nav {
        width: 20%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .pic-pg .pic-content {
        width: 80%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .pic-pg .pic-nav > div {
        margin: 20px;
    }

    .pic-pg .pic-nav ul.filetree li img {
        width: 16px;
        height: 16px;
        vertical-align: top;
    }

    .pic-pg .pic-nav ul.filetree li a {
        color: #444;
        cursor: pointer;
        font-size: 12px;
        text-decoration: none;
        display: inline-block;
        padding: 3px;
    }

    .pic-pg .pic-h {
        height: 50px;
        text-align: right;
        padding: 12px 20px 0 20px;
        background: #fff;
    }

    .pic-pg .pic-rotate-bar {
        display: inline-block;
        float: left;
    }

        .pic-pg .pic-rotate-bar input[type=checkbox] {
            margin-top: 3px;
        }

        .pic-pg .pic-rotate-bar label {
            display: inline-block;
            margin: 0 5px;
        }

    .pic-pg .pic-b {
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
        background: #c0c0c0;
    }

    .pic-pg .msg-count {
        font-size: 26px;
        color: #ddd;
        text-align: center;
        margin-top: 30px;
    }

    .pic-pg .pic-b .ls-section {
        margin: 20px;
    }

.pic-gallery {
    text-align: justify;
}
.pic-wrapper {
    width: 230px;
    height: 260px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 10px;
 
    border-radius:3px;
}
.pic-tags{
    width:100%;
    height:60px;
    overflow-y:auto;
    text-align:left;

}
.pic-tag {
    display: inline-block;
    margin: 2px;
    background-color: #207cca;
    color: #fff;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
}
.pic-gallery .pic-ind {
    width: 100%;
    height: 200px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    background: #ddd;
    position: relative;
    overflow: hidden;
}

    .pic-gallery .strech {
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0;
    }

    .pic-gallery .pic-ind a.thumb {
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }

        .pic-gallery .pic-ind a.thumb img {
            width: 100%;
        }

    .pic-gallery .pic-ind .pic-name {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 30px;
        line-height: 30px;
        background: rgba(0,0,0,0.6);
        overflow: hidden;
    }

        .pic-gallery .pic-ind .pic-name > span {
            color: #eee;
            font-size: 12px;
            ;
        }

        .pic-gallery .pic-ind .pic-name > input[type=checkbox] {
            margin-left: 10px;
        }

        .pic-gallery .pic-ind .pic-name > img {
            width: 12px;
            height: 12px;
            border: solid 3px rgba(255,255,255,0.6);
            background: rgba(255,255,255,0.6);
            float: right;
            margin: 5px;
            cursor: pointer;
        }

            .pic-gallery .pic-ind .pic-name > img:hover {
                border: solid 3px rgba(255,255,255,1);
                background: rgba(255,255,255,1);
            }

    .pic-gallery .pic-ind .pic-note {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 30px;
        background: rgba(0,0,0,0.8);
        overflow: hidden;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
    }

        .pic-gallery .pic-ind .pic-note > b {
            display: block;
            color: #eee;
            font-size: 12px;
            font-weight: bold;
            height: 30px;
            line-height: 30px;
            margin: 0 10px;
        }

            .pic-gallery .pic-ind .pic-note > b a {
                float: right;
            }

        .pic-gallery .pic-ind .pic-note:hover {
            height: 100px;
        }

        .pic-gallery .pic-ind .pic-note > span {
            display: block;
            color: #eee;
            font-size: 12px;
            margin: 0 10px;
        }


.fp-pg {
}

    .fp-pg .fp-nav {
        width: 20%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .fp-pg .fp-content {
        width: 80%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #c0c0c0;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .fp-pg .fp-nav > div,
        .fp-pg .fp-content > div {
            margin: 20px;
        }

    .fp-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .fp-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

        .fp-pg .explorer-pg-header .options > div {
            display: inline-block;
            margin-left: 40px;
        }

        .fp-pg .explorer-pg-header .options label {
            font-weight: bold;
        }

    .fp-pg .fp-content > div {
        text-align: center;
    }

.note-pg {
}

    .note-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .note-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

        .note-pg .explorer-pg-header .options > div {
            display: inline-block;
            margin-left: 40px;
        }

        .note-pg .explorer-pg-header .options input[type=checkbox] {
            margin-left: 10px;
        }

        .note-pg .explorer-pg-header .options label {
            font-weight: bold;
        }

    .note-pg .note-container {
        margin: 20px;
    }

    .note-pg .note-ind {
        background: #fff;
        border: solid 1px #ddd;
        display: table;
        width: 100%;
        box-sizing: border-box;
        min-height: 180px;
        margin: 10px 0 10px 0;
    }

        .note-pg .note-ind .user-data {
            display: table-cell;
            width: 200px;
            text-align: center;
            padding: 20px 0 20px 0;
            border-right: solid 1px #ddd;
        }

            .note-pg .note-ind .user-data img {
                margin: 20px;
            }

            .note-pg .note-ind .user-data .username {
                font-size: 13px;
                color: #444;
                font-weight: bold;
            }

            .note-pg .note-ind .user-data .timestamp {
                font-size: 12px;
                color: #aaa;
            }

        .note-pg .note-ind .note-data {
            display: table-cell;
            vertical-align: top;
        }

            .note-pg .note-ind .note-data .note-data-h {
                height: 50px;
                line-height: 50px;
                border-bottom: solid 1px #ddd;
            }

                .note-pg .note-ind .note-data .note-data-h h1 {
                    font-size: 16px;
                    font-weight: normal;
                    color: #444;
                    display: inline-block;
                    margin-left: 20px;
                }

                .note-pg .note-ind .note-data .note-data-h .note-toolbar {
                    display: inline-block;
                    float: right;
                }

                    .note-pg .note-ind .note-data .note-data-h .note-toolbar span,
                    .note-pg .note-ind .note-data .note-data-h .note-toolbar input[type=button] {
                        display: inline-block;
                        margin-right: 20px;
                        margin-left: 20px;
                    }

            .note-pg .note-ind .note-data .note-data-b textarea {
                border: none;
                width: 100%;
                line-height: 20px;
                font-size: 12px;
                color: #444;
                box-sizing: border-box;
                padding: 20px;
                outline: none;
                resize: none;
                height: 100px;
                overflow: auto;
            }

            .note-pg .note-ind .note-data .note-data-b .html-view {
                margin: 20px;
                min-height: 60px;
            }

    .note-pg .note-category {
        margin-bottom: 20px;
        background: #ddd;
        border-radius: 5px;
        overflow: hidden;
    }

        .note-pg .note-category .note-category-h {
            height: 50px;
            line-height: 50px;
        }

            .note-pg .note-category .note-category-h h1 {
                display: inline-block;
                margin-left: 20px;
            }

            .note-pg .note-category .note-category-h .note-category-toolbar {
                display: inline-block;
                float: right;
                margin-right: 20px;
                margin-top: 12px;
            }

                .note-pg .note-category .note-category-h .note-category-toolbar input[type=button] {
                    width: 150px;
                }

        .note-pg .note-category .note-category-b {
            overflow: hidden;
            padding-left: 20px;
            padding-right: 20px;
        }

        .note-pg .note-category .note-ind {
        }



.pa-report {
    background: #fff;
}

    .pa-report .pa-report-header {
        height: 50px;
        line-height: 50px;
    }

        .pa-report .pa-report-header h1 {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            margin-left: 10px;
        }

        .pa-report .pa-report-header button {
            display: inline-block;
            float: right;
            margin-right: 10px;
            margin-top: 12px;
        }

    .pa-report .pa-report-body {
        box-sizing: border-box;
        padding: 10px;
        padding-top: 20px;
        overflow: auto;
        text-align: center;
    }

        .pa-report .pa-report-body > div {
            white-space: nowrap;
        }

    .pa-report .process {
        display: inline-block;
        width: 120px;
        vertical-align: top;
        margin: 5px;
        text-align: left;
    }

        .pa-report .process .indicator {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 0 auto;
            position: relative;
        }

            .pa-report .process .indicator::before {
                content: "";
                width: 102px;
                height: 1px;
                box-sizing: border-box;
                position: absolute;
                left: 31px;
                top: 50%;
                background: #ccc;
            }

        .pa-report .process:last-child .indicator::before {
            display: none;
        }

        .pa-report .process .tick {
            border: solid 1px green;
        }

            .pa-report .process .tick::after {
                content: "\f00c";
                font-family: FontAwesome;
                font-size: 16px;
                color: green;
                display: block;
                height: 30px;
                line-height: 30px;
                text-align: center;
            }

        .pa-report .process .warning {
            border: solid 1px orange;
            cursor: pointer;
        }

            .pa-report .process .warning::after {
                content: "\f071";
                font-family: FontAwesome;
                font-size: 16px;
                color: orange;
                display: block;
                height: 30px;
                line-height: 30px;
                text-align: center;
            }

        .pa-report .process .process-name {
            font-size: 12px;
            text-align: center;
            margin-top: 5px;
            color: #444;
            white-space: normal;
        }

.process-desc {
    text-align: left;
    color: #444;
    max-height: 350px;
    margin: 2px;
    overflow: auto;
    white-space: normal;
    width: 300px;
}

    .process-desc .rule {
        padding: 5px;
        padding-bottom: 10px;
    }

    .process-desc .rule-name {
        font-size: 12px;
        position: relative;
        padding-left: 8px;
    }

        .process-desc .rule-name::before {
            width: 10px;
            height: 10px;
            position: absolute;
            left: -3px;
            top: 2px;
            border: solid 5px transparent;
            border-left: solid 5px #444;
            box-sizing: border-box;
        }

    .process-desc ul li {
        color: red;
        font-size: 12px;
        padding-left: 20px;
        margin: 5px 0
    }

    .process-desc .rule-warnings,
    .process-desc .rule-notes {
        padding: 5px;
    }

    .process-desc .rule-note {
        background: #f2e7d2;
        padding: 5px;
    }

        .process-desc .rule-note > div {
            margin: 3px 10px;
        }

        .process-desc .rule-note select,
        .process-desc .rule-note textarea {
            border: solid 1px #ddd;
            padding: 7px;
            border-radius: 3px;
            width: 100%;
            box-sizing: border-box;
        }

        .process-desc .rule-note button {
            float: right;
        }

.process-audit-warning {
    text-align: left;
    color: #444;
    height: 350px;
    overflow: auto;
    white-space: normal;
}

    .process-audit-warning .rule {
        padding: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #999;
    }

    .process-audit-warning .rule-name {
        font-size: 12px;
        position: relative;
        padding-left: 8px;
    }

        .process-audit-warning .rule-name::before {
            width: 10px;
            height: 10px;
            position: absolute;
            left: -3px;
            top: 2px;
            border: solid 5px transparent;
            border-left: solid 5px #444;
            box-sizing: border-box;
        }

    .process-audit-warning ul li {
        color: red;
        font-size: 12px;
        padding-left: 20px;
        margin: 5px 0;
    }

    .process-audit-warning .rule-warnings,
    .process-audit-warning .rule-notes {
        padding: 5px;
    }

    .process-audit-warning .rule-note {
        background: #f2e7d2;
        padding: 5px;
    }

        .process-audit-warning .rule-note > div {
            margin: 3px 10px;
        }

        .process-audit-warning .rule-note select,
        .process-audit-warning .rule-note textarea {
            border: solid 1px #ddd;
            padding: 7px;
            border-radius: 3px;
            width: 100%;
            box-sizing: border-box;
        }

        .process-audit-warning .rule-note button {
            float: right;
        }

.cross-callout {
    color: #444;
    display: block;
    text-align: right;
}

    .cross-callout i {
        border: solid 1px #444;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 21px;
        cursor: pointer;
    }

        .cross-callout i:hover {
            color: red;
            border: solid 1px red;
        }

.report-pg {
}

    .report-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .report-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

    .report-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .report-pg .ls-section .ls-section-header .btns {
        display: inline-block;
        float: right;
    }

        .report-pg .ls-section .ls-section-header .btns > input[type=button] {
            float: none;
        }

    .report-pg .report-item {
        border-bottom: solid 1px #ddd;
        padding: 10px 0 10px 0;
    }

        .report-pg .report-item:last-child {
            border-bottom: solid 1px transparent;
        }

        .report-pg .report-item .report-i {
            display: inline-block;
            width: 80px;
            height: 80px;
            margin-right: 5px;
            vertical-align: top;
        }

        .report-pg .report-item .report-d {
            display: inline-block;
            vertical-align: top;
        }

        .report-pg .report-item .report-name {
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 5px 0;
        }

            .report-pg .report-item .report-name > span {
                display: inline-block;
                margin-left: 10px;
                font-size: 13px;
                font-weight: normal;
                color: #5d9aeb;
            }

        .report-pg .report-item .created-by {
            font-size: 12px;
            font-style: italic;
            margin-bottom: 10px;
        }

        .report-pg .report-item span.not-exp {
            color: #b2743d;
        }

        .report-pg .report-item span.exp-in-progress {
            color: #87b17f;
        }

        .report-pg .report-item span.exp-success {
            color: #307223;
        }

        .report-pg .report-item span.exp-failed {
            color: red;
        }

        .report-pg .report-item span.not-created {
            color: red;
        }

    .report-pg .ls-section .ls-section-header > div.legend {
        display: inline-block;
        float: right;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 4px;
        background: #fcfbe5;
        border: solid 1px #ddd;
        margin-top: 5px;
        margin-right: 20px;
    }

        .report-pg .ls-section .ls-section-header > div.legend > span {
            font-size: 12px;
            font-weight: normal;
            height: 14px;
            line-height: 14px;
            vertical-align: middle;
        }

        .report-pg .ls-section .ls-section-header > div.legend > img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
        }

.report-icon-wa:before {
    content: "WA";
    display: block;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, sans-serif;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #637a78;
    color: #b4d2cf;
}

.report-icon-frm:before {
    content: "F";
    display: block;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, sans-serif;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #625a66;
    color: #c1b1c9;
}

.report-icon-rep:before {
    content: "R";
    display: block;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, sans-serif;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #535a6f;
    color: #c2c6d3;
}

.report-pg .friendly-reminder {
    background: #eee3ce;
    border: solid 1px #e6bb8d;
    margin-bottom: 20px;
}

    .report-pg .friendly-reminder .ls-section-header {
        border-bottom: solid 1px transparent;
    }

    .report-pg .friendly-reminder .ls-section-body {
        padding: 0;
    }

    .report-pg .friendly-reminder .reminder {
        font-size: 14px;
        margin: 5px 20px 20px 20px;
        font-weight: bold;
    }

.report-pg .reminder-item {
    padding: 20px;
    border-bottom: solid 1px #ddd;
}

    .report-pg .reminder-item:last-child {
        border-bottom: solid 1px transparent;
    }

.report-pg .reminder-text {
    display: block;
    vertical-align: top;
    font-weight: bold;
    padding: 7px;
    color: #fb5527;
}

.report-pg .reminder-btns {
    display: block;
    vertical-align: top;
    padding: 7px;
}

.report-pg .reminder-text .reminder-highlight {
    color: #444;
}

.report-pg .reminder,
.report-pg .xa-status {
    display: inline-block;
    vertical-align: top;
}

    .report-pg .xa-status > i {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }


.xa-legend {
    border: solid 1px #ddd9ae;
    padding: 10px;
    background: #fbfbdb;
}

    .xa-legend span {
        margin: 20px;
    }

        .xa-legend span > i {
            margin-right: 10px;
            font-size: 16px;
        }

.xact-pg {
}

    .xact-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .xact-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .xact-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

    .xact-pg .ls-section .ls-section-header .btns {
        display: inline-block;
        float: right;
    }

    .xact-pg input[type=text] {
        padding: 8px;
        border: solid 1px #ccc;
        border-radius: 3px;
    }

    .xact-pg .sect {
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .xact-pg .sect .hdr {
            height: 30px;
            line-height: 30px;
            border-bottom: solid 2px #2e3e4e;
        }

            .xact-pg .sect .hdr h2 {
                display: inline-block;
                color: #2e3e4e;
            }

        .xact-pg .sect .hdr-cl {
            height: 30px;
            line-height: 30px;
            border-bottom: solid 1px #2e3e4e;
        }

            .xact-pg .sect .hdr-cl h2 {
                display: inline-block;
                color: #2e3e4e;
            }

        .xact-pg .sect .bdy {
            overflow: auto;
        }

    .xact-pg .upload-pic .image-box {
        margin: 5px;
        border: solid 1px #ccc;
    }

        .xact-pg .upload-pic .image-box .image-header {
            background: rgba(0,0,0,0.6);
            color: #fff;
            padding: 4px;
        }

        .xact-pg .upload-pic .image-box .image-container {
            width: 150px;
            height: 150px;
            text-align: center;
            font: 0/0 a;
            border: solid 1px #ccc;
        }

            .xact-pg .upload-pic .image-box .image-container:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            .xact-pg .upload-pic .image-box .image-container img {
                display: inline-block;
                vertical-align: middle;
            }

    .xact-pg .upload-pic .image-box-cl {
        margin: 5px;
        border: solid 1px #aaa;
        padding: 2px;
        border-width: 1px 3px 3px 1px;
        border-radius: 4px;
    }

        .xact-pg .upload-pic .image-box-cl .image-header {
            background: #fff;
            color: #000;
            padding: 2px 2px 1px 2px;
        }

        .xact-pg .upload-pic .image-box-cl .image-container {
            width: 160px;
            height: 160px;
            text-align: center;
            font: 0/0 a;
            border: solid 0px #ccc;
            padding: 1px;
            margin: 1px;
        }

            .xact-pg .upload-pic .image-box-cl .image-container:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            .xact-pg .upload-pic .image-box-cl .image-container img {
                display: inline-block;
                vertical-align: middle;
                align-content: center;
                margin: 1px;
                padding: 1px;
            }


    .xact-pg .line-item-table tr td input,
    .xact-pg .line-item-table tr td select {
        display: block;
        width: 100%;
        box-sizing: border-box;
        ;
        padding: 8px;
        border: solid 1px #ddd;
        border-radius: 3px;
    }

    .xact-pg .level {
        color: #2e3e4e;
        height: 30px;
        line-height: 30px;
        border-bottom: solid 2px #2e3e4e;
        font-size: 15px;
        font-weight: bold;
    }

    .xact-pg .area {
        color: #888;
        height: 30px;
        line-height: 30px;
        border-bottom: solid 2px #888;
        font-size: 14px;
        font-weight: bold;
    }

    .xact-pg .level-det,
    .xact-pg .area-det {
        margin-left: 30px;
    }

.edit-pg {
}

    .edit-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .edit-pg .explorer-pg-body table {
        width: 100%;
    }

        .edit-pg .explorer-pg-body table tr td {
            vertical-align: middle;
        }

    .edit-pg .explorer-pg-body input,
    .edit-pg .explorer-pg-body select,
    .edit-pg .explorer-pg-body textarea {
        padding: 5px;
        font-size: 12px;
        border-radius: 3px;
        box-sizing: border-box;
    }

    .edit-pg .explorer-pg-body .add-event {
        cursor: pointer;
        color: #3f80d7;
        margin-left: 8px;
        font-size: 18px;
    }

    .edit-pg .contact-info {
        text-align: justify;
    }

        .edit-pg .contact-info table {
            width: 100%
        }

            .edit-pg .contact-info table tr td {
                border-bottom: solid 1px #eee;
                padding: 8px 0;
            }

                .edit-pg .contact-info table tr td.name {
                    color: #444;
                    font-weight: bold;
                }

                .edit-pg .contact-info table tr td.type {
                    color: #2f6ca8;
                }

                .edit-pg .contact-info table tr td.address i {
                    margin-right: 10px;
                    color: #3f80d7;
                    font-size: 16px;
                }

                .edit-pg .contact-info table tr td.phone i {
                    margin-right: 10px;
                    color: green;
                    font-size: 16px;
                }

                .edit-pg .contact-info table tr td.email i {
                    margin-right: 10px;
                    color: #aa6b61;
                    font-size: 16px;
                }

        .edit-pg .contact-info .command-bar {
            float: right;
        }

            .edit-pg .contact-info .command-bar button {
                width: 36px;
                text-align: center;
            }

                .edit-pg .contact-info .command-bar button i {
                    margin: 0;
                }

.quickentry-pg {
}

    .quickentry-pg .qe-nav {
        width: 15%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .quickentry-pg .qe-content {
        width: 85%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .quickentry-pg .qe-nav > div,
        .quickentry-pg .qe-content > div {
            margin: 20px;
        }

    .quickentry-pg .fd-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: solid 1px #ddd;
    }

    .quickentry-pg .fd-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 51px;
        bottom: 0;
        overflow: auto;
        padding: 20px;
    }

    .quickentry-pg .fd-header h2 {
        margin-left: 20px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #444;
        font-size: 16px;
    }

    .quickentry-pg .fd-header button {
        display: inline-block;
        float: right;
        margin-right: 20px;
        margin-top: 15px;
    }

    .quickentry-pg .fd-content .not-found {
        margin-top: 100px;
    }

    .quickentry-pg .fd-content table {
        width: 100%;
        border-top: solid 1px #444;
    }

        .quickentry-pg .fd-content table tr th,
        .quickentry-pg .fd-content table tr td {
            border-right: solid 1px transparent;
        }

            .quickentry-pg .fd-content table tr td input[type=text] {
                border: solid 1px #ddd;
                width: 60px;
                margin-left: 2px;
                margin-right: 5px;
                height: 20px;
                font-size: 12px;
            }

            .quickentry-pg .fd-content table tr td img {
                width: 20px;
                height: 20px;
                vertical-align: middle;
            }

        .quickentry-pg .fd-content table tr.level td {
            font-weight: bold;
            font-size: 14px;
            color: #000;
            background: #eee;
        }

        .quickentry-pg .fd-content table tr td.command {
            white-space: nowrap;
            text-align: right;
        }

            .quickentry-pg .fd-content table tr td.command button i {
                margin: 0;
            }

.mit-sum-pg {
}

    .mit-sum-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .mit-sum-pg .explorer-pg-header .buttons {
        display: inline-block;
        float: right;
        margin: 0;
    }

    .mit-sum-pg .explorer-pg-body > div {
        margin: 10px 20px;
    }

    .mit-sum-pg .sla-and-dates {
        text-align: justify;
    }

        .mit-sum-pg .sla-and-dates > div.strech {
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }

        .mit-sum-pg .sla-and-dates > div {
            display: inline-block;
            width: 49.5%;
            vertical-align: top;
        }

        .mit-sum-pg .sla-and-dates .ls-section-body {
            height: 300px;
        }

        .mit-sum-pg .sla-and-dates .f-legend {
            float: right;
            margin: 15px 10px;
        }

.de-pg {
}

    .de-pg .explorer-pg-body > div {
        margin: 20px;
        background: #fff;
        border: solid 1px #ddd;
        padding: 20px;
    }

    .de-pg .de-item {
        border-bottom: solid 1px #eee;
        display: table;
        width: 100%;
    }

        .de-pg .de-item > div {
            display: table-cell;
            font-weight: bold;
        }

        .de-pg .de-item .de-item-head {
            padding: 10px;
            width: 300px;
        }

        .de-pg .de-item .de-item-content {
            padding: 5px;
            font-weight: normal;
        }

        .de-pg .de-item:last-child {
            border-bottom: solid 1px transparent;
        }

.psy-logs-pg {
}

    .psy-logs-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .psy-logs-pg .explorer-pg-header .f-legend {
        display: inline-block;
        float: right;
    }

    .psy-logs-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .psy-logs-pg .chamber {
        margin: 20px 0 20px 0;
    }

        .psy-logs-pg .chamber > h2 {
            background: #666;
            font-size: 14px;
            font-weight: normal;
            height: 40px;
            line-height: 40px;
            color: #fff;
            text-align: center;
        }

        .psy-logs-pg .chamber .log {
            margin: 10px 0 10px 0;
            border: solid 1px #ccc;
            background: #f1f2f3;
        }

            .psy-logs-pg .chamber .log > h2 {
                color: #444;
                border-bottom: solid 1px #ccc;
                font-weight: normal;
                height: 40px;
                line-height: 40px;
                font-size: 13px;
            }

.wd-pg {
}

    .wd-pg .explorer-pg-header {
        border-bottom: solid 1px #ccc;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
    }

        .wd-pg .explorer-pg-header h1 {
            height: 60px;
            line-height: 60px;
            padding-left: 20px;
        }

    .wd-pg .not-found {
        padding-top: 100px;
        font-size: 40px;
    }

    .wd-pg .wd-nav {
        width: 20%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .wd-pg .wd-content {
        width: 80%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .wd-pg .wd-nav > div {
        margin: 20px;
    }

    .wd-pg .wd-nav h2 {
        border-bottom: solid 1px #ccc;
        margin-bottom: 10px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        padding-left: 2px;
    }

    .wd-pg .wdd-header {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #ddd;
        padding-left: 20px;
    }

    .wd-pg .wdd-content {
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
    }

        .wd-pg .wdd-content > div {
            margin: 20px;
        }

    .wd-pg .wd-content .wdd-info {
        border: solid 1px #ddd;
        background: #eee;
    }

        .wd-pg .wd-content .wdd-info > div {
            margin: 10px;
        }

    .wd-pg .wd-content .wdd-details > div {
        display: inline-block;
        vertical-align: top;
    }

        .wd-pg .wd-content .wdd-details > div h2 {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            background: #666;
            text-align: center;
        }

    .wd-pg .wd-content .wdd-details .wdd-damage {
        width: 49.5%;
        float: left;
    }

    .wd-pg .wd-content .wdd-details .wdd-mmap {
        width: 49.5%;
        float: right;
    }

        .wd-pg .wd-content .wdd-details .wdd-mmap img {
            width: 60%;
            border: solid 1px #ddd;
            margin: 10px auto;
            display: block;
        }

.dc-pg {
}

    .dc-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .dc-pg table {
        border-top: solid 1px #444;
        margin: 20px 0;
    }

.eq-pg {
}

    .eq-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .eq-pg .ls-section-header h1 {
        display: inline-block;
    }

    .eq-pg .ls-section-header .rounding-type {
        display: inline-block;
        float: right;
        margin: 10px 10px;
    }

        .eq-pg .ls-section-header .rounding-type label {
            font-weight: bold;
        }

        .eq-pg .ls-section-header .rounding-type select {
            padding: 5px;
            font-size: 12px;
            border-radius: 3px;
            box-sizing: border-box;
        }

.eq-summary .border-box2 {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.eq-summary table tr td .border-box1 {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.eq-summary table tr td h1 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background: #666;
    text-align: center;
}

.eq-summary table tr td .grid tr td {
    border-bottom: solid 1px #eee;
    padding: 5px;
    vertical-align: middle;
    font-size: 13px;
    font-family: Helvetica,Arial;
}

    .eq-summary table tr td .grid tr td h2 {
        color: #444;
        font-size: 13px;
    }

.eq-areawise h2 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background: #666;
    text-align: center;
}

.mmap-pg {
}

    .mmap-pg .explorer-pg-header {
        border-bottom: solid 1px #ccc;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
    }

        .mmap-pg .explorer-pg-header h1 {
            height: 60px;
            line-height: 60px;
            padding-left: 20px;
        }

    .mmap-pg .not-found {
        padding-top: 100px;
        font-size: 40px;
    }

    .mmap-pg .mmap-nav {
        width: 20%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .mmap-pg .mmap-content {
        width: 80%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .mmap-pg .mmap-nav > div {
        margin: 20px;
    }

    .mmap-pg .mm-header {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #ddd;
        padding-left: 20px;
    }

    .mmap-pg .mm-content {
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
    }

        .mmap-pg .mm-content > div {
            margin: 20px;
        }

    .mmap-pg .mm-header h1 {
        display: inline-block;
    }

    .mmap-pg .mm-header .f-legend {
        display: inline-block;
        float: right;
        margin: 15px 20px;
    }
    /*.mmap-pg .log{margin:10px 0 10px 0;border:solid 1px #ccc;background:#f1f2f3;}*/
    .mmap-pg .log > h2 {
        border: solid 1px #ddd;
        background: #eee;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .mmap-pg .mm-content .mm-details::after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .mmap-pg .mm-content .mm-details > div {
        display: inline-block;
        vertical-align: top;
    }

        .mmap-pg .mm-content .mm-details > div h2 {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            background: #666;
            text-align: center;
        }

    .mmap-pg .mm-content .mm-details .mm-data {
        width: 69.5%;
        float: left;
    }

        .mmap-pg .mm-content .mm-details .mm-data > div {
            margin: 10px auto;
        }

    .mmap-pg .mm-content .mm-details .mm-map {
        width: 29.5%;
        float: right;
    }

        .mmap-pg .mm-content .mm-details .mm-map img {
            width: 80%;
            border: solid 1px #ddd;
            margin: 10px auto;
            display: block;
        }

    .mmap-pg .mm-content .mm-chart {
        text-align: center;
    }

    .mmap-pg .mm-content .grid tr th
    .mmap-pg .mm-content .grid tr td {
        padding: 6px;
    }

.cat-cl-pg {
}

    .cat-cl-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .cat-cl-pg .circle {
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
    }

    .cat-cl-pg .cc-cls {
        background: #5e9ded;
        color: #fff;
    }

    .cat-cl-pg .cc-cat {
        background: #5e9ded;
        color: #fff;
    }

.area-items-pg {
}

    .area-items-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .area-items-pg .area-header {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #666;
        text-align: center;
    }

.loss-pricing-pg {
}

    .loss-pricing-pg .explorer-pg-header {
        border-bottom: solid 1px #ccc;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
    }

        .loss-pricing-pg .explorer-pg-header h1 {
            height: 60px;
            line-height: 60px;
            padding-left: 20px;
        }

    .loss-pricing-pg .not-found {
        padding-top: 100px;
        font-size: 40px;
    }

    .loss-pricing-pg .lp-nav {
        width: 15%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .loss-pricing-pg .lp-content {
        width: 85%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .loss-pricing-pg .lp-nav > div {
        margin: 20px;
    }

    .loss-pricing-pg .lp-nav h2 {
        border-bottom: solid 1px #ccc;
        margin-bottom: 10px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        padding-left: 2px;
    }

    .loss-pricing-pg .lpp-header {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #ddd;
        padding-left: 20px;
    }

    .loss-pricing-pg .lpp-content {
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
    }

        .loss-pricing-pg .lpp-content > div {
            margin: 20px;
        }

        .loss-pricing-pg .lpp-content .level h2 {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            background: #666;
            text-align: center;
        }

        .loss-pricing-pg .lpp-content .loss-total {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: normal;
            color: #000;
            background: #ccc;
            text-align: right;
            font-weight: bold;
            padding-right: 4px;
        }

        .loss-pricing-pg .lpp-content .grand-total {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            background: #bb6501;
            text-align: right;
            font-weight: bold;
            padding-right: 4px;
        }

    .loss-pricing-pg .circle {
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
    }

    .loss-pricing-pg .cc-cls {
        background: #5e9ded;
        color: #fff;
    }

    .loss-pricing-pg .cc-cat {
        background: #5e9ded;
        color: #fff;
    }

    .loss-pricing-pg .loss-adjustment table tr th {
        border-left: solid 1px transparent;
    }

    .loss-pricing-pg .loss-adjustment table tr td {
        border-left: solid 1px transparent;
    }

    .loss-pricing-pg .loss-adjustment input {
        padding: 6px;
        font-size: 12px;
        border-radius: 3px;
        box-sizing: border-box;
    }

    .loss-pricing-pg .loss-adjustment select {
        padding: 5px;
        font-size: 12px;
        border-radius: 3px;
        box-sizing: border-box;
    }

    .loss-pricing-pg .price-lists {
        text-align: justify;
    }

        .loss-pricing-pg .price-lists .strech {
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }

        .loss-pricing-pg .price-lists .pl {
            border: solid 1px #ccc;
            background: #eee;
            width: 49%;
            display: inline-block;
            vertical-align: top;
            border-radius: 5px;
        }

            .loss-pricing-pg .price-lists .pl .pl-name {
                height: 40px;
                line-height: 40px;
                border-bottom: solid 1px #ccc;
                font-weight: bold;
                font-size: 14px;
                text-align: center;
            }

            .loss-pricing-pg .price-lists .pl .pl-desc {
                text-align: center;
            }

                .loss-pricing-pg .price-lists .pl .pl-desc p {
                    display: block;
                    margin: 10px;
                    text-align: left;
                    min-height: 40px;
                }

                .loss-pricing-pg .price-lists .pl .pl-desc button {
                    margin: 10px;
                }

            .loss-pricing-pg .price-lists .pl.selected {
                background: #d4dee9;
            }

.mex-docs {
}

    .mex-docs .explorer-pg-body > div {
        margin: 10px 20px;
        text-align: justify;
    }

    .mex-docs .explorer-pg-body .strech {
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0;
    }

    .mex-docs .ls-section {
        display: inline-block;
        width: 49.5%;
        vertical-align: top;
        margin-bottom: 10px;
    }

    .mex-docs .ls-section-header h1 {
        display: inline-block;
    }

    .mex-docs .ls-section-header .options {
        display: inline-block;
        float: right;
    }

        .mex-docs .ls-section-header .options input,
        .mex-docs .ls-section-header .options select,
        .mex-docs .ls-section-header .options button {
            margin-left: 20px;
            margin-top: 12px;
        }

        .mex-docs .ls-section-header .options > select {
            display: inline-block;
            padding: 5px;
            font-size: 12px;
            border-radius: 3px;
            box-sizing: border-box;
        }

        .mex-docs .ls-section-header .options > label {
            font-weight: bold;
        }

    .mex-docs .ls-section-body {
        height: 220px;
        overflow: auto;
    }

        .mex-docs .ls-section-body .not-found {
            margin-top: 50px;
        }

        .mex-docs .ls-section-body table tr td {
            border: solid 1px transparent;
            border-bottom: solid 1px #ddd;
            vertical-align: top;
        }

        .mex-docs .ls-section-body table tr:last-child td {
            border-bottom: solid 1px transparent;
        }

    .mex-docs .doc-name {
        font-size: 13px;
        font-weight: bold;
        color: #5e9ded;
    }

    .mex-docs .doc-by {
        font-size: 11px;
        font-style: italic;
    }

    .mex-docs .ls-section-body .f-legend {
        margin-bottom: 10px;
    }

    .mex-docs .ls-section-body h2 {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #666;
        text-align: center;
    }

    .mex-docs .doc-icon {
    }

        .mex-docs .doc-icon::after {
            content: "\f016";
            font-family: FontAwesome;
            font-size: 30px;
            color: #5e9ded;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

    .mex-docs .f-button i {
        margin: 0;
    }

    .mex-docs .est-doc-options {
        margin-top: 5px;
    }

        .mex-docs .est-doc-options .es {
            color: Green;
            font-style: italic;
            font-size: 11px;
        }

        .mex-docs .est-doc-options .ens {
            color: Red;
            font-style: italic;
            font-size: 11px;
        }

        .mex-docs .est-doc-options a:link,
        .mex-docs .est-doc-options a:active,
        .mex-docs .est-doc-options a:visited {
            display: inline-block;
            margin-right: 10px;
            text-decoration: underline;
            height: 24px;
            line-height: 24px;
        }

.mitdoc-pg {
}

    .mitdoc-pg .qe-nav {
        width: 15%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .mitdoc-pg .qe-content {
        width: 85%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .mitdoc-pg .qe-nav > div,
        .mitdoc-pg .qe-content > div {
            margin: 20px;
        }

    .mitdoc-pg .fd-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: solid 1px #ddd;
    }

        .mitdoc-pg .fd-header input[type=button],
        .mitdoc-pg .fd-header button {
            float: right;
            margin: 12px 20px;
        }

    .mitdoc-pg .fd-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 53px;
        bottom: 0;
        overflow: auto;
        padding: 20px;
    }

    .mitdoc-pg .fd-header h2 {
        margin-left: 20px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #444;
        font-size: 16px;
    }

    .mitdoc-pg .fd-header button {
        display: inline-block;
        float: right;
        margin-right: 20px;
        margin-top: 15px;
    }

    .mitdoc-pg .fd-content .not-found {
        margin-top: 100px;
    }

    .mitdoc-pg .fd-content table tr th {
        border: solid 1px transparent;
        border-bottom: solid 1px #444;
        vertical-align: top;
    }

    .mitdoc-pg .fd-content table tr td {
        border: solid 1px transparent;
        border-bottom: solid 1px #ddd;
        vertical-align: top;
    }

    .mitdoc-pg .fd-content table tr:last-child td {
        border-bottom: solid 1px transparent;
    }

    .mitdoc-pg .doc-icon {
    }

        .mitdoc-pg .doc-icon::after {
            content: "\f016";
            font-family: FontAwesome;
            font-size: 30px;
            color: #5e9ded;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

    .mitdoc-pg .doc-name {
        font-size: 13px;
        font-weight: bold;
        color: #5e9ded;
    }

    .mitdoc-pg .doc-by {
        font-size: 11px;
        font-style: italic;
    }

    .mitdoc-pg .doc-template {
        font-size: 12px;
        font-weight: bold;
        color: #999;
        margin-top: 7px;
    }

    .mitdoc-pg .doc-name input[type=text] {
        border: solid 1px #ccc;
        padding: 5px;
        font-size: 12px;
        border-radius: 3px;
        width: 90%;
    }

    .mitdoc-pg table.cdoc-options {
        width: 100%;
    }

        .mitdoc-pg table.cdoc-options tr td {
            vertical-align: middle;
        }

            .mitdoc-pg table.cdoc-options tr td label {
                font-weight: bold;
            }

            .mitdoc-pg table.cdoc-options tr td:first-child {
                padding-left: 20px;
            }

        .mitdoc-pg table.cdoc-options select {
            border: solid 1px #999;
            padding: 5px;
            font-size: 12px;
            border-radius: 3px;
        }

    .mitdoc-pg .rpt-opt {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: solid 1px #ccc;
        height: 180x;
        padding: 20px;
    }

    .mitdoc-pg .rpt-opt-c {
        position: absolute;
        left: 0;
        right: 0;
        top: 271px;
        bottom: 0;
        overflow: auto;
        padding: 20px;
    }

    .mitdoc-pg .rpt-opt > div {
        display: inline-block;
        width: 33%;
        vertical-align: top;
    }

    .mitdoc-pg .sect {
        border: solid 1px #ddd;
    }

        .mitdoc-pg .sect h2 {
            border-bottom: solid 1px #ddd;
            padding: 10px;
            font-size: 13px;
            font-weight: bold;
        }

            .mitdoc-pg .sect h2 input[type=checkbox] {
                margin: 5px;
            }

    .mitdoc-pg .sect-content {
        padding: 10px;
        overflow: auto;
        height: 160px;
    }

table.doc-template-items {
    width: 100%;
}

.job-analysis-pg {
}

    .job-analysis-pg .explorer-pg-header {
        border-bottom: solid 1px #ccc;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
    }

        .job-analysis-pg .explorer-pg-header h1 {
            height: 60px;
            line-height: 60px;
            padding-left: 20px;
        }

    .job-analysis-pg .explorer-pg-body > div {
        margin: 20px;
    }

    .job-analysis-pg .explorer-pg-body .ls-section {
        margin-bottom: 20px;
    }

.c-price-pg {
}

    .c-price-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .c-price-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

        .c-price-pg .explorer-pg-header .options select {
            border: solid 1px #999;
            padding: 5px;
            font-size: 12px;
            border-radius: 3px;
        }

.job-pg {
}

    .job-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .job-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

    .job-pg .job-nav {
        width: 25%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .job-pg .job-nav > div {
            margin: 20px;
        }

    .job-pg .job-content {
        width: 75%;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        box-sizing: border-box;
        overflow: auto;
    }

.job-txt {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: bold;
    width: 80%;
}

.wo-txt {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    width: 80%;
}

.job-icon, .wo-icon {
    display: inline-block;
}

    .job-icon::before {
        content: "J";
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        background: #5998cd;
        border-radius: 50%;
        text-align: center;
        font-style: normal;
        vertical-align: middle;
    }

    .wo-icon::before {
        content: "W";
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        background: #49aaab;
        border-radius: 50%;
        text-align: center;
        font-style: normal;
        vertical-align: middle;
    }

.job-pg .fd-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: solid 1px #ddd;
}

.job-pg .fd-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 51px;
    bottom: 0;
    overflow: auto;
    padding: 20px;
}

.job-pg .fd-header h2 {
    margin-left: 20px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #444;
    font-size: 16px;
}

.job-pg .fd-header .options {
    float: right;
    display: inline-block;
    margin: 15px 20px;
}

.job-pg .fd-content .job-description {
    text-align: center;
    padding: 10px;
}

.job-pg .fd-header .ctab {
    float: right;
    margin: 5px 20px;
}

.job-pg .fd-content .ctab-content {
    margin-top: 20px;
}



.dataentry-pg {
}

    .dataentry-pg .de-nav {
        width: 15%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .dataentry-pg .de-content {
        width: 85%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .dataentry-pg .de-nav > div,
        .dataentry-pg .de-content > div {
            margin: 20px;
        }

    .dataentry-pg .fd-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: solid 1px #ddd;
    }

    .dataentry-pg .fd-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 51px;
        bottom: 0;
        overflow: auto;
        padding: 20px;
    }

    .dataentry-pg .fd-header h2 {
        margin-left: 20px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #444;
        font-size: 16px;
    }

    .dataentry-pg .fd-header .options {
        float: right;
        display: inline-block;
        margin: 15px 20px;
    }

    .dataentry-pg .fd-header button {
        display: inline-block;
        float: right;
        margin-right: 20px;
        margin-top: 15px;
    }

    .dataentry-pg .fd-content .not-found {
        margin-top: 100px;
    }

    .dataentry-pg .fd-content .loss-cat {
    }

        .dataentry-pg .fd-content .loss-cat .cat-list {
            width: 600px;
            margin: 40px auto;
            text-align: center;
        }

            .dataentry-pg .fd-content .loss-cat .cat-list > div {
                display: inline-block;
                vertical-align: top;
                border: solid 1px #ddd;
                border-radius: 3px;
                width: 150px;
                margin: 20px;
                box-sizing: border-box;
                height: 50px;
                line-height: 50px;
                text-align: center;
                background: #ddd;
            }

            .dataentry-pg .fd-content .loss-cat .cat-list label {
                font-size: 13px;
                margin-right: 10px;
                font-weight: bold;
            }

        .dataentry-pg .fd-content .loss-cat input[type=checkbox] {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            color: Blue;
        }

    .dataentry-pg .fd-content .cycle-tm {
    }

        .dataentry-pg .fd-content .cycle-tm .cycle-tm-list {
            width: 500px;
            margin: 40px auto;
            font-size: 13px;
        }

            .dataentry-pg .fd-content .cycle-tm .cycle-tm-list .dtpkt-txt {
                width: 100px;
                text-align: center;
            }

    .dataentry-pg .fd-content .demoli {
    }

        .dataentry-pg .fd-content .demoli .demoli-det {
            width: 80%;
            margin: 40px auto;
        }

            .dataentry-pg .fd-content .demoli .demoli-det h3 {
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                font-weight: normal;
                color: #fff;
                background: #666;
                text-align: left;
                padding-left: 20px;
            }

            .dataentry-pg .fd-content .demoli .demoli-det .demoli-items {
                width: 24%;
                height: 70px;
                line-height: 70px;
                text-align: center;
                display: inline-block;
                vertical-align: top;
            }

                .dataentry-pg .fd-content .demoli .demoli-det .demoli-items input[type=text] {
                    border: solid 1px #999;
                    width: 80px;
                    height: 24px;
                    font-size: 13px;
                    border-radius: 3px;
                }

    .dataentry-pg .btns {
        text-align: center;
        margin: 20px;
    }

        .dataentry-pg .btns > input[type=button] {
            width: 100px;
        }

    .dataentry-pg .msg {
        text-align: center;
    }

    .dataentry-pg .ls-section {
        margin-bottom: 20px;
    }

    .dataentry-pg .ls-section-header h1 {
        display: inline-block;
    }

    .dataentry-pg .ls-section-header .options {
        display: inline-block;
        float: right;
    }

    .dataentry-pg .ls-section-body .finfo {
        width: 500px;
        margin: 40px auto;
    }

    .dataentry-pg table {
        width: 100%;
    }

        .dataentry-pg table tr th,
        .dataentry-pg table tr td {
            border-right: solid 1px transparent;
            padding: 4px;
        }

            .dataentry-pg table tr td input[type=text] {
                border: solid 1px #999;
                width: 60px;
                margin-left: 2px;
                margin-right: 5px;
                height: 24px;
                font-size: 13px;
                border-radius: 3px;
            }

            .dataentry-pg table tr td img {
                width: 20px;
                height: 20px;
                vertical-align: middle;
            }

        .dataentry-pg table tr.level td {
            font-weight: bold;
            font-size: 14px;
            color: #000;
            background: #eee;
        }

        .dataentry-pg table tr td.command {
            white-space: nowrap;
            text-align: right;
        }

            .dataentry-pg table tr td.command button i {
                margin: 0;
            }

    .dataentry-pg .fin-container {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        padding: 20px;
        background: #eee;
    }

.asset-pg {
}

    .asset-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .asset-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

    .asset-pg .de-nav {
        width: 15%;
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

    .asset-pg .de-content {
        width: 85%;
        position: absolute;
        right: 0;
        top: 60px;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ccc;
        box-sizing: border-box;
        overflow: auto;
    }

        .asset-pg .de-nav > div,
        .asset-pg .de-content > div {
            margin: 20px;
        }

    .asset-pg .fd-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: solid 1px #ddd;
    }

    .asset-pg .fd-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 51px;
        bottom: 0;
        overflow: auto;
        padding: 20px;
    }

    .asset-pg .fd-header h2 {
        margin-left: 20px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #444;
        font-size: 16px;
    }

    .asset-pg .fd-header .options {
        float: right;
        display: inline-block;
        margin: 15px 20px;
    }

    .asset-pg .fd-content select {
        border: solid 1px #ccc;
        padding: 5px;
        font-size: 12px;
        min-width: 40px;
        border-radius: 3px;
        box-sizing: border-box;
    }

.task-pg {
}

    .task-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .task-pg .explorer-pg-body > div {
        margin: 20px;
    }

/* Fire Explorer */
/* Start Merge Contact */
.m-con {
    border: solid 1px #ddd;
    background: #ddd;
    vertical-align: middle;
}

    .m-con table {
        border: solid 1px #ddd;
        background: #ddd;
        margin: 4px;
    }

        .m-con table tr {
            text-align: center;
        }

            .m-con table tr td {
            }

                .m-con table tr td input[type=text] {
                    border: solid 1px #ddd;
                    width: 60px;
                    margin-left: 2px;
                    margin-right: 5px;
                    height: 20px;
                    font-size: 12px;
                }

                    .m-con table tr td input[type=text]:read-only:not([read-only="false"]) {
                        border: solid 1px transparent;
                        background: transparent;
                    }

                .m-con table tr td table {
                    border: solid 1px #ddd;
                    background: #fff;
                    margin: 4px;
                }

                    .m-con table tr td table tr td {
                        height: 10px;
                        line-height: 10px;
                        padding: 4px;
                    }

                        .m-con table tr td table tr td input[type=text] {
                            border: solid 1px #ddd;
                            width: 60px;
                            margin-left: 2px;
                            margin-right: 5px;
                            height: 20px;
                            font-size: 12px;
                        }

                            .m-con table tr td table tr td input[type=text]:read-only:not([read-only="false"]) {
                                border: solid 1px transparent;
                                background: transparent;
                            }
/* End Merge Contact */

.e-dis {
}

    .e-dis .explorer-pg-header h1 {
        height: 59px;
        line-height: 59px;
        text-align: center;
    }

    .e-dis .explorer-pg-body > div {
        margin: 20px;
    }

    .e-dis .ls-section {
        padding: 40px 20px;
        margin-bottom: 20px;
    }

        .e-dis .ls-section .msg-error {
            font-size: 11px;
            font-weight: normal;
        }

.form-resp {
    display: table;
    font-size: 13px;
    width: 100%;
}

    .form-resp .sect {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        padding: 5px;
    }

        .form-resp .sect .label {
            display: inline-block;
            vertical-align: top;
            font-weight: bold;
        }

        .form-resp .sect .control {
            display: inline-block;
            vertical-align: top;
        }

    .form-resp input[type=text],
    .form-resp select {
        border: solid 1px #666;
        font-size: 13px;
        padding: 7px;
        border-radius: 3px;
        box-sizing: border-box;
        height: 30px;
    }

.grid-resp {
    width: 100%;
}

    .grid-resp tr th {
        color: #10354D;
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        font-weight: bold;
        border-bottom: solid 2px #444;
        padding: 8px 4px 8px 4px;
    }

    .grid-resp tr td {
        text-align: left;
        vertical-align: middle;
        border-bottom: solid 1px #ccc;
        padding: 8px 4px 8px 4px;
    }

    .grid-resp tr:nth-of-type(even) {
        background: #eee;
    }

    .grid-resp tr th:first-child, td:first-child {
        border-left: 0px;
    }

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 70px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

    .modal .modal-content {
        position: relative;
        background-color: #fff;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border-radius: 5px;
    }

    .modal .close {
        color: #999;
        float: right;
        font-size: 24px;
    }

        .modal .close:hover,
        .modal .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

    .modal .modal-header {
        padding: 20px;
        color: #999;
        border-bottom: solid 1px #ccc;
        font-size: 16px;
    }

    .modal .modal-body {
        padding: 20px;
        font-size: 14px;
        color: #666;
        line-height: 20px;
    }

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@media only screen and (min-width: 120px) and (max-width: 749px) {

    @-ms-viewport {
        width: device-width;
    }

    .e-dis .explorer-pg-body > div {
        margin: 10px;
    }

    .e-dis .ls-section {
        padding: 20px 10px;
        margin-bottom: 20px;
    }

    .grid-resp {
        border: 0;
    }

        .grid-resp thead {
            display: none;
        }

        .grid-resp tr {
            display: block;
            border-bottom: solid 1px #444;
        }

        .grid-resp td {
            display: block;
            height: auto;
        }

        .grid-resp tr td a {
            font-weight: bold;
        }

        .grid-resp td:before {
            content: attr(data-label);
            float: left;
            font-weight: bold;
            width: 30%;
        }

    .form-resp {
        display: block;
        font-size: 13px;
    }

        .form-resp .sect {
            display: table;
            text-align: left;
            vertical-align: middle;
            padding: 0;
            margin: 5px 0;
            width: 100%;
        }

            .form-resp .sect .label {
                display: table-cell;
                text-align: left;
                vertical-align: middle;
                font-weight: bold;
                width: 40%;
            }

            .form-resp .sect .control {
                display: table-cell;
                vertical-align: middle;
            }

        .form-resp input[type=text],
        .form-resp select {
            border: solid 1px #666;
            font-size: 13px;
            padding: 7px;
            border-radius: 3px;
            box-sizing: border-box;
            height: 30px;
            width: 100%;
            display: block;
        }
}

.cleaning .ls-section {
    margin: 15px 0;
}

.sa-metrics {
}

    .sa-metrics .sa-metrics-header {
        background: #ddd;
        border: solid 1px #ccc;
        padding: 15px;
    }

        .sa-metrics .sa-metrics-header::after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

        .sa-metrics .sa-metrics-header > div {
            display: inline-block;
        }

        .sa-metrics .sa-metrics-header input[type=text] {
            border: solid 1px #ccc;
            border-radius: 5px;
            padding: 8px;
            font-size: 14px;
        }
    /*.sa-metrics .sa-metrics-header i[class*=fa]{font-size:18px;color:#109bd8;cursor:pointer;}*/
    .sa-metrics label {
        font-size: 13px;
        font-weight: bold;
    }


/* Review Communication*/
.ad-rev-m {
    font-size: 11px;
    margin-top: 60px;
    margin-bottom: 60px;
}

    .ad-rev-m .tab-content {
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .ad-rev-m .ea-container h1 {
        font-size: 13px;
    }

.ea-container table img {
    width: 14px;
}

.ad-rev-m .subheader {
    background: #444;
    padding: 6px 4px;
    font-size: 13px;
    color: white;
}

.ad-rev-m .subheader1 {
    background: #ddd;
    padding: 6px 4px;
    font-size: 13px;
}

.ad-rev-m .legend {
    font-size: 9px;
}

    .ad-rev-m .legend img {
        width: 8px;
    }

.ad-rev-m #spLossName {
    display: block;
    margin: 20px 0;
}

.ad-rev-m .l-item-desc {
    font-weight: bold;
    padding-bottom: 10px;
}

.ad-rev-m .l-item-qty {
    padding-bottom: 10px;
}

.ad-rev-m .l-item-btns {
    text-align: right;
}

.ad-rev-m .msg-text img {
    width: 10px;
}

.ad-rev-m .a-det {
    margin: 10px;
}

.ad-rev-m .areacontainer table {
    margin-bottom: 0;
}
/*.ad-rev-m .cnt-btns { float:right;}
.ad-rev-m .cnt-btns > div { display:inline-block;vertical-align:top;margin:5px;cursor:pointer; }
.ad-rev-m .cnt-btns img { width:16px; }*/
.ad-rev-m .modal-title {
    font-size: 13px;
}

.ad-rev-m .modal-body {
    padding: 0;
}

.ad-rev-m .modal-footer [class*="col-xs-"] {
    padding: 0;
}

.ad-rev-m .comment,
.ad-rev-m .reply {
    border-bottom: solid 1px #ddd;
    font-size: 11px;
    padding: 10px 15px;
}

.ad-rev-m .reply {
    padding-left: 30px;
}

    .ad-rev-m .comment i,
    .ad-rev-m .reply i {
        font-size: 16px;
    }

.ad-rev-m .by,
.ad-rev-m .ts {
    color: #999;
    font-size: 9px;
}

.ad-rev-m ul.picture-box {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    list-style: none;
}

    .ad-rev-m ul.picture-box li {
        float: left;
        width: 30%;
        height: 80px;
        margin: 1%;
        list-style-type: none;
    }

        .ad-rev-m ul.picture-box li > img {
            width: 100%;
        }

.ad-rev-m .img-viewer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    color: white;
    z-index: 100;
    display: none;
}

    .ad-rev-m .img-viewer .img-viewer-header {
        height: 50px;
    }

        .ad-rev-m .img-viewer .img-viewer-header span {
            float: right;
            height: 50px;
            line-height: 50px;
            margin-right: 15px;
            font-size: 30px;
            cursor: pointer;
        }

    .ad-rev-m .img-viewer .img-viewer-img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .ad-rev-m .img-viewer .img-viewer-note {
        width: 80%;
        text-align: center;
        display: block;
        margin: 10px auto;
    }

.ad-rev-m .navbar-brand {
    font-size: 2vw !important;
}

.ad-rev-m .navbar-fixed-bottom {
    background: #ddd !important;
    padding: 0;
}

    .ad-rev-m .navbar-fixed-bottom ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: justify;
        box-sizing: border-box;
        font-size: 0px;
        margin: 5px;
    }

        .ad-rev-m .navbar-fixed-bottom ul li {
            display: inline-block;
            width: 32%;
            box-sizing: border-box;
            vertical-align: top;
        }

            .ad-rev-m .navbar-fixed-bottom ul li.active {
                background: rgba(0,0,0,0.15);
                font-weight: bold;
            }

        .ad-rev-m .navbar-fixed-bottom ul::after {
            width: 100%;
            display: inline-block;
            content: ".";
            visibility: hidden;
        }

        .ad-rev-m .navbar-fixed-bottom ul li a {
            text-decoration: none;
            font-size: 11px;
            text-align: center;
            padding: 10px 0;
            color: rgba(0,0,0,0.7);
            display: block;
        }
/* Review Communication*/

.comm-pg {
}

    .comm-pg .explorer-pg-header h1 {
        display: inline-block;
    }

    .comm-pg .explorer-pg-header .options {
        display: inline-block;
        float: right;
    }

    .comm-pg .main-comm {
        border-bottom: solid 1px #ddd;
        padding: 20px;
    }

        .comm-pg .main-comm textarea {
            border: solid 1px #ddd;
            border-radius: 3px;
            font-size: 13px;
            padding: 5px;
            box-sizing: border-box;
            resize: none;
            height: 60px;
            width: 70%;
            display: inline-block;
            margin-right: 15px;
            vertical-align: middle;
        }

        .comm-pg .main-comm button {
            display: inline-block;
            vertical-align: middle;
        }

    .comm-pg .comm-scroll {
        position: absolute;
        top: 120px;
        left: 0;
        right: 0;
        overflow: auto;
        padding: 20px;
    }

    .comm-pg .comm-group {
        border: solid 1px #ddd;
        background: #fff;
        padding: 15px;
        margin-bottom: 20px;
    }

    .comm-pg .comment {
        display: table;
    }

    .comm-pg .comment-icon {
        display: table-cell;
        width: 40px;
        font-size: 24px;
        text-align: center;
        vertical-align: top;
    }

    .comm-pg .comment-text {
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
        color: #000;
        margin-top: 5px;
    }

    .comm-pg .comment-by {
        font-size: 11px;
        font-style: italic;
        margin-top: 5px;
        color: #666;
    }

    .comm-pg .reply {
        margin-left: 40px;
        margin-top: 10px;
    }

    .comm-pg .new-comm {
        margin-left: 40px;
        margin-top: 20px;
    }

        .comm-pg .new-comm textarea {
            border: solid 1px #ddd;
            border-radius: 3px;
            font-size: 13px;
            padding: 5px;
            box-sizing: border-box;
            resize: none;
            height: 30px;
            width: 70%;
            display: inline-block;
            margin-right: 15px;
            vertical-align: middle;
        }

        .comm-pg .new-comm button {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
        }

.page-ajax-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.4);
    z-index: 10000;
}

    .page-ajax-loader:before {
        content: url("images/ring-alt.gif");
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
    }

.ajax-loader {
    width: 100%;
    height: 100%;
    position: absolute;
}

    .ajax-loader:before {
        content: url("images/ring-alt.gif");
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
    }

.slideThree {
    width: 80px;
    height: 26px;
    background: #FFFFFF;
    margin: 5px auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #B6B6B6;
}

    .slideThree:after {
        content: 'No';
        font: 12px/26px Tahoma, Geneva, sans-serif;
        color: #E31B2F;
        position: absolute;
        right: 10px;
        z-index: auto;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .slideThree:before {
        content: 'Yes';
        font: 12px/26px Tahoma, Geneva, sans-serif;
        color: #32BF63;
        position: absolute;
        left: 10px;
        z-index: auto;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .slideThree label {
        display: block;
        width: 34px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        background: #0099CC;
    }

    .slideThree input[type=checkbox]:checked + label {
        left: 43px;
    }

.bf-scroll-sm {
    overflow: auto;
    scrollbar-width: thin;
}

    .bf-scroll-sm::-webkit-scrollbar {
    width: 5px;
}

    .bf-scroll-sm::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

    .bf-scroll-sm::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}

        .bf-scroll-sm::-webkit-scrollbar-thumb:hover {
    background: #555;
}

  .bf-scroll-md {
    overflow: auto;
    scrollbar-width: thin;
}

    .bf-scroll-md::-webkit-scrollbar {
    width: 8px;
}

    .bf-scroll-md::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

    .bf-scroll-md::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

        .bf-scroll-md::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*GENERIC*/
:root {
    --bf-0: 0;
    --bf-1: .25rem;
    --bf-2: .5rem;
    --bf-3: .75rem;
    --bf-4: 1rem;
    --bf-active-color: #337ab7;
}

.bf-flex {
    display: flex;
}

.bf-bg-light {
    background-color: #f6f7fe;
}

.bf-bg-lightgray {
    background-color: #d5d5d5;
}

.bf-text-darkgray {
    color: #444;
}

.bf-badge {
    border-radius: .25rem;
    padding: .25rem .5rem;
}

.bf-shadow {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08),0 3px 1px -2px rgba(0,0,0,0.08),0 1px 5px 0 rgba(0,0,0,0.10);
}

.bf-sticky-top {
    position: sticky;
    top: 0;
}

.p-0 {
    padding: var(--bf-0);
}

.p-1 {
    padding: var(--bf-1);
}

.p-2 {
    padding: var(--bf-2);
}

.p-3 {
    padding: var(--bf-3);
}

.p-4 {
    padding: var(--bf-4);
}

.m-0 {
    margin: var(--bf-0);
}

.m-1 {
    margin: var(--bf-1);
}

.m-2 {
    margin: var(--bf-2);
}

.m-3 {
    margin: var(--bf-3);
}

.m-4 {
    margin: var(--bf-4);
}

.pb-0 {
    padding-bottom: var(--bf-0);
}

.pb-1 {
    padding-bottom: var(--bf-1);
}

.pb-2 {
    padding-bottom: var(--bf-2);
}

.pb-3 {
    padding-bottom: var(--bf-3);
}

.pb-4 {
    padding-bottom: var(--bf-4);
}

.pt-0 {
    padding-top: var(--bf-0);
}

.pt-1 {
    padding-top: var(--bf-1);
}

.pt-2 {
    padding-top: var(--bf-2);
}

.pt-3 {
    padding-top: var(--bf-3);
}

.pt-4 {
    padding-top: var(--bf-4);
}

.pl-0 {
    padding-left: var(--bf-0);
}

.pl-1 {
    padding-left: var(--bf-1);
}

.pl-2 {
    padding-left: var(--bf-2);
}

.pl-3 {
    padding-left: var(--bf-3);
}

.pl-4 {
    padding-left: var(--bf-4);
}

.pr-0 {
    padding-right: var(--bf-0);
}

.pr-1 {
    padding-right: var(--bf-1);
}

.pr-2 {
    padding-right: var(--bf-2);
}

.pr-3 {
    padding-right: var(--bf-3);
}

.pr-4 {
    padding-right: var(--bf-4);
}

.mb-0 {
    margin-bottom: var(--bf-0);
}

.mb-1 {
    margin-bottom: var(--bf-1);
}

.mb-2 {
    margin-bottom: var(--bf-2);
}

.mb-3 {
    margin-bottom: var(--bf-3);
}

.mb-4 {
    margin-bottom: var(--bf-4);
}

.mt-0 {
    margin-top: var(--bf-0);
}

.mt-1 {
    margin-top: var(--bf-1);
}

.mt-2 {
    margin-top: var(--bf-2);
}

.mt-3 {
    margin-top: var(--bf-3);
}

.mt-4 {
    margin-top: var(--bf-4);
}

.ml-0 {
    margin-left: var(--bf-0);
}

.ml-1 {
    margin-left: var(--bf-1);
}

.ml-2 {
    margin-left: var(--bf-2);
}

.ml-3 {
    margin-left: var(--bf-3);
}

.ml-4 {
    margin-left: var(--bf-4);
}

.mr-0 {
    margin-right: var(--bf-0);
}

.mr-1 {
    margin-right: var(--bf-1);
}

.mr-2 {
    margin-right: var(--bf-2);
}

.mr-3 {
    margin-right: var(--bf-3);
}

.mr-4 {
    margin-right: var(--bf-4);
}

.px-0 {
    padding-left: var(--bf-0);
    padding-right: var(--bf-0);
}

.px-1 {
    padding-left: var(--bf-1);
    padding-right: var(--bf-1);
}

.px-2 {
    padding-left: var(--bf-2);
    padding-right: var(--bf-2);
}

.px-3 {
    padding-left: var(--bf-3);
    padding-right: var(--bf-3);
}

.px-4 {
    padding-left: var(--bf-4);
    padding-right: var(--bf-4);
}

.py-0 {
    padding-top: var(--bf-0);
    padding-bottom: var(--bf-0);
}

.py-1 {
    padding-top: var(--bf-1);
    padding-bottom: var(--bf-1);
}

.py-2 {
    padding-top: var(--bf-2);
    padding-bottom: var(--bf-2);
}

.py-3 {
    padding-top: var(--bf-3);
    padding-bottom: var(--bf-3);
}

.py-4 {
    padding-top: var(--bf-4);
    padding-bottom: var(--bf-4);
}

.mx-0 {
    margin-left: var(--bf-0);
    margin-right: var(--bf-0);
}

.mx-1 {
    margin-left: var(--bf-1);
    margin-right: var(--bf-1);
}

.mx-2 {
    margin-left: var(--bf-2);
    margin-right: var(--bf-2);
}

.mx-3 {
    margin-left: var(--bf-3);
    margin-right: var(--bf-3);
}

.mx-4 {
    margin-left: var(--bf-4);
    margin-right: var(--bf-4);
}

.my-0 {
    margin-top: var(--bf-0);
    margin-bottom: var(--bf-0);
}

.my-1 {
    margin-top: var(--bf-1);
    margin-bottom: var(--bf-1);
}

.my-2 {
    margin-top: var(--bf-2);
    margin-bottom: var(--bf-2);
}

.my-3 {
    margin-top: var(--bf-3);
    margin-bottom: var(--bf-3);
}

.my-4 {
    margin-top: var(--bf-4);
    margin-bottom: var(--bf-4);
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.helpNew {
    float: right;
}

    .helpNew a {
        padding: 10px 20px;
        color: #F0F0F0;
        background-color: #3377DD;
    }

        .helpNew a:hover {
            cursor: pointer;
        }

.popNew {
    display: none;
}

.popNewOut {
    float: left;
    width: 200px;
    margin-top: 5px;
    padding: 5px;
    background-color: white;
    border: 1px solid #DDD;
    display: block;
    position: absolute;
}

    .popNewOut p {
        color: #242424;
    }

.closeNew a {
    float: right;
    padding: 3px 5px 2px 5px;
    font-size: 10px;
    text-decoration: none;
    color: #F0F0F0;
    background-color: #A10000;
    border-radius: 50%;
    border: 1px solid #BBB;
}

.contentNew {
    float: left;
}