.section-group-container-s1:before, .section-group-header-container-s1:before, .section-group-body-container-s1:before, .apps-pg-foo-s1:before
,.kpis-tile-container-s1:before,.kpis-bg-cell-s1:before
,.kpis-foots-cell-s1:before
{
    content: "";
    display: table;
}
.section-group-container-s1:after, .section-group-header-container-s1:after, .section-group-body-container-s1:after, .apps-pg-foo-s1:after
,.kpis-tile-container-s1:after,.kpis-bg-cell-s1:after
,.kpis-foots-cell-s1:after
{
    content: "";
    display: table;
    clear: both;
}
.sec-bg-s6
{
    padding: 0px 0px;
    background-color: #fff;
    border: none;
    border-radius: 0px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16),0 1px 10px 0 rgba(0,0,0,0.12);
}
.sec-bg-s6 .section-group-header-container-s1
{
    padding: 10px 10px 4px 0px;
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    padding-bottom: 10px;
}
.sec-bg-s6 .section-group-body-container-s1
{
    padding: 0px;
    background-color: #fff;
}
.title-section-header-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000;
}
.title-section-header-s1 span
{
    color: #7c7c7c;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 2px;
}
.lbl-isc-data-list-title-val-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #625f71;
}
.read-grid-section
{
    width: 100%;
}
.read-grid-section td
{
    background-color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #404040;
    padding: 9px 10px 9px 11px;
    border-bottom: none;
}
.sec-bg-s6 .read-grid-section tr:nth-child(even) td
{
    background-color: rgba(204, 204, 204, 0.2);
}
.grid-action-btn-edt, .grid-action-btn-del
{
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    font-weight: 500;
    border-radius: 3px !important;
    outline: 0 !important;
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    color: rgba(0,0,0,0.87) !important;
    background-color: #fff;
    border-color: #eee;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.grid-action-btn-edt, .grid-action-btn-del
{
    box-shadow: none;
    border: none;
    background-color: transparent;
}
.grid-action-btn-edt, .grid-action-btn-del
{
    border-radius: 0px !important;
}
.grid-action-btn-edt i
{
    color: #7c7c7c !important;
}
.grid-action-btn-del i
{
    color: #7c7c7c !important;
}
.read-grid-section td span
{
    font-size: 11px;
    color: #7c7c7c;
}


/* Start March 23,2016*/
/**/
.grid-read-with-dd-action th, .grid-read-with-dd-action td
{
    white-space: nowrap;
    overflow: hidden;
}
.td-act-icon-s1
{
    height: 15px;
    margin-right: 10px;
    float: left;
}
.td-btn-status-s1
{
    border-radius: 4px !important;
    text-align: center;
    color: #000;
    background-color: #ccc;
    padding: 5px 10px;
    line-height: 15px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-decoration: none;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.td-btn-status-s1:hover
{
    text-decoration: none;
    color: #fff;
}
.btn-info-satus
{
    background-color: #2db5d4;
    color: #fff;
}
.btn-active-satus
{
    background-color: #77c45a;
    color: #fff;
}
.btn-wait-satus
{
    background-color: #ff931d;
    color: #fff;
}
.btn-inprocess-satus
{
    background-color: #101e37;
    color: #fff;
}

/**/
.add-list-header-container:before, .sec-activity-comment-list-container:before, .sec-act-cmt-inner-list-cell-row:before, .sec-info-list-container-s1:before
{
    content: "";
    display: table;
}
.add-list-header-container:after, .sec-activity-comment-list-container:after, .sec-act-cmt-inner-list-cell-row:after, .sec-info-list-container-s1:after
{
    content: "";
    display: table;
    clear: both;
}
.add-list-header-container
{
    padding: 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}
.add-list-link-hdr-cell
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.add-list-link-hdr-cell li
{
    display: block;
    float: left;
}
.add-list-link-hdr-cell li a
{
    display: block;
    text-decoration: none;
    color: #337ab7;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-right: 1px solid #B3B3B3;
    padding: 5px 5px;
}
.add-list-link-hdr-cell li:last-child a
{
    border-right: none;
}

.add-list-link-hdr-cell li:hover a
{
    text-decoration: none;
}

.add-list-link-hdr-cell-s1
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.add-list-link-hdr-cell-s1 li
{
    display: block;
    float: left;
    margin-right: 5px;
}
.add-list-link-hdr-cell-s1 li a
{
    display: block;
    text-decoration: none;
    color: #337ab7;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.add-list-link-hdr-cell-s1 li:hover a
{
    text-decoration: none;
}
.sec-act-cmt-inner-list-cell-row
{
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    border-left: 5px solid #fecc1c;
    padding: 10px 10px 10px 40px;
}
.act-cmt-icon
{
    position: absolute;
    height: 24px;
    top: 12px;
    left: 8px;
}
.label-act-cmt-info-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
    color: #484b51;
    letter-spacing: 0.5px;
}
.lbl-cmt-text-hilite-s1
{
    font-weight: 600;
    color: #484b51;
}
.lbl-cmt-num-hilite-s1
{
    font-weight: 600;
    color: #337ab7;
}
.sec-info-list-container-s1
{
    padding: 15px 10px;
    min-height: 50px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
}
.label-sec-info-title-s1
{
    margin: 0px 0px 10px 0px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #484b51;
}
.input-select-form
{
    border: 1px solid #b8bcc2;
    border-radius: 4px !important;
    font-size: 12px;
    height: 25px;
    padding: 4px 12px;
    color: #484b51;
}
.sec-info-list-inner-container
{
    border: 1px solid #b8bcc2;
    border-radius: 4px !important;
    background-color: #fff;
    min-height: 150px;
}
.btn-info-satus-s1
{
    background-color: #662d8b;
    color: #fff;
}
.grid-read-td-s1 td
{
    padding: 10px 8px;
}
.grid-read-td-s1 tr:last-child td
{
    border-bottom: none;
}
.responsive-scroll-grid-container
{
    overflow-x: auto;
    overflow-y: hidden;
}

/**/
.app-screen-filter-header-s2:before, .app-screen-main-content-body-container:before, .act-grp-icon:before, .app-screen-sec-dash-container:before, .app-screen-dash-hdr-container:before, app-screen-dash-body-container:before, .app-screen-dash-footer-container:before, .dsh-footer-grp-icon:before, .app-dash-inner-value-grp:before, .app-top-main-menu-hover-cell-s1:before
{
    content: "";
    display: table;
}
.app-screen-filter-header-s2:after, .app-screen-main-content-body-container:after, .act-grp-icon:after, .app-screen-sec-dash-container:after, .app-screen-dash-hdr-container:after, .app-screen-dash-body-container:after, .app-screen-dash-footer-container:after, .dsh-footer-grp-icon:after, .app-dash-inner-value-grp:after, .app-top-main-menu-hover-cell-s1:after
{
    content: "";
    display: table;
    clear: both;
}
.app-screen-main-content-body-container
{
    background-color: #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}
.app-screen-filter-header-s2
{
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding-right: 140px;
    padding-left: 10px;
    position: relative;
    min-height: 51px;
    border-top: none;
}
.act-grp-icon
{
    margin-top: 15px;
}
.act-grp-icon img
{
    height: 17px;
    float: left;
    margin-right: 5px;
}
.btn-add-cell-s1
{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    position: absolute;
    right: 0px;
    padding: 10px 10px;
    border-bottom-right-radius: 10px !important;
    background-color: #2ab7d9;
    height: 50px;
    top: 0px;
    min-width: 80px;
}
.btn-add-cell-s1:hover
{
    text-decoration: none;
    color: #fff;
}
.btn-add-cell-s1 img
{
    height: 17px;
    margin-right: 10px;
    margin-top: -3px;
    margin-left: 5px;
}
.mar-bot-min
{
    margin-bottom: 10px;
}
.app-screen-sec-dash-container
{
    min-height: 150px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px !important;
    margin-bottom: 10px;
}
.app-screen-dash-hdr-container
{
    border-bottom: 1px solid #efefef;
    padding: 7px 10px 7px 10px;
}
.label-dash-title
{
    margin: 0px 0px 0px 0px;
    line-height: 19px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #505257;
}
.app-screen-dash-body-container
{
    min-height: 125px;
    padding: 10px 10px;
}
.label-dash-inner-bdy-title
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    text-align: center;
}
.lbl-clr-s1
{
    color: #ed81b3;
}
.lbl-clr-s2
{
    color: #97b54a;
}
.lbl-clr-s3
{
    color: #b1212c;
}
.lbl-clr-s4
{
    color: #42a7d4;
}
.app-screen-dash-footer-container
{
    border-top: 1px solid #efefef;
    padding: 10px 10px;
}
.lbl-dash-footer-info
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #6f7275;
    letter-spacing: 0.5px;
}
.dsh-footer-grp-icon
{
}
.dsh-footer-grp-icon img
{
    height: 13px;
    float: left;
    margin-right: 5px;
    opacity: 0.6;
}
.label-dash-inner-bdy-val-hilite
{
    margin: 25px 0px 10px 0px;
    line-height: 15px;
    font-size: 30px;
    font-weight: 600;
    color: #757575;
    text-align: center;
}
.app-dash-inner-value-grp
{
    margin-top: 35px;
}
.label-dash-inner-data-info
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #5e6266;
}
.label-dash-inner-val-info
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
color: #2F8EA9;
}
.label-dash-inner-val-info-s1
{
    margin: 15px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #31b2d7;
}
.label-dash-inner-val-info-s1 i
{
    margin-left: 6px;
    color: #a3b677;
    line-height: 15px;
    font-size: 11px;
}
.grid-read-with-dd-action td a
{
}

