* {
    margin: 0;
    padding: 0;
    /*font-family: Arial, "Microsoft YaHei";*/
}

body,
html {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}


/* TOP 快捷按钮
-------------------------------------------------- */

.top-home {
    src: "./images/top/Home-Btn.png"
}


/* 桌面首页
-------------------------------------------------- */

.home-div {
    padding: 10px 20px;
}

.home-div .area {
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.home-div [class*="span"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* 查询条通用
-------------------------------------------------- */

.grayLine {
    width: 100%;
    height: 6px;
    background: url(../../images/grayLine.gif) repeat-x;
    overflow: hidden;
}

.btnLine {
    width: 100%;
    height: 34px;
    padding-top: 7px;
    padding-bottom: 10px;
    /*background:url(../../images/btnLine.gif) repeat-x;*/
    overflow: hidden;
    border-bottom: 1px solid #C9CACC;
    overflow: hidden;
}


/* 表格通用
-------------------------------------------------- */

.flagInfo {
    background: #0065B5 url(../../images/flagEnd.gif) no-repeat right 0px;
    color: #fff;
    height: 23px;
    width: 60px;
    overflow: hidden;
    padding: 0px 40px 0px 16px;
    line-height: 24px;
}

.edge8 {
    margin: 5px 10px 10px;
}

.edge16 {
    margin: 5px 20px 20px;
}


/*表格上方的查询工具栏
--------------------------------------------------- */

.query-inline {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.query-inline input.input {
    width: 160px;
}


/* 表单验证错误提示通用
 * original color
 * #EED3D7 #B94A48
-------------------------------------------------- */


/*----------------tip的形式--------------------*/

.popover.error-popover {
    background-color: #C76F6D;
    border-color: #C76F6D;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    max-width: none;
    height: 30px;
    z-index: 1099;
    left: 10px;
}

.popover.error-popover .popover-content {
    padding: 6px 14px;
}

.popover.error-popover.right .arrow {
    border-right-color: #f76F6D;
}

.popover.error-popover.right .arrow:after {
    border-right-color: #C76F6D;
}

.popover.error-popover.top .arrow {
    border-top-color: #C76F6D;
    left: 20px;
}

.popover.error-popover.top .arrow:after {
    border-top-color: #C76F6D;
}

.popover-content {
    color: #fff;
}


/*---------------placeHolder的形式-------------*/

textArea[validate="false"],
input[validate="false"] {
    background-color: #fff;
    border: 1px solid #E45F5C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-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 linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    transition-property: border, box-shadow;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: linear, linear;
    transition-delay: initial, initial;
}

textArea[validate="false"]:focus,
input[validate="false"]:focus {
    /*border: 1px solid #E45F5C;*/
    border-color: rgba(236, 82, 107, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 26, 34, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 23, 31, 0.6);
}


/**
 * 表单样式
-------------------------------------------------- */

.formContainer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

form legend {
    font-family: '宋体';
    font-size: 14px;
    color: #333333;
    border-bottom: 1px dotted #c4c4c4;
}

form legend>img {
    margin-right: 5px;
    padding-bottom: 5px;
}

form .control-label {
    font-family: '宋体';
    font-size: 12px;
    color: #333333;
}

input.append-one {
    width: 180px;
}

a.uploadbtn {
    width: 196px;
}

.table thead th,
.table td {
    text-align: center;
    vertical-align: middle;
}

.table-left thead th,
.table-left td {
    text-align: left;
    vertical-align: middle;
}


/**
 * 工程办理中tab标签样式
-------------------------------------------------- */

#doingBoxTab>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
}

#doingBoxTab>.active>a,
#doingBoxTab>.active>a:hover,
#doingBoxTab>.active>a:focus {
    /*color: #08c;*/
    color: #fff;
    cursor: default;
    /*background-color: #E9E9E9;*/
    background-color: #4090B1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
}

#doingBoxTab {
    background-color: rgb(228, 232, 243);
}


/**
 * 弹出框的样式
-------------------------------------------------- */

div.bootbox>.modal-body {
    font-weight: bold;
    font-size: 15px;
}

div.bootbox {
    width: 300px;
    margin-left: -150px;
}

div.bootbox>.modal-footer {
    padding: 4px 5px 5px;
    text-align: center;
}


/**
 * 消息提示框样式
-------------------------------------------------- */

.alert-default {
    color: #fff;
    background-color: #186687;
    border-color: #248EBA;
}


/**
 * 可编辑表格最后的删除按钮
-------------------------------------------------- */

span[data-remove] {
    color: #c00;
    font-weight: bold;
    cursor: pointer;
}


/**
 * loading遮罩的div样式
-------------------------------------------------- */

.divMask {
    position: absolute;
    z-index: 10001;
    background-color: #000;
    opacity: 0;
    /* Firefox, Safari(WebKit), Opera)
    filter: "alpha(opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 4-7 */
}


/**
 * 流程图样式 - 苏州工程管理
-------------------------------------------------- */

#flowGraphContainer {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.flow-row {
    width: 750px;
    height: 231px;
    margin: 0;
    padding: 0;
}

.flow-row>.node-container {
    width: 150px;
    margin: 0;
    padding: 0;
    float: left;
}

.flow-row>.node-container>.node-tip-container {
    width: 150px;
    height: 93px;
    margin: 0;
    padding: 0;
    margin-bottom: 6px;
}

.node-tip-container>.node-tip-top {
    width: 134px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 11px;
    background-image: url('../../images/flowgraph/tip-上.png');
    background-repeat: no-repeat;
}