/* Start March 24,2016 */
/*Popup*/

.m-pop-cell-readview-s1 .modal-content
{
    border-radius: 6px !important;
}
.close
{
    background-image: url("../../img/remove-icon-small.png") !important;
}
.modal .modal-header .close
{
    margin-top: 8px !important;
    opacity: 1;
}
.m-pop-cell-readview-s1 .modal-title
{
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    color: #6f6a6a;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.mp-inner-body-title-info-conteiner:before
{
    content: "";
    display: table;
}
.mp-inner-body-title-info-conteiner:after
{
    content: "";
    display: table;
    clear: both;
}
.mp-inner-body-title-info-conteiner
{
    margin-bottom: 20px;
}
.label-mp-title-info
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    color: #1c222e;
    font-weight: 600;
    font-size: 14px;
}
.label-mp-title-info span
{
    font-weight: 500;
}
.mar-lft-30
{
    margin-left: 30px;
}
.label-mp-title-info-s1
{
    margin: 20px 0px 0px 0px;
    line-height: 15px;
    color: #1c222e;
    font-weight: 600;
    font-size: 16px;
}
.mp-data-val-list-s1
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.mp-data-val-list-s1 li
{
    display: block;
    line-height: 20px;
    color: #1c222e;
    font-size: 12px;
    font-weight: 600;
    float: left;
    margin-right: 20px;
}
.mp-data-val-list-s1 li span
{
    font-weight: 500;
}
.mp-data-val-list-s1 li:last-child
{
    margin-right: 0px;
}
.m-pop-cell-readview-s1 .label-act-cmt-info-s1
{
    font-size: 12px;
}


/* Start March 25,2016 */

/*Tile 1*/
.tile-container-s1:before, .tile-header:before, .tile-body-s1:before, .tile-footer:before
{
    content: " ";
    display: table;
}
.tile-container-s1:after, .tile-header:after, .tile-body-s1:after, .tile-footer:after
{
    content: " ";
    display: table;
    clear: both;
}
.tile-container-s1
{
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    border: 1px solid #eee;
    min-height: 120px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px !important;
    margin-bottom: 10px;
}
.tile-header
{
    padding: 4px 10px 10px 7px;
}
.label-tile-title-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #505257;
    text-transform: uppercase;
}
.label-tile-sub-title-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #6f7275;
    letter-spacing: 0.5px;
}
.label-tile-sub-title-s1
{
    color: #5A5A5A;
    font-weight: 600;
}
.tile-body-s1
{
    padding: 0px 7px;
}
.tile-list-info-count-container
{
    padding: 0px;
    width: auto;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 9px;
}
.tile-list-info-count-container ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.tile-list-info-count-container ul li
{
    float: left;
    width: 49%;
}
.tile-list-info-count-container ul li a
{
    display: block;
    color: #a6aaad;
    font-size: 20px;
    font-weight: 600;
    line-height: 15px;
    text-decoration: none;
    border-right: 1px solid #eef2f5;
    padding: 2px 5px;
}
.tile-list-info-count-container ul li a
{
    color: #2fb3d9;
}
.tile-list-info-count-container ul li:first-child a
{
    padding-left: 0px;
}
.tile-list-info-count-container ul li a span
{
    color: #5d5d5d;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.tile-list-info-count-container ul li a span
{
    font-weight: 600;
}
.tile-footer
{
    padding: 5px 10px; /* height: 24px; */
    position: relative;
    line-height: 16px;
    margin-top: 5px;
}
.icon-sm-default
{
    font-weight: 500;
    font-size: 13px;
    color: #A2A2A2;
    line-height: 16px;
    margin-left: 2px;
}
.icon-sm-default, .label-tile-datetime-data
{
    font-size: 10px;
}
.label-tile-datetime-data
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #5e6266;
}
.icon-sm-default, .label-tile-datetime-data
{
    font-size: 10px;
}
.label-tile-datetime-data
{
    color: #565656;
}
.btn-smrt-tile-value
{
    display: block;
    padding: 0px 4px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background-color: #8C8C8C;
    position: absolute;
    letter-spacing: .5px;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    border-radius: 0px !important;
    width: 68px;
    box-shadow: none;
    bottom: 5px;
    right: 8px;
    line-height: 17px;
    border-radius: 3px !important;
}
.tile-list-info-count-container ul li:last-child a
{
    border-right: none;
}
.tile-list-info-count-container ul li:last-child a
{
    padding-left: 25px;
}
.icn-tile-caldr
{
    height: 13px;
    margin-right: 3px;
}
.btn-smrt-tile-value.active
{
    background-color: #77C45A;
}
.btn-smrt-tile-value.in-active
{
    background-color: #dc6d63;
}

/* Tile-1-v1 */
.tile-container-style-s1
{
    background-color: #e7e8e8;
}
/* Tile-1-v2 */
.tile-container-style-s2
{
    background-color: #264a5d;
}

.tile-container-style-s2 .label-tile-title-s1, .tile-container-style-s2 .label-tile-sub-title-s1, .tile-container-style-s2 .tile-list-info-count-container ul li a, .tile-container-style-s2 .label-tile-datetime-data, .tile-container-style-s2 .tile-list-info-count-container ul li a span
{
    color: #fff;
}

/* Tile-2 */
.tile-kpi-container:before, .tile-kpi-header-container-s1:before
{
    content: "";
    display: table;
}
.tile-kpi-container:after, .tile-kpi-header-container-s1:after
{
    content: "";
    display: table;
    clear: both;
}
.tile-kpi-container
{
    background-color: #fff;
    margin-bottom: 15px;
    padding-bottom: 5px;
    min-height: 120px;
    position: relative;
    border: 1px solid #eee;
}
.lbl-tile-title
{
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #4f6875;
    line-height: 26px;
    margin: 0px 0px 0px 0px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.lbl-tile-kpi-lg
{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #7c7c7c;
    line-height: 20px;
    margin: 15px 0px 20px 0px;
}
.tile-kpi-cell
{
    width: 33.333%;
    float: left;
}
.lbl-tile-kpi-qtype
{
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #5e6266;
    line-height: 16px;
    margin: 0px 0px 0px 0px;
}
.lbl-tile-kpi-atype
{
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #31b2d7;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
}
.icn-tile-kpi-trent-up
{
    font-size: 11px;
    line-height: 8px;
    color: #33CE1D;
}

.icn-tile-status-arrow
{
    height: 15px;
}
.tile-kpi-header-container-s1
{
    border-bottom: 1px solid #eee;
    background-color: #d9e1e6;
}

/* Tile-2 v1 */
.tile-kpi-container-style-s1
{
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
}
/* Tile-2 v2 */
.tile-kpi-container-style-s2
{
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
}
.tile-kpi-container-style-s2 .tile-kpi-header-container-s1
{
    background-color: transparent;
}

/* Tile-3 */
.kpi-tile-info-container:before, .tile-inner-sec-container:before
{
    content: "";
    display: table;
}
.kpi-tile-info-container:after, .tile-inner-sec-container:after
{
    content: "";
    display: table;
    clear: both;
}
.tile-inner-sec-container
{
    padding: 10px 10px;
    min-height: 300px;
    background-color: #f8f8f8;
}
.kpi-tile-info-container
{
    min-height: 100px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top: 4px solid #c0c2c3;
    position: relative;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

.kpi-tile-title-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 0.6px;
    font-size: 17px;
    color: #264a5d;
}
.kpi-tile-title-hint-s1
{
    margin: 5px 0px 0px 0px;
    line-height: 15px;
    font-weight: 500;
    color: #7c7c7c;
    font-size: 12px;
}
.lbl-tile-user-list img
{
    height: 15px;
    margin-right: 3px;
    margin-top: -5px;
}
.lbl-tile-user-list
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #224C79;
    position: absolute;
    bottom: 8px;
}

.tile-icon-act-s1
{
    position: absolute;
    top: 32px;
    right: 20px;
    height: 20px;
}
.tile-icon-act-s2
{
    position: absolute;
    top: 72px;
    right: 25px;
    height: 20px;
}
.lbl-kpi-date-s1
{
    position: absolute;
    margin: 0px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d;
    bottom: 10px;
    right: 10px;
}