.node-tip-container>.node-tip-mid {
    width: 134px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-image: url('../../images/flowgraph/tip-中.png');
    background-repeat: repeat-y;
    height: 60px;
}

.node-tip-container>.node-tip-bottom {
    width: 134px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 22px;
    background-image: url('../../images/flowgraph/tip-下.png');
    background-repeat: no-repeat;
}

.node-tip-mid span {
    font-family: '宋体';
    font-size: 12px;
    color: #333333;
}

.node-tip-mid>.left-side {
    width: 60px;
    text-align: right;
    float: left;
}

.node-tip-mid>.right-side {
    width: 74px;
    text-align: left;
    float: left;
}

.flow-row>.node-container>.node-point-container {
    width: 150px;
    height: 98px;
    margin: 0;
    padding: 0;
    margin-bottom: 44px;
}

.node-point-container>.node-point-body {
    width: 98px;
    height: 98px;
    margin: 0;
    padding: 0;
    float: left;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}

.node-point-container>.node-point-body-done {
    background-image: url('../../images/flowgraph/绿圈.png');
}

.node-point-container>.node-point-body-doing {
    background-image: url('../../images/flowgraph/在办.png');
}

.node-point-container>.node-point-body-notyet {
    background-image: url('../../images/flowgraph/园灰.png');
}

.node-point-body>.sub-body {
    position: absolute;
    font-family: '黑体';
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #333333;
}

.node-point-arrow {
    width: 26px;
    height: 98px;
    margin: 0;
    padding: 0;
    float: left;
    background-repeat: no-repeat;
}

.node-point-green-arrow-right-left {
    background-image: url('../../images/flowgraph/绿箭头-右-左部.png');
}

.node-point-green-arrow-right-right {
    background-image: url('../../images/flowgraph/绿箭头-右-右部.png');
}

.node-point-green-arrow-left-left {
    background-image: url('../../images/flowgraph/绿箭头-左-左部.png');
}

.node-point-green-arrow-left-right {
    background-image: url('../../images/flowgraph/绿箭头-左-右部.png');
}

.node-point-gray-arrow-right-left {
    background-image: url('../../images/flowgraph/灰箭头-右-左部.png');
}

.node-point-gray-arrow-right-right {
    background-image: url('../../images/flowgraph/灰箭头-右-右部.png');
}

.node-point-gray-arrow-left-left {
    background-image: url('../../images/flowgraph/灰箭头-左-左部.png');
}

.node-point-gray-arrow-left-right {
    background-image: url('../../images/flowgraph/灰箭头-左-右部.png');
}

.node-point-container span {
    font-family: '黑体';
    width: 78px;
    font-size: 16px;
    color: #333333;
}


/**
 * 按钮文字颜色
-------------------------------------------------- */

button span.ladda-label {
    color: white;
}


/**
 *鼠标手型
-------------------------------------------------- */

.pointer-cursor {
    cursor: pointer;
}


/**
 *系统标题
-------------------------------------------------- */

.systemTitle {
    color: white;
    font-family: 微软雅黑;
    text-shadow: 2px 2px 2px #000;
}


/**
 *安全退出
-------------------------------------------------- */

.exitSpan {
    font-size: 16px;
    color: white;
}


/**
 *主菜单背景图片
-------------------------------------------------- */

.top-Background {
    height: 64px;
    background: #11617E;
}


/** 兼容IE页面头部样式，替换bootstrap.min.css中max-width:100% !important样式  **/

.top-Background img {
    max-width: 180px !important;
}

.left-backGround {
    background-color: #2881A1;
}

.li-backGround {
    height: 64px;
    width: 197px;
}

.li-ico-backGround {
    height: 64px;
    width: 68px;
    float: left;
    line-height: 25px;
    text-align: center;
    border-bottom: 1px rgba(34, 26, 26, 0.35) solid;
}

.second-li-ico-backGround {
    background: #2484a4;
    height: 39px;
    margin-left: -15px;
    color: white;
}

.menu-name {
    color: #fff;
    font-size: 12px;
    font-family: 微软雅黑;
    cursor: default;
}

.tdBk:hover {
    background: #41b1da;
}

.second-li-ico-backGround-hover {
    background: #41b1da;
}

.second-li-ico-backGround .td {
    border-bottom: 1px solid #3197c3;
}

.second-a-btn {
    color: white;
    text-decoration: none;
}

.second-title {
    background: url(../../images/left/secondTitle.png) repeat;
    height: 39px;
    width: 50px;
}

.second-a-btn:hover {
    color: white;
    text-decoration: none;
}

.li-label {
    height: 48px;
    line-height: 50px;
    font-size: 18px;
    color: white;
}

.left-shadow {
    background: url(../../images/left/shadow.png) repeat;
    width: 10px;
}

.right-BackPicture {
    background: url(../../images/homePage/backgound.png) repeat;
}

.titleBackPic {
    height: 40px;
    padding: 5px 10px 0 10px;
}

.title-Name {
    border-bottom: 1px #dcdcdc solid;
    height: 35px;
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333333;
}

.title-groupName {
    border-bottom: 1px #dcdcdc solid;
    margin-bottom: 10px;
    height: 25px;
    line-height: 20px;
    font-size: 16px;
    color: #333333;
}

.table thead {
    background-color: #F7F7F7;
}

.table thead tr th {
    font-weight: bold;
    color: #1f799c;
}