/* Tile-3 V1 */
.kpi-info-tile-style-s1
{
    background-color: #F3F7FA;
}

/* start march 28,2016 */

/* Tile-4 */
.kpi-tile-info-container-s1:before, .tile-hdr-bdr-bot:before
{
    content: "";
    display: table;
}
.kpi-tile-info-container-s1:after, .tile-hdr-bdr-bot:after
{
    content: "";
    display: table;
    clear: both;
}
.kpi-tile-info-container-s1
{
    background-color: #fff;
    margin-bottom: 15px;
    padding: 10px 10px 10px 10px;
    min-height: 177px;
    position: relative;
    border: 1px solid #eee;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    border-top: 4px solid #abb5bc;
}
.lbl-kpi-tile-title-s1
{
    margin: 10px 0px 10px 0px;
    line-height: 15px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #3d4351;
    font-weight: 700;
    letter-spacing: 0.6px;
}
.lbl-kpi-tile-lg-val-s1
{
    margin: 16px 0px 17px 0px;
    line-height: 15px;
    font-size: 23px;
    text-align: center;
    color: #688897;
    font-weight: 500;
}
.tile-hdr-bdr-bot
{
    width: 50px;
    height: 3px;
    margin: 0 auto;
    background-color: #eaecee;
    margin-bottom: 10px;
}
.para-kpi-tile-content
{
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #81858e;
    font-weight: 500;
    margin: 12px 0px 10px 0px;
}

/* Tile-5 */
.kpi-tile-info-container-s2:before
{
    content: "";
    display: table;
}
.kpi-tile-info-container-s2:after
{
    content: "";
    display: table;
    clear: both;
}
.kpi-tile-info-container-s2
{
    min-height: 120px;
    background-color: #fff;
    padding: 10px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
}
.lbl-kpi-tile-title-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #2d2d2d;
}
.lbl-kpi-tile-lg-val-s2
{
    margin: 0px 0px 15px 0px;
    line-height: 21px;
    font-size: 18px;
    font-weight: 600;
    color: #3494AB;
}

.lbl-tile-kpi-list-data-s1
{
    margin: 0px 0px 5px 0px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #9a9a9a;
}
.lbl-tile-kpi-list-val-s1
{
    margin: 0px 0px 5px 0px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
}