.table tbody tr td {
    color: #333333;
}

.table-striped tbody tr:nth-child(2n-1) {
    background: #ececec;
}


/*奇数行变色*/

.table-striped tbody tr:nth-child(2n-2) {
    background: white;
}


/*偶数行变色*/

.queryBar {
    padding: 5px 10px 0px;
}


/*导航栏鼠标手型*/

#oneselfNavigation span {
    cursor: pointer;
    margin-left: 5px;
}

lable {
    font-size: 12px;
}

.modulePublicTile {
    background: url(../../images/homePage/TableHeadBackPic.png) repeat;
    height: 5%;
    padding: 5px;
}

.userLoginDiv {
    width: 100%;
}

.userLoginBackPic {
    border-radius: 3%;
    height: 79.8%;
    background-color: #005f8a;
}

.userLoginTitle {
    background: url(../../images/userLogin/userLoginTitle.png) no-repeat;
}

.userLoginBackPic-from {
    /*background: url(../../images/userLogin/userLoginBackPic-from.png) repeat;*/
    background-color: rgba(204, 223, 236, 0.8);
}

.input-Query {
    background: url(../../images/modulePublic/Query.png) right no-repeat;
    /*background:black url(../images/bg2.jpg) ;*/
}

.crumbs {
    background: url(../../images/modulePublic/crumbs.png) no-repeat;
    height: 27px;
    width: 61px;
    text-align: center;
    padding-top: 2px;
}

.crumbs-child {
    background: url(../../images/modulePublic/crumbs.png) no-repeat -61px -0px;
    height: 27px;
    width: 83px;
    text-align: center;
    padding-top: 2px;
}

.Mycontainer {
    position: relative;
}

.Mysearch {
    background-image: url(../../images/modulePublic/Query.png);
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
    left: 185px;
    z-index: 999;
}

.inBagTitle {}

.outBagTitle {}

#hurui:focus {
    outline: none;
}

*:focus {
    outline: none
}

* {
    font-size: 12px;
    color: #808080;
}

.navigationBack {
    background: url(../../images/navigation/navigationBackPic.png) repeat;
    height: 42px;
}


/**
 * maptoolbar
-------------------------------------------------- */

#mapToolBar ul {
    list-style: none;
    margin: 0px, 0px, 0px, 0px;
}

#mapToolBar ul li {
    display: inline-block;
}

.mapToolBar_operator {
    width: 37px;
    height: 37px;
    cursor: pointer;
    z-index: 1001;
}

.mapToolBar_opZoomIn {
    background: url(../../images/map/m_zoomin.png) no-repeat;
}

.mapToolBar_opZoomOut {
    background: url(../../images/map/m_zoomout.png) no-repeat;
}

.mapToolBar_opRestore {
    background: url(../../images/map/m_globe.png) no-repeat;
}

.mapToolBar_opPan {
    background: url(../../images/map/m_pan.png) no-repeat;
}

.mapToolBar_identify {
    background: url(../../images/map/m_quickSearch.png) no-repeat;
}

.mapToolBar_clearMap {
    background: url(../../images/map/m_clear.png) no-repeat;
}

.mapToolBar_mapMeasure {
    background: url(../../images/map/m_draw.png) no-repeat;
}

.mapToolBar_mapQuery {
    background: url(../../images/map/m_query.png) no-repeat;
}

.mapToolBar_opZoomIn:hover {
    background: url(../../images/map/m_zoomin.png) no-repeat;
}

.mapToolBar_opZoomOut:hover {
    background: url(../../images/map/m_zoomout.png) no-repeat;
}

.mapToolBar_opRestore:hover {
    background: url(../../images/map/m_globe.png) no-repeat;
}

.mapToolBar_opPan:hover {
    background: url(../../images/map/m_pan.png) no-repeat;
}

.mapToolBar_identify:hover {
    background: url(../../images/map/m_quickSearch.png) no-repeat;
}

.mapToolBar_clearMap:hover {
    background: url(../../images/map/m_clear.png) no-repeat;
}

.mapToolBar_mapMeasure:hover {
    background: url(../../images/map/m_draw.png) no-repeat;
}

.mapToolBar_mapQuery:hover {
    background: url(../../images/map/m_query.png) no-repeat;
}


/**
 * map query 条件查询
-------------------------------------------------- */

#mapQueryDIV {
    overflow: hidden;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    float: none;
}

#mapQueryDIV span {
    width: 120px;
}

#mapQueryDIV select {
    width: 120px;
}

#queryExtent {
    padding-left: 5px;
    list-style: none;
    margin: 0px;
}

#fieldsUI {
    padding-left: 5px;
    border: 1px #ccc solid;
    list-style: none;
    margin: 10px 0px 10px 0px;
    height: 100px;
    overflow-y: auto;
}

#fieldsUI li:hover {
    cursor: pointer;
    background-color: Yellow;
}

#queryWhere {
    width: 375px;
    height: 36px;
}

#queryExtent li {
    display: inline-block;
}

#queryExtent div.mapQuery_extent {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#queryExtent div.mapQuery_fullExtent {
    background: url(../../images/map/i_allArea.png) no-repeat;
}

#queryExtent div.mapQuery_currentExtent {
    background: url(../../images/map/i_draw_curArea.png) no-repeat;
}

#queryExtent div.mapQuery_rectExtent {
    background: url(../../images/map/i_draw_rect.png) no-repeat;
}

#queryExtent div.mapQuery_polyExtent {
    background: url(../../images/map/i_draw_poly.png) no-repeat;
}

#queryExtent div.mapQuery_fullExtent.selected {
    background: url(../../images/map/i_allArea_focus.png) no-repeat;
}

#queryExtent div.mapQuery_currentExtent.selected {
    background: url(../../images/map/i_draw_curArea_focus.png) no-repeat;
}

#queryExtent div.mapQuery_rectExtent.selected {
    background: url(../../images/map/i_draw_rect_focus.png) no-repeat;
}

#queryExtent div.mapQuery_polyExtent.selected {
    background: url(../../images/map/i_draw_poly_focus.png) no-repeat;
}

#mapQueryResultDIV {
    display: none;
    padding: 10px 10px 0px 10px;
}

#querytableContainer {
    overflow: auto;
    width: 395px;
    height: 285px;
}

#querytableContainer table td {
    min-width: 55px;
}

#querytableContainer table tbody tr {
    cursor: pointer;
}

#queryPaginator {
    margin: 5px;
}

#gotoQuery {
    color: #0356a6;
    line-height: 25px;
    cursor: pointer;
    font-weight: bold
}

#gotoQuery:hover {
    color: #000;
    text-decoration: underline;
}


/**
 * map query 条件查询 ----end
-------------------------------------------------- */


/**
 * map measure
-------------------------------------------------- */

#mapMeasure ul {
    list-style: none;
    margin: 0px, 0px, 0px, 0px;
}

#mapMeasure ul li {
    display: inline-block;
}

.mapMeasure_operator {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1001;
}

.mapMeasure_line {
    background: url(../../images/map/i_draw_line.png) no-repeat;
}

.mapMeasure_polygon {
    background: url(../../images/map/i_draw_poly.png) no-repeat;
}

.mapMeasure_clear {
    background: url(../../images/map/i_clear.png) no-repeat;
}

.mapMeasure_line:hover {
    background: url(../../images/map/i_draw_line.png) no-repeat;
}

.mapMeasure_polygon:hover {
    background: url(../../images/map/i_draw_poly.png) no-repeat;
}

.mapMeasure_clear:hover {
    background: url(../../images/map/i_clear.png) no-repeat;
}


/**
 * 用户信息管理
-------------------------------------------------- */

#userContainer div.useImg {
    float: left;
    width: 80px;
    height: 100px;
    line-height: 100px;
    /** background:url(../../images/default_user.png) no-repeat;**/
}

#userContainer div.userInfo {
    border-bottom: 1px #ccc solid;
    height: 110px;
    width: 230px;
}

#userContainer ul {
    padding-left: 5px;
    list-style: none;
    margin: 0px;
}

#editPassWordDiv {
    clear: left;
}

#editPassWordDiv a {
    cursor: pointer;
}

.editPassWord {
    display: none;
}

.editPassWord div {
    line-height: 25px;
    height: 25px;
    margin-bottom: 5px;
}

.editPassWord input[type='password'] {
    width: 150px;
    padding: 0px;
}

.editPassWord input[type='button'] {
    float: left;
    margin-left: 190px;
}

.editPassWord span {
    width: 78px;
    float: left;
    line-height: 25px;
}


/**
 * 用户信息管理
-------------------------------end------------------- */


/**
 * 联系人
-------------------------------start------------------- */

#userContactList {
    width: 253px;
}

.contactHead {
    height: 27px;
    line-height: 27px;
}

.contactHead span {
    font-size: 12px;
}

.contactHead img {
    cursor: pointer;
}

#userContactList div.panel-group {
    max-height: 436px;
    overflow-y: auto;
}

#userContactList div.panel-heading {
    background-color: #f4f4f4;
    border: 1px #d8d7d7 solid;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 31px;
    line-height: 31px;
}

#userContactList div.panel-heading a {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

#userContactList div.panel-heading a span {
    cursor: pointer;
    background: url(../../images/usercontact/arrow_right.png) no-repeat;
    width: 8px;
    height: 8px;
    margin: 12px 5px 0px 5px;
    float: left;
}

#userContactList div.panel-heading a span.expand {
    background: url(../../images/usercontact/arrow_down.png) no-repeat;
    margin: 14px 5px 0px 5px;
}

#userContactList span.onlineImg {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../../images/usercontact/man.png) no-repeat;
    margin: 5px 7px 0px 5px;
}

#userContactList span.unOnlineImg {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../../images/usercontact/man-2.png) no-repeat;
    margin: 5px 7px 0px 5px;
}

#userContactList div.panel-collapse ul {
    list-style: none;
    margin: 0px;
}

#userContactList div.panel-collapse li {
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

#userContactList div.panel-collapse li:hover {
    background-color: #2fade7;
}

#userContactList div.panel-collapse li:hover span.onlineImg {
    background: url(../../images/usercontact/man-1.png) no-repeat;
}

#userContactList div.panel-collapse li:hover span.unOnlineImg {
    background: url(../../images/usercontact/man-1.png) no-repeat;
}

#userContactList div.panel-collapse li span {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}


/****************发送消息******************************/

.sendMessageDIV div.modal-title span {
    color: #238cb8;
    font-weight: normal;
}

.sendToName {
    color: #333333;
    font-weight: normal;
}

.sendMessageDIV div.chatRecordContent {
    height: 136px;
    overflow-y: auto;
    border: 1px #d6d6d6 solid;
}

.sendMessageDIV div.clearMsg {
    float: right;
}

.sendMessageDIV div.clearMsg a {
    cursor: pointer;
}