/* Tile-6 */
.kpi-tile-info-container-s3:before, .kpi-tile-list-dtl-cell-grp:before
{
    content: "";
    display: table;
}
.kpi-tile-info-container-s3:after, .kpi-tile-list-dtl-cell-grp:after
{
    content: "";
    display: table;
    clear: both;
}
.kpi-tile-info-container-s3
{
    min-height: 120px;
    background-color: #F9F7F9;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    position: relative;
}
.lbl-kpi-tile-title-s3
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #256FAF;
}
.lbl-tile-lpi-list-data-s2
{
    margin: 0px 0px 7px 0px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #2F2F2F;
}
.lbl-tile-lpi-list-val-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.lbl-kpi-act-default
{
    color: #424242;
}
.lbl-kpi-act-inactive
{
    color: #E25862;
}
.lbl-kpi-act-prgrs
{
    color: #2DB5D4;
}
.lbl-kpi-act-active
{
    color: #77C45A;
}
.kpi-tile-list-dtl-cell-pos
{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.lbl-tile-lpi-list-val-s3
{
    margin: 0px 0px 0px 0px;
    line-height: 31px;
    font-size: 29px;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #5f778c;
}
.lbl-tile-lpi-list-data-s3
{
    margin: 0px 0px 0px 3px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #6d6d6d;
}
.tile-icon-act-s3
{
    position: absolute;
    height: 17px;
    top: 12px;
    right: 10px;
}

/* Tile 6 v1 */
.kpi-info-tile-style-s2
{
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
}
.kpi-info-tile-style-s3
{
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    background-color: #fff;
}

/* Start March 29,2016 */
/* List Screen1 */
/*List 1*/
.grid-read-list-action
{
    width: 100%;
}
.grid-read-list-action th
{
    background-color: #3f4a5a;
    border-bottom: 1px solid #eee;
    color: #fff;
    font-weight: 600;
    padding: 12px 11px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid-read-list-action th i
{
    margin-right: 6px;
    font-size: 12px;
    float: left;
    display: block;
    margin-top: 2px;
}
.grid-read-list-action th i
{
    display: none;
}
.grid-read-list-action th i.active
{
    color: #46D459;
}
.grid-read-list-action th i
{
    color: #2C2C2D;
}

.grid-read-list-action td
{
    font-size: 13px;
    padding: 11px 15px;
    font-weight: 600;
    color: #797979;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.grid-read-list-action tr td:first-child
{
    color: #252525;
}

.badge-grid-status
{
    display: block;
    padding: 1px 2px;
    border-radius: 4px !important;
    text-align: center;
    background-color: #deddcd;
    color: #fff;
    text-decoration: none;
    line-height: 15px;
    font-weight: 500;
    width: 35px;
    font-size: 11px;
}
.badge-grid-status.red
{
    background-color: rgba(189, 28, 41, 0.26);
    border: 1px solid rgb(189, 28, 41);
    color: #bd1c29;
    font-weight: 700;
    width: 20px;
    margin: 0 auto;
}
.badge-grid-status.green
{
    background-color: rgba(111, 188, 56, 0.25);
    border: 1px solid #67B72E;
    color: #67B72E;
    width: 20px;
    margin: 0 auto;
}
.badge-grid-status.blue
{
    background-color: rgba(0, 136, 221, 0.26);
    border: 1px solid rgba(0, 136, 221, 0.67);
    color: rgba(0, 136, 221, 0.89);
    width: 20px;
    margin: 0 auto;
}
.grid-action-btn-edt i
{
    color: #5d5d5d !important;
}
.grid-action-btn-del i
{
    color: #5d5d5d !important;
}

/* Tile 2*/
.grid-style-s1 .grid-read-list-action
{
    border: 1px solid #f1eee8;
}
.grid-style-s1 .grid-read-list-action th
{
    background-color: #eee7da;
    color: #62748c;
    font-weight: 600;
}
.grid-style-s1 .grid-read-list-action tr td:first-child
{
    font-weight: 600;
    color: #6e757b;
}
.grid-style-s1 .grid-read-list-action td
{
    padding: 10px 15px;
    border-right: 1px solid #f1eee8;
    border-bottom: 1px solid #f1eee8;
}
.grid-style-s1 .grid-read-list-action tr td:last-child
{
    border-right: none;
}
.grid-style-s1 .grid-read-list-action td .grid-action-btn-edt i, .grid-style-s1 .grid-read-list-action td .grid-action-btn-del i
{
    color: #313e4f !important;
}
.grid-style-s1 .grid-read-list-action td .badge-grid-status.red, .grid-style-s1 .grid-read-list-action td .badge-grid-status.green, .grid-style-s1 .grid-read-list-action td .badge-grid-status.blue
{
    background-color: transparent !important;
}
.grid-style-s1 .grid-read-list-action tr:hover td
{
    background-color: #fff7ec;
}

/* Tile-3 */
.grid-read-with-list-action
{
    width: 100%;
}
.grid-read-with-list-action th
{
    color: #fff;
    padding: 8px 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: #c3cad2;
    white-space: nowrap;
    overflow: hidden;
}
.grid-read-with-list-action td
{
    color: #848486;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.grid-read-with-list-action td:first-child
{
    font-weight: 600;
}
.grid-read-with-list-action tr:nth-child(even) td
{
    background-color: #f8f8fa;
}
.grid-action-list-cell
{
    margin: 0px;
    list-style: none;
    width: 98px;
    margin: 0 auto;
    padding: 0px;
    float: none;
    display: block;
}
.grid-action-list-cell li
{
    display: block;
    float: left;
}
.grid-action-list-cell li a
{
    display: block;
    padding: 7px 10px;
    text-align: center;
    border-right: 1px solid #cecaca;
    background-color: #f7f7f7;
    border-top: 1px solid #cecaca;
    border-bottom: 1px solid #cecaca;
}
.grid-action-list-cell li:first-child a
{
    border-left: 1px solid #cecaca;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}
.grid-action-list-cell li:last-child a
{
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.grid-action-list-cell li a img
{
    height: 12px;
}

/* Tile-4 */
.grid-read-list-action-s1
{
    width: 100%;
}
.grid-read-list-action-s1 th
{
    background-color: #eef6f9;
    border-bottom: 1px solid #eee;
    color: #89939c;
    font-weight: 700;
    padding: 10px 10px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.grid-read-list-action-s1 td
{
    font-size: 14px;
    padding: 15px 10px;
    font-weight: 500;
    color: #b9c0c6;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.grid-read-list-action-s1 td:first-child
{
    color: #2eb4cc;
    font-weight: 600;
}
.grid-read-list-action-s1 tr:nth-child(even) td
{
    background-color: #f7fbfe;
}
.grid-status-cir:before
{
    content: "";
    display: table;
}
.grid-status-cir:after
{
    content: "";
    display: table;
    clear: both;
}
.grid-status-cir
{
    height: 15px;
    width: 15px;
    border-radius: 50% !important;
    margin: 0 auto;
}
.status-active
{
    border: 2px solid #26a69a;
}
.status-inactive
{
    border: 2px solid #e57373;
}
.btn-grid-action
{
    padding: 5px 10px;
    line-height: 15px;
    text-align: center;
    border-radius: 4px !important;
    background-color: #fff;
    color: #3d566e;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 600;
}
.edit-act
{
    border: 1px solid #77C45A;
}
.del-act
{
    border: 1px solid #DC6D63;
}


/* Section Container */
/* Sec-1 */
.page-section-container-s1:before, .section-control-grp:before, .page-sec-hdr-container:before
{
    content: "";
    display: table;
}
.page-section-container-s1:after, .section-control-grp:after, .page-sec-hdr-container:after
{
    content: "";
    display: table;
    clear: both;
}
.page-section-container-s1
{
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
    border-radius: 2px !important;
    background-color: #fff;
    position: relative;
    min-height: 150px;
    margin-bottom: 10px;
    padding: 10px 10px;
}
.section-control-grp
{
    position: absolute;
    right: 10px;
    top: 10px;
}
.section-control-grp i
{
    color: #D6D6D6;
    font-size: 13px;
    line-height: 15px;
}

.lbl-pg-sec-cont-title-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    text-transform: uppercase;
    color: #424242;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.6px;
}
.lbl-pg-sec-cont-title-hint-s1
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    color: #b1b0b0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
}

/* Sec-1 v1 */
.page-sec-style-s1
{
    background-color: #F3F7FA;
}
.page-sec-style-s1 .lbl-pg-sec-cont-title-s1
{
    color: #2DB5D4;
}
.page-sec-style-s1 .lbl-pg-sec-cont-title-hint-s1
{
    color: #264a5d;
}
.page-sec-style-s1 .section-control-grp i
{
    color: #264a5d;
}

/* Sec-2 */
.page-section-container-s2:before, .page-sec-hdr-container-s1:before, .page-sec-body-container-s1:before, .page-sec-footer-container-s1:before, .pag-sec-footer-grp-icon:before
{
    content: "";
    display: table;
}
.page-section-container-s2:after, .page-sec-hdr-container-s1:after, .page-sec-body-container-s1:after, .page-sec-footer-container-s1:after, .pag-sec-footer-grp-icon:after
{
    content: "";
    display: table;
    clear: both;
}
.page-section-container-s2
{
    min-height: 150px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px !important;
    margin-bottom: 10px;
}
.page-sec-hdr-container-s1
{
    border-bottom: 1px solid #efefef;
    padding: 10px 10px;
}
.page-sec-body-container-s1
{
    min-height: 125px;
    padding: 10px 10px;
}
.page-sec-footer-container-s1
{
    border-top: 1px solid #efefef;
    padding: 10px 10px;
}
.lbl-pg-sec-cont-title-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #505257;
}
.lbl-pg-sec-cont-title-hint-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #337ab7;
    text-align: center;
}
.lbl-pg-sec-footer-info
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #6f7275;
    letter-spacing: 0.5px;
}
.pag-sec-footer-grp-icon
{
}
.pag-sec-footer-grp-icon img
{
    height: 13px;
    float: left;
    margin-right: 5px;
    opacity: 0.6;
}

/* Tile-3 */
.page-section-container-s3:before
{
    content: "";
    display: table;
}
.page-section-container-s3:after
{
    content: "";
    display: table;
    clear: both;
}
.page-section-container-s3
{
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
    border-radius: 2px !important;
    background-color: #fff;
    position: relative;
    min-height: 150px;
    margin-bottom: 10px;
    padding: 10px 10px;
}
.page-section-container-s3 .section-control-grp
{
    position: absolute;
    right: 10px;
    top: 10px;
}
.page-section-container-s3 .section-control-grp i
{
    color: #D6D6D6;
    font-size: 13px;
    line-height: 15px;
}

.lbl-pg-sec-cont-title-s3
{
    margin: 2px 0px 6px 0px;
    line-height: 15px;
    color: #37657F;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-align: center;
}
.lbl-pg-sec-cont-title-hint-s3
{
    margin: 8px 0px 0px 0px;
    line-height: 15px;
    color: #818a91;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: center;
}

/* Tile-4 */
.page-section-container-s4:before
{
    content: "";
    display: table;
}
.page-section-container-s4:after
{
    content: "";
    display: table;
    clear: both;
}
.page-section-container-s4
{
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
    background-color: #fff;
    position: relative;
    min-height: 150px;
    margin-bottom: 10px;
}
.page-section-container-s4 .section-control-grp
{
    position: absolute;
    right: 10px;
    top: 8px;
}
.page-section-container-s4 .section-control-grp i
{
    color: #bdc3d1;
    font-size: 13px;
    line-height: 15px;
}
.page-sec-hdr-container-s4
{
    background-color: #9FA8BC;
    padding: 5px 10px;
}
.lbl-pg-sec-cont-title-s4
{
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.lbl-pg-sec-cont-title-s4 span
{
    font-size: 11px;
}

/* Start March 30,2016 */
/* App Page Types */
/* App Home */

/*Home*/

.app-section-panel-group-container:before, .app-sec-panel-grp-hdr-container-s1:before, .app-sec-pnl-kpi-grp-list-container:before, .app-sec-pnl-filter-container:before, .btn-add-cntrl:before, .app-sec-panel-tile-list-container:before
{
    content: "";
    display: table;
}
.app-section-panel-group-container:after, .app-sec-panel-grp-hdr-container-s1:after, .app-sec-pnl-kpi-grp-list-container:after, .app-sec-pnl-filter-container:after, .btn-add-cntrl:after, .app-sec-panel-tile-list-container:after
{
    content: "";
    display: table;
    clear: both;
}
.app-section-panel-group-container
{
    min-height: 550px;
    border-right: 1px solid #ddd;
    float: left;
    width: 25%;
    padding: 0px 10px;
}
.app-section-panel-group-container.first
{
    border-left: 1px solid #ddd;
}
.app-section-panel-group-container.last
{
}
.app-sec-panel-grp-hdr-container-s1
{
}
.lbl-app-sec-pnl-title-s1
{
    margin: 0px 0px 10px 0px;
    line-height: 20px;
    font-size: 15px;
    letter-spacing: 0.6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #256FAF;
}
.app-sec-pnl-kpi-grp-list-container
{
    margin-bottom: 20px;
}
.app-sec-panel-kpi-grp-list
{
    margin: 0px;
    padding: 0px;
}
.app-sec-panel-kpi-grp-list li
{
    float: left;
    width: 32.33%;
    display: block;
    margin-left: 1%;
}
.app-sec-panel-kpi-grp-list li:first-child
{
    margin-left: 0px;
}
.app-sec-panel-kpi-grp-list li a
{
    display: block;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f4f3;
    min-height: 60px;
}
.lbl-pnl-kpi-hdr-s1
{
    margin: 0px 0px 2px 0px;
    line-height: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #434446;
}
.lbl-pnl-kpi-hdr-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #97989a;
    letter-spacing: 0.6px;
}
.app-sec-pnl-filter-container
{
    margin-bottom: 16px;
    margin-top: 16px;
}
.btn-add-cntrl
{
    display: block;
}
.btn-add-cntrl img
{
    height: 17px;
    margin-top: 10px;
}
.app-sec-panel-tile-list-container
{
}
.lbl-inactive
{
    color: #E25862;
}
.mar-top-6
{
    margin-top: 6px;
}
.status-default
{
    border: 2px solid #ccc;
}

/* My Stream */
.app-page-inner-header-container:before, .app-comment-list-grp-container:before, .app-comment-list-hdr-container:before, .comment-list-status:before, .app-comment-list-body-container:before, .app-cmt-btn-cell-grp:before, .app-comment-footer-texarea-container:before, .app-comment-sec-grp-main-container:before
{
    content: "";
    display: table;
}
.app-page-inner-header-container:after, .app-comment-list-grp-container:after, .app-comment-list-hdr-container:after, .comment-list-status:after, .app-comment-list-body-container:after, .app-cmt-btn-cell-grp:after, .app-comment-footer-texarea-container:after, .app-comment-sec-grp-main-container:after
{
    content: "";
    display: table;
    clear: both;
}
.mar-top-10
{
    margin-top: 10px;
}
.app-page-inner-header-container
{
}
.app-pg-inner-title-s1
{
margin: 0px 0px 8px 0px;
    line-height: 15px;
    color: #505257;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    border-bottom: 2px solid #c7c7c7;
    padding-bottom: 4px;
}
.app-comment-sec-grp-main-container
{
}
.app-comment-list-grp-container
{
    margin-bottom: 10px;
    position: relative;
}
.app-comment-list-hdr-container
{
}
.lbl-app-comment-title
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 13px;
}
.lbl-app-comment-title span
{
    text-transform: none;
    font-weight: 600;
    color: #a8aaad;
    font-size: 11px;
}
.comment-list-status
{
    border-radius: 5px !important;
    background-color: #fff;
    text-align: center;
    border: 2px solid #ccc;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 12px;
    padding: 3px 10px;
    line-height: 15px;
    position: absolute;
    right: 7px;
    top: 31px;
}
.cmnt-status-default
{
    /* color:#C0C2C3; */
    border-color: #C0C2C3;
}
.cmnt-status-active
{
    /* color:#77C45A; */
    border-color: #77C45A;
}
.cmnt-status-inactive
{
    /* color:#E25862; */
    border-color: #E25862;
}
.cmnt-status-prgrs
{
    /* color:#2DB5D4; */
    border-color: #2DB5D4;
}
.app-comment-list-body-container
{
    min-height: 50px;
    padding: 10px 10px;
    background-color: #F3F7FA;
    margin-top: 7px;
}
.app-cmt-status-cont-default
{
}
.app-cmt-status-cont-active
{
}
.app-cmt-status-cont-prgrs
{
}
.app-comment-inline-list
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.app-comment-inline-list li
{
    display: block;
    list-style: none;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    color: #1B1B1B;
}
.app-comment-inline-list li.list-parent
{
    font-weight: 600;
    color: #5d8dbc;
    font-size: 13px;
    line-height: 18px;
}
.app-comment-inline-list li.list-child
{
    margin-left: 15px;
}
.app-cmt-btn-cell-grp
{
    position: absolute;
    bottom: 14px;
    right: 17px;
}
.btn-list-filter-menu-s1
{
    margin: 0px;
    padding: 0px;
}
.btn-list-filter-menu-s1 li
{
    float: left;
    display: block;
    list-style: none;
    margin-left: 5px;
}
.btn-list-filter-menu-s1 li a
{
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 12px;
    color: #4a4949;
    background-color: #fff;
    border: 1px solid #dedddd;
    border-radius: 4px !important;
}
.btn-list-filter-menu-s1 li.active a
{
    background-color: transparent;
    border: none;
    padding-right: 0px;
    margin-right: 0px;
}
.btn-list-filter-menu-s1 li.active a img
{
    height: 16px;
    margin-right: 8px;
    margin-top: 2px;
}
.btn-list-filter-menu-s1 li a img
{
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 2px;
    margin-left: 7px;
    height: 8px;
}
.app-comment-footer-texarea-container
{
    padding: 10px 10px;
    background-color: #eee;
    min-height: 100px;
}
.lbl-comment-title-s1
{
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0px 0px 3px 0px;
    color: #525f67;
}
.app-comment-footer-texarea-container textarea.form-control
{
    border: 1px solid #f3f3f3;
}

/* App Entities */
/* Home */
.section-list-filter-menu-s1
{
    padding: 0px;
    margin: 0px;
    margin-top: 6px;
}
.section-list-filter-menu-s1 li
{
    float: left;
    display: block;
    list-style: none;
}
.section-list-filter-menu-s1 li a
{
    display: block;
    text-decoration: none; /* box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18); */
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    vertical-align: middle;
    padding: 2px 8px;
    font-size: 11px;
    line-height: 1.5;
    border-color: #2DB5D4;
    color: #2DB5D4;
    border-radius: 3px !important;
    margin-right: 6px;
    margin-top: 3px;
    background-color: rgba(45, 181, 212, 0.19);
}
.section-list-filter-menu-s1 li.active a
{
    border-color: #2DB5D4;
    color: #fff;
    background-color: #2DB5D4;
}

/* Start Apr 4,2016 */
.app-screen-body-inner-container-s2:before
{
    content: "";
    display: table;
}
.app-screen-body-inner-container-s2:after
{
    content: "";
    display: table;
    clear: both;
}
.app-screen-body-inner-container-s2
{
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-top: none;
}
.lbl-app-screen-main-title-s1
{
    margin: 12px 0px 2px 0px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.4px;
}
.lbl-app-screen-main-title-hint-s1
{
    color: #69A6DA;
    font-size: 12px;
    text-transform: none;
    margin-left: 2px;
}

.sort-icon-dwn
{
    color: #2C2C2D;
    margin-right: 5px;
}
.sort-icon-dwn.active
{
    color: #46D459;
}
.app-section-panel-group-container.first
{
    border-left: none;
}
.app-section-panel-group-container.last
{
    border-right: none;
}
.page-content-wrapper .page-content
{
    background-color: #F2F2F2;
}

/* Tile */

.kpi-tile-container-s2:before, .tile-action-icon-grp-s1:before
{
    content: "";
    display: table;
}
.kpi-tile-container-s2:after, .tile-action-icon-grp-s1:after
{
    content: "";
    display: table;
    clear: both;
}
.kpi-tile-container-s2
{
    min-height: 100px;
    position: relative;
   /*
 -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
*/
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    padding: 10px 10px;
    border-radius: 6px !important;
}
.lbl-tile-title-s1
{
    margin: 0px 0px 2px 0px;
    line-height: 15px;
    font-weight: 600;
    font-size: 14px;
    color: #264a5d;
}
.lbl-tile-sub-title-s1
{
    margin: 0px 0px 2px 0px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #224C79;
}
.lbl-tile-sub-title-s2
{
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    font-weight: 500;
    color: #7c7c7c;
    font-size: 12px;
}
.active-tile
{
    border-top: 3px solid #77C45A;
}
.inactive-tile
{
    border-top: 3px solid #DE756C;
}
.inprgrs-tile
{
    border-top: 3px solid #FF931D;
}
.prgrs-tile
{
    border-top: 3px solid #2DB5D4;
}
.default-tile
{
    border-top: 3px solid #C0C2C3;
}

.tile-status-cell-s1 i
{
    font-size: 16px;
    line-height: 15px;
}
.tile-icn-status-active
{
    color: #77C45A;
}
.tile-icn-status-inactive
{
    color: #DE756C;
}
.tile-icn-status-inprgrs
{
    color: #FF931D;
}
.tile-icn-status-prgrs
{
    color: #2DB5D4;
}
.tile-icn-status-default
{
    color: #C0C2C3;
}


.tile-action-icon-grp-s1
{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.tile-action-icon-grp-s1 i
{
    float: left;
    margin-left: 15px;
    color: #696969;
    font-size: 13px;
    line-height: 15px;
}
.tile-pdf-icon
{
    height: 23px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sec-tab-fil-s1, .sec-tab-fil-s2
{
    position: absolute;
    top: -8px;
    width: 150px;
}
.sec-tab-fil-s1
{
    right: 0px;
}
.sec-tab-fil-s2
{
    right: 155px;
}
.app-left-action-menu.page-content
{
    background-color: #122035;
}

.grid-read-with-dd-action th
{
    background-color: #fff;
}
.grid-read-with-dd-action td
{
    background-color: #fff;
}
.btn-add-cell-s1
{
    padding-right: 15px;
}

.tile-container-sec-grp-s1:before, .tile-container-sec-hdr-s1:before, .tile-container-sec-bdy-s1:before, .tile-container-sec-fot-s1:before, .inline-inner-form-cell:before
{
    content: '';
    display: table;
}
.tile-container-sec-grp-s1:after, .tile-container-sec-hdr-s1:after, .tile-container-sec-bdy-s1:after, .tile-container-sec-fot-s1:after, .inline-inner-form-cell:after
{
    content: '';
    display: table;
    clear: both;
}
.tile-container-sec-grp-s1
{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16),0 1px 10px 0 rgba(0,0,0,0.12);
    margin-bottom: 15px;
}
.tile-container-sec-hdr-s1
{
    min-height: 30px;
    padding: 4px 10px;
    position: relative;
    order-bottom: 1px solid #E3EAF0;
    background: #F5FBFD;
    background: -moz-linear-gradient(top, #F5FBFD 48%, #F1F8FB 76%, #EDF5F9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#F5FBFD), color-stop(76%,#F1F8FB), color-stop(100%,#EDF5F9));
    background: -webkit-linear-gradient(top, #F5FBFD 48%,#F1F8FB 76%,#EDF5F9 100%);
    background: -o-linear-gradient(top, #F5FBFD 48%,#F1F8FB 76%,#EDF5F9 100%);
    background: -ms-linear-gradient(top, #F5FBFD 48%,#F1F8FB 76%,#EDF5F9 100%);
    background: linear-gradient(to bottom, #F5FBFD 48%,#F1F8FB 76%,#EDF5F9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5FBFD', endColorstr='#EDF5F9',GradientType=0 );
}
.tile-container-sec-bdy-s1
{
    position: relative;
    min-height: 60px;
    background-color: #fff;
    padding: 10px 15px 10px 15px;
}
.tile-container-sec-fot-s1
{
    position: relative;
    min-height: 25px;
    background-color: #f0f0f0;
    padding: 4px 15px 4px 15px;
}
.lbl-tile-sec-hdr-s1
{
    color: #3C6885;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    letter-spacing: .5px;
    margin: 0px 0px 0px 0px;
}
.tile-container-sec-fot-s1 .tile-action-icon-grp-s1
{
    bottom: 5px;
}
.tile-container-sec-fot-s1
{
}
.bdg-cir-tile-lg-s1
{
    height: 15px;
    width: 70px;
    position: absolute;
    top: 5px;
    left: 4px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 20px !important;
    background-color: #909090;
    color: #5d5d5d;
    border: 1px solid #909090;
    font-weight: 700;
    padding-left: 0px;
    letter-spacing: 0.4px;
    text-align: center;
}
.st-sent
{
    background-color: rgba(77, 182, 172, 0.15);
    color: #33AFA3;
    border: 1px solid rgba(77, 182, 172, 0.72);
}
.lbl-tile-hdr-s2
{
    font-size: 15px;
    text-align: center;
    color: #5d5d5d;
    letter-spacing: 0.4px;
    font-weight: 600;
    line-height: 15px;
    margin: 8px 0px 0px 0px;
}
.lbl-tile-hdr-subs-s2
{
    font-size: 12px;
    text-align: center;
    color: #7c7c7c;
    font-weight: 600;
    line-height: 15px;
    margin: 8px 0px 0px 0px;
}
.tile-container-sec-fot-s1 .tile-action-icon-grp-s1 i
{
    color: #7d7d7d;
}
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a
{
    padding: 9px 25px 9px 15px;
}
.inline-inner-form-cell
{
    min-height: 550px;
    padding: 10px 15px;
    background-color: #f1f1f1;
}
.btn-pop-action-s1
{
    position: absolute;
    top: -10px;
    right: 10px;
}
.btn-pop-action-s1 img
{
    height: 17px;
    margin-right: 5px;
    margin-top: -3px;
}

.app-sec-panel-tile-list-container
{
}
.app-sec-panel-tile-list-container
{
}
.hor-iconset-action-list
{
    padding: 0px;
    margin: 0px;
}
.hor-iconset-action-list li
{
    list-style: none;
    display: block;
}
.hor-iconset-action-list li a
{
    padding: 5px 10px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #5d5d5d;
    display: block;
    padding-left: 40px;
    text-decoration: none;
    margin-bottom: 10px;
}
.hor-iconset-action-list li:hover a
{
    text-decoration: none;
}
.hor-iconset-action-list li a i
{
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 19px;
    line-height: 20px;
    color: inherit;
}
.hor-iconset-action-list li a img
{
    position: absolute;
    top: 2px;
    left: 8px;
    opacity: 0.6;
}


/* Start Apr 8,2016 */
/* Functional Screens */
/**/
.app-page-sec-list-inner-container-s1:before, .app-page-inner-list-container-s1:before, .app-page-sec-list-inner-container-s2:before, .app-page-sec-list-header-container:before, .app-pg-inner-sec-panel-container:before, .app-pg-inner-sec-panel-header-container:before, .app-pg-inner-sec-panel-body-container:before, .app-pg-inner-dash-tile-container:before
{
    content: "";
    display: table;
}
.app-page-sec-list-inner-container-s1:after, .app-page-inner-list-container-s1:after, .app-page-sec-list-inner-container-s2:after, .app-page-sec-list-header-container:after, .app-pg-inner-sec-panel-container:after, .app-pg-inner-sec-panel-header-container:after, .app-pg-inner-sec-panel-body-container:after, .app-pg-inner-dash-tile-container:after
{
    content: "";
    display: table;
    clear: both;
}
.app-page-sec-list-inner-container-s1
{
    min-height: 550px;
    padding: 10px 10px;
    border-right: 1px solid #DEDEDE;
}
.app-page-sec-list-inner-container-s1 .app-pg-inner-title-s1
{
    border-bottom: 1px solid #2F9BB5;
}
.app-page-inner-list-container-s1
{
}
.app-inner-list-data
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.app-inner-list-data li
{
    display: block;
}
.app-inner-list-data li a
{
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    color: #7c7c7c;
    text-decoration: none;
}
.app-inner-list-data li:hover a
{
    text-decoration: none;
}
.app-inner-list-data li a i
{
    display: block;
    float: left;
    line-height: 15px;
    font-size: 15px;
    margin-right: 8px;
    color: #5d5d5d;
}
.app-page-sec-list-inner-container-s2
{
    min-height: 550px;
}
.app-page-sec-list-header-container
{
    margin-bottom: 10px;
}
.btn-action-s1
{
    background-color: #2db5d4;
    color: #fff;
    padding: 7px 14px;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: 600;
}
.app-pg-inner-sec-panel-container
{
    min-height: 250px;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #eee;
    border-top: 3px solid #2DB5D4;
}
.app-pg-inner-sec-panel-container.inactive
{
    border-top: 3px solid #E25862;
}
.app-pg-inner-sec-panel-container.active
{
    border-top: 3px solid #77C45A;
}
.app-pg-inner-sec-panel-header-container
{
    padding: 10px 5px;
}
.app-pg-inner-sec-panel-header-container .lbl-tile-title-s1
{
    font-weight: 600;
    font-size: 15px;
}
.app-pg-inner-sec-panel-header-container img
{
    position: absolute;
    height: 15px;
    top: 10px;
}
.tile-icon-hdr-s1
{
    right: 40px;
}
.tile-icon-hdr-s2
{
    right: 10px;
}
.app-pg-inner-sec-panel-body-container
{
    padding: 10px 10px;
}
.lbl-cmt-text-hilite-s2
{
    font-weight: 600;
    color: #848484;
}
.sec-act-cmt-inner-list-cell-row.inactive
{
    border-left: 5px solid #DE756C;
}
.sec-act-cmt-inner-list-cell-row.active
{
    border-left: 5px solid #77C45A;
}
.sec-act-cmt-inner-list-cell-row.prgrs
{
    border-left: 5px solid #2DB5D4;
}
.sec-act-cmt-inner-list-cell-row.inprgrs
{
    border-left: 5px solid #FF931D;
}
.mar-lft-10
{
    margin-left: 10px;
}
.app-pg-inner-sec-panel-body-container .sec-activity-comment-list-container
{
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background-color: #fff;
}
.app-pg-inner-dash-tile-container
{
    padding: 5px 5px;
    background-color: #fff;
    min-height: 200px;
}
.app-pg-inner-dash-tile-container img
{
    height: 300px;
}
.app-pg-inner-sec-panel-body-container sec-activity-comment-list-container .act-cmt-icon
{
    height: 21px;
    top: 17px;
    left: 11px;
}


.kpi-tile-active
{
    border-top: 4px solid #77C45A;
}
.kpi-tile-prgs
{
    border-top: 4px solid #2DB5D4;
}
.kpi-tile-inprgs
{
    border-top: 4px solid #FF931D;
}


/* Apr 11,2016 */

.table-hor-bar-chart-s1
{
    width: 100%;
}
.table-hor-bar-chart-s1 td
{
    padding: 4px 5px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #3e3d3e;
    border-bottom: 1px solid #eee;
}
.table-hor-bar-chart-s1 tr
{
}
.td-text-num-rgt
{
    text-align: right;
}
tr.tbl-tb-bg-s1 td
{
    background-color: #a3a3a3;
}
tr.tbl-tb-bg-s2 td
{
    background-color: #bfbfbf;
}
tr.tbl-tb-bg-s3 td
{
    background-color: #f38c30;
}
tr.tbl-tb-bg-s4 td
{
    background-color: #f6a641;
}
tr.tbl-tb-bg-s5 td
{
    background-color: #fedc51;
}
tr.tbl-tb-bg-s6 td
{
    background-color: #79dd6f;
}
tr.tbl-tb-bg-s7 td
{
    background-color: #f0716e;
}
tr.tbl-tb-bg-s8 td
{
    background-color: #f28b88;
}
tr.tbl-tb-bg-s9 td
{
    background-color: #60c356;
}
tr.tbl-tb-bg-s10 td
{
    background-color: #e6e6e6;
}
tr.tbl-tb-bg-s11 td
{
    background-color: #fff;
}

.td-bgs-thm-s1
{
    background-color: #2F9BB5;
    cursor: pointer;
    padding: 6px 6px;
    margin: 0 auto;
    height: 25px;
    width: 25px;
}

/**/
.thm-adjs-spac-s1 .label-dash-inner-bdy-val-hilite
{
    margin: 35px 0px 10px 0px;
}
.label-dash-title span
{
    color: #7c7c7c;
    font-size: 10px;
}

.thm-adjs-spac-s1 .app-screen-dash-body-container
{
    min-height: 106px;
}
.thm-adjs-spac-s1 .tbl-sm-bar-s1 .div-cht-hor-bar-parent-s1
{
    min-height: 96px;
}
.thm-adjs-spac-s1 .div-cht-hor-bar-parent-s1
{
    min-height: 282px;
}
.thm-adjs-spac-s1 .tbl-sm-bar-s5 .div-cht-hor-bar-parent-s1
{
    min-height: 286px;
}


/* Start Apr 15,2016 */
/* New Pattern */
.app-screen-body-inner-container-s3:before
{
    content: "";
    display: table;
}
.app-screen-body-inner-container-s3:after
{
    content: "";
    display: table;
    clear: both;
}
.app-screen-body-inner-container-s3
{
    padding: 15px 15px;
}
.table-bar-chart-sh-s2
{
    width: 100%;
    background-color: transparent;
}

.div-cht-hor-bar-parent-s2
{
    position: relative;
    width: 10px;
    min-height: 110px;
    margin: 0 auto;
}
.div-cht-hor-bar-child-s2
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
}
.bar-bg-bor-thm-1
{
    border: 1px solid #2ca6cd;
    background-color: #b8e6f5;
    border-bottom: none;
}
.bar-bg-bor-thm-2
{
    border: 1px solid #ef7f0f;
    background-color: #ffc68e;
    border-bottom: none;
}
.bar-bg-bor-thm-3
{
    border: 1px solid #47ABA2;
    background-color: #BDF3EE;
    border-bottom: none;
}
.bar-bg-bor-thm-4
{
    border: 1px solid #4e7298;
    background-color: #c0dfff;
    border-bottom: none;
}


.bar-bg-bor-thm-5
{
    border: 2px solid #2ca6cd;
    background-color: #b8e6f5;
    border-bottom: none;
}
.bar-bg-bor-thm-6
{
    border: 2px solid #ef7f0f;
    background-color: #ffc68e;
    border-bottom: none;
}
.bar-bg-bor-thm-7
{
    border: 2px solid #47ABA2;
    background-color: #BDF3EE;
    border-bottom: none;
}
.bar-bg-bor-thm-8
{
    border: 2px solid #4e7298;
    background-color: #c0dfff;
    border-bottom: none;
}


.bar-bg-bor-thm-9
{
    border: 1px solid #2ca6cd;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-10
{
    border: 1px solid #ef7f0f;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-11
{
    border: 1px solid #47ABA2;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-12
{
    border: 1px solid #4e7298;
    background-color: transparent;
    border-bottom: none;
}

.bar-bg-bor-thm-13
{
    border: 2px solid #2ca6cd;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-14
{
    border: 2px solid #ef7f0f;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-15
{
    border: 2px solid #47ABA2;
    background-color: transparent;
    border-bottom: none;
}
.bar-bg-bor-thm-16
{
    border: 2px solid #4e7298;
    background-color: transparent;
    border-bottom: none;
}


/* Start Apr 18,2016 */
/* Label Grid */
.table-bar-chart-sh-label-s1
{
    width: 100%;

}
.table-bar-chart-sh-label-s1 td
{
    padding: 2px 5px;    
}
.div-cht-hor-bar-parent-s3
{
    position: relative;
    min-height: 200px;
    width: 30px;
    margin: 0 auto;
}
.thm-kpi-hm-s1 .div-cht-hor-bar-parent-s3 
{
    width: 100%;
}
.div-cht-hor-bar-child-s3
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
}
.div-cht-hor-bar-label-val-s1:before
,.bar-y-axis-data-cell:before
,.div-cht-hor-bar-foot-label-s1:before
{
    content:"";
    display:table;
}
.div-cht-hor-bar-label-val-s1:after
,.bar-y-axis-data-cell:after
,.div-cht-hor-bar-foot-label-s1:after
{
    content:"";
    display:table;
    clear:both;
}
.bar-y-axis-data-cell
{    
}
.div-cht-hor-bar-label-val-s1
{
    font-size: 11px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: right;
    height:33.33px;
}
.div-cht-hor-bar-label-val-s1.last
{
    height:0px;
}
.div-cht-hor-bar-foot-label-s1
{
    font-size: 10px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
    text-transform: uppercase;
}
.table-bar-chart-sh-label-s1 tfoot td:first-child .div-cht-hor-bar-foot-label-s1
{
    font-weight:700;
}
.table-bar-chart-sh-label-s1 tfoot td
{
    border-bottom:none;
}

/* Start Apr 28,2016 */
/* BI Report */
.kpi-tile-info-container-s1 .para-a-link-s1
{
    text-decoration:none; 
    color: #81858e;   
}
.kpi-tile-info-container-s1 .para-a-link-s1:hover
{
    text-decoration:none;
    color: #81858e;    
}
.bar-y-axis-data-cell-s1 .div-cht-hor-bar-label-val-s1
{
    height:20px !important;
}
.bar-y-axis-data-cell-s1 .div-cht-hor-bar-label-val-s1.last
{
    height:0px;
}
.lbl-bar-val-rate-s1
{
    position:absolute;
    font-size: 12px;
    font-weight: 600;
    color:#6c6e6f;
    line-height:15px;
    left: 43%;       
}
.lbl-bar-val-rate-s2
{
    position:absolute;
    font-size: 12px;
    font-weight: 600;
    color:#6c6e6f;
    line-height:15px;
    left: 43%;       
}
.pos-top-adjs-160
{
    top:160px;
}
.pos-top-adjs-140
{
    top:140px;
}
.pos-top-adjs-130
{
    top:130px;
}
.pos-top-adjs-120
{
    top:120px;
}
.pos-top-adjs-80
{
    top:80px;
}
.pos-top-adjs-100
{
    top:100px;
}
.pos-top-adjs-80
{
    top:80px;
}
.pos-top-adjs-90
{
    top:90px;
}
.pos-top-adjs-100
{
    top:100px;
}
.pos-top-adjs-ms-20
{
    top:-20px;
}
.legen-clr-s13
{
    background-color:#2DCA9E !important; 
}
.legen-clr-s14
{
    background-color:#30B4D3 !important;
}
.legen-clr-s15
{
    background-color:#FFBC6D !important;
}
.legen-clr-s16
{
    background-color:#BDBDBD !important;
}
.legen-clr-s17
{
    background-color:#E87B7A !important;
}

.grid-read-list-view-detail-s1
{
    width:100%;
}
.grid-read-list-view-detail-s1 th
{
    padding:5px 5px;
    font-weight:600;
    line-height:15px;
    font-size:12px;
        overflow: hidden;
    white-space: nowrap;
}
.grid-read-list-view-detail-s1 tr.tr-grid-th-hdr-bg-s1 th
{
    background-color: #fff;
    color: #696969;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;   
}
.grid-read-list-view-detail-s1 tr.tr-grid-th-hdr-bg-s2 th
{
    background-color:#D6D6D6;
    color: #5d5d5d;
}
.grid-read-list-view-detail-s1 td
{
    padding: 7px 5px;
    font-weight: 500;
    line-height: 15px;
    font-size: 13px;
    color: #5d5d5d;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
}
.grid-read-list-view-detail-s1 td:first-child
{
    color: #5d5d5d;
  /*  border-left:1px solid #eee;*/
  font-weight:500;
}
.grid-read-list-view-detail-s1 .bodr-rgt {
    border-right: 1px solid #fff;
}
.grid-read-list-view-detail-s1 th.th-bg-s1
{
    background-color:#fff !important;
}
.bodr-rgt-none
{
    border-right:none !important;
}
.icon-grid-comment-act
{
    color:#757575;
    font-size:14px;
    font-weight:600;
}
.ht-per-1
{
    height:1%;
}
.app-screen-hdr-filter-cell:before
{
    content:"";
    display:table;
}
.app-screen-hdr-filter-cell:after
{
    content:"";
    display:table;
    clear:both;
}
.app-screen-hdr-filter-cell
{
    position: absolute;
    top: 6px;
    right: 10px;
    width: 107px;
}
.app-screen-hdr-filter-cell .form-control
{
        height: 25px;
    padding: 2px 12px;
}

.page-panel-comment-grp-row-container:before, .page-panel-inner-comment-container:before {
    content: "";
    display: table;
}
.page-panel-comment-grp-row-container:after, .page-panel-inner-comment-container:after {
    content: "";
    display: table;
    clear: both;
}

.panel-vw-container:before, .panel-vw-tile:before, .grp-vw-status-container:before, .info-vw-container:before {
    content: '';
    display: table;
}
.panel-vw-container:after, .panel-vw-tile:after, .grp-vw-status-container:after, .info-vw-container:after {
    content: '';
    display: table;
    clear: both;
}
.panel-vw-container:before,.panel-vw-tile:before,.grp-vw-status-container:before,.info-vw-container:before
{
    content:'';
    display:table;
}
.panel-vw-container:after,.panel-vw-tile:after,.grp-vw-status-container:after,.info-vw-container:after
{
    content:'';
    display:table;
    clear:both;
}
.info-vw-top-content:before,.page-tab-list-container:before
{
    content:'';
    display:table;
}
.info-vw-top-content:after,.page-tab-list-container:after
{
    content:'';
    display:table;
    clear:both;
}
.panel-vw-header
{
    padding: 0px 12px 0px 0px;
    background-color: #fff;
    position: relative;
    border-bottom: 2px solid #eee;
}
.label-panel-vw-title
{
text-align: left;
    line-height: 17px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 7px 0px 0px 0px;
}
.label-panel-vw-title-s2
{
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #7c7c7c;
    margin: 0px 0px 0px 0px;
}
.label-res-title
{
    width: 30px;
    height: 20px;
    background-color:#27668F;
    text-align:center;
    display:block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    -o-border-radius:50px !important;
    -moz-border-radius:50px !important;
-webkit-border-radius: 50px !important;
border-radius: 50px !important;
}
.panel-vw-body
{
    padding:3px 8px 5px 8px;   
      
}
.panel-vw-tile
{

       margin-bottom: 10px;
   /*
 box-shadow: 1px 2px 1px -1px #7c7c7c;     
    -webkit-box-shadow: 1px 2px 1px -1px #7c7c7c;     
    -moz-box-shadow: 1px 2px 1px -1px #7c7c7c;     
    -o-box-shadow: 1px 2px 1px -1px #7c7c7c;     
    -ms-box-shadow: 1px 2px 1px -1px #7c7c7c;   
*/  
}
.label-pt-vw-qs
{
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    color: #414141;
    margin: 0px 0px 0px 0px;
}
.label-pt-vw-ans
{
    text-align: left;
    line-height: 18px;
    font-size: 13px;
    font-weight: 600;
    color: #585858;
    margin: 0px 0px 0px 0px;
}
.label-pt-vw-ans span
{
    margin-left:5px;
    color:#7c7c7c;
}
.link-pt-vw-title
{
    font-size: 12px;
font-weight: 600;
color: #276CB9;
line-height: 20px;
}
.link-pt-vw-title:hover
{
    color: #276CB9;
    text-decoration:none;
}
.grp-action-list
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    right: 7px;
}
.grp-action-list li
{
    list-style:none;
    float:left;
    display:block;
}
.grp-action-list li a
{     
    padding:0px 5px; 
    line-height:14px;
    font-size:15px; 
      
}
.grp-action-list li a i
{     
    font-size:inherit;
    color:#7c7c7c;
}
.grp-action-list li a:hover i
{  
    color:#3598DC;
}
.icn-sm-warning-s1
{
    font-size:13px;
 
}
.vw-status-title
{
    width: 24%;
    height: 30px;
    text-align: center;
    float: left;
    line-height: 25px;
    font-size: 13px;
    font-weight: 600;
    -o-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vw-status-title:hover
{
    text-decoration:none;
}
.vw-status-title + .vw-status-title
{
    margin-left:2px;
}
.vw-status-title.default
{
    background-color:#C0C2C3;
    color:#fff;
}
.vw-status-title.success
{
    background-color:#77C45A;
    color:#fff;
}
.vw-status-title.danger
{
    background-color:#DE756C;
    color:#fff;
}
.vw-status-title.inprgs
{
    background-color:#FF931D;
    color:#fff;
}
.icn-sm-info-s2
{
    font-size: 13px;
color: #4D94B3;
}
.icn-sm-default-s4
{
     color: #999;
    font-size: 13px;    
}
.ht-775
{
    height:775px;
}
.panel-vw-tile.active
{
    background-color: #e9f1f6;
    border: 1px solid #0073cf;
}
.space-pad-lft-pt3per
{
    padding-left:.3%;
}
.info-vw-container
{
    background-color:#e9f1f6;
}
.min-ht-760
{
    min-height: 760px;
}
.info-vw-top-content
{
    padding:5px 5px;
    border-bottom:1px solid #ddd;
    box-shadow: 0px 1px 0px #fff;     
    -webkit-box-shadow: 0px 1px 0px #fff;     
    -moz-box-shadow: 0px 1px 0px #fff;     
    -o-box-shadow: 0px 1px 0px #fff;     
    -ms-box-shadow: 0px 1px 0px #fff;   
}
.label-info-vw-qs
{
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    color: #414141;
    margin: 0px 0px 0px 0px;
}
.label-info-vw-ans
{
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    color:#2e933d;
    margin: 0px 0px 0px 0px;
}
.label-info-fd-title-s1
{
    text-align: left;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
    color:#7A97C2;
    margin: 0px 0px 0px 0px;   
}
.label-info-fd-title-s2
{
    text-align: left;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
    color:#7A97C2;
    margin: 0px 0px 0px 0px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:194px;
}
.icn-sm-ind-s1
{
    font-size: 11px;
font-weight: 500;
color: #7A97C2;
line-height: 18px;
}
.icn-sm-action-default
{
    font-size: 16px;
    font-weight: 500;
    color:#777576;
}
.mar-lft-4
{
    margin-left:4px;
}
.img-size-s5
{
    height: 36px;
}
.panel-vw-tile:before,.smt-progress-bar:before
{
      content: '';
  display: table;
}
.panel-vw-tile:after,.smt-progress-bar:after
{
      content: '';
  display: table;
  clear:both;
}
.label-panel-vw-hint {
  text-align: left;
  line-height: 20px;
  font-size: 13px;
  font-weight: 600;
  color: #414141;
  margin: 0px 0px 0px 3px;
}
.link-acc-sm-icon {
  width: 22px;
  height: 22px;
  text-align: center;
  background-color: #3986D2;
  float: left;
  display: block;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -o-border-radius: 50% !importa;
}
.link-acc-sm-icon i {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  cursor: pointer;
}
.panel-vw-body {
  padding: 10px 0px;
  min-height:0px;
}
.panel-vw-tile {
    padding: 3px 12px 15px 12px;
  background-color: #fff;
   border:1px solid #dcdcdc;
  position:relative;
      border-radius: 3px !important;
}
.label-pt-vw-qs {
    text-align: left;
    line-height: 15px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(8, 140, 154);
    margin: 12px 0px 0px 0px;
    display: block;
}
.label-pt-vw-data {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #808080;
  line-height: 16px;
  margin: 0px 0px 0px 3px;
}
.label-kpi-ind-data-s1 {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #7c7c7c;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
}
.label-kpi-ind-val-s1 {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
}
.smt-progress-bar {
  overflow: hidden;
  width: 100%;
  height: 14px;
  margin-bottom: 0px;
  background-color: #dbdbdb;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
  text-align: right;
  position: relative;
}
.smt-progress-bar .bar-success {
  float: left;
  height: 100%;
    background-color: #7dc1aa;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.ind-range-control {
  position: relative;
}
.mar-top-2 {
  margin-top: 2px;
}
.label-ind-data-s4 {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  /* position: absolute; */
  top: 0;
  left: 0;
  float: left;
}
.label-ind-data-s5 {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  /* position: absolute; */
  top: 0;
  right: 0;
  float: right;
}
.label-kpi-vw-qs {
    font-size: 13px;
    font-weight: 600;
    color: #7c7c7c;
    line-height: 16px;
    margin: 0px 0px 3px 0px;
    display: block;
    text-align: center;
}
.ht-5 {
  height: 5px;
}
.ht-20 {
  height: 14px;
}
.section-top-container:before, .section-row:before, .cell-row:before, .section-body-container:before, .group-filter-control:before, .tag-grp-filter:before, .section-header-container:before, .seq-kpi-container:before, .sec-view-container:before, .button-nav-grp-filter:before {
    content: '';
    display: table;
}
.section-top-container:after, .section-row:after, .cell-row:after, .section-body-container:after, .group-filter-control:after, .tag-grp-filter:after, .section-header-container:after, .seq-kpi-container:after, .sec-view-container:after, .button-nav-grp-filter:after {
    content: '';
    display: table;
    clear: both;
}
.min-ht-726
{
    min-height:726px;
}
.isc-mar-top-adjs-s1
{
       margin-top: 4px;
    margin-left: 2px;
}
.isc-mar-top-adjs-s2
{
    margin-top:10px;
}

.vw-status-title-txt-cell
{
    width:25%;
    float:left;
}
.vw-status-title-bdgs-cell
{
     width:25%;
    float:left;
}
.vw-status-title-bdgs-cell .vw-status-title
{    
height: 25px;
    width: 25px;
    border-radius: 50% !important;
    margin: 0 auto;
    float: none;
    display: block;
}
.ht-5
{
    height:5px;
}