.sendMsg {
    border: 1px #d6d6d6 solid;
    font-size: 12px;
    font-weight: normal;
}

.sendMessageDIV div.sendMsgHeader {
    padding: 5px 15px 0px 15px;
}

.sendMessageDIV div.sendMsgBody {
    padding-top: 0px;
}

.sendMessageDIV div.sendMsgFooter {
    padding: 5px 15px 5px 0px;
}

.chatRecordContent div {
    line-height: 24px;
    padding-left: 10px;
}

.chatRecordContent div span.sendFrom {
    font-weight: normal;
    color: #1094d6;
}

.chatRecordContent div span.sendTo {
    font-weight: normal;
    color: #5eba5e;
}

.chatRecordContent p {
    line-height: 15px;
    color: #333333;
    font-weight: normal;
    padding-left: 10px;
    margin: 0px;
}

.chatRecordContent p.errorMsg {
    line-height: 15px;
    color: #1094d6;
    font-weight: normal;
    margin: 0px;
    padding-left: 0px;
}

img.tool {
    margin-left: 5px;
}


/**
 * 联系人
-------------------------------end------------------- */


/* 
 * 切换系统
*/

#changeSysDiv div.panel-group {
    max-height: 436px;
    overflow-y: auto;
}

#changeSysDiv div.panel-heading {
    background-color: #f4f4f4;
    border: 1px #d8d7d7 solid;
    margin-bottom: 1px;
    margin-top: 1px;
    height: 31px;
    line-height: 31px;
}

#changeSysDiv div.panel-heading a {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

#changeSysDiv div.panel-heading a span {
    cursor: pointer;
    background: url(../../images/usercontact/arrow_right.png) no-repeat;
    width: 8px;
    height: 8px;
    margin: 12px 5px 0px 5px;
    float: left;
}

#changeSysDiv div.panel-heading a span.expand {
    background: url(../../images/usercontact/arrow_down.png) no-repeat;
    margin: 14px 5px 0px 5px;
}

#changeSysDiv span.onlineImg {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../../images/usercontact/man.png) no-repeat;
    margin: 5px 7px 0px 5px;
}

#changeSysDiv div.panel-collapse ul {
    list-style: none;
    margin: 0px;
}

#changeSysDiv div.panel-collapse li {
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

#changeSysDiv div.panel-collapse li:hover {
    background-color: #2fade7;
}

#changeSysDiv div.panel-collapse li:hover span.onlineImg {
    background: url(../../images/usercontact/man-1.png) no-repeat;
}

#changeSysDiv div.panel-collapse li span {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}


/**
 * 新消息模块
-------------------------------start------------------- */

.newPopover {
    max-width: 327px;
}

#newMessageList {
    max-height: 300px;
    overflow-y: auto;
}

#newMessageList a.msgOper {
    cursor: pointer;
}

#newMessageList a.msgBJ {
    cursor: pointer;
}

.newsTip {
    width: 16px;
    height: 16px;
    background: url(../../images/circle1.png) no-repeat;
    color: #f4ebea;
    font-weight: normal;
    line-height: 16px;
    position: absolute;
    margin-top: 4px;
    margin-left: -5px;
    text-align: center;
    display: none;
}

.newsTip2 {
    width: 16px;
    height: 16px;
    background: url(../../images/circle1.png) no-repeat;
    color: #f4ebea;
    font-weight: normal;
    line-height: 16px;
    position: absolute;
    margin-top: 4px;
    margin-left: -5px;
    text-align: center;
    display: none;
}


/**
 * 新消息模块
-------------------------------end------------------- */


/**
 * 地图底图切换
-------------------------------start------------------- */


/**
 * 地图底图切换
-------------------------------end------------------- */

#mapSwitch div.navbar-inner {
    min-height: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-repeat: no-repeat;
}

#mapSwitch a {
    padding: 3px 3px 3px 3px;
}

#mapSwitch li {
    border-right: 1px solid #d8d7d7;
}

#mapSwitch div.navbar {
    margin-bottom: 0px;
}

#mapSwitch ul.nav {
    margin: 0px;
}


/**
 * 附件上传弹出框样式
--------------------------------------------------- */

.fileinput-button span {
    color: white;
}

#total span {
    color: white;
}

.viewTabBk {
    background-color: whiteSmoke;
    margin-bottom: 5px;
    padding-left: 20px;
}

.cancleUpload {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: rgb(15, 96, 153);
    display: inline;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 4px;
}

.cancleUpload:hover {
    text-decoration: none;
    background-color: rgb(15, 96, 153);
    color: white;
}


/*
 *移交面板移交消息隐藏 CSS
 ---------------------------------------------------*/

.handOverOption .modal-body textarea {
    display: none;
}

.handOverOption .modal-body h5:nth-last-of-type(1) {
    display: none;
}


/*
  *流程中心 发起流程样式
 ---------------------------------------------------*/

.area {
    margin: 0px 0px 20px 20px;
}

.flowPanel {
    float: left;
    margin-bottom: 20px;
}

.flowPanel a {
    display: block;
    border-bottom: 1px rgb(224, 224, 224) dashed;
    counter-increment: flow;
    width: 240px;
    white-space: nowrap;
    font-size: 14px;
    color: #2881a2;
    cursor: pointer;
    margin: 5px 0px 10px 0px;
}

.bizType {
    border-left: 6px solid #cecece;
    font-family: 微软雅黑;
    border-radius: 1px;
}

.bizType m {
    margin-left: 10px;
    font-size: 15px;
    color: #666;
}

.queryInfo {
    background-color: Orange;
    font-size: 16px;
    font-weight: bold;
}


/*
 *移交面板移交消息隐藏 CSS--end
 ---------------------------------------------------*/


/*::-webkit-scrollbar-thumb{  
   background-color:#018EE8;  
   height:50px;  
   outline-offset:-1px;  
   outline:2px solid #fff; 
   -webkit-border-radius:4px;
   border: 1px solid #fff;
}  */


/*---鼠标点击滚动条显示样式--*/


/*::-webkit-scrollbar-thumb:hover{  
   background-color:#33adf5;  
   height:50px;  
   -webkit-border-radius:4px;  
}*/


/*---滚动条大小--*/


/*::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}*/


/*---滚动框背景样式--*/


/*#right  ::-webkit-scrollbar-track-piece{  
   background-color:#C9CACC;  
   -webkit-border-radius:0;  
}

  #left ::-webkit-scrollbar-track-piece{  
   background-color:yellow;  
   -webkit-border-radius:0;  
}*/


/*---------------------标准工单3.0表格布局样式-----------------------*/

table.tableLayout tr td.trTitle {
    background-color: #eeeeee;
    text-align: left;
    color: #3a675b;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: 宋体, 微软雅黑;
}

table.tableLayout tr td {
    text-align: center;
    vertical-align: middle;
}


/* 产品 大 一行6个单元格*/

table.tableLayout tr td.tdTitle {
    text-align: center;
    font-weight: bold;
    width: 10%;
}

table.tableLayout tr td.control {
    text-align: left;
    width: 23%;
}


/* 产品 中 一行8个单元格*/

table.tableLayout tr td.tdTitle_m {
    text-align: center;
    font-weight: bold;
    width: 10%;
}

table.tableLayout tr td.control_m {
    text-align: left;
    width: 15%;
}


/* 产品 中 一行10个单元格*/

table.tableLayout tr td.tdTitle_s {
    text-align: center;
    font-weight: bold;
    width: 7%;
}

table.tableLayout tr td.control_s {
    text-align: left;
    width: 13%;
}


/* 产品 中 一行12个单元格*/

table.tableLayout tr td.tdTitle_s6 {
    text-align: center;
    font-weight: bold;
    width: 7%;
    min-width: 40px;
}

table.tableLayout tr td.control_s6 {
    text-align: left;
    width: 10%;
}

/* 单行只有一个元素并且要求占满 */
table.tableLayout tr td.tdTitle.single,
table.tableLayout tr td.tdTitle_m.single,
table.tableLayout tr td.tdTitle_s.single,
table.tableLayout tr td.tdTitle_s6.single{
    width: 10%;
}

table.tableLayout tr td.control.single,
table.tableLayout tr td.control_m.single,
table.tableLayout tr td.control_s.single,
table.tableLayout tr td.control_s6.single{
    width: 90%;
}

table.tableLayout tr td.control input,
table.tableLayout tr td.control_m input,
table.tableLayout tr td.control_s input,
table.tableLayout tr td.control_s6 input,
table.tableLayout tr td.control select,
table.tableLayout tr td.control_m select,
table.tableLayout tr td.control_s select,
table.tableLayout tr td.control_s6 select,
table.tableLayout tr td.control textarea,
table.tableLayout tr td.control_m textarea,
table.tableLayout tr td.control_s textarea,
table.tableLayout tr td.control_s6 textarea {
    margin-bottom: 0px;
}

table.tableLayout tr td img.item {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.plusVsMinus {
    float: right;
    cursor: pointer;
    margin-top: 15px;
}

.legend_font {
    font-size: 14px;
    margin-bottom: 5px
}

.thumbnailsUl {
    margin-left: 0px;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px
}

.thumbnailSpan2 {
    margin-bottom: 0px;
    margin-left: 5px;
}

.printImg {
    cursor: pointer;
    margin-right: 10px;
}

.wordImg {
    cursor: pointer;
    margin-right: 10px;
}

.legend_img {
    float: right;
}

.divUnit {
    margin-bottom: 0px;
}


/*可预览文件css*/

.preview {
    height: 30px;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 5px 0px 0px 5px;
    font-family: "Helvetica Neue", Helvetica, Arial;
}

.preview:hover {
    background-color: #FCF9F9;
}

.preview_left,
.preview_mid,
.preview_wrap {
    float: left;
}

.preview,
.preview_left,
.preview_mid,
.preview_right {
    display: inline-block;
}

.preview_right {
    float: right;
}

.preview_left {
    margin-top: 7px;
    margin-left: 4px;
}

.preview_left img {
    margin-bottom: 4px;
}

.preview_mid {
    color: #1149F7;
    text-align: center;
    line-height: 33px;
    text-indent: 3px;
}

.preview_right {
    margin-top: 7px;
    width: 46px;
    margin-left: 3px;
    font-size: 14px;
}

.preview_right img {
    float: left;
    margin-top: 2px;
}

.preview_right a {
    display: block;
    float: left;
    text-decoration: none;
}

.preview_right a:hover {
    color: #0A0A0A;
    text-decoration: underline;
}

.preview_wrap {
    display: inline-block;
}

.preview_wrap:hover {
    cursor: pointer;
}


/*---------------------标准工单3.0表格布局样式-----------------------*/


/*---------------------报表中心查询条件的布局-----------------------*/

.rtc-div,
.rtc-btnDiv {
    display: inline-block;
    margin-right: 10px;
    /* margin-bottom: 8px; */
    line-height: 35px;
}

.rtc-childDiv {
    display: inline-block;
    padding-left: 5px;
}

.rtc-btnDiv button {
    margin-left: 5px;
    margin-right: 5px;
}

.rtc-label {
    display: inline-block;
    color: black;
    margin-right: 5px;
}

.rtc-div input,
.rtc-childDiv input {
    width: 120px !important;
    margin-bottom: 0px;
}

.rtc-div select,
.rtc-childDiv select {
    width: 135px !important;
    margin-bottom: 0px;
}

.rtc-badgeDiv {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 35px;
}

.rtc-badgeDiv a {
    margin-right: 20px;
    width: auto;
    cursor: pointer;
}


/*---------------------报表中心查询条件的布局-----------------------*/


/*------------------------工单中心V3.0 样式-------------------------*/


/*事件调度箱*/


/* selectZone-v3为时间或状态查询区域添加扩展样式*/

.selectZone-v3,
.selectZone-v3 div {
    color: #333;
}

.selectZone-v3 label a {
    width: auto;
    color: #333;
    margin-right: 20px;
}

.selectZone-v3 label a.badge {
    color: #fff;
}

.selectZone-v3 label {
    line-height: normal;
    margin: 10px 5px 10px 0px;
}


/* queryFormExt-v3为queryForm类扩展白色背景面板样式*/

.queryFormExt-v3 {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-border-radius-v3 {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}


/* queryZone-v3主要是为query-inline类扩展样式*/

.queryZone-v3 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 10px 0px 5px 0px;
}

.queryZone-v3 .btn-v3,
.queryZone-v3 .btn-main-v3 {
    *width: 50px;
    *height: 25px;
    margin-right: 5px;
}

.queryZone-v3 div.floatRightDiv {
    display: inline-block;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.queryZone-v3 div.floatRightDiv>a {
    margin-right: 10px;
    color: #2881a2;
    cursor: pointer;
    vertical-align: middle;
}

.queryZone-v3 div.floatRightDiv>a>i {
    margin-right: 5px;
    margin-top: 0;
}

.queryZone-v3 input[type="text"],
.queryZone-v3 select {
    font-size: 12px;
    color: #666;
    height: 30px;
    margin-right: 10px;
}

.queryZone-v3 select {
    width: 180px;
}

.queryZone-v3 input[type="text"] {
    height: 20px;
    /*padding: 4px 6px 4px 6px;*/
    margin: 0 10px 0 0;
}

.queryZone-v3 label {
    color: #333;
    margin-right: 5px;
}


/*计划分派*/

.taskInfo-v3 {
    padding-top: 0px;
}

.taskInfo-v3 label {
    margin-right: 0px;
}

.taskInfo-v3 select {
    margin-right: 0px;
}


/* 工单中心3.0表格布局 */

.table-v3 thead {
    background-color: #2881a2;
}

.table-v3 thead tr th {
    color: #fff;
    font-size: 13px;
}

.table-v3 th {
    padding: 5px;
}

.table-v3 td {
    padding: 2px;
}

.table-v3 th,
.table-v3 td {
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}

.table-v3 th:first-child,
.table-v3 th:last-child,
.table-v3 td:first-child,
.table-v3 td:last-child {
    text-align: center;
    padding-left: 5px;
}

.table-v3 th.cell-center,
.table-v3 td.cell-center {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.table-v3 th label,
.table-v3 td label {
    margin-bottom: 0;
}

.table-v3 th input[type="checkbox"],
.table-v3 td input[type="checkbox"] {
    margin-top: 0;
    vertical-align: -2px;
}


/*添加v3-table-noRadius-top类的表格上半部分圆角弧度为0*/

.table-noRadius-top-v3 thead:first-child tr:first-child>th:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.table-noRadius-top-v3 thead:first-child tr:first-child>th:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-toprigth: 0;
    border-top-right-radius: 0;
}

.table-striped-v3 tbody tr:nth-child(even)>td {
    background-color: #F0F0F0;
}

.table-striped-v3 tbody tr:nth-child(odd)>td {
    background-color: #FFF;
}

.table-striped-v3 tbody tr:hover>td {
    background-color: #F7F7F7;
}

.table-striped-2rows-v3 tbody tr:nth-child(4n-3)>td,
.table-striped-2rows-v3 tbody tr:nth-child(4n-2)>td {
    background-color: #fff;
}

.table-striped-2rows-v3 tbody tr:nth-child(4n-1)>td,
.table-striped-2rows-v3 tbody tr:nth-child(4n)>td {
    background-color: #F0F0F0;
}

.table-striped-2rows-v3 tbody tr:nth-child(4n-3):hover>td,
.table-striped-2rows-v3 tbody tr:nth-child(4n-2):hover>td,
.table-striped-2rows-v3 tbody tr:nth-child(4n-1):hover>td,
.table-striped-2rows-v3 tbody tr:nth-child(4n):hover>td {
    background-color: #F7F7F7;
}


/* 工单中心3.0按钮样式 */

.btn-v3 {
    color: #2881a2;
    *text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #2881a2;
    *border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    *border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-v3:hover {
    color: #2881a2;
    background-color: #fafafa;
    *background-color: #003bb3;
    background-position: 0 100px;
    *-webkit-transition: background-position .0s linear;
    *-moz-transition: background-position .0s linear;
    *-o-transition: background-position .0s linear;
    *transition: background-position .0s linear;
}

.btn-main-v3 {
    color: #fff;
    text-shadow: none;
    background-color: #2881a2;
    background-image: -moz-linear-gradient(top, #2881a2, #288faf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2881a2), to(#288faf));
    background-image: -webkit-linear-gradient(top, #2881a2, #288faf);
    background-image: -o-linear-gradient(top, #2881a2, #288faf);
    background-image: linear-gradient(to bottom, #2881a2, #288faf);
    background-repeat: repeat-x;
    border: 1px solid #507685;
    *border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    *border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-main-v3:hover,
.btn-main-v3:focus,
.btn-main-v3:active,
.btn-main-v3.active,
.btn-main-v3.disabled,
.btn-main-v3[disabled] {
    color: #fff;
    background-color: #0F7094;
    *background-color: #003bb3;
    background-position: 0 100px;
    *-webkit-transition: background-position .0s linear;
    *-moz-transition: background-position .0s linear;
    *-o-transition: background-position .0s linear;
    *transition: background-position .0s linear;
}

.btn-main-v3:active,
.btn-main-v3.active {
    background-color: #288faf \9;
}


/* 工单中心3.0图标 */

.icon-edit-v3 {
    background: url('../../images/caseCenter/icon/编辑.png');
}

.icon-view-v3 {
    background: url('../../images/caseCenter/icon/查看.png');
}

.icon-deal-v3 {
    background: url('../../images/caseCenter/icon/处理.png');
}

.icon-map-v3 {
    background: url('../../images/caseCenter/icon/地图.png');
}

.icon-detail-v3 {
    background: url('../../images/caseCenter/icon/详情.png');
}

.icon-backward-v3 {
    background: url('../../images/caseCenter/icon/撤回.png');
}

.icon-add-v3 {
    background: url('../../images/caseCenter/icon/新增计划.png');
}

.icon-check-v3 {
    background: url('../../images/caseCenter/icon/发送审核.png');
}

.icon-delete-v3 {
    background: url('../../images/caseCenter/icon/删除.png');
}

.icon-freshAll-v3 {
    background: url('../../images/caseCenter/icon/刷新.png');
}

.icon-start-v3 {
    background: url('../../images/caseCenter/icon/开始.png');
}

.icon-stop-v3 {
    background: url('../../images/caseCenter/icon/暂停.png');
}

.icon-refresh-v3 {
    background: url('../../images/caseCenter/icon/生成.png');
}

.icon-locate-v3 {
    background: url('../../images/caseCenter/icon/定位.png');
}

.icon-flag-v3 {
    background: url('../../images/caseCenter/icon/红旗.png');
}

[class^="icon-"],
[class*=" icon-"] {
    vertical-align: middle;
}


/*==========流程中心业务页面样式==============*/

.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus {
    color: #fff;
    background-color: #2881a2;
}


/*=========label badge 自定义样式========*/

.label-v3,
.badge-v3 {
    background-color: #2881a2;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    border-bottom: #1f799c 2px solid;
}


/*==========工单收藏 星标样式=============*/

.caseStar {
    width: 16px;
    height: 16px;
    cursor: pointer;
}


/*==========工单中心 头像样式=============*/

.caseCenterImg {
    width: 75px;
    border-radius: 50%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease-in-out;
}

.caseCenterImg:hover {
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
}


/*
 *打印预览PrintPreview CSS
 ---------------------------------------------------*/

.modal-printPreview {
    position: fixed;
    top: 5%;
    left: 50%;
    z-index: 1050;
    width: 80%;
    height: 90%;
    margin-left: -40%;
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-body-printPreview {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow-y: auto;
}


/*
 * 工单流程中心 控件样式
 ---------------------------------------------------*/

.cc_file {
    width: 220px;
}

.cc_select_m {
    width: 160px;
}

.cc_input_m {
    width: 146px;
}

.cc_file_m {
    width: 160px;
}

.cc_select_s {
    width: 130px;
}

.cc_input_s {
    width: 116px;
}

.cc_file_s {
    width: 130px;
}

.cc_select_s6 {
    width: 100px;
}

.cc_input_s6 {
    width: 86px;
}

.cc_file_s6 {
    width: 120px;
}


/*
 * 移交面板
 ------------------------------------------*/

#treeContainer {
    border: 1px solid #ccc;
    overflow: auto;
    height: 300px;
}


/*
 * 必填提醒
 ------------------------------------------*/

.required {
    border-color: red;
}

.groupBorder {
    border-left: 5px solid #388eab;
}

i.icon-ok-sign.icon-white {
    margin-top: -1px;
}

table.tableLayout tr td.edit {
    color: blue;
}

.chart label {
    margin: 5px;
}

.barge {
    background-color: #d9d9d9;
    color: #333333;
    padding: 3px;
    margin-right: 3px;
}

.badge-focu {
    background-color: #2881a1;
    color: #fff;
}

li.active>a {
    background-color: #0099CC;
    color: #fff;
}

div.circle {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: auto 5% auto 0px;
}

.green {
    background-color: #22ac38;
}

.red {
    background-color: #ff0000;
}

.orange {
    background-color: #ebc100;
}

.blue {
    background-color: #5e88d5;
}

button#Login {
    width: 100%;
    height: 41px;
    border-color: #0971A0;
    color: white;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(#3C97B8, #0971A0);
}

#tbl table td.thead_backcolor{
    background-color: #1f799c;
}