/*input[type="text"], input[type="password"], input[type="date"], input[type="time"], textarea, select {
 
    outline: none;
   
}*/

    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, textarea:focus, select:focus {
        outline: 1px solid #5fc9f3;
        /*border:0;
        box-shadow: 0 0 0px 2px #5fc9f3 !important;
        -moz-box-shadow: 0 0 0px 2px #5fc9f3 !important;
        -webkit-box-shadow: 0 0 0px 2px #5fc9f3 !important;*/
    }

.bodyStyle {
    background-color: #f9f9f9;
}


.HeightLanding {
    /*height: 550px;*/
    min-height: 550px;
    margin: 0 auto
}

    .HeightLanding > tbody > tr {
        height: 550px;
    }



.HomeBackground {
    background-color: #2163ad;
    width: 1000px;
}





/********************************/
.BackgroundHomeActive {
    width: 1000px;
    height: 465px;
    position: absolute;
    z-index: 10;
    display: none;
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.makepagehotlist {
    text-align: center;
    padding-top: 100px;
}

/***********************************************************************************8*/
.DivListAgencyManager {
    min-height: 50px;
    max-height: 150px;
    overflow: auto;
    min-width: 300px;
    max-width: 400px;
    margin-right: 10px;
    padding-left: 20px;
}

.txtAgencyManager {
    font-size: 11pt;
    color: #00a7ff;
    text-decoration: underline;
    cursor: pointer;
}
.txtAgencyManagerInactive {
    font-size: 11pt;
    color: gray;
    text-decoration: underline;
    cursor: pointer;
}
.txtAgencyManagerAddress {
    font-size: 11pt;
    color: black;
    cursor: pointer;
}

.txtNoContactInfo {
    font-size: 11pt;   
}

.button100, .button150, .button250, .button-auto {
    /*background-color: #3F5879;*/
    border: 0px;
    color: White;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    font-size: 11pt;
    margin: 1px;
    padding: 0 10px
}

    .button100:hover:enabled, .button150:hover:enabled, .button250:hover:enabled, .button-auto:hover:enabled {
        background-color: #88A1C2;
    }

    .button100:disabled, .button150:disabled, .button250:disabled, .button-auto:disabled {
        background-color: #d4d4d4;
        /*border: 1px solid #c1c1c1;*/
    }

    .button100:active, .button150:active, .button250:active, .button-auto:active {
        position: relative;
    }

.button-auto {
    width: auto;
    min-width: 100px;   
}

.button100 {
   
    width: 100px;
}

.button150 {   
    width: 150px;
}
/* big button hotlist*/
.button250 {
    height: 54px;
    width: 250px;
}
/*************** TextBox Style  ****************/
/* Using for page  Add/Edit/View User/Agency/Admin */
.AddFormTextBoxLong {
    width: 237px;
    float: left;
    margin-left: 5px;
}

.AddFormTextBoxShortLeft {
    width: 80px;
    float: left;
    margin-left: 5px;
}

.AddFormTextBoxShortRight {
    width: 88px;
    float: left;
    margin-left: 14px;
}

.ViewFormTextBoxLong {
    width: 217px;
    float: left;
    margin-left: 5px;
}
/*************************************/
.pnlAddzone_map {
    width: 790px;
    height: 520px;    
}

.CircleRadiusTooltip {
    height: 15px;
    display: none;
    min-width: 50px;
    width: auto !important;
    position: absolute;
    padding: 10px;
    z-index: 100;
    text-align: center;
    color: White;
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    border: 1px solid White;
    white-space: nowrap;
}

.googleDrawingColtrol {
    margin-top: 5px;
    width: 160px;
    height: 24px;
}

    .googleDrawingColtrol img {
        margin-left: 2px;
        cursor: pointer;
    }

.gmzoomcontrol {
    width: 22px;
    height: 40px;
    cursor: pointer;
    margin: 5px 0 0 4px;
    padding-left: 2px;
    float: left;
    background: url(../../images/native/szc4.png) no-repeat center;
}

.gm_zoomin {
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 1;
    float: left;
}

.gm_zoomout {
    width: 18px;
    height: 15px;
    cursor: pointer;
    z-index: 10;
    float: left;
}

.searchBoxContrl {
    margin: 5px 0 0 0px;
    border: 1px solid transparent;
    height: 25px;
    width: 35px;
    outline: none;
    background-color: #4D90FE;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    padding-top: 1px;
}

    .searchBoxContrl:hover {
        background-color: #357AE8;
    }

    .searchBoxContrl span {
        color: White;
        font-size: 15px;
        font-weight: bold;
        font-family: Roboto,Arial,sans-serif;
    }

.controls {
    margin: 5px 0 0 0px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 25px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#inputSearchBox {
    background-color: #fff;
    padding: 0 11px 0 13px;
    width: 300px;
    font-family: Roboto,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-overflow: ellipsis;
}

    #inputSearchBox:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px; /* Regular padding-left + 1. */
        width: 301px;
    }

.pac-container {
    font-family: Roboto,Arial,sans-serif;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

    #type-selector label {
        font-family: Roboto,Arial,sans-serif;
        font-size: 15px;
        font-weight: 400;
    }

.buttonAbout {
    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url(../../Images/about.png?v=5.1.061413.34324) no-repeat center;
    border: 0px;
    margin: 0px;
    padding: 0px;
    /*position: absolute;*/
    vertical-align: middle
}

.IconAppStore {
    background: url(../../Images/IconAppStore.png?v=5.1.061413.h) no-repeat center;
    width: 195px;
    height: 67px;
    cursor: pointer;
}

.IconGooglePlay {
    background: url(../../Images/IconGooglePlay.png?v=5.1.061413.g) no-repeat center;
    width: 195px;
    height: 67px;
    cursor: pointer;
}

.SpanImageInnerTooltip {
    overflow: auto;
    display: block;
}

.divTutorialGuide {
    position: relative;
    margin: 5px;
    bottom: 0px;
    left: 0px;
    width: 165px;
    display:none
}

.ImageTutorialGuide {
    background: url(../../Images/Play.png?v=5.1.061413.h) no-repeat center;
    width: 45px;
    height: 29px;
    cursor: pointer;
    border: 0;
    margin-left: 7px;
}

.textTutorialGuide {
    cursor: pointer;
    color: #3F5879;
    font-weight: bold;
    font-size: 11pt;
}

.divTutorialGuide:hover {
    box-shadow: 0 0 20px #3F5879;
    -moz-box-shadow: 0 0 20px #3F5879;
    -webkit-box-shadow: 0 0 20px #3F5879;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.DivCropText {
    overflow: hidden;
    text-overflow: ellipsis;
}

.textStyleTitle {
    font-size: 12pt;
    font-weight: bold;
    padding-top: 20px;
}

.SoftwareIcon {
    width: 55px;
    height: 55px;
    border: 0px;
    border-style: none;
    border-spacing: inherit;
    border-collapse: inherit;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.Software-image-box {    
    padding:5px;
    border:3px solid gray;
    display:inline-block
}
.Software-image-box img {
    width:435px; 
}

.ImgMobile {
    background-image: url(../../images/NewLanding/VigilantMobileLPR_Icon.png?v=5.1.090913.1700);
}

.ImgFixed {
    background-image: url(../../images/NewLanding/VigilantFixedLPR_Icon.png?v=5.1.090913.1700);
}

.ImgTAS {
    background-image: url(../../images/NewLanding/TAS_Icon.png?v=5.1.090913.1700);
}

.TitlePopupBackground {
    background-color: #3F5779 !important;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, #3F5779), color-stop(1, #96A6BF) );
    background-image: -o-linear-gradient(right, #3F5779 0%, #96A6BF 100%);
    background-image: -moz-linear-gradient(right, #3F5779 0%, #96A6BF 100%);
    background-image: -webkit-linear-gradient(right, #3F5779 0%, #96A6BF 100%);
    background-image: -ms-linear-gradient(right, #3F5779 0%, #96A6BF 100%);
    background-image: linear-gradient(to right, #3F5779 0%, #96A6BF 100%);
    height: 24px;
    line-height: 24px;
    /*padding-left:5px;*/
    cursor: move;
    font-family: Arial;
    font-size: 10.5pt;
    font-weight: bold;
    color: White;
}

    .TitlePopupBackground img {
        float: right;
        margin: 5px 5px 0 0;
        cursor: pointer;
    }

.TableHomeScreenIconUser {
    height: 530px;
    width: 825px;
    vertical-align: middle;
    overflow: auto;    
    text-align: left;
}

    .TableHomeScreenIconUser > div {
        display: inline-block;
        width: 190px;
        text-align: center;
        margin: 20px 0;
        position: relative;
        vertical-align: top;
    }

    .TableHomeScreenIconUser .clsBoxRadio {
        float: left;
        margin-top: 10px;
        margin-left: 69px;
        color: #ffffff;
        text-align: left;
    }

    .TableHomeScreenIconUser label {
        margin-left: 3px;
    }

    .TableHomeScreenIconUser > div > .clsShowSubIcon > span:nth-child(2) {
        display: none;
    }

.clsSubIcon {
    display: none;
}

.clsShowSubIcon {
    position: absolute;
    right: 0;
    font-weight: bold;
    cursor: pointer;
    font-size: 15pt;
    color: #E3E3E3;
    border: 1px solid #E3E3E3;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    line-height: 27px;
}

    .clsShowSubIcon:hover {
        color: #78ff00;
        border: 1px solid #78ff00;
    }



.Inactive {
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(1) !important;
    -ms-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}

.Hidden {
    filter: alpha(opacity=40); /* IE */
    -moz-opacity: 0.4; /* Mozilla */
    opacity: 0.4; /* CSS3 */
}

.clsBoxBacground {
    /*border: 2px solid #ABABB5;
    border-radius: 10px;
    background-color: #DAD9EB;*/
    margin: 0px auto;
    padding: 10px 0px;
}

/******************
    Densty Map
    
 ***************/
.clsFieldsetDensity {
    margin-left: 10px;
    padding: 10px 0px 10px 15px;
    width: 240px;
    border: 2px solid #f5f5f5;
}

    .clsFieldsetDensity legend input[type=checkbox] {
        margin-left: 5px;
    }

    .clsFieldsetDensity legend label {
        margin-right: 5px;
    }

    .clsFieldsetDensity > input:nth-child(4) {
        margin-left: 10px;
    }

.clsDivGridSelect {
    /*width: 205px;*/
    height: 118px;
    /*background-color: #fff;*/
    /*margin: 10px 0;*/
    overflow: auto;
    text-align: left;
    border: 1px solid #b3d1ff;
}

    .clsDivGridSelect > div {
        padding: 5px;
    }
    .clsDivGridSelect table td{
        padding: 2px 5px;
    }
    .clsDivGridSelect table td input[type=checkbox]{
        margin-right:5px
    }

.clsAutoFilterListUser_Density {
    /*width: 205px;*/
    /*margin-left: 46px;*/
    color: #000
}

    .clsAutoFilterListUser_Density input[type=text] {
        width: 100%;
        line-height: 25px;
        padding-left: 5px;
        height: 25px;
        border: 0;
    }



.auditListCheckbox {
    height: 150px;
    overflow: auto;
    background-color: White;
}

.clsScrollingBar {
    background-color: rgb(0 21 38 / 70%);
    height: 24px;
    color: #fff;
    font-family: 'Century Gothic';
    position: absolute;
    width: 100%;
    text-transform: uppercase;
    overflow: hidden;
}

    .clsScrollingBar span {
        font-family: 'Century Gothic';
    }

    .clsScrollingBar input[type=button] {
        position: absolute;
        z-index: 1;
        font-weight: 900;
        height: 22px;
        padding: 0 3px;
        color: #6d6d6d;
        margin: 1px;
        background-color: #c9c9c9;
        border: 1px solid #5d5d5d;
        cursor: pointer;
        font-size: 9pt;
    }

        .clsScrollingBar input[type=button]:hover {
            background-color: #ececec;
        }

    .clsScrollingBar .marquee {
        line-height: 24px;
        font-size: 14px;
        font-family: monospace;
        position: absolute;
        right: 0;
        white-space:nowrap
        /*top:-20px;*/
    }

.clsTableSchelduleTime input[type=text] {
    width: 100px;
}

#divPreview table td, #divPreview_Master table td {
    word-wrap: break-word;
}

.clsGridMetric {
    margin: 22px auto;
    border: 1px solid #ccc;
    display: table;
    width: 100%;
    font-size: 10pt
}

    .clsGridMetric > div {
        display: table-row;
    }

        .clsGridMetric > div > div {
            display: table-cell;
            padding: 5px;
            /*color: #000;*/
        }

        .clsGridMetric > div:not(:first-child) > div:not(:first-child) {
            text-align: center;
            border-left: 1px solid #ccc;
        }

        .clsGridMetric > div:first-child > div:not(:first-child) {
            text-align: center
        }

        .clsGridMetric > div > div:first-child {
            width: 400px;
        }

        .clsGridMetric > div:nth-child(even) {
            background-color: #17324c;
            color: #98e0f4;
        }

        .clsGridMetric > div:nth-child(odd) {
            /*background-color: #DDEBF7;*/
        }

        .clsGridMetric > div.grheader {
            background-color: #0c547a;
            font-weight: bold;
        }

        .clsGridMetric > div:hover:not(:first-child) > div {
            background-color: #003ea7;
            color: #fff
        }
/*Account Health Dashboard*/
.clsTopFilter {
    padding-top: 50px;
    margin: 0 auto;
    font-size: 11pt;
    font-weight: bold;
}

    .clsTopFilter input, .clsTopFilter select {
        height: 25px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.clsTopPaging, .clsTopFilter, .clsBottomResult, .clsGridResult, .clsGridResult .scroll {
    width: 1010px;
}

.clsTopPaging {
    margin: auto;
    margin-top: 20px;
    padding: 10px 0;
    background-color: #204585;
    border: 1px solid #3f5879;
    border-bottom: snow;
    color: #fff;
}

    .clsTopPaging .clsGridPageIndex {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

.clsBottomResult {
    padding-bottom: 50px;
    margin: 0 auto
}

    .clsBottomResult .clsNote {
        float: right;
        padding-right: 50px
    }

        .clsBottomResult .clsNote div {
            display: inline-block;
            padding: 10px;
            margin: 0 10px;
            border: 1px solid #ccc
        }

.GreenCell {
    background-color: #00B058;
    color: #fff !important
}

.YellowCell {
    background-color: #FBFF04;
    color:blue;
}

.RedCell {
    background-color: #FD0002;
    color: #fff !important
}

.clsTopPaging .pagination {
    display: inline-block;
}

    .clsTopPaging .pagination a.arrow {
    }

    .clsTopPaging .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 0 4px;
        background-color: #fff;
        font-size: 12pt
    }

        .clsTopPaging .pagination a.active {
            background-color: #3f5879;
            color: white;
            border: 1px solid #3f5879;
        }

        .clsTopPaging .pagination a:hover:not(.text) {
            background-color: #ddd;
        }

.clsGridResult {
    margin: 20px auto;
    overflow-x: auto;
    border: 1px solid #3f5879;
    font-size: 9pt;
    min-height: 250px;
    /*background-color: #ccc;*/
    margin-top: 0
}

    

    .clsGridResult .header {
        font-weight: bold;
        border-bottom: 1px solid #3f5879;
    }

    .clsGridResult .content .tabfix {
        table-layout: fixed;
    }

    .clsGridResult .scroll {
        height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .clsGridResult .tabfix {
        text-align: center;
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%
    }

    .clsGridResult .content .tabfix tr td {
        border: 1px solid #3f5879;
    }   
    .clsGridResult .tabfix tr td {
        padding: 5px 3px;
        text-overflow: ellipsis;       
        /*color: #000*/
    }

    .clsGridResult .content tr:nth-child(odd) {
        background-color: #17324c;
        color: #98e0f4;
    }

    .clsGridResult .content tr:nth-child(even) {
        background-color: #001326;
        color: #fff;
    }
      

    .clsGridResult .header tr:nth-child(1) td:nth-child(1),
    .clsGridResult .header tr:nth-child(2) td:nth-child(-n+25) {
        /*background-color: #B3C6E7;
        border: 1px solid #B3C6E7;*/
    }

    .clsGridResult .header tr:nth-child(1) td:nth-child(2),
    .clsGridResult .header tr:nth-child(2) td:nth-child(n+26):nth-child(-n+32)
    {
        background-color: #E2EFDB;
        border: 1px solid #E2EFDB;
        color:black;
    }

        .clsGridResult .header tr:nth-child(1) td:nth-child(3),
        .clsGridResult .header tr:nth-child(2) td:nth-child(n+33):nth-child(-n+39)
         {
            background-color: #C6E0B3;
            border: 1px solid #C6E0B3;
            color: black;
        }

    .clsGridResult .header tr:nth-child(1) td:nth-child(4),
    .clsGridResult .header tr:nth-child(2) td:nth-child(n+40):nth-child(-n+46) {
        background-color: #A9D08F;
        border: 1px solid #A9D08F;
    }

    .clsGridResult .header tr:nth-child(1) td:not(:nth-child(4)), 
    .clsGridResult .header tr:nth-child(2) td:nth-child(25), 
    .clsGridResult .header tr:nth-child(2) td:nth-child(32) {
        border-right: 1px solid #3f5879 !important;
    }

    .clsGridResult .tabfix tr td:nth-child(1) {
        /*width: 100px;*/
        white-space: pre-line;
        word-wrap: break-word;
    }

    .clsGridResult .cover {
        width: 4780px
    }
    /*4800*/
    /*tong khung 30 Days 660px, 3 * 660 =1980 */
    .clsGridResult .tabfix tr td:nth-child(-n+24) {
        width: 160px
    }

    .clsGridResult .tabfix tr td:nth-child(1) {
        width: 100px
    }
    .clsGridResult .tabfix tr td:nth-child(2) {
        width: 200px
    }
    .clsGridResult .tabfix tr td:nth-child(3) {
        width: 100px
    }
    .clsGridResult .tabfix tr td:nth-child(4) {
        width: 250px
    }
    .clsGridResult .tabfix tr td:nth-child(5) {
        width: 100px
    }
    .clsGridResult .tabfix tr td:nth-child(6) {
        width: 50px
    }
    .clsGridResult .tabfix tr td:nth-child(7) {
        width: 70px
    }
    .clsGridResult .tabfix tr td:nth-child(8) {
        width: 150px
    }


    .clsGridResult .tabfix tr td:nth-child(7n + 25):not(:last-child) {
        width: 110px
    }

    .clsGridResult .tabfix tr td:nth-child(7n + 26):not(:last-child) {
        width: 110px
    }

    .clsGridResult .tabfix tr td:nth-child(7n + 27):not(:last-child) {
        width: 110px
    }
    .clsGridResult .tabfix tr td:nth-child(7n + 28):not(:last-child) {
        width: 60px
    }
    .clsGridResult .tabfix tr td:nth-child(7n + 29):not(:last-child) {
        width: 110px
    }

    .clsGridResult .tabfix tr td:nth-child(7n + 30):not(:last-child) {
        width: 110px
    }

    .clsGridResult .tabfix tr td:nth-child(7n + 31):not(:last-child) {
        width: 60px
    }

    .clsGridResult .tabfix tr td:nth-child(7n + 32):not(:last-child) {
        width: 110px
    }

    .clsGridResult .header .tabfix tr:nth-child(1) td {
        width:auto !important
    }
/**************************** Add Agency Page*****************************************88*/
.clsAddAgency {
    text-align: center;
    min-width: 1000px
}

    .clsAddAgency .LeftPanel, .clsAddAgency .RightPanel {
        display: inline-block;
        vertical-align: top;
        text-align: justify
    }

    .clsAddAgency .LeftPanel {
        margin-right: 20px;
        width: 490px
    }

    .clsAddAgency .RightPanel {
        /*width: 53%*/
        width: 700px
    }

/*addagency*/
#pnlBankContent {
    display: none;
    height: 50px
}

.clsTabProduct_ContentItem {
   
    border: 1px solid #ababb5;   
    border-radius: 10px;
    padding: 15px 0;
    /*background-color: #dad8ed*/
}

.clsUserMatrixHot > .clsBoxBacground {
    margin-top: 15px;
    /*background-color: #EDEDF7*/
}

.clsTabProduct_Content .inactivecontent {
    height: 0;
    overflow: hidden
}
.clsTabProduct_Content #pnlFaceSearchExt, .clsTabProduct_Content #pnlBallisticsSearchExt {
    /*height:533px*/
}

#pnlFaceSearchExt.clsTabProduct_ContentItem, #pnlBallisticsSearchExt.clsTabProduct_ContentItem {
    /*height:1000px*/
    padding: 20px
}

.clsTabProduct_Content.TabProduct_UserPermission {
    /*width:600px*/
}

.ResetTable {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.clsTableFaceSearchPermission {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin-top: 5px;
    width:100%
}

    .clsTableFaceSearchPermission > tbody > tr > td:first-child {
        padding: 10px 0 10px 25px
    }

.clsRowStyle {
    text-align: center
}

    .clsRowStyle > div {
        display: inline-block;
        vertical-align: top;
        text-align: left
    }

.cls-table-expertsettings {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin-top: 5px
}
.cls-bs-expertsettings {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin-top: 5px;
    width: 100%
}
.cls-bs-expertsettings > tbody > tr > td:first-child {
    padding: 5px 0 5px 60px
}

.cls-bs-expertsettings td.bs-category {
    padding: 5px 0 5px 20px; 
    font-weight:bold;
    padding-left:42px !important
}
/******************Hit Description****************************/
.clsHitDescriptionTable {
    width: 100%;
    /*color: #000;*/
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

    .clsHitDescriptionTable td {
        vertical-align: top
    }

    .clsHitDescriptionTable tr td:nth-child(1) {
        width: 69px
    }

    .clsHitDescriptionTable td.title2, .clsHitDescriptionTable td.title2 + td {
        padding-top: 10px
    }

        .clsHitDescriptionTable td.title2 + td input[type=text] {
            width: 145px;
            margin-bottom: 5px
        }

    .clsHitDescriptionTable tr td:nth-child(2) > div > div {
        width: 49%;
        display: inline-block;
        margin: 0 0 5px 0
    }

    .clsHitDescriptionTable tr td i {
        cursor: pointer;
    }

    .clsHitDescriptionTable tr td:nth-child(2) > div > div:nth-child(odd):not(:first-child) i {
        margin-left: -14px
    }

    .clsHitDescriptionTable tr td:nth-child(2) > div input[type=text] {
        width: calc(100% - 20px)
    }
/************************Alert Type Management***************************/
.AlertTypeManagementForm h2 {
    font-size: 12pt;
    /*color: #392d78*/
}

.ModifyAlertTypeForm {
    display: none
}

.clsListAlertType {
    padding: 10px 20px
}

    .clsListAlertType > div {
        max-height: 300px;
        overflow: auto
    }

    .clsListAlertType table {
        border: 1px solid #fff;
        margin: 0 auto;
        width: 100%;
    }

        .clsListAlertType table tr:nth-child(odd) {
            /*background-color: #D9E6F5;*/
            /*color: #392d78*/
        }

        .clsListAlertType table tr:nth-child(even) {
            /*background-color: #fff;*/
            /*color: #34812F*/
        }

        .clsListAlertType table tr th {
            position: relative;
            vertical-align: middle;
            /*color: #1e3f80;*/
            font-size: 10pt;
            font-weight: bold;
            height: 30px;
            /*background-color: #C7D5FF*/
            border-bottom: 1px solid #fff;
        }

        .clsListAlertType table tr:not(:first-child):hover {
            background-color: #0e74ea;
            color: #fff;
            cursor: pointer;
        }

    .clsListAlertType tr:not(:first-child) td.seleted {
        background-color: #006fab !important;
        /*color: yellow !important;*/
    }

    .clsListAlertType td, .clsListAlertType th {
        padding: 5px
    }
/**************Target Alert Service (TAS)******************/
.clsTASForm {
    margin-top: 20px;
    /*font-size: 11pt*/
}

    .clsTASForm > div {
        /*margin: 10px*/
    }

    .clsTASForm .col1 {
        width: 410px;
        text-align: center;
        padding-right: 30px
    }

    .clsTASForm .col2 {
        width: 200px;
        text-align: center
    }

    .clsTASForm .col3 {
        min-width: 555px;
    }

    .clsTASForm .col1 input[type=submit] {
        margin-bottom: 5px
    }

    .clsTASForm .col2 > div {
        border: 1px solid #fff;
        /*background-color: #fff;*/
        /*color: #000;*/
        margin-bottom: 15px
    }

        .clsTASForm .col2 > div > div:first-child {
            /*background-color: #b6b5ef;*/
            border-bottom: 1px solid black;
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid #fff;
        }

        .clsTASForm .col2 > div > div {
            line-height: 30px;
            min-height: 30px
        }

    .clsTASForm .clsGridView {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        padding: 0;
        max-height: 200px;
        overflow: auto;
    }

        .clsTASForm .clsGridView tr td, .clsTASForm .clsGridView tr th {
            padding: 5px
        }
    .clsTASForm .Menu {
        text-align: left;     
        margin-bottom: 20px;
        border-bottom: 2px solid #d1d3d4;
    }
        .clsTASForm .Menu > div {
            display: inline-block;
            padding: 10px 20px;
            margin-bottom: -1px;
            font-size: 11pt;
            font-weight: bold;
            color: #969696;
        }
            .clsTASForm .Menu > div:not(.seleted):hover {
                color: #3e3e3e;
                cursor: pointer
            }
        .clsTASForm .Menu > div:not(:first-child) {
            margin-left: -4px
        }

            .clsTASForm .Menu > div.seleted {
                border-bottom: 3px solid #1fafee;
                color: #fff
            }

    .clsTASForm .Contain {
        /*border: 2px solid gray;*/
        /*background-color: #e4e4e4;*/
        /*color: #000;*/
    }

        .clsTASForm .Contain > div {
            display: none;
        }

            .clsTASForm .Contain > div.seleted {
                display: block;
            }

        .clsTASForm .Contain .Box {
            padding: 10px 20px 20px;
            padding-left: 50px
        }

            .clsTASForm .Contain .Box:not(:last-child) {
                border-bottom: 2px solid #9A9899;
                /*background-color: #f9f0f0*/
            }

            .clsTASForm .Contain .Box > div, .clsTASForm .Contain .Box table td {
                padding: 5px
            }

            .clsTASForm .Contain .Box h1 {
                font-size: 13pt;
                margin-left: -30px;
                margin-bottom: 10px
            }

    .clsTASForm .col3 .button-auto, .clsProxySettings .button-auto {
        background-color: transparent;
        border: 2px solid #b5b5b5;
        font-weight: normal;
        border-radius: 5px;
        color: #000;
        padding: 3px 20px;
        height: auto;
    }

        .clsTASForm .col3 .button-auto:hover, .clsProxySettings .button-auto:hover {
            background-color: #fff;
        }

    .clsTASForm .col3 input[type=text], .clsTASForm select {
        width: 199px;
        padding: 1px 5px;
    }

    .clsTASForm .col3 textarea {
        padding: 5px;
        font-family: Arial
    }

    .clsTASForm .col3 .marginleft {
        margin-left: 44px
    }

    .clsTASForm .col3 .marginleft2 {
        margin-left: 50px
    }

.clsAudioSettings {
    padding: 20px;
    font-size: 12pt
}

    .clsAudioSettings table td, .clsAudioSettings div {
        padding: 5px;
        color: #000
    }

    .clsAudioSettings input[type=text] .clsAudioSettings input[type=password] {
        width: 370px;
        height: 30px
    }

    .clsAudioSettings input[type=button] {
        width: 40px;
        height: 30px
    }

    .clsProxyLogon table td, .clsAudioSettings div {
        padding: 5px;
        /*color: #000;*/
        text-align: right;
        font-size: 12pt
    }

.clsProxyLogon input[type=text], .clsProxyLogon input[type=password] {
    width: 200px;
    height: 25px
}

.clsListAgencyTAS {
    max-height: 200px;
    overflow: auto
}

    .clsListAgencyTAS > div:not(:last-child) {
        border-bottom: 1px solid #000;
        cursor: pointer
    }

    .clsListAgencyTAS .selected {
        background-color: #0e74ea;
        color: #fff
    }

.clsListUserTo > div:not(:last-child) {
    border-bottom: 1px solid #000
}

.clsGridUserApplyTo, .clsGridUserEdit {
  
    min-height: 100px;
    min-width: 200px;
    display: inline-block;
    margin: 0 auto;
    max-height: 200px;
    overflow: auto;
    
}

    .clsGridUserApplyTo table, .clsGridUserEdit table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
    }

        .clsGridUserApplyTo table tr td, .clsGridUserEdit table tr td {
            padding: 5px;
            text-align: left;
           
        }

            .clsGridUserApplyTo table tr td:first-child, .clsGridUserEdit table tr td:first-child {
                width: 30px;
                padding-left: 5px
            }

        .clsGridUserApplyTo table tr:not(:last-child) td, .clsGridUserEdit table tr:not(:last-child) td {
            border-bottom: 1px solid #ccc;
        }

.clsListProfileTAS {
    padding: 10px 20px
}
    /*.clsListProfileTAS > div {
        max-height: 300px;
        overflow: auto
    }*/
    .clsListProfileTAS table {
       width:100%
    }

        .clsListProfileTAS table tr:nth-child(odd) {
         
        }

        .clsListProfileTAS table tr:nth-child(even) {
           
        }

        .clsListProfileTAS table tr {
            
        }

            .clsListProfileTAS table tr:not(:first-child):hover {
               
            }

    .clsListProfileTAS tr:not(:first-child) td.seleted {
    
    }
/* */
.clsFilterClientStatus {
    font-size: 10pt;
    font-weight: bold;
    text-align: right
}

    .clsFilterClientStatus > div > div {
        /*padding: 10px;*/
        text-align: left
    }

    .clsFilterClientStatus select {
        width: 300px;
        margin-top: 10px;
        margin-left: 25px;
        margin-bottom: 10px
    }

.divListFilter {
    width: 278px;
    /*background-color: #9DAEC2;*/
    padding: 12px;
    border-radius: 9px;
    margin: 10px auto;
}

.titleFilter {
    font-weight: bold;
    font-size: 9.5pt;
    padding-bottom: 5px;
    text-align: left;
}

.filerDiv {
    border: gray 1px solid;
    overflow: auto;
    max-height: 120px;
    min-height: 80px;
    background-color: #ffffff;
    color: #000;
    font-weight: normal;
    padding:5px;
}

    .filerDiv table {
        width: 100%;
        text-align: left;
        table-layout: fixed
    }

        .filerDiv table td:first-child {
            width: 20px
        }

        .filerDiv table td {
            white-space: pre-line;
            padding: 3px;
            word-wrap: break-word;            
        }

.clsSelectProduct input[type=checkbox] {
    margin-right: 3px
}
/*header popup Add/Modify ALert*/
#panelAddNewAlert tr:first-child td:first-child {
    height: 25px
}

.AlertTypeManagementForm {
    padding: 20px 0
}

.clsTablePaggingControl {
    width: 100%;
    white-space: nowrap
}

    .clsTablePaggingControl td {
        font-family: arial;
        font-size: 12px;
        color: #191979;
        font-weight: normal;
        height: 25px
    }

        .clsTablePaggingControl td:nth-child(1) {
            width: 25%;
            text-align: left;
            padding-left: 5px
        }

        .clsTablePaggingControl td:nth-child(2) {
            width: 15%;
            text-align: center;
        }

        .clsTablePaggingControl td:nth-child(3) {
            width: 30%;
            text-align: center;
        }

        .clsTablePaggingControl td:nth-child(4) {
            width: 30%;
            text-align: right;
            padding-right: 5px
        }

.clsUserRole_BS {
    font-weight: bold;
    font-size: 10.5pt;
    padding-left: 25px;
    text-align: left
}

    .clsUserRole_BS table {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

        .clsUserRole_BS table td {
            padding: 10px;
            border-radius: 10px;
            font-size: 9pt
        }

            .clsUserRole_BS table td.selected {
                background-color: #25456F;
                color: #fff
            }

.clsTooltipUserRole > div:first-child {
    padding: 10px;
    background-color: #3b5575;
}

    .clsTooltipUserRole > div:first-child > div {
        background-color: #fff;
        padding: 14px 7px 16px;
        border-radius: 10px;
    }

.clsTooltipUserRole img {
    width: 100%
}

.clsTooltipUserRole label {
    padding: 10px;
    border-radius: 10px;
    margin-right: 5px;
    font-weight: bold;
    color: #392d78;
}

    .clsTooltipUserRole label.selected {
        background-color: #25456f;
        color: #fff;
    }

    .clsTooltipUserRole label input {
        margin-right: 5px
    }

.clsBox_WLSubcription {
    /*background-color: #fff;*/
    border: 1px solid #ccc;
    min-height: 50px;
    max-height: 150px;
    width: 250px;
    padding: 5px 10px;
    /*color: #000;*/
    overflow: auto;
}

    .clsBox_WLSubcription > div {
        padding: 5px 0
    }

.clsTitleThirdparty {
    padding: 0 2px 5px
}
/*Speed Analytics*/
.clsSpeedAnalytics {
    /*color: #000*/
    background-color: #001326;
}

    .clsSpeedAnalytics .clsTabMenu {
        border: 1px solid #fff;       
    }

        .clsSpeedAnalytics .clsTabMenu > div {
            display: table-cell;
            margin-right: -3px;
            border-right: 1px solid #000;
            height: 40px;
            vertical-align: middle;
            user-select: none;
            min-width: 135px;
            text-align: center;
        }

            .clsSpeedAnalytics .clsTabMenu > div:not(:first-child) {
                background-color: #e8e8e8;
            }

                .clsSpeedAnalytics .clsTabMenu > div:not(:first-child):not(.selected):hover, .clsSpeedAnalytics .clsTabMenu > div.selected {
                    background-color: #ccc;
                }

            .clsSpeedAnalytics .clsTabMenu > div.selected {
                background-color: #676767;
            }

            .clsSpeedAnalytics .clsTabMenu > div > div {
                font-weight: bold;
                font-size: 15pt;
                padding: 10px;
                color: #fff;
                cursor: pointer
            }

    .clsSpeedAnalytics .clsTabContent {
        position: relative;
        /*background-color: #cecece*/
    }

        .clsSpeedAnalytics .clsTabContent > div:not(:first-child) {
            overflow: auto;
            /*min-height: 400px;*/
        }

    .clsSpeedAnalytics .clsFilterSearch {
        position: absolute;
        top: 0;
        left: 0;       
        border: 1px solid #fff;
        border-top: 0;
        width: 250px
    }

        .clsSpeedAnalytics .clsFilterSearch > div:first-child {
            font-size: 15pt;
            line-height: 40px;
            padding-left: 10px;
        }

            .clsSpeedAnalytics .clsFilterSearch > div:first-child span {
                float: right;
                cursor: pointer;
                margin-top: 10px;
                margin-right: 10px
            }

        .clsSpeedAnalytics .clsFilterSearch > div.title {
            background-color: #ccc;
            font-weight: bold;
            padding-left: 10px;
            line-height: 35px;
            color: #000;
            border-bottom: 1px solid #a0a0a0;
            border-top: 1px solid #a0a0a0;
        }

            .clsSpeedAnalytics .clsFilterSearch > div.title span {
                float: right;
                padding: 1px 4px;
                background-color: #fff;
                color:#000;
                border: 1px solid #7e7e7e;
                border-radius: 3px;
                cursor: pointer;
                margin: 9px;
                user-select: none
            }

        .clsSpeedAnalytics .clsFilterSearch div.clsDaterange > div:first-child {
            padding-top: 10px
        }

        .clsSpeedAnalytics .clsFilterSearch div.clsDaterange > div {
            padding: 0 10px 10px
        }

        .clsSpeedAnalytics .clsFilterSearch div.clsDaterange table.datepick {
            margin-left: 10px
        }

            .clsSpeedAnalytics .clsFilterSearch div.clsDaterange table.datepick input {
                width: 100px
            }

        .clsSpeedAnalytics .clsFilterSearch .clsCameraList {
            overflow: auto;
            height: 150px
        }

            .clsSpeedAnalytics .clsFilterSearch .clsCameraList li {
                padding: 3px 10px
            }

                .clsSpeedAnalytics .clsFilterSearch .clsCameraList li.selected {
                    background-color: #27bdff;
                    color: #000
                }

                .clsSpeedAnalytics .clsFilterSearch .clsCameraList li:not(.selected):hover {
                    background-color: #99e0ff;
                    color: #000;
                    cursor: pointer
                }

    .clsSpeedAnalytics .clsMapView {
    }

    .clsSpeedAnalytics .clsAnalyticsView {
        text-align: center;
        padding-top: 10px
    }

        .clsSpeedAnalytics .clsAnalyticsView > div {
            display: inline-block;
            width: 49%;
            border-radius: 3px;
            margin: 5px 3px;
            vertical-align: top;
            position: relative
        }

            .clsSpeedAnalytics .clsAnalyticsView > div h1 {
                /*background-color: #C5D1D7;*/
                border: 1px solid #fff;
                font-size: 11pt;
                font-weight: normal;
                padding: 5px 10px;
                text-align: left
            }

            .clsSpeedAnalytics .clsAnalyticsView > div > div {
                border: 1px solid #fff;
                border-top: 0;
                /*background-color: #fff;*/
                min-height: 270px;
            }

    .clsSpeedAnalytics .clsArrowChart3 {
        /*display:none;*/
        position: absolute;
        bottom: 6px;
        background-color: transparent !important;
        right: 10px;
        border: none !important;
        min-height: 20px !important;
    }

        .clsSpeedAnalytics .clsArrowChart3 img {
            width: 37px
        }

        .clsSpeedAnalytics .clsArrowChart3:hover {
            background-color: #e2e2e2 !important;
        }

    .clsSpeedAnalytics .clsDataView .clsPageing {
        padding: 10px;
        font-weight: bold;
        font-size: 12pt
    }

        .clsSpeedAnalytics .clsDataView .clsPageing span.spPre {
            margin-left: 20px;
            cursor: pointer
        }

        .clsSpeedAnalytics .clsDataView .clsPageing span.spNext {
            margin-right: 20px;
            cursor: pointer
        }

        .clsSpeedAnalytics .clsDataView .clsPageing img {
            height: 15px;
            width: 15px;
            vertical-align: middle
        }

            .clsSpeedAnalytics .clsDataView .clsPageing img#btnVerticalSpace {
                width: 4px;
            }

    .clsSpeedAnalytics .clsDataView .clsDivPan .header th img {
        width: 8px
    }
/**************Slider Date Range*******************/
#time-range p {
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #333;
}

.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}

.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}

    .ui-slider .ui-slider-handle:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -4px;
        background: #30A2D2;
        -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
        -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
        box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    }

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}

.ui-slider a:focus {
    outline: none;
}
/*********************************/
/*LRN-15457*/


.clsDivListAgencyMeassage {
    height: 200px;
    overflow: auto;
    text-align: left;
    /*background-color: #fff;*/
    border: 1px solid #ccc
}

    .clsDivListAgencyMeassage table td {
        padding: 3px
    }

#divListAgency {    
    border: #808080 1px solid;
    width: 628px;
    line-height: 25px;
    height: 125px;  
    overflow: auto;
    margin: 0 auto
}

    #divListAgency table td {
        padding: 0 5px;
        text-align: left
    }

.clsTabBtnMessageNotice tr input[type="submit"] {
    width: 177px
}
.clsTabBtnMessageNotice tr:not(:first-child) input[type="submit"] {
    margin-top: 10px
}
.clsMessageScrollinfCellItem {
    max-width: 730px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clsDivScrollTable {
    max-height: 300px;
    overflow: auto
}

.clsMessagePreview {
    overflow: auto;
    background-color: #fff;
    padding: 20px 10px;
    color:#000
}

    .clsMessagePreview ul, .clsMessagePreview ol {
        list-style: inside;
    }

.clsTitleMessageNotice {
    padding-bottom: 10px;
    font-size: 15pt;
    word-wrap: break-word;
    text-align: left;
    min-height: 50px;
    max-width: 100%;
    margin: 0 auto;
    white-space:pre-wrap
}

.clsContentMessageNotice {
    max-height: 300px;
    padding-top: 20px;
    word-wrap: break-word;
    text-align: left;
    min-width: 468px;
    min-height: 150px;
    max-width: 100%;
    margin: 0 auto;
    white-space: pre-wrap
}
.clsDivGridAgency {
    border: 1px solid #93a5b2;
    height: 200px;
    overflow: auto;
    width: 400px;
    padding: 5px
}
.clsLineMessage {
    border-bottom: 1px solid #ccc;
}

.divUpload {
    position: absolute;
    z-index: 9999;
    width: 100px;
    filter: alpha(opacity=0);
    opacity: 0.0;
    cursor: pointer
}

#TableSharing .rowselected, .clsBoxStyleDS table tr.rowselected {
    background-color: #0089e0;
    color: #fff
}
.clsBoxStyleDS {
    border: gray 1px solid;
    width: 290px;
    height: 70px;
    background-color: white;
    overflow: auto;
    padding:5px
}
    .clsBoxStyleDS table {
        color: #000;
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        width:100%
    }
    .clsBoxStyleDS table td{
        padding:3px;
        text-align:left
}
.clsPendingShareRequest > div > b{
    font-size:10pt
}
.clsPendingShareRequest > div{
    color: #000;
    padding:5px;
    text-align:left
}
#tblAcceptSharesFrom tr td:first-child, #tblPendingShareRequests tr td:first-child {
    width:22px
}

.clsFifterNone {
    display: none;
    white-space:nowrap;
}

.clsFifter {
    display: block;
    white-space:nowrap;
}
.clsTableSharing {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}
.clsTableSharing tr td:nth-child(1){
    width:30px;
    padding:0 5px
}
.clsTableSharing tr td:nth-child(2) {
    width:calc(100% - 30px);
    text-align:left
}
    .clsTableSharing tr td:nth-child(2) > div {
        width: 292px;
        padding-right: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


.clsProductSubscription {
background-color:#fff;
border:1px solid #a9a9a9;
margin-left:5px;
width:100%;
padding:3px;
color:#000
}
.clsProductSubscription > div{   
    padding: 3px 0;
}
    .clsProductSubscription > div label {
        margin-left:5px
    }

    /*Audit Page*/
.clsViewMoreLabel {
    text-align: center;
    padding: 5px;
   user-select:none; cursor:pointer
}
.clsViewMoreLabel:hover {   
    cursor: pointer;
    text-decoration:underline;
}

/*DS Page*/
.clsViewMoreLabel_DS {
    text-align: left;
    padding: 5px;
    user-select: none;
    cursor: pointer;
    color: #005dde;
    text-decoration: underline;
}

    .clsViewMoreLabel_DS:hover {
        cursor: pointer;
        text-decoration: underline;
    }
/*********************************************************************************/

/*********************************************************************************/

.clsTableNoWrapText td {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.default-table-no-wrap-text td {  
    white-space: nowrap !important;
}

/*LRN-18702*/
.clsHileLoadAlert {
    display: none;
}
.clsAlertTypeDuplicate {
    color:gray;
}

.clsAlertTypeSourcePublic {
    color: gray;
}

.clsSourceTypePublic {
    color: gray;
}

/*---------------------*/
.clsMessageAlertEmailDisabled {
    color: red;
    width: 318px;
    font-size: 11pt;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
}
.clsMessageAlertEmailDisabled img {
    vertical-align: middle;
    height: 16px;
}
.clsBoundarywarning {
    color: red;
    font-size: 11pt;
    margin-top: 10px;
    vertical-align: middle;
}
.clsBoundarywarning img{
    vertical-align: middle;
    height: 16px;
}

.clsCheckBoxGunOps input[type=checkbox]{
    margin-right:3px;
}
.clsCountySelection_Alert, .clsStateSelection_Alert, .clsMetroSelection_Alert {
    padding: 10px;
    height: 100px;
    margin-top: 5px;
    overflow: auto;
    /*background-color: #fff;*/
    margin-bottom: 10px;
    border: 1px solid #afafaf;
}
    .clsCountySelection_Alert table, .clsStateSelection_Alert table, .clsMetroSelection_Alert table {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
    }
        .clsCountySelection_Alert table td, .clsStateSelection_Alert table td, .clsMetroSelection_Alert table td{
            vertical-align: top
        }
.clsCountySelection_Alert, .cls-alert-county-search {
    width: 170px;
}
.clsStateSelection_Alert, .cls-alert-state-search {
    width: 170px;
}
.clsMetroSelection_Alert, .cls-alert-metro-search {
    width: 350px;
}
}
.clsMessagePeriodForm {
    text-align: left;
}

    .clsMessagePeriodForm input[type=checkbox] {
        margin-right: 10px
    }

    .clsMessagePeriodForm table td {
        padding: 4px
    }

.clsAgencyManagerSelected .text1 {
    font-size: 13.5pt;   
}
.clsAgencyManagerSelected .text2 {
   
}
.clsAgencyManagerSelected .text3 {
   padding-top:20px;
   padding-bottom:5px
}
.clsAgencyManagerSelected .ListMamager {
    min-height: 125px;
    max-height:200px;
    min-width:400px;
    overflow: auto;
    border: 1px solid #fff;
    /*background-color:#fff;*/
    line-height: 21px;
    text-align:left
}
.clsAgencyManagerSelected .ListMamager input[type=checkbox]{
    margin:0 5px
}

input[type=checkbox] {
vertical-align:text-bottom
}
.clsAgencyManagerSelected #TableAddAgency {
    width:100%
}
.clsAgencyManagerSelected .clsAutoCompleteAM {
    width: 100%;
    padding: 0 20px;
    line-height: 22px;
    height: 22px;
    border: 0;
    border-bottom: 1px solid #fff
}

.clsAgencyManagerSelected .clsAutoCompleteAM_NoAM {
    text-align: center;
    height: 100px;
    vertical-align: middle
}


.myCustomQtip {
    max-width: inherit;
    line-height: inherit
}

    .myCustomQtip .qtip-titlebar {
        font-size: 9pt
    }
    .myCustomQtip .qtip-content {
        font-size: 9pt
    }
.clsAutoFilterListUser {
    width: 350px;
    margin: 0 auto;
    /*color:#000*/
    text-align:left
}
    .clsAutoFilterListUser > div {
        border: 1px solid gray
    }
        .clsAutoFilterListUser input[type=text] {
        width: 342px;
        /*line-height: 25px;*/
        padding-left:5px;
        height:25px;
       border:0;
    }
    .clsAutoFilterListUser > div:nth-child(2) {
        height: 280px;
        overflow: auto;
        line-height: 25px;
        /*background-color: #fff;*/
    }
.clsAutoFilterListUser td{
   padding:0 3px
}

.clsAutoFilterListUser_DashBoard {
    width: 280px;
    margin: 0 auto;
    color: #000
}

    .clsAutoFilterListUser_DashBoard input[type=text] {
        width: 100%;
        line-height: 25px;
        padding-left: 5px;
        height: 25px;
        border: 0;
    }



.clsAgencySelected_DS {
    text-align: center
}
.clsAgencySelected_DS .clsListAgency_DS {
    min-height: 125px;
    max-height: 200px;
    min-width: 400px;
    overflow: auto;
    border: 1px solid #fff;
    /*background-color: #fff;*/
    line-height: 21px;
    text-align: left
}

.clsAgencySelected_DS .clsAutoCompleteAgency {
    width: 100%;
    padding: 0 25px;
    line-height: 22px;
    height:22px;
    border: 1px solid #000;
    border-bottom:0
}

.clsAgencySelected_DS .clsSelectAll_Detection {
   
    /*background-color: #fff;*/   
    display: none;
    text-align: left;
    padding: 5px;
    border: 1px solid #fff;

    border-bottom:0;   
}

.clsAgencySelected_DS .text1 {
    font-size: 13.5pt;
    padding-bottom:10px
}

.clsAgencySelected_DS .text2 {
    padding-bottom: 10px
}

.clsAgencySelected_DS .text3 {
    padding-top: 20px;
    padding-bottom: 5px
}

.clsAgencySelected_DS .clsListAgency_DS  table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.clsAgencySelected_DS .clsListAgency_DS table tr td:nth-child(1) {
    /*width: 30px;*/
    padding: 0 5px
}

    .clsAgencySelected_DS .clsListAgency_DS table tr td:nth-child(2) {
        width: calc(100% - 30px);
        text-align: left
    }

        .clsAgencySelected_DS .clsListAgency_DS table tr td:nth-child(2) > div {
            width: 421px;
            padding-right: 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
.clsTable_DSChangeContent_Review {
    /*background-color: #f0f3f9*/
    text-align:center
}
.clsTable_DSChangeContent_Review > div {
    padding: 10px;
    line-height: 22px
}
    .clsTable_DSChangeContent_Review > div:nth-child(2) {
        /*background-color: #d9e1f1;*/
        border-bottom: 1px solid #8a8a8a;
        border-top: 1px solid #8a8a8a;
        padding: 0
    }
    .clsTable_DSChangeContent_Review > div:nth-child(3) {       
        padding-bottom: 20px;
    }
.clsTable_DSChangeContent_Review h3 {
    font-size: 10pt;
    font-weight: bold
}
    .clsTable_DSChangeContent_Review .divscroll {
        max-height: 400px;
        overflow: auto;
    }
@media only screen and (max-height: 768px) {
    .clsTable_DSChangeContent_Review .divscroll {
        max-height: 300px;
    }
}
.clsTable_DSChangeContent_Review table {
    width: 100%;
    min-width:500px
}
    .clsTable_DSChangeContent_Review table td {
        padding: 5px;
        word-break: break-all;
        max-width: 500px;
        vertical-align:top;   
        text-align:left
    }
    .clsTable_DSChangeContent_Review table tr td:nth-child(1) {
        text-align: right;
        padding-left:60px;
        min-width:200px;
        white-space:nowrap
    }
    .clsTable_DSChangeContent_Review table .title-ds-change {
        font-weight: bold;
        text-align: left !important;
        padding-left: 40px !important
    }
.cls-list-agency-filter {
    width: 308px;
    min-height: 100px;
    max-height: 200px;
    overflow: auto;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    font-weight: normal;
    margin-bottom: 10px
}
.cls-list-agency-filter table td{
    padding:5px
}

.div-More-AlertConfigure {
    text-align: center;
    padding: 10px 0 15px;   
}
.div-More-AlertConfigure a{
   
    text-decoration: underline;   
    color: blue;
    cursor: pointer;
}


/********************************************************************************************/
/*hotlist.css*/
.fontStandard {
    font-family: Arial;
    COLOR: #392d78;
    font-size: 12pt;
}

.titleHotlist {
    font-size: 13.5pt;
    font-weight: bold;
    text-align: center;
    font-family: Arial;
    /*COLOR: #392d78;*/
}

.titleHotlist1 {
    font-size: 10.5pt;
    font-weight: bold;
    font-family: Arial;
    /*COLOR: #392d78;*/
}

.lableHotlist {
    font-size: 9pt;    
}

.textPassword {
    background-color: #ededf7;
    border: none;
}

.listHotlistTemplate {
    text-align: left;
    font-size: 10pt;
    font-family: Arial;
    color: Black;
    height: 196px;
}

.gridHotlistTemplate {
    font-size: 10pt;
    font-family: Arial;
    color: Black;
    border: 2px solid #a2a2a2;
}

    .gridHotlistTemplate .rowselected {
        background-color: #316ac5;
        color: white;
        cursor: default;
    }

    .gridHotlistTemplate .rowhover {
        background-color: #316ac5;
        color: Black;
        cursor: default;
        border-bottom: 2px solid #a2a2a2;
        border-top: 2px solid #a2a2a2;
    }

    .gridHotlistTemplate .itemstyle {
        background-color: white;
        color: Black;
        border-bottom: 2px solid #a2a2a2;
    }

        .gridHotlistTemplate .itemstyle td {
            background-color: white;
            border-bottom: 2px solid #a2a2a2;
            border-top: 2px solid #a2a2a2;
            border-right: none;
            border-left: none;
            color: Black;
        }

    .gridHotlistTemplate .link {
        color: Black;
    }

    .gridHotlistTemplate .linkselected {
        background-color: #316ac5;
        color: white;
        cursor: default;
    }

    .gridHotlistTemplate .linkhover {
        background-color: white;
        color: Black;
        cursor: default;
    }

.titleTemplateName {
    font-size: 10.5pt;
    font-family: Arial;
    color: #392d78;
    font-weight: bold;
    float: left;
    text-align: center;
}

.dataGrid {
    width: 100%;
    border-collapse: collapse;
    font-size: 12pt;
    font-family: Arial;
}

    .dataGrid .rowselected {
        background-color: #2c06f1;
        color: white;
        cursor: pointer;
    }

    .dataGrid .rowhover {
        background-color: #2c06f1;
        color: white;
        cursor: pointer;
    }

    .dataGrid .itemstyle {
        background-color: #d9e6f6;
        color: #34812F;
    }

    .dataGrid .alternatingstyle {
        background-color: #ffffff;
        color: #2A2D5E;
    }

.borderRight3 {
    border-right: solid 2px white;
}

.textAlign {
    text-align: center;
}
/*Manual Hotlist*/
.fileuploadManualHotlist {
    filter: alpha(opacity=0);
    opacity: 0.0;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
    height: 20px;
}


/*Add Hot*/

.textboxStyle1 {
    height: 20px;
    width: 170px;
    border: #A7A6AB 1px solid;
    line-height: 24px;
}

.textboxStyle2 {
    height: 20px;
    width: 250px;
    border: #000000 1px solid;
    line-height: 24px;
}

.clsFilterGridName, .DivGridSelectUser {
    width: 360px !important;
}

.clsFilterGridName {
    margin-top: 5px;
    border: 1px solid gray;
    border-bottom: 0;
    height: 20px;
    padding: 0 5px;
}

.DivGridSelectUser {
    margin-bottom: 5px;
    border: 1px solid gray;
    overflow: auto;
    min-height: 60px;
    max-height: 150px;
    background-color: white;
    color: #000;
    text-align: left
}

    .DivGridSelectUser td {
        padding: 3px;
        font-weight: normal
    }

.DivColumn {
    text-align: left;
    height: auto;
    padding: 10px 0 10px 0;
}

    .DivColumn input[type=text] {
        width: 30px !important;
        height: 20px;
    }

/********** Table Column   **********/
#trHotListField {
    vertical-align: top;
}

.TableColumn {
    width: 100%;
    line-height: 23px;
    font-size: 10pt;
    color: black;
}

.TitleColumn {
    color: black;
    padding-top: 15px;
    height: 25px;
}

.TitleColumnorder {
    font-size: 10.5pt;
    font-weight: bold;
    font-family: Arial;
    COLOR: #001326;
    height: 33px;
    line-height: 33px;
}

.TextRequiredField {
    color: #ED3034;
    height: 25px;
}

.TextUnusedField, .TextOptionalField {
    color: gray;
    height: 25px;
}

.TDLinkButton {
    vertical-align: top;
}

.lnkEdit, .lnkSkip, .lnkCancel {
    color: #44B77D;
    cursor: pointer;
}

.lnkSkipRequie {
    color: Gray;
}

.lnkEditview {
    color: #44B77D;
}


.btnColumnTemplate {
    width: 60px;
    height: 32px;
    font-weight: normal;
    float: left;
    font-size: 9pt;
    color: #ffffff;
    border: none;
    background-color: #747474;
    box-shadow: 0 0 10px #747474;
    -moz-box-shadow: 0 0 10px #747474;
    -webkit-box-shadow: 0 0 10px #747474;
    border-radius: 3px;
    cursor: pointer;
    margin: 2px;
}

    .btnColumnTemplate:hover {
        background-color: #C9C9C8;
    }

.aSkip, .aCancel {
    float: left;
    margin-left: 5px;
}

.ColumnName {
    padding-left: 5px;
    text-align: left;
    color: gray;
    height: 10px;
    font-style: italic;
}

.TDItem {
    padding-left: 10px;
    text-align: left;
    line-height: 35px;
}

    .TDItem input[type=text], .TDItem select {
        width: 96%;
        /*height: 80%;*/
        /*font-size: 10pt;*/
    }

    .TDItem select {
        background-color: #C9C9C8;
        border: none;
        box-shadow: 0 0 10px #C9C9C8;
        -moz-box-shadow: 0 0 10px #C9C9C8;
        -webkit-box-shadow: 0 0 10px #C9C9C8;
        /*height: 30px;*/
    }

/**********Step 3 Auto Hot-List**********/
.divBoxHours {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    float: left;
    border-left: gray 1px solid;
    width: 71px;
    border-bottom: gray 1px solid;
    height: 21px;
    background-color: white;
}

.inputBoxHours1 {
    width: 15px;
    text-align: right;
    border: 0px;
}

.inputBoxHours2 {
    width: 3px;
    text-align: right;
    border: 0px;
}

.inputBoxHours3 {
    width: 14px;
    text-align: left;
    border: 0px;
}

.inputBoxHours4 {
    width: 20px;
    border: 0px;
}

/**Template***/
.Column_gray {
    box-shadow: 0 0 10px #DCDCDC;
    -moz-box-shadow: 0 0 10px #DCDCDC;
    -webkit-box-shadow: 0 0 10px #DCDCDC;
    border: 2px solid #DCDCDC;
}

.Column_red {
    box-shadow: 0 0 10px #DE8273;
    -moz-box-shadow: 0 0 10px #DE8273;
    -webkit-box-shadow: 0 0 10px #DE8273;
    border: 2px solid #DE8273;
}

.Column_green {
    box-shadow: 0 0 10px #56B1C5;
    -moz-box-shadow: 0 0 10px #56B1C5;
    -webkit-box-shadow: 0 0 10px #56B1C5;
    border: 2px solid #56B1C5;
    /*-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;*/
}

.Header_gray, .Header_red, .Header_green {
    height: 30px;
    padding-left: 10px;
    font-size: 10pt;
    font-weight: 600;
}

.Header_gray {
    background-color: #DCDCDC;
    box-shadow: 0 0 10px #DCDCDC;
    -moz-box-shadow: 0 0 10px #DCDCDC;
    -webkit-box-shadow: 0 0 10px #DCDCDC;
}

.Header_red {
    background-color: #DE8273;
    box-shadow: 0 0 10px #DE8273;
    -moz-box-shadow: 0 0 10px #DE8273;
    -webkit-box-shadow: 0 0 10px #DE8273;
}

.Header_green {
    background-color: #56B1C5;
    box-shadow: 0 0 10px #56B1C5;
    -moz-box-shadow: 0 0 10px #56B1C5;
    -webkit-box-shadow: 0 0 10px #56B1C5;
}

.Item_gray, .Item_red, .Item_green {
    height: 45px;
    padding-left: 10px;
}

.Item_gray {
    background-color: #EBEBEB;
    border-top: 2px solid #E2E2E2;
}

.Item_red {
    background-color: #E6D2D1;
    border-top: 2px solid #DDC9C8;
}

.Item_green {
    background-color: #A8D0D8;
    border-top: 2px solid #9FC7CF;
}

.TableTop {
    height: 120px;
    width: 100%;
    text-align: center;
}

.divBig {
    background-color: #EDEDF7;
    text-align: center;
}

.BoxHotListField {
    -moz-box-shadow: -4px 4px 5px #C6C6D0;
    -webkit-box-shadow: -4px 4px 5px #C6C6D0;
    box-shadow: -4px 4px 5px #C6C6D0;
    border-radius: 10px;
    border: 1px solid #9696A0;
    background-color: #EDEDF7;
    width: 977px;
    /*margin-left: -170px;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#trHotListFieldManual {
    vertical-align: top;
}

.clsColumnSpacing {
    width: 10px;
    height: 118px;
    float: left;
    margin-top: 40px;
}

.TableValue {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.hotlist-Field-div-TableValue {
    overflow: auto;
    width: 202px
}
hotlist-Field-div-Column {

}
.clsDivBoderYellow {
    position: absolute;
    width: 200px;
    height: 110px;
    border: 1px solid Yellow;
    top: 0px;
    display: none;
}

.clsTDInActive, .clsTDActive {
    border: 4px solid #EDEDF7;
}


/*********Popup Select Email Add Hot****************/
.clsPopupAddressBook {
    background-color: #FBFBFB;
    width: 700px;
}

.clsbtnClose {
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.DivGridEmail {
    height: 300px;
    border: 1px solid #D6D6D6;
    width: 100%;
    overflow: auto;
    /*background-color: #ffffff;*/
    margin-top: 10px;
}

.divPopupBottom {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.FontStyleTextBox {
    font-size: 10pt;
    width: 95%;
}

    .FontStyleTextBox input[type=text] {
        height: 20px;
        width: 100%;
    }

.clsTableEmail {
    width: 700px;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse;
}

    .clsTableEmail tr td {
        height: 25px !important;
        /*color: #000000;*/
        font-size: 10pt;
        word-wrap: break-word;
    }

    .clsTableEmail thead tr th {
        font-size: 11pt;
        font-weight: bold;
        /*background-color: #45619D;*/
        height: 30px !important;
        /*color: #ffffff !important;*/
        border: 1px solid #9F9F9F;
    }

    .clsTableEmail tbody tr:nth-child(even) {
        /*background-color: #D9E6F5;*/
    }

    .clsTableEmail td:nth-child(1), .clsTableEmail th:nth-child(1) {
        width: 5%;
    }


/*.clsTableEmail thead tr {
        display: block;
        position: relative;
    }

    .clsTableEmail tbody {
        display: block;
        overflow: auto;
        width: 100%;
        height: 100px;
    }*/
/*********************/

table#gridSource tr td input[type=checkbox],
table#gridAlert tr td input[type=checkbox] {
    margin: 0 5px;
}

.clsdivSourceHotSearch, .clsdivAlertHotSearch{
    border: #93a5b2 1px solid;
    /*background: white;*/
    overflow: auto;
    /*overflow-x: hidden;*/
    width: 200px;
    height: 114px;
    text-align: center;
    display: none;
    padding: 5px;
    margin-top: 10px
}
.clsdivAuditTypeSearch {
    border: #93a5b2 1px solid;
    /*background: white;*/
    overflow: auto;
    /*overflow-x: hidden;*/
    width: 170px;
    height: 114px;
    text-align: center;
    display: none;
    padding: 5px;
    margin-top: 10px
}
.TabStep1AutoHotList td:not(.griduser) {
    padding: 5px
}
/********************************************************************************************/
/*NewStyle.css*/

.box_mid {
    width: 380px;
    background: url(../../images/box_mid.jpg?v=5.1.061313.0949) repeat-y center top;
}

.box_top {
    background: url(../../images/box_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_bot {
    background: url(../../images/box_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
}

.boxSharing_mid {
    background: url(../../images/boxSharingMid.jpg?v=5.1.061313.0949) repeat-y center top;
}

.boxSharing_bot {
    background: url(../../images/boxSharingBot.jpg?v=5.1.061313.0949) no-repeat center bottom;
}

.boxSharing_top {
    background: url(../../images/boxSharingTop.jpg?v=5.1.061313.0949) no-repeat center top;
}

#col_left {
    float: left;
    width: 380px;
}

.wrp_button {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#new_rightcol {
    float: left;
    background-color: #e4e4f1;
    min-height: 500px;
    height: 500px;
    width: 695px;
}

.title_left {
    font-weight: bold;
    font-size: 13.5pt;   
    line-height: 50px;
    text-align: center;
}

.box_agency_mid {
    background: url(../../images/box_agency_mid.jpg?v=5.1.061313.0949) repeat-y center top;
}

.box_agency_top {
    background: url(../../images/box_agency_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_agency_bot {
    background: url(../../images/box_agency_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
}

.box_userpermission_mid {
    margin-bottom: 10px;
    width: 564px;
    background: url(../../images/box_userPermission_mid.jpg?v=5.1.061313.0949) repeat-y center top;
    margin: 0 auto 10px;
}

.box_userpermission_top {
    padding-top: 10px;
    background: url(../../images/box_userPermission_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_userpermission_bot {
    background: url(../../images/box_userPermission_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
    padding-bottom: 10px;
}

.wrp_button_search {
    text-align: center;
    margin-top: 10px;
}

.box_agencyleft_mid {
    width: 353px;
    background: url(../../images/box_agencyuser_mid.jpg?v=5.1.061313.0949) repeat-y center top;
    margin: 0 auto 10px;
}

.box_agencyleft_top {
    padding-top: 10px;
    background: url(../../images/box_agencyuser_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_agencyleft_bot {
    background: url(../../images/box_agencyuser_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
    padding-bottom: 5px;
}

.box_agencyright_mid {
    width: 560px;
    background: url(../../images/box_agencyuserright_mid.jpg?v=5.1.061313.0949) repeat-y center top;
    margin: 0 auto 10px;
    margin-left: 12px;
}

.box_agencyright_top {
    padding-top: 12px;
    background: url(../../images/box_agencyuserright_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_agencyright_bot {
    background: url(../../images/box_agencyuserright_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
    padding-bottom: 12px;
}

.background_box_gray {
    margin-left: 11px;
    width: 94%;
    height: 55px;
    border-top: 1px solid #bbbbbb;
}

.mid_system {
    background: url(../../images/bg_system_home.jpg?v=5.1.061313.0949) no-repeat center top;
    width: 1000px;
    height: 533px;
    position: relative;
}

a.btn_view {
    position: absolute;
    bottom: 185px;
    left: 225px;
    background: url(../../images/systemView_normal.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 54px;
    width: 248px;
}

    a.btn_view:hover {
        background: url(../../images/systemView_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

a.btn_add {
    position: absolute;
    bottom: 118px;
    left: 225px;
    height: 54px;
    width: 248px;
    background: url(../../images/systemAdd_normal.jpg?v=5.1.061313.0949) no-repeat center top;
}

    a.btn_add:hover {
        background: url(../../images/systemAdd_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

a.btn_profiles {
    position: absolute;
    bottom: 50px;
    left: 225px;
    height: 54px;
    width: 248px;
    background: url(../../images/systemProfiles_normal.jpg?v=5.1.061313.0949) no-repeat center top;
}

    a.btn_profiles:hover {
        background: url(../../images/systemProfiles_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

a.btn_view_camera {
    position: absolute;
    bottom: 155px;
    right: 135px;
    height: 54px;
    width: 248px;
    background: url(../../images/systemView_normal.jpg?v=5.1.061313.0949) no-repeat center top;
}

    a.btn_view_camera:hover {
        background: url(../../images/systemView_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

a.btn_add_camera {
    position: absolute;
    bottom: 75px;
    right: 135px;
    height: 54px;
    width: 248px;
    background: url(../../images/systemAdd_normal.jpg?v=5.1.061313.0949) no-repeat center top;
}

    a.btn_add_camera:hover {
        background: url(../../images/systemAdd_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

.greeting_bar {
    background: url(../../images/bg_greeting_bar.png?v=5.1.061313.0949) repeat-x center top;
    height: 24px;
}

.wrp_topbar {
    /*background-color: #8798F4;*/
    height: 25px;
    margin-top: 5px;
}

.text_right {   
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10.5pt;
}

a.btn_searchuser {
    background: url(../../images/Userslanding_Search_normal.jpg?v=5.1.061313.0949) no-repeat center top;
    width: 380px;
    height: 245px;
    display: block;
}

    a.btn_searchuser:hover {
        background: url(../../images/Userslanding_Search_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

a.btn_adduser {
    background: url(../../images/Userslanding_Add_normal.jpg?v=5.1.061313.0949) no-repeat center top;
    width: 380px;
    height: 245px;
    display: block;
}

    a.btn_adduser:hover {
        background: url(../../images/Userslanding_Add_hover.jpg?v=5.1.061313.0949) no-repeat center top;
    }

.left_dashboard {
    FLOAT: left;
    WIDTH: 320px;
    border-right: 2px solid gray;
    min-height: 823px;
}

.box_dash_mid {
    width: 320px;
    /*background: url(../../images/box_dash_mid.jpg?v=5.1.061313.0949) repeat-y center top;*/
    margin-bottom: 10px;
}

.box_dash_bot {
    /*background: url(../../images/box_dash_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;*/
}

.box_dash_top {
    /*background: url(../../images/box_dash_top.jpg?v=5.1.061313.0949) no-repeat center top;*/
}

.text_head {
    color: #fff;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    text-align: left;
}

.wrp_select {
    background: url(../../images/bg_wrp_select.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 122px;
    width: 630px;
    margin: 20px auto;
}

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

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

.row1 {
    margin: 20px 30px;
}

.row2 {
    margin: 20px 30px;
}

.title_pop {
    font-size: 12pt;
    color: #392d78;
    font-weight: bold;
    margin-right: 20px;
}

p.text_note {
    color: #392d78;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.no_image {
    position: absolute;
    left: -1px;
}

.box_system_mid {
    width: 320px;
    background: url(../../images/box_system_mid.jpg?v=5.1.061313.0949) repeat-y center top;
    margin-bottom: 10px;
}

.box_system_bot {
    background: url(../../images/box_system_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
}

.box_system_top {
    background: url(../../images/box_system_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.wrp_text_right {
    padding: 50px 10px 10px 115px;
}

.fixcheck {
    FLOAT: left;
    WIDTH: 15px;
    PADDING-TOP: 4px;
    PADDING-RIGHT: 4px;
}

.dragpanel {
    BACKGROUND-IMAGE: url(../../images/bg_popup_788.jpg?v=5.1.061313.0949);
    LINE-HEIGHT: 23px;
    POSITION: relative;
    HEIGHT: 23px;
    font-size: 10.5pt;
    color: #ffffff;
    font-family: arial;
    padding-left: 10px;
    font-weight: bold;
}

.dragpanel1 {
    BACKGROUND-IMAGE: url(../../images/bg_popup_805.png?v=5.1.061313.0949);
    LINE-HEIGHT: 23px;
    POSITION: relative;
    HEIGHT: 23px;
    font-size: 10.5pt;
    color: #ffffff;
    font-family: arial;
    padding-left: 10px;
    font-weight: bold;
}

.box_DRN_mid {
    width: 500px;
    background: url(../../images/bg_mid_DRN.jpg?v=5.1.061313.0949) repeat-y center top;
    margin-bottom: 10px;
}

.box_DRN_bot {
    background: url(../../images/bg_bot_DRN.jpg?v=5.1.061313.0949) no-repeat center bottom;
    padding-bottom: 10px;
}

.box_DRN_top {
    background: url(../../images/bg_top_DRN.jpg?v=5.1.061313.0949) no-repeat center top;
    padding-top: 10px;
}

.box_light_bot {
    background: url(../../images/box_light_bot1.jpg?v=5.1.061313.0949) no-repeat center bottom;
}

.tb_dashboard tr {
    border: 1px solid #bfbfbf;
    height: 20px;
}

    .tb_dashboard tr td {
        border: 1px solid #bfbfbf;
    }

.table_agency tr {
    border: 1px solid #bfbfbf;
    height: 20px;
}

    .table_agency tr td {
        border: 1px solid #bfbfbf;
        height: 20px;
    }

.tbnorecord {
    float: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    WIDTH: 635px;
    COLOR: #392d78;
    BORDER-right: #ffffff 2px solid;
    BORDER-left: #ffffff 2px solid;
    BORDER-bottom: #ffffff 2px solid;
    FONT-FAMILY: arial;
    HEIGHT: 35px;
    BACKGROUND-COLOR: #c7d5ff;
    TEXT-ALIGN: center;
}

.divConsoleAccess1 {
    border-top: 1px solid #BBBBBB;
    margin: 0 10px;
    padding: 10px;
    white-space: nowrap;
}

.text_10bold {
    /*color: #392D78;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10.5pt;
    font-weight: bold;
}

.title_L {
    MARGIN-TOP: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 27pt;
    MARGIN-LEFT: 7px;
    COLOR: #392d78;
    FONT-FAMILY: Arial;
}

.title_12 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 10px;
}

.title_13 {
    font-family: arial;
    FONT-SIZE: 13.5pt;
    font-weight: bold;
}

.text_header {
    font-size: 13.5pt;
    color: #ffffff;
    font-weight: bold;
    padding-left: 5px;
}

.box_SA_mid {
    width: 316px;
    background: url(../../images/bg_SA_mid.jpg?v=5.1.061313.0949) repeat-y center top;
    margin: 0 auto 10px;
}

.box_SA_top {
    padding-top: 10px;
    background: url(../../images/bg_SA_top.jpg?v=5.1.061313.0949) no-repeat center top;
}

.box_SA_bot {
    background: url(../../images/bg_SA_bot.jpg?v=5.1.061313.0949) no-repeat center bottom;
    padding-bottom: 5px;
}

/*Danh cho grid*/
.divNorecord {
    float: left;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
}

.datacontent {
    width: 100%;
    float: left;
    overflow: hidden;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    background-color: #d9e6f6;
}

.Q_Head_color_pagecontent {
    width: 100%;
    height: 25px;
    /*background-color: #899af6;*/
    line-height: 25px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
}

.Q_Head_color_pagecontent1 {
    width: 100%;
    height: 25px;
    float: left;
    background-color: #899af6;
    line-height: 25px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.divRecordsPerPage {
    PADDING-RIGHT: 5px;
    FLOAT: left;
    WIDTH: 37%;
    LINE-HEIGHT: 25px;
    HEIGHT: 25px;
    TEXT-ALIGN: right;
}

.gridsearchrecord tr td {
    white-space: nowrap;
}

.text_alert {
    color: Black;
    font-family: Arial;
    font-size: 10.5pt;
    text-align: justify;
}

.test {
    WIDTH: 100%;
    height: 411px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    /*background-color: White;*/
    /*filter: alpha(opacity=1);*/
    /*opacity: 0.1;*/
}
/********************************************************************************************/
/*newdefault.css*/
.divMASConfig {
    width: 273px;
    height: 136px;
    background-image: url(../../Images/bg_MAS.png);
    background-repeat: no-repeat;
}

.panelMASSelectAlert {
    width: 420px;
    height: 545px;
    z-index: 150;
    border: 1px solid black;
    background-color: #d9e1f1;
    position: absolute;
}

.DynamicModalBG {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.divPanelHeaderSelectAlert {
    width: 100%;
    height: 20px;
    position: relative;
    float: left;
    background-color: #8080FF;
    font-family: arial;
}

.panelcaption {
    width: 100%;
    height: 30px;
    FONT-SIZE: 16pt;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}

.divHotlistStatus {
    width: 169px;
    height: 95px;
    overflow: auto;
    border: 1px solid black;
    background-color: White;
    margin-left: 59px;
}

.gridHotlistSource td {
    padding: 3px 0 0 5px;
    color: Black;
    font-size: 10.5pt;
    white-space: nowrap;
}

.divHitAlertMatrix {
    width: 405px;
    height: 180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../Images/bg_Matrix.png);
    background-repeat: no-repeat;
}

.headerstyle_P {
    FONT-SIZE: 16px;
    COLOR: #333399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 10px;
}

.headerstyle_P1 {
    FONT-SIZE: 14px;
    COLOR: #fff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.panelMasSelectIcon {
    width: 450px;
    min-height: 580px;
    z-index: 105;
    border: 1px solid black;
    background-color: White;
    position: absolute;
}

.DynamicModalBG_SelectIcon {
    background-color: Gray;
    filter: alpha(opacity=5);
    opacity: 0.1;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 104;
    float: left;
}

.divHotlistStatusSelectIcon {
    width: 400px;
    height: 160px;
    overflow: auto;
    border: 1px solid #fff;
    /*background-color: White;*/
}

.divContentSelectIcon {
    FLOAT: left;
    WIDTH: 100%;
    min-height: 560px;
    height: auto !important;
    height: 560px;
    text-align: center;
}
/* select icon table*/
.divTableSelectIcon {
    width: 300px;
    height: 170px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #99aab6;
}

    /*.divTableSelectIcon .top {
        width: 277px;
        height: 13px;
        background-image: url(../../Images/bg_MAS_Config_top.png);
        background-repeat: no-repeat;
    }

    .divTableSelectIcon .middle {
        width: 273px;
        min-height: 114px;
        height: auto !important;
        height: 114px;
        background-image: url(../../Images/bg_MAS_Config_center.png);
        float: left;
        margin-left: 2px;
        background-repeat: repeat;
    }*/

.tblSetIcon {
    margin-left: auto;
    margin-right: auto;
}

/*.divTableSelectIcon .bottom {
    width: 277px;
    height: 13px;
    background-image: url(../../Images/bg_MAS_Config_bottom.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    text-align: center;
    float: left;
}*/

.drophover {
    border: 0px solid #cccccc;
    background-color: #a9defa;
}

.moveimage {
    z-index: 10;
    position: absolute;
    width: 20px;
    height: 20px;
}

.moveimagetotable {
    width: 20px;
    height: 20px;
}

.fileupload {
    filter: alpha(opacity=0);
    opacity: 0.0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    float: left;
    height: 24px;
    width: 165px;
}

.IsClickClass {
    border: 2px solid red;
}

.itemTable {
    width: 20px;
    height: 20px;
    z-index: 10;
}

.itemDragGrid {
    width: 20px;
    height: 20px;
    z-index: 10;
}

.itemTDofGrid {
    width: 50px;
    height: 22px;
    text-align: center;
}
/*for select icon page*/
.iframePopup {
    FLOAT: left;
    WIDTH: 100%;
    height: 560px;
    overflow-y: auto;
    z-index: 150;
}

.panelSelectHotList {
    width: 410px;
    height: 350px;
    z-index: 150;
    border: 1px solid black;
    background-color: White;
    position: absolute;
}

.divID_Temp {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

.divDragging {
    width: 2;
    height: 290;
    position: absolute;
    background-color: White;
    z-index: 100;
}

.divContentParent {
    background-color: #8796f5;
    border: 1px solid red;
}

/*=================*/

.popupAlertSetIcon {
    background-color: #D8E1F0;
    border: 1px solid #000000;
    position: absolute;
    z-index: 160;
    width: 400px;
    min-height: 170px;
    height: auto !important;
    height: 180px;
    text-align: center;
}

.popupEditSF {
    background-color: #D8E1F0;
    border: 1px solid #000000;
    position: absolute;
    z-index: 160;
    width: 400px;
    text-align: center;
}

.popupAlertSetIcon1 {
    background-color: #d9e1f1;
    border: 1px solid black;
    position: absolute;
    z-index: 160;
    width: 400px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    text-align: center;
}

.popupAlertSetIconMapIt {
    background-color: #d9e1f1;
    border: 1px solid black;
    position: absolute;
    z-index: 160;
    width: 400px;
    min-height: 100px;
    height: auto !important;
    height: 200px;
    text-align: center;
}


.gctPopupHeight {
    position: absolute;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    border: 1px solid black;
    background-color: #d9e1f1;
    z-index: 171;
}

.GctOverLayClass {
    position: absolute;
    z-index: 155;
    left: 0px;
    top: 0px;
    float: left;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: Gray;
}

.GctOverLayClass2 {
    position: absolute;
    z-index: 165;
    left: 0px;
    top: 0px;
    float: left;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: Gray;
}

.GctTitleRow {
    font-family: arial;
    font-size: 12px;
    height: 24px;
    padding-top: 3px;
    padding-left: 5px;
    text-align: left;
    color: White;
    font-weight: bold;
    cursor: move;
}

.GctTitle {
    font-family: arial;
    font-size: 12px;
    padding-left: 3px;
    cursor: default;
    font-weight: bold;
}

.GctClose {
    font-family: arial;
    font-size: 11px;
    right: 0px;
    cursor: pointer;
    padding-right: 15px;
    font-weight: bold;
}
/*Add new mas user*/
.newadduser {
    font-size: 18px;
    font-weight: bold;
    color: #3325ab;
}

.configusermas {
    color: #3325ab;
    font-size: 15px;
    font-weight: bold;
}

.headerstyle3 {
    FONT-SIZE: 16px;
    COLOR: #1b0da1;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.mapcontrolcorner {
    width: 40px;
    height: 127px;
    background: url(../../Images/mapcontrol.png?v=5.1.061313.1700) no-repeat top left;
    margin-left: 5px;
}

#centercolMAS_640 {
    float: left;
    background-color: #e4e4f1;
    min-height: 465px;
    height: auto !important;
    height: 500px;
    width: 688px;
    margin-left: -2px;
}

.maslayout_top {
    width: 100%;
    height: 12px;
    background-image: url(../../Images/MAS_Layout_Top.png );
    background-repeat: no-repeat;
    float: left;
}

.maslayout_Mid {
    width: 295px;
    min-height: 50px;
    height: auto !important;
    height: 12px;
    background-image: url(../../Images/MAS_Layout_mid.png );
    background-repeat: repeat;
    float: left;
}

.maslayout_Bottom {
    width: 100%;
    height: 12px;
    background-image: url(../../Images/MAS_Layout_Bottom.png );
    background-repeat: no-repeat;
    float: left;
}

.mastitle {
    color: #392d78;
    font-family: Arial;
    font-size: 12px;
}

.MessageBox_325px {
    height: 22px;
    background-image: url(../../Images/bg_popup_325.jpg);
    background-repeat: repeat;
}

.MessageBox_370px {
    height: 22px;
    background-image: url(../../Images/bg_popup_370.jpg);
    background-repeat: repeat;
}

.MessageBox_410px {
    height: 22px;
    background-image: url(../../Images/bg_popup_410.jpg);
    background-repeat: repeat;
}

.MessageBox_450px {
    height: 22px;
    background-image: url(../../Images/bg_popup_450.jpg);
    background-repeat: repeat;
}

.MessageBox_500px {
    height: 22px;
    background-image: url(../../Images/bg_popup_500.jpg);
    background-repeat: repeat;
}

.MessageBox_550px {
    height: 22px;
    background-image: url(../../Images/bg_popup_550.jpg);
    background-repeat: repeat;
}

.MessageBox_570px {
    height: 22px;
    background-image: url(../../Images/bg_popup_570.jpg);
    background-repeat: repeat;
}

.MessageBox_788px {
    height: 22px;
    background-image: url(../../Images/bg_popup_788.jpg);
    background-repeat: repeat;
}

.MessageBox_810px {
    height: 22px;
    background-image: url(../../Images/bg_popup_810.jpg);
    background-repeat: repeat;
}

.MessageBox_title {
    height: 22px;
    background: url(../../Images/bg_popup_325.jpg) repeat-y #98a9c0;
}

.ConfigurePanel {
    width: 800px;
    /*padding-bottom:20px;*/
    /*height: 555px;*/
    z-index: 110;
    border: 1px solid black;
    background-color: #d9e1f1;
    position: absolute;
}

.Header_410px {
    height: 22px;
    background-image: url(../../Images/bg_popup_410.jpg);
    background-repeat: repeat;
}

.fontStylePopup_13 {
    font-family: Arial;
    font-size: 13.5pt;
    font-weight: bold;
}

.fontStylePopup_Header {
    font-family: Arial;
    font-size: 10.5pt;
    font-weight: bold;
    color: White;
}

.fontStylePopup_10 {
    font-family: Arial;
    font-size: 10.5pt;
}

.fontStylePopup_11 {
    font-family: Arial;
    font-size: 11.5pt;
}

.fontStylePopup_9 {
    font-family: Arial;
    font-size: 9pt;
}

.fontStylePopup_Available {
    font-family: Arial;
    font-size: 9pt;
    /*color: Black;*/
}

.cfeSources {
    height: 130px;
    text-align: left;
    width: 140px;
    overflow: auto;
    border: 1px solid #808080;
    background-color: White;
    color: Black;
    padding: 1px;
    margin: 1px;
    font-size: 11pt;
}
.divbox-alert-notification {
    border: 1px solid #99aab6;
    margin: 20px 20px 0 0;
    padding: 15px;
   
}
.cfeAlerts {
    height: 130px;
    width: 220px;
    text-align: left;
    overflow: auto;
    border: 1px solid #808080;
    /*background-color: White;
    color: Black;*/
    padding: 1px;
    margin: 1px auto;
    /*font-size: 11pt;*/
}

    .cfeAlerts td {
        white-space: nowrap;
    }

.gridNowrap td, .gridNowrap th {
    border-collapse: collapse;
    white-space: nowrap;
    padding: 0;
    color: Black;
}

.savesearchformBg {
    BORDER: gray 1px solid;
    OVERFLOW: hidden;
    WIDTH: 490px;
    HEIGHT: 380px;
    background-image: url(../../Images/bg_opacity_search.png);
    background-repeat: repeat;
}

.gridSaveSearch td {
    line-height: 25px;
}

.savesearchdelete {
    FLOAT: left;
    WIDTH: 235px;
    height: 125px;
    MARGIN-TOP: 15px;
    border: 1px solid gray;
    margin-left: 60px;
    overflow: auto;
    background-color: White;
}

.grdDeleteSaveSearch {
    width: 100%;
    border: 0px solid black;
    border-collapse: collapse;
}

    .grdDeleteSaveSearch td {
        padding: 5px 0 0 5px;
    }

.gridSaveSearch th {
    height: 30px;
    font-size: 10pt;
    font-weight: bold;
    border: 0px;
}

.bgHeader {
    background-image: url(../../Images/bg_opacity_th.jpg);
    background-repeat: repeat;
}

.gridAlert td, .gridAlert th {
    padding: 0px 3px;
    border: 1px solid white;
    border-collapse: collapse;
}

.gridAlert th {
    color: Black;
    font-family: Arial;
    font-size: 10.5pt;
    height: 22px;
    padding: 0px 3px;
}

.grUserMas {
    text-align: center;
    width: 100%;
    border: 1px solid gray;
    border-collapse: collapse;
    background-color: White;
}

    .grUserMas td {
        border: 1px solid black;
        padding: 5px
    }

.clsTableAddUser {
    width: 100%;
    border-collapse: collapse;
}

    .clsTableAddUser td {
        padding: 1px 0px 0 0;
    }


.form_addMASUser {
    float: left;
    width: 100%;
    height: 525px;
    overflow-y: auto;
}

.checkboxgrayparent {
    width: 13px;
    height: 13px;
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
}

    .checkboxgrayparent input[type='checkbox'] {
        top: 0;
        left: 0;
        width: 13px;
        height: 13px;
    }

.checkboxgray {
    width: 13px;
    height: 13px;
    background-color: Gray;
    position: absolute;
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*Jpopup*/
.j_Content {
    font-family: Arial;
    font-size: 10.5pt;
    padding: 20px;
    text-align: center;
    color: #000000;
}

.j_ContentEditAdmin {
    font-family: Arial;
    font-size: 10.5pt;
    padding: 20px 10px 20px 10px;
    text-align: center;
    color: #000000;
}

.j_Close_Button {
    text-align: right;
    width: 30px;
    padding-right: 5px;
}

.j_Button_Control {
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
}

/*Scroll Image*/
.jThumbnailScroller {
    position: relative;
    width: 640px;
    height: 121px;
    margin: 0;
    border: 1px solid #93a5b2;
    padding: 0;
    overflow: hidden;
    float: left;
    border-bottom: 0;
    /*background-image: url(../../Images/bg_scroll.jpg);
    background-repeat-x: repeat;*/
}

    .jThumbnailScroller .jTscrollerContainer {
        position: absolute;
        min-width: 685px;
    }

    .jThumbnailScroller .jTscroller {
        position: relative;
        /*background-color: #4b4baa;*/
        height: 122px;
        margin: 0;
        left: 0;
        top: 0;
        display: inline-block;
        *display: inline;
    }


        .jThumbnailScroller .jTscroller img {
            border: none;
            width: 96px;
            height: 58px;
        }

        .jThumbnailScroller .jTscroller div:first-child {
            margin-left: 0px;
        }

    .jThumbnailScroller#tS1 {
        width: 100%;
    }

    .jThumbnailScroller .jTscroller > DIV {
        width: 100px;
        height: 120px;
        text-align: center;
        float: left;
        padding: 3px 0;
        border-right: 1px solid #93a5b2;
        overflow: hidden;
        vertical-align: middle;
    }

        .jThumbnailScroller .jTscroller > DIV:last-child {
            border-right: 0;
        }

.divScrollerText {
    /*font-family: Arial;*/
    font-size: 8pt;
    /*color: White;*/
}

.vScrollerCurrent {
    background-color: #cce4ee;
    color: #000
}

.vScrollerHover {
    background-color: #87cdfa;
    color:#000
}

.vScrollerData {
    margin-top: 8px;
    float: left;
    width: 100px;
}

.vScrollerData_MAS {
    display: table-cell;
    width: 100px;
    height: 60px;
    vertical-align: middle;
}

.textAlertType {
    word-wrap: break-word;
    width: 100px;
}

/*Popup Styles*/
.Popup_Wrap {
    display: block;
    background: none #d9e1f1;
}

    .Popup_Wrap h3 {
        font-weight: normal;
        display: block;
        background: url(../../Images/bg_popup_325.jpg) repeat-y #98a9c0;
        cursor: move;
        height: auto;
        border-bottom: 1px solid black;
    }

        .Popup_Wrap h3 span {
            padding: 3px 25px 2px 8px;
            display: inline-block;
        }

    .Popup_Wrap a.j_Close_Button {
        display: block;
        position: absolute;
        top: 4px;
        right: 3px;
        width: inherit;
        padding: 0;
    }

    .Popup_Wrap .j_Content {
        display: block;
        width: auto !important; /*fix IE6*/
        width: 200px;
        min-width: 200px;
        padding: 20px 25px;
    }

.j_Div_Button_Control {
    text-align: center;
    display: block;
    padding-bottom: 20px;
}

.H_UpperCase {
    text-transform: uppercase;
}

.lblNoteHitInfo {
    word-wrap: break-word;
    width: 150px;
    text-align: left;
}

.tblAlertManagement tr {
    height: 30px;
}

.tblAlertManagement {
    margin: 0px auto;
    text-align: left;
}

.cellNoRecordGrid {
    width: 100%;
    font-family: Arial;
    font-size: 11pt;
    text-align: center;
    padding-top: 60px;
}


.gMain_Canvas {
    width: 787px;
    height: 565px;
    float: left;
    border: 1px solid blue;
    margin: 5px;
}

.linkViewLog {
    text-decoration: underline;
    color: Blue;
    font-weight: bold;
    cursor: pointer;
}

.txtMoreOption1 {
    font-size: 13pt;
    font-weight: bold;
    color: #003b63;
    cursor: pointer;
    text-align: right;
    text-decoration: underline;
    padding-right: 12px;
}

.txtMoreOption2 {
    font-size: 13pt;
    font-weight: bold;
    color: #003b63;
    cursor: pointer;
    text-align: right;
    text-decoration: underline;
    display: none;
    padding-right: 12px;
}


.imgMoreOption {
    background-image: url(../../images/NewLanding/MoreOption_Normal.png?v=5.1.071414.1600);
    background-repeat: no-repeat;
    height: 36px;
    width: 159px;
    float: right;
}

    .imgMoreOption:hover {
        background-image: url(../../images/NewLanding/MoreOption_Hover.png?v=5.1.071414.1600);
        background-repeat: no-repeat;
    }

.imgMoreOptionActive {
    background-image: url(../../images/NewLanding/MoreOption_Ative.png?v=5.1.071414.1600);
    background-repeat: no-repeat;
    height: 36px;
    width: 159px;
    float: right;
}

    .imgMoreOptionActive:hover {
        background-image: url(../../images/NewLanding/MoreOption_AtiveHover.png?v=5.1.071414.1600);
        background-repeat: no-repeat;
    }

.hotlist-moreoption {
    float: right;
    text-align: right;
    position: relative;
    padding-top: 10px
}
.hotlist-moreoption span {
    margin-right: 50px;
}

.imgMoreOption-new, .imgMoreOptionActive-new {
    position: absolute;
    right: 0;
    top: -1px;
}

.imgMoreOption-new {
    background-image: url(../../images/NewLanding/cobalt-masterpage/Arrow_Icon.png?v=60);
    transform: rotate(90deg);
}


.imgMoreOptionActive-new {
    background-image: url(../../images/NewLanding/cobalt-masterpage/Arrow_Icon.png?v=60);
    transform: rotate(-90deg);
}


.HardBreak {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ #535358*/
}
/**********************************************************8*/
.clsPopupAuditInfo {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%
}

    .clsPopupAuditInfo #divHeader {
        border-bottom: 1px solid #000;
        padding-left: 10px;
        line-height: 24px;
    }

        .clsPopupAuditInfo #divHeader span {
            color: White;
            font-size: 10.5pt;
            font-weight: bold;
        }

    .clsPopupAuditInfo #divClosePanel {
        right: 2px;
        top: 1px;
        width: 20px;
        position: absolute
    }

.clsContentAuditInfo {
    padding: 15px
}

    .clsContentAuditInfo table {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        width: 100%;
        /*COLOR: #000000;*/
        table-layout: fixed;
        border-color: #cccccc;
    }

        .clsContentAuditInfo table tbody tr td {
            word-wrap: break-word;
            border: 1px solid #636363;
            padding: 3px 10px;
        }
/**********************************************************8*/
.clsRedStars {
    font-weight: bold;
    vertical-align: middle;
    color: red;
}

.clsTextBoxBatchHotPlate {
    /*height: 20px;*/
    width: 110px;
    /*border: #A7A6AB 1px solid;*/
    /*line-height: 24px;*/
}

.clsTextBoxHotPlate {
}

.clsCboState {
    width: 80px;
}

.clsCboAlert {
    width: 160px;
}

.clsTextBoxOwner {
}

.clsTextBoxMake {
}

.clsTextBoxModel {
}

.clsTextBoxYear {
    width: 40px;
}

.clsTextBoxVin {
}

.imgStatus {
    text-align: center;
    width: 96px;
    float: left;
    margin: 25px 0 0 0;
    padding-bottom: 15px;
    color: white;
}

.clsTableFilterAuditing {
    width: 100%;
}

    .clsTableFilterAuditing tr td {
        vertical-align: middle;
        padding: 6px 0;
    }

        .clsTableFilterAuditing tr td.verticaltop {
            vertical-align: top;
        }

    .clsTableFilterAuditing > tbody > tr > td:nth-child(1) {
        text-align: right;
        padding-right: 10px;
    }

    .clsTableFilterAuditing input[type=text], .clsTableFilterAuditing select, .clsTableFilterAuditing #grdSourceAudit, .clsTableFilterAuditing #grdType,
    .clsLoginTrakingFilter input[type=text], .clsLoginTrakingFilter select {
        width: 170px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .clsTableFilterAuditing select[multiple=multiple],
        .clsLoginTrakingFilter select[multiple=multiple] {
            overflow: auto;
        }

            .clsTableFilterAuditing select[multiple=multiple] option,
            .clsLoginTrakingFilter select[multiple=multiple] option {
                padding: 2px
            }

#grdSourceAudit {
    padding: 5px;
    margin: 5px 0 0;
}

.GridStyle {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border: 1px solid white;
    font-size: 12px;
    white-space: nowrap;
    /*background-color: White;*/
    width: 100%;
}

    .GridStyle tr:not(.CssHeaderStyle) {
        height: 35px;
    }

        .GridStyle tr:not(.CssHeaderStyle):not(.selectedRow):not(.selectedAlternateRow):hover {
            background-color: rgba(204, 228, 238, 0.5) !important;
            cursor: default;
            color: #000;
        }

.selectedRow, .selectedAlternateRow {
    background-color: #162968;
    color: #ffffff;
}

.GridStyle td, th {
    border: 2px solid white;
    padding: 3px 2px;
    border-collapse: collapse;
}

.GridStyle thead th a {
    white-space: pre-wrap;
    width: 50px;
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.GridStyle thead th {
    /*background-color: #a5bfdd;*/
    color: #2e5582;
    text-align: center;
    border: 2px solid white;
}

.GridStyle .CssItemStyle:not(.selectedRow) {
    /*background-color: #c7d5ff;*/
    /*color: #392d78;*/
}

.GridStyle .CssAlternatinsStyle:not(.selectedRow) {
    /*background-color: #ffffff;*/
    color: #34812f;
}

.GridStyle .CssHeaderStyle, .GridStyle .CssHeaderStyle a {
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #A5BFDD;
    color: #2e5582;
    height: 45px;
    font-size: 10pt;
    text-decoration: none;
}

.fitimage_cover {
    object-fit: cover
}

.fitimage_scale_down {
    object-fit: scale-down
}
/********************************************************************************************/
/*default.css*/
* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    font-family: Arial;
    COLOR: #fff;
    font-size: 9pt;
}

a {
    outline: medium none;
}

#whole {
    /*min-width:1200px;*/
    /*background-color: #e4e4f1;*/
    margin: 0 auto;
}

#header {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 68px;
    background-color: Gray;
    background-image: url(../../images/LEARN_Banner_New.jpg);
}


#footer {
    text-align: center;
    width: 1000px;
    height: 51px;
    background-image: url(../../images/All_Pages_Footer.jpg);
}


#footerLPRData {
    clear: both;
    width: 1000px;
    color: #c7c7cf;
    text-align: center;
    padding-top: 355px;
    FONT-SIZE: 12pt;
    font-weight: bold;
}

#footerLPRData_home {
    color: #c7c7cf;
    width: 1000px;
    FONT-SIZE: 12pt;
    font-weight: bold;
    display: block;
    text-align: center;
}

.subtitle {
    FONT-SIZE: 10pt;
    font-weight: bold;
}

#footertext {
    line-height: 51px;
    color: White;
    font-size: 11px;
}

#footer #copyright {
    width: 351px;
    height: 20px;
    margin: auto;
    padding: 0px auto 0px auto;
    padding-top: 3px;
    background-image: url(../../images/copyright_new.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    text-align: center;
    margin-top: 22px;
}

#container {
    /*min-width:1200px;*/
    /*background-color: #e4e4f1;*/
    clear: both;
}

#leftcolAddAgencyManager {
    width: 295px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 0px;
    margin-right: -2px;
    padding-right: 3px;
    margin: 0px;
    border-right: solid 2px gray;
    overflow: auto;
}

#leftcolViewAgencyManager {
    float: left;
    min-height: 560px;
    height: auto !important;
    height: 550px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    margin: 0px;
    border-right: solid 2px gray;
    overflow-x: auto;
}

#leftcolAddAgency {
    width: 300px;
    float: left;
    min-height: 620px;
    height: auto !important;
    height: 620px;
    background-color: #e4e4f1;
    margin: 0px;
    border-right: solid 2px gray;
    overflow-x: auto;
}

#leftcol {
    width: 295px;
    float: left;
    /*background-color: #e4e4f1;*/
}

#leftcol1 {
    width: 390px;
    float: left;
    min-height: 500px;
    height: 670px;
    background-color: #e4e4f1;
    margin: 0px;
}

#GOOGLEMAP {
    width: auto;
    float: left;
    height: 100%;
    width: 100%;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: -2px;
    padding-right: 0px;
    margin: 0px;
    border-right: solid 2px gray;
}

#centercolViewAgencyManager {
    float: left;
    background-color: #e4e4f1;
    min-height: 465px;
    width: 668px;
    padding: 0px;
    padding-left: 1px;
    padding-right: 3px;
    padding-top: 5px;
    background-image: url(../../images/LEARN_Watermark.jpg);
}

#centercol {
    float: left;
    /*background-color: #e4e4f1;*/
    min-height: 485px;
    /*background-image: url(../../images/LEARN_Watermark.jpg);*/
}

#centercolMAS {
    float: left;
    background-color: #e4e4f1;
    min-height: 456px;
    height: auto;
    width: 675px;
    padding: 0px;
}

#centercolDensity {
    float: left;
    background-color: #e4e4f1;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    width: 688px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    margin-left: -2px;
    overflow-x: auto;
}

#rightcol {
    float: left;
    background-color: #e4e4f1;
    min-height: 465px;
    width: 695px;
    padding: 0px;
    padding-left: 1px;
    padding-top: 5px;
}

#rightcolTest {
    top: 200px;
    float: left;
    background-color: #e4e4f1;
    min-height: 500px;
    height: 500px;
    width: 695px;
    padding: 0px;
    padding-left: 3px;
    padding-top: 5px;
    margin-left: -2px;
}

#rightcol1 {
    width: 295px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    padding-right: 0px;
    margin-right: -2px;
    padding-right: 0px;
    margin: 0px;
}

.menuitem {
    background-image: url(../../Images/bg_button1.jpg);
    height: 28px;
    padding-left: 23px;
    line-height: 28px;
    vertical-align: middle;
    font-weight: bold;
    width: auto;
}

.menuitem2 {
    background-image: url(../../Images/bg_line.jpg);
    height: 28px;
    padding-left: 23px;
    line-height: 28px;
    vertical-align: middle;
    font-weight: bold;
}

.menuspacer {
    background-image: url(../../Images/line.gif);
    height: 15px;
}

#heading {
    background-image: url(../../Images/login_bg6.gif);
    background-repeat: repeat-y;
    text-align: center;
    height: 20px;
    color: White;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    width: 850px;
}

.menuitem .current {
    color: Red;
}

.title {
    font-family: Arial;
    /*color: #392d78;*/
    font-size: 9pt;
}

.titleGray {
    font-family: Arial;
    /*color: #323657;*/
    font-weight: bold;
    /*font-size:8pt;*/
}

.titleBlack {
    font-family: Arial;
    color: #392d78;
}

.titleBlackNormal {
    font-weight: normal;
    /*color: #111;*/
}

.cboFilter {
    width: 175px;
}

.cboFilter_OldVer {
    width: 150px;
}

.contenthotlist {
    font-family: Arial;
    color: #000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 23px;
}

.titleEdit_Hotlist {
    font-family: Arial;
    font-size: 9pt;
    color: #321996;
    /*color:#7646fb;*/
    font-weight: bold;
}

.titlePass {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    color: black;
}

.titlegray {
    font-family: Arial;
    /*color: #392d78;*/
}

.titleblue {
    background-color: #DAF1FA;
}

.titlegraysmall {
    font-family: Verdana;
    background-color: #DDE5F3;
}

.blackcolor {
    color: Black
}

.titlepink {
    font-family: Arial;
    margin-top: 17px;
    font-weight: bold;
    font-size: 12px;
    /*color: #392d78;*/
}

.titlegray1 {
    font-family: arial;
    /*color: #392d78;*/
}

.titleCheckBox {
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

/* Grid formatting */
.gridHeader a {
    border-color: White;
    text-align: center;
    font-size: 10.5pt;
    font-weight: bold;
}

.gridItem {
    border-color: #ffffff;
    text-align: left;
    padding-left: 10px;
    height: 20px;
    font-size: 12px;
}

.gridItemAdministrator {
    border-color: #ffffff;
    height: 20px;
    color: #191979;
    font-size: 11px;
}

.datagridList tr, td {
    border-color: #ffffff;
}

.datagridList td {
    border-right: 2px solid #ffffff;
}

.datagridList tbody {
    border: #ffffff;
}

.datagridList {
    border-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.gridListProfile td {
    border-right: 0px;
}

.gridSelected {
    color: #ffffff;
    background-color: silver;
}

.gridAlternate {
    color: #34812f;
    background-color: White;
    height: 20px;
    font-size: 12px;
}
/* End of Grid formatting */

.canvas {
    BORDER: gray 1px solid;
    PADDING-LEFT: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-IMAGE: url(../../images/canvas.gif);
    OVERFLOW: hidden;
    POSITION: relative;
    HEIGHT: 240px;
    WIDTH: 320px;
    BACKGROUND-COLOR: black
}

#grid {
    clear: both;
    width: 100%;
}

.popupControl {
    background-color: White;
    position: absolute;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
    background-color: #D1DDEE;
}

.popupDynamic {
    z-index: 1;
}

.dragMe {
    cursor: pointer;
    font-weight: bold;
}

.msg {
    font-family: Arial;
    font-size: 12px;
    width: 200px;
    color: Red;
    text-align: right;
}

.buttonlist {
    width: auto;
    background: none;
}

.gridbuttonlist {
    clear: both;
    padding-top: 3px;
    height: 22px;
    /*background-image:url(../../Images/login_bg5.gif);*/
    width: auto;
}

.popupThead th {
    border: none;
}
/* Collapse panel cho trang user admin */
#userright {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    border: solid 1px gray;
}

.expand #userright {
    position: absolute;
    top: -1000px;
    left: -1000px;
    display: none;
}
/* Dinh dang step cho trang Dashboard */
.stepStyle {
    color: red;
}

#divDashboard {
    CLEAR: both;
    margin-left: auto;
    margin-right: auto;
    WIDTH: 900px;
    height: 500px;
    min-height: 500px;
    height: auto !important;
}

    #divDashboard #wizard {
        PADDING-RIGHT: 30px;
        MARGIN-TOP: 5px;
        PADDING-LEFT: 30px;
        BACKGROUND-COLOR: white;
        min-height: 480px;
        height: auto !important;
        height: 480px;
        width: 650px;
    }


/* Dinh dang trang ManageClientApp */
#tabPanel {
    WIDTH: 400px;
    PADDING-TOP: 20px;
    HEIGHT: 200px;
    TEXT-ALIGN: center;
    overflow: hidden;
    font-size: 11px;
}

#line {
    BORDER-TOP: #2763a5 1px solid;
    HEIGHT: 1px;
    width: 450px;
    margin-left: 0px;
    margin-top: 5px;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

/* Dinh dang cho the a trong luoi may trang searchplate */
.alink a {
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}

    .alink a:hover {
        cursor: pointer;
    }

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalBackground1 {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1;
}

.modalBackground2 {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 3;
}

.modalBackground3 {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 5;
}

.modalBackground4 {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 7;
}

.modalPopup {
    background-color: #e4e4f1;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

#containerHome {
    width: 1000px;
    background-image: url(../../images/LoginHome.png);
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    min-height: 485px;
    height: auto !important;
    height: 485px;
    border: solid 0px red;
    position: relative;
}

#Admin {
    float: none;
    width: 182px;
    height: 120px;
    text-align: center;
}

#containerIndex {
    width: 1000px;
    background-image: url(../../images/Learn_Index2.jpg);
    padding: 0px;
    margin: auto;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#containerLogin {
    width: 608px;
    background-color: #46429a;
    min-height: 465px;
    float: left;
}
/*Dung cho trang QuickSearchLanding*/
.headerStyleQuick {
    font-family: arial;
    font-size: 15pt;
    font-weight: bold;
    line-height: 1.5;
    color: #392d78;
    font-weight: bold;
}

.normalStyleQuick {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.5;
    padding-top: 20px;
    padding-left: 50px;
    color: #392d78;
    font-weight: bold;
}

.normal1StyleQuick {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    padding-left: 295px;
    color: #392d87;
    width: 645px;
    padding-top: 5px;
}

.normalStyleHotlist {
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 50px;
    color: #392d87;
    font-weight: bold;
}

.headerstyle {
    FONT-SIZE: 27pt;
    /*COLOR: #392d78;*/
    FONT-FAMILY: Arial;
    font-weight: bold;
}


.normalstyle {
    FONT-SIZE: 12pt;   
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.normalstyle1 {
    FONT-SIZE: 11pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.bulletstyle {
    FONT-SIZE: 9pt;
    /*COLOR: #392d78;*/  
}

.bulletheaderstyle {
    FONT-SIZE: 13.5pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.bulletheaderstyle2 {
    FONT-SIZE: 11pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.headerstyle2 {
    FONT-SIZE: 27pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial;
    font-weight: bold;
    line-height: 28px;
}

.headerhotlisttem {
    FONT-SIZE: 13pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.headerStep {
    FONT-SIZE: 11pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.headerNoHotlist {
    FONT-SIZE: 13pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.headerbutton {
    FONT-SIZE: 10pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.headerstyle3 {
    FONT-SIZE: 12.5pt;
    COLOR: #333399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.headerstyle4 {
    FONT-SIZE: 17.5pt;
    COLOR: #392d87;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.formStyle1 {
    FONT-SIZE: 16pt;
    color: #333399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.formStyle {
    FONT-SIZE: 18pt;
    color: #392d78;
    FONT-FAMILY: Arial;
    font-weight: bold;
}

.normalstyle2 {
    FONT-SIZE: 16pt;
    COLOR: #333399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.textcenter {
    width: 100%;
    float: left;
    text-align: center;
}

.nolink {
    text-decoration: none;
    color: gray;
    cursor: text;
}

/*CSS for Saerch Agenncies page*/
.title_Header {
    FONT-SIZE: 10.5pt;
    font-family: Arial;
    /*color: #392d78;*/
    font-weight: bold;
}

.title_Header_1 {
    FONT-SIZE: 14px;
    font-family: Arial;
    /*color: #392d78;*/
    font-weight: bold;
}

.title_Header_2 {
    FONT-SIZE: 10.5pt;
    font-family: Arial;
    /*color: #392d78;*/
    font-weight: bold;
}

.title_Header_3 {
    FONT-SIZE: 9pt;
    font-family: Arial;
    /*color: #392d78;*/
}

/* CSS styles for cells on left menu */
.cell {
    width: auto;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    border: solid 0px blue;
}

.style1 {
    width: 160px
}

.style2 {
    width: 71px
}

.style3 {
    width: 150px
}

.style4 {
    width: 90px
}

.style40 {
    width: 40px
}

.style63 {
    width: 63px
}

.style70 {
    width: 70px
}

.style77 {
    width: 77px
}

.style80 {
    width: 80px
}

.style84 {
    width: 84px
}

.style180 {
    width: 180px
}

.style120 {
    width: 120px
}

.style140 {
    width: 140px
}

.style150 {
    width: 150px
}

.styleTextboxLong {
    width: 240px
}

.styleTextboxShort {
    width: 88px
}

.style88 {
    width: 88px
}

.cell select {
    width: 200px;
}

.cell input[type=text] {
    width: 195px;
}

.result {
    color: #392d78;
}

/* Rounded Corners*/

.alertcontrol {
    width: 200px;
    padding-left: 7px;
}

.roundedPanel {
    /*
	background-image:url(../../images/sys_bg_alertcontrol.png);
	background-repeat:no-repeat;
	*/
    width: 190px;
    float: left;
    text-align: left;
}

    .roundedPanel .spanStyle {
        font-weight: normal;
        margin-left: 5px;       
        font-size: 9pt;
    }


/* System Settings Control Box */
.systemsettings_controlbox {
    font-weight: normal;
    width:530px
}

    .systemsettings_controlbox h1 {
        font-size: 12pt;
        /*color: #000;*/
        padding-bottom:20px
    }

    .systemsettings_controlbox .item {
        border: solid 0px red;
        font-size: 11px;
        padding: 25px
    }

    .systemsettings_controlbox .alternatingitem {
        border: solid 0px red;
        /*background-color: #e7e5ef;*/
        font-size: 11px;
        padding: 25px
    }
    .systemsettings_controlbox .border-controlbox-1 {
        border-bottom: 2px solid #9A9899
    }
.titleTab {    
    /*color: #000;*/
    font-size: 9pt;
}
/* Override cai mau nen cua tab control */

.ajax__tab_ie-theme .ajax__tab_header {
    padding-left: 10px;
}

    .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
        margin-right: 0px;
        /* background: url(../../images/tabs/tab_Alert_InActive.png); */
        /*width: 150px;*/
        text-align: center;
        font-weight: bold;
        /* font-family: arial; */
        font-size: 14px;
        height: 30px;
        line-height: 9px;
        border: 2px solid #696a6c;
        border-radius: 10px;
        background-color: #7e90d0;
        padding: 10px 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        color: #e4e4f2;
        margin-bottom: -2px
    }

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
    /*background:url(../../images/tabs/tab_Alert_Active.png);*/
    background-color: #f9f0f0;
    color: #373b6b;
}

.ajax__tab_ie-theme .ajax__tab_hover .ajax__tab_tab {
    /*background:url(../../images/tabs/tab_Alert_Active.png);*/
    background-color: #f9f0f0;
    color: #373b6b;
}

.ajax__tab_ie-theme .ajax__tab_body {
    font-size: 13px;
    font-family: arial;
    width: 450px;
    border: 2px solid #696a6c;
    background-color: #EEE;
    margin-left: 10px;
}


/* System Settings InfoBox */
.systemsettings_infobox {
    width: 199px;
    font-weight: normal;
    font-size: 10.5pt;
    /*color: #392d78;*/
    /*padding-top: 40px;*/
}

    .systemsettings_infobox .infobox {
        /*border:1px solid #999;*/
        border: 1px solid #fff;
    }

    .systemsettings_infobox .infobox_gap {
        margin-bottom: 10px;
    }

    .systemsettings_infobox .infobox .header {
        /*background-color: #b6b5ef;*/
        border-bottom: 1px solid #fff;
        line-height: 30px;
        text-align: center;
    }

    .systemsettings_infobox .infobox .item {
        /*background-color: #fff;*/
        /*color: #000;*/
        line-height: 25px;
        text-align: center;
        padding: 0 5px;
    }

    .systemsettings_infobox .infobox .item_wap {
        background-color: #fff;
        color: #000;
        text-align: center;
        padding: 0;
        height: auto !important;
        max-height: 80px;
        overflow-y: auto;
    }

.gridAgencyProfile {
    margin: 0;
    padding: 0;
    border: 0
}

    .gridAgencyProfile td {
        text-align: center;
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }

.gridTest {
    border: 0px;
    background-color: #C7D5FF;
    line-height: 25px;
}

    .gridTest td {
        border-color: White;
        /*border-bottom:solid 1px gray;*/
    }

.gridHeaderTest {
    border-color: White;
    background-color: #C7D5FF;
    /*text-align:center;*/
}

    .gridHeaderTest td {
        border-color: White;
        border-bottom: solid 1px gray;
    }

/* Rounded Corner */
.roundcorner {
    width: 250px;
    background-color: #9b98c7;
    color: #fff;
}

    .roundcorner p {
        margin: 0 10px;
    }

.roundtop {
    background: url(../../Images/box/top-right.png) no-repeat top right;
}

.roundbottom {
    background: url(../../Images/box/bottom-right.png) no-repeat top right;
}

img.corner {
    width: 10px;
    height: 10px;
    border: none;
    display: block !important;
}


.corner {
    height: 20px;
    width: 19px;
}

.topleftimage {
    background: url(../../Images/native/top-left.png) no-repeat top left;
}

.toprightimage {
    background: url(../../Images/native/top-right.png) no-repeat top left;
}

.bottomleftimage {
    background: url(../../Images/native/bottom-left.png) no-repeat top left;
}

.bottomrightimage {
    background: url(../../Images/native/bottom-right.png) no-repeat top left;
}

.background {
    background: url(../../Images/native/1.png) repeat;
}


.cssCboBox {
    width: 198px;
}

.gridTestHotlist {
    border: 0px;
    background-color: white;
    font-size: 17px;
}

    .gridTestHotlist td {
        border-color: White;
        border-bottom: solid 1px gray;
    }

.csslnkCharacter {
    color: Black;
}

.selectedRowHotlist {
    background-color: #3219D2;
}

.hideHotlist {
    display: none;
}

.cssStyletxt {
    width: 192px;
}

.ddlHotConnec {
    width: 145px;
}

.txtHotConnec {
    width: 140px
}

.txtDayHotConnec {
    width: 38px !important;
}

.txtStep2A {
    width: 80px;
}

.txtStep3 {
    width: 86px;
}

.gridHeader {
    /*background-color: rgb(199, 213, 255);*/
    border-bottom:1px solid #fff;
    /*color: #392d78;*/
    font-weight: bold;
}

.datagridList .hitlocked {
    /*background-color:#D4D4D4;*/
    color: #B6B6B6;
    background-color: #fff;
}

.datagridList .hitunlocked {
    background-color: #fff;
}

.datagridList .hithidden {
    color: white;
    background-color: darkgray;
}

.datagridList .hitlocked .alink a {
    color: #B6B6B6;
}

.grid_header_row {
    padding: 5px 0px 5px 0px;
}

.close {
    background: transparent url('../../images/streetview_close.gif') no-repeat center center;
    width: 21px;
    height: 21px;
    cursor: pointer;
    position: absolute;
    z-index: 200000;
}

.close-hover {
    background: transparent url('../../images/streetview_close_hover.gif') no-repeat center center;
    width: 21px;
    height: 21px;
    float: right;
    cursor: pointer;
    position: absolute;
    z-index: 200000;
}

.cell {
    width: auto;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    border: solid 1px darkgray;
}

#clearfloat {
    clear: both;
}

.clearBoth {
    clear: both;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.noborder {
    border: 0px;
}

.progress {
    width: 200px;
    top: 300px;
    left: 400px;
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1000;
}

.datagridList .rowselected {
    background-color: #3219D2;
    color: yellow;
}

.datagridList .rowhover {
    background-color: #C8D2FF;
    cursor: pointer;
    color: black;
}

.datagridList .rownormal {
    background-color: red;
    color: Blue;
}

.nowrap {
    white-space: nowrap;
}

.greeting, .greeting a {
    color: rgb(25, 10, 160);
    font-size: 14px;
}

    .greeting a {
        text-decoration: none;
    }

        .greeting a:hover {
            text-decoration: underline;
        }

.scrollTableHL td, th {
    padding: 0px 5px;
    margin: 0px;
    text-align: center;
    white-space: nowrap;
    border: none;
}

.scrollTableMAS {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border: 1px solid white;
    font-size: 12px;
    white-space: nowrap;
    background-color: White;
}

    .scrollTableMAS td, .scrollTableMAS th {
        border: 2px solid white;
        padding: 3px 5px;
        text-align: center;
        border-collapse: collapse;
    }

    .scrollTableMAS thead th {
        background-color: #c8d5ff;
        color: #382c79;
        text-align: center;
        border: 2px solid white;
    }

    .scrollTableMAS .CssItemStyle {
        background-color: #c7d5ff;
        color: #392d78;
    }

    .scrollTableMAS .CssAlternatinsStyle {
        background-color: #ffffff;
        color: #34812f;
    }

    .scrollTableMAS .CssHeaderStyle {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
    }

.cellRow {
    white-space: nowrap;
}

.alertstyle {
    white-space: normal;
    text-align: center;
    width: 122px;
}

.norecordfound {
    color: #382c79;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    margin-left: 300px;
}

/* Firefox has missing border bug! https://bugzilla.mozilla.org/show_bug.cgi?id=410621 */




.scrollTableMAS .hitlocked {
    /*background-color:#D4D4D4;*/
    color: #B6B6B6;
    background-color: #fff;
}

.scrollTableMAS .hitunlocked {
    background-color: #fff;
}

.scrollTableMAS .hithidden {
    color: white;
    background-color: #5d5d5d;
}

.scrollTableMAS .hitlocked .alink a {
    color: #B6B6B6;
}

.scrollTableMAS .rowselected {
    background-color: #3219D2;
    color: white;
}

.tb_system .rowselected {
    background-color: #3219D2;
    color: #ffffff;
    cursor: pointer;
    height: 20px;
}

.tb_system .rowhoveritem {
    background-color: #87cefa;
    height: 20px;
    color: #2A2D5E;
}

.tb_system .rowhoveralert {
    background-color: #87cefa;
    height: 20px;
    color: #34812F;
}

.tb_system .rowhoverselect {
    background-color: #87cefa;
    height: 20px;
    color: #ffffff;
}


.scrollTableMAS .rowselected a {
    background-color: #3219D2;
    color: white;
}

.scrollTableMAS .rowhover {
    background-color: #9bfcfb;
    cursor: pointer;
    color: black;
}

.scrollTableMAS .rownormal {
    background-color: red;
    color: Blue;
}
/*Dinh dang cho chuc nang cua nut User*/
.titleUser {
    font-family: Verdana;
    /*color: black;*/
}

.rightConfig_td {
    border-bottom: 1px solid gray;
}

.rightConfig_td_1 {
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    text-align: center;
}

.rightConfig_td_2 {
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
}

.cssStyletxtlong_Popup {
    width: 255px;
    height: 20px;
    background-color: #f0f7ff;
    border: 1px solid gray;
}

.cssStyletxtsmall_Popup {
    height: 20px;
    width: 94px;
    background-color: #f0f7ff;
    border: 1px solid gray;
}

.cssStyletxtlong {
    width: 229px;
    height: 20px;
    background-color: #f0f7ff;
    border: 1px solid gray;
}

.cssStyletxtsmall {
    height: 20px;
    width: 86px;
    background-color: #f0f7ff;
    border: 1px solid gray;
}

.cssStylecboSmall_Popup {
    width: 96px;
    background-color: #f0f7ff;
    border: 1px solid gray;
    height: 22px;
}

.cssStylecboSmall {
    width: 88px;
    background-color: #f0f7ff;
    border: 1px solid gray;
    height: 22px;
}

.breakword {
    table-layout: inherit;
    white-space: pre-wrap;
}

.editright {
    width: 98px;
}

.cboright {
    width: 104px;
}

.clsListbox {
    /*width:90%; height:99%; border-bottom-color:0px;padding-left:1px*/
    width: 183px;
    height: 213px;
}

.datagridList {
    overflow: hidden;
}

.enterkeyclass {
    width: 160px;
    height: 30px;
    position: absolute;
    z-index: 10;
    padding-left: 5px;
    font-weight: bold;
    background-image: url(../../Images/entertorefresh.gif);
    background-repeat: no-repeat;
}

.box_quick_mid {
    background: url(../../images/box_quicksearch_mid.jpg) repeat-y center top;
}

.box_quick_top {
    background: url(../../images/box_quicksearch_top.jpg) no-repeat center top;
}

.box_quick_bot {
    background: url(../../images/box_quicksearch_bot.jpg) no-repeat center bottom;
}

.leftadvance {
    float: left;
    width: 320px;
}

.rightadvance {
    float: left;
    width: 657px;
    margin-left: 2px;
}

.box_advance_mid {
    background: url(../../images/box_advance_mid.jpg) repeat-y center top;
}

.box_advance_top {
    background: url(../../images/box_advance_top.jpg) no-repeat center top;
}

.box_advance_bot {
    background: url(../../images/box_advance_bot.jpg) no-repeat center bottom;
}

.row_title {
    padding: 20px 0 15px 20px;
    FONT-SIZE: 12pt;
    COLOR: #392D78;
    font-weight: bold;
}

.box_advanceRight_mid {
    background: url(../../images/box_advenceRight_mid.jpg) repeat-y center top;
}

.box_advanceRight_top {
    background: url(../../images/box_advenceRight_top.jpg) no-repeat center top;
}

.box_advanceRight_bot {
    background: url(../../images/box_advenceRight_bot.jpg) no-repeat center bottom;
}

.bg_software_mid {
    background: url(../../images/bg_software_mid.jpg) repeat-y center top;
}

.bg_software_top {
    background: url(../../images/bg_software_top.jpg) no-repeat center top;
}

.bg_software_bot {
    background: url(../../images/bg_software_bot.jpg) no-repeat center bottom;
}

.title_advance {
    font-size: 12pt;
    font-weight: bold;
    padding: 20px 0 0 20px;
    display: block;
    width: 250px;
    float: left;
}

.centercolDensity_640 {
    float: left;
    background-color: #e4e4f1;
    height: 625px;
    width: 688px;
    margin-left: -2px;
}

.inputDboard input {
    margin-right: 0px;
}

.nameDb {
    padding-left: 5px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

.wrapper_text {
    padding: 50px 10px 10px 105px;
}

.font_header_gird {
    font-size: 9pt;
    /*color: #392d78;*/
    font-family: Arial;
}

.step_soft {
    font-size: 10.5pt;
    font-weight: bold;
    font-family: Arial;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.grid_Phone {
    min-width: 160px;
}
/*------ Table Get Alert - MAS*/

.CellAlertConfig_1 {
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    text-align: center;
}

.CellAlertConfig_2 {
    border-right: 1px solid gray;
    border-left: 0px solid gray;
    border-bottom: 1px solid gray;
    text-align: center;
}

.popupcaptionOutputReport1 {
    /*color: #000000;*/
    font-family: Arial;
    font-size: 13.5pt;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divNoteHot {
    width: 220px;
    word-wrap: break-word;
}

.divTileNoteHot {
    /*width: 115px;*/
    word-wrap: break-word;
}


.FormBillingCycle {
    /*border-radius: 5px;
    border: 2px solid #AFAFB7;
    margin: 0 8px 10px 8px;
    background-color: #F3F3F3;*/
}

.StyleDivCycle {
    width: 330px;
    height: 40px;
    padding-left: 12px;
}

.divBillingCycle {
    border-radius: 5px;
    height: 12px;
    width: 330px;
    background-color: #EEF0EF;
    border: 1px solid #666867;
}

.divCurBillingCycle {
    border-radius: 5px;
    height: 10px;
    width: 0px;
    background-color: #53B2E3;
    float: left
}

.labelBillingCyleLeft {
    float: left;
    padding-top: 5px
}

.labelBillingCyleRight {
    float: right;
    padding-top: 5px
}

.divCredits {
    border-radius: 5px;
    height: 10px;
    width: 330px;
    background-color: #EEF0EF;
    border: 1px solid #666867;
}

.divCurCredits {
    border-radius: 5px;
    height: 10px;
    width: 0px;
    background-color: #54CC38;
    float: left;
}

.labelCreditsLeft {
    float: left;
    padding-top: 5px
}

/**************************************************************/
.imgCalandar {
    background: url(../../images/cal.gif?v=5.1.061313.0949) no-repeat center left;
    width: 16px;
    height: 16px;
    border: 0px
}

.imgPrev_Next {
    width: 16px;
    height: 16px;
    border: 0px
}


.imgVerticalline {
    background: url(../../images/verticalline.png?v=5.1.061313.0949) center left;
    width: 3px;
    height: 16px;
    border: 0px;
}

.imgLoading {
    background: url(../../images/loading2.gif?v=5.1.061313.0949) no-repeat left;
    width: 20px;
    height: 20px;
    border: 0px;
    margin: auto;
}

.imgClose {
    background: url(../../images/btn_close_panel.jpg?v=5.1.061313.0949) no-repeat left;
    width: 16px;
    height: 13px;
    border: 0px;
    cursor: pointer
}

.imgHeaderBg {
    BACKGROUND-IMAGE: url(../../Images/bg_drag_popup.jpg?v=5.1.061313.0949);
    border-bottom: 1px solid #000000;
}



/*--------------
    Grid Domain
    ----------------*/
.clsGridDomain tr td {
    text-align: left;
    height: 20px;
    padding-left: 10px;
    border-bottom: none
}

.clsGridDomain {
    /*color: #000*/
}

    .clsGridDomain tr:hover:not(.rowselected_Domain) {
        background-color: #E1E1E1;
        color: #000
    }

.rowNonSelect_Domain {
    /*color: #000*/
}

.rowselected_Domain {
    color: #fff;
    background-color: #5AB7E3
}

#txtApprovedDomain {
    width: 300px;
    height: 22px
}

.scrollTableDSAccept .rowselected {
    background-color: #4999FF;
    color: #ffffff !important;
    cursor: pointer;
}

.scrollTableDSAccept .itemDSstyle {
  
}


    div.clsListInfoUsers div:nth-child(3) table td {
        border: 1px solid #fff;
        padding: 1px
    }
div.clsListInfoUsers .border-table-view-list-user {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/********************************************************************************************/
/*SearchAgencies.css*/
/*modal background*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
/* highligh  link on gridview*/
a.hplink {
    color: #003399;
    cursor: pointer;
    text-decoration: none;
}

    a.hplink:hover {
        color: Red; /*#963b9c*/
        text-decoration: underline;
    }

    a.hplink:visited {
        color: Red; /*#963b9c*/
        text-decoration: underline;
    }

    a.hplink:active {
        color: #003399;
        text-decoration: none;
    }
/*for datagrid*/

.gridAgency {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: none;
    overflow: hidden;
}

    .gridAgency th {
        border-right: 2px solid White;
    }

    .gridAgency td {
        border-right: 2px solid White;
        width: 100px;
    }

.gridManager {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: white;
    border: 0px;
}


    .gridManager td {
        border: 1px solid gray;
        width: 100px;
        padding: 4px;
    }
    .gridManager tr.rowselected {
        background-color: #cce4ee
    }
.dgvSearchAgency {
    padding-left: 50px;
    width: 98%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid white;
}

    .dgvSearchAgency th {
        border-color: White;
    }

    .dgvSearchAgency td {
        /*border-color:White;*/
        border: 1px solid White;
    }
/*dinh dang the div chua datagrid user, manager, sysstem*/
.divDataGridContent {
    height: 80px;
    max-height: 80px;
    width: 100%;
    overflow: auto;
    /*overflow-x: hidden;*/
}
/* CSS fro View Agency Managers */

.leftForm_AgencyManager {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    padding-bottom: 10px;
}

.divDataAgencyManager {
    width: 98%;
    margin: 0 auto;
    border: 2px solid #bbbbbb;
}

.divContent {
    overflow: auto;
    overflow-x: hidden;
    height: 258px;
    background-color: #d9e6f5;
}

.divHeader_Footer {
    HEIGHT: 20px;
    BACKGROUND-COLOR: #8695fc;
}

/* CSS for Add new user page*/
.leftForm_User1 {
    width: 97%;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 15px;
}

.tblAddUser {
    width: 100%;
}

    .tblAddUser td {
        padding-top: 2px;
    }

.leftForm_User_new2 {
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin: 0 auto;
}

.leftForm_User2 {
    width: 90%;
    /*height: 235px;*/
    min-height: 100px;
    height: auto !important;
    height: 100px;
    position: relative;
    margin-top: 0px;
    float: left;
}

.systemOperaterStatus {
    width: 100%;
    height: 55px;
    background-color: #f2f2f2;
}

.divConsoleAccess {
    margin: 10px 10px 0px;
    background-color: #f2f2f2;
    padding: 10px;
    border-top: 1px solid #bbb;
    width: 315px;
}

.rightForm_User {
    width: 94%;
    margin: 0 auto;
}

.rightForm_User_child_1 {
    width: 100%;
}

.rightForm_User_child_2 {
    width: 100%;
}

.rightForm_User_child_3 {
    width: 100%;
}

.rightForm_User_td {
    border-bottom: 1px solid gray;
}

.rightForm_User_td_1 {
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    height: 24px;
}

.rightForm_User_td_2 {
    height: 24px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}

.rightForm_User_td_3 {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}

.rightForm_User_td_4 {
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
}

.divEdit {
    width: 51px;
    margin-left: 1px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}
/*link user landing*/
.uLinkLanding a {
    color: #003399;
    cursor: pointer;
    text-decoration: none;
}

    .uLinkLanding a:hover {
        color: #003399;
        text-decoration: underline;
    }

#leftcolAddUser {
    width: 295px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
}

.bg_Form {
    /*background-color: #e4e4f1;*/
    /*height: 100%;*/
    /*width: 100%;*/
}

.divFormControl_Left {
    width: 100%;
    padding: 0px;
}

.divFormControl_left_1 {
    WIDTH: 95%;
    margin: 0 auto;
}


/*div background search*/
#divBackgroup {
    width: 100%;
    height: auto;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

    #divBackgroup #divSearch {
        margin-top: 55px;
        float: left;
    }

        #divBackgroup #divSearch #span1 {
            margin-left: 60px;
        }

        #divBackgroup #divSearch #span2 {
            margin-left: 155px;
        }

        #divBackgroup #divSearch #span3 {
            margin-left: 180px;
        }
/*div form view detail agency*/
/*#divViewData{WIDTH: 650px;margin: 0 auto;}
#divViewData #divHeaderColor{FLOAT: left; WIDTH: 100%; HEIGHT: 20px; BACKGROUND-COLOR: #8695fc;}*/
.divViewDetailAgency {
    FLOAT: left;
    WIDTH: 100%;
    border: 1px solid #808080;
    margin-bottom: 3px
}

#FormAgencies {
    WIDTH: 100%;
    /*BACKGROUND-COLOR: #c9d5ff;*/
    height: 25px;
    line-height: 25px
}

#agnecyInfo {
    WIDTH: 100%;
    margin-top: 3px;
    float: left;
}

#agnecyClosed {
    FLOAT: right;
    WIDTH: 80px;
    height: 20px;
    margin-right: 20px;
}

/* form including Manager, User, Sytem*/
.lineGray {
    height: 1px;
    background-color: #ffffff;
}

.clsViewAgencyDetail {
    /*BACKGROUND-COLOR: #d9e6f5;*/
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080
}

    .clsViewAgencyDetail > div, .clsViewAgencyDetail2 > div {
        display: inline-block;
        vertical-align: top;
        width: 33%;
        text-align: center;
        padding: 20px
    }
/*#mainForm{width:100%;BACKGROUND-COLOR: #d9e6f5;border-bottom:1px solid #808080;border-top:1px solid #808080;height:205px;padding-top:35px;}
#mainForm SPAN{COLOR: #392d78}
#mainForm DIV{width:100%;text-align:center;}*/
/*div datagrid contain*/
/*#dataGridContain{width:100%; float:left;}
#dataGridContain DIV{float:left; text-align:center;}*/
.hidDiv {
    MARGIN-TOP: 30px;
    width: 100%;
    float: left;
    text-align: center;
}
/*part Data Sharing*/
/*#divDataSharing{width:100%; height:auto; float:left;MARGIN-TOP: 15px; MARGIN-BOTTOM: 10px}
#divDataSharing DIV{width:100%;float:left; text-align:center;}*/
/*div form view List agency*/
.ListAgency {
    Width: 100%;
    FLOAT: left;
    HEIGHT: 250px;
    white-space: nowrap;
    clear: both;
    background-color: #8798F4;
}

#divFooterColor {
    FLOAT: left;
    WIDTH: 100%;
    HEIGHT: 19px;
    BACKGROUND-COLOR: #8695fc;
    text-align: center;
}

    #divFooterColor DIV {
        width: 100%;
        float: left;
        text-align: center;
    }
/*part data sharing*/
.divLPTData {
    width: 100%;
    height: 80px;
    margin-top: 5px;
    background-color: White;
}

.Q_Pageper {
    width: 100%;
    background-color: #8798f4;
    height: 25px;
    line-height: 25px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.gridAgency .rowselected {
    background-color: #0b2efc;
    color: #ffffff;
    cursor: pointer;
}

.gridAgency .rowhover {
    background-color: #0b2efc;
    color: #ffffff;
    cursor: pointer;
    height: 20px;
}

.gridAgency .itemstyle {
    background-color: #ffffff;
    color: #66a063;
}

.gridAgency .alternatingstyle {
    background-color: #323868;
    color: #d9e6f6;
}

.divHeadGridData {
    margin-top: 30px;
}

.headStyle {
    height: 25px;
    font-size: 13px;
    font-weight: bold;
}

.bg_IDNVLS_Data {
    /*background-color: #fff;*/
    border: 2px solid #ccc;
    border-radius: 5px;
    /*width:43px;*/
    white-space: nowrap;
    padding: 5px 10px;
    text-align: center;
    display: inline-block
}

.bg_IDNVLS_Status {
    background: url(../../images/bg_conner_1.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 37px;
    margin-left: 20px;
    text-align: center;
    padding-top: 10px;
}


/*==================== CSS For Bulk User Creation =======================*/
.browserForm {
    text-align: left;
    position: relative
}

    .browserForm .browserText {
        
    }

.browserFile {
    filter: alpha(opacity=0);
    opacity: 0.0;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 0;
    height: 20px;
    width: 120px;
    cursor: pointer;
}


/********************************************************************************************/
/*softwareupdates.css*/
#leftcolSU {
    width: 322px;
    float: left;
    min-height: 570px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    margin-right: -2px;
    padding-right: 3px;
    margin: 0px;
    border-right: solid 2px gray;
    overflow-x: auto;
}

#centercolSU {
    float: left;
    background-color: #e4e4f1;
    min-height: 600px;
    height: auto !important;
    height: 550px;
    width: 780px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    margin-left: -2px;
    overflow-x: auto;
}
/*set background for form*/
.SetBackground {
    width: 100%;
    height: 100%;
    float: left;
    background-color: #e4e4f1;
}

.headerUpdateSoftware {
    FONT-SIZE: 18pt;
    COLOR: #392d78;
    FONT-FAMILY: Arial;
    font-weight: bold;
}

.uploadfilename {
    float: left;
    overflow: hidden;
    width: 110px;
    height: 18px;
    background-color: White;
    border: 1px solid #7f9db9;
    color: Black;
    font-family: Arial;
    font-size: 10.5pt;
    font-weight: normal;
}

/********************************************************************************************/
/*QuickSearchReturn.css*/
.Q_HeadText {
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    color: #392d78;
    text-align: center;
    line-height: 50px;
    display: block;
}

.Q_Plate {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    color: #a3020d;
}

.Q_fontStyle_weight {
    font-family: arial;
    font-size: 12pt;
    color: #191979;
    font-weight: bold;
    line-height: 39px;
    padding-left: 10px;
}

.f_sRecord {    
    font-size: 9pt;
    /*color: #191979;*/
    padding-left: 10px;
}

.Q_fontStyle {
    font-family: arial;
    font-size: 12px;
    /*color: #191979;*/
    font-weight: bold;
}

.Q_fontStyle1 {
    font-family: arial;
    font-size: 13px;
    color: #5912fa;
    font-weight: bold;
}

.Q_fontStyleNormal {
    font-family: arial;
    font-size: 12px; /*color:#4632a4;*/
    color: black;
}

.Q_Form1 {
    width: 95%;
    height: auto !important;
    border: 1px solid gray;
    clear: both;
    position: relative;
}

.Q_Head_color_data {
    width: 100%;
    height: 25px;
    height: auto !important;
    float: left;
    background-color: #c7d5ff;
    border-top: 1px solid #fdffff;
    border-bottom: 1px solid #fdffff;
}

.datacontentFile {
    width: 100%;
    float: left;
    height: 235px;
    background-color: #d9e6f5;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.scrollTable {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #ffffff;
}

    .scrollTable td {
        border-left: border-left: 2px solid #ffffff;
        height: 20px;
    }

    .scrollTable thead th {
        background-color: #8798f4;
        font-family: Verdana;
        font-size: 13px;
        color: #5912fa;
        font-weight: bold;
        height: 26px;
    }

.scrollTableHL {
    width: 100%;
}

    .scrollTableHL thead th a, .scrollTableHL thead td a {
        font-size: 10pt;
        color: #392d78;
    }

    .scrollTableHL tr td {
        border: 2px solid #ffffff;
        height: 30px;
        padding: 0 5px;
    }

    .scrollTableHL tr {
        height: 20px;
    }

    /*.scrollTable thead th { background-color:5912fa; font-family:Verdana;font-size:13px;color:#392d78;font-weight:bold;border:3px solid black;position:relative;  top:expression(this.offsetParent.scrollTop);}*/
    .scrollTableHL thead th {
        font-family: arial;
        font-size: 10pt;
        color: #392d78;
        font-weight: bold;
        border-right: 1px solid #ffffff;
        height: 30px;
    }

    .scrollTableHL th {
        border: 2px solid white;
        text-align: center;
        border-collapse: collapse;
    }



/*for pop up panel*/
.popupColumnSelected {
    width: 480px;
    height: 310px;
    position: absolute;
    border: 2px solid gray;
    background-color: #e4ecf8;
    z-index: 101;
}

.popupColumnSelectedHotlist {
    width: 480px;
    height: 310px;
    position: absolute;
    border: 2px solid #000;
    background: #d1dced;
    /*background-image:url(../../images/bgpopupColumnSelectedHotlist.png);*/
    /*background-color:#d2deee;*/
    z-index: 101;
}

.popupColumnSelectedHotlistDS {
    width: 480px;
    height: 310px;
    position: absolute;
    border: 1px solid #000;
    background: #d1dced;
    /*background-image:url(../../images/bgpopupColumnSelectedHotlist.png);*/
    /*background-color:#d2deee;*/
    z-index: 101;
}

.popupColumnSelectedHotlist_Add_button {
    font-family: Arial;
    font-size: 12pt;
}

.popupColumnSelectedHotlist_Top_button {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popupcaption {
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    color: #444c55;
    padding-top: 20px;
    padding-bottom: 20px;
}

.popupcaptionOutputReport {
    font-family: Arial;
    font-size: 13.5pt;
    /*color:#444c55;*/
    /*color: #000;*/
    padding-top: 15px; /* padding-bottom:0px;*/
    height: 40px;
}

.popupcaptionOutputReport1 {
    font-family: Arial;
    font-size: 13.5pt;
    /*color:#444c55;*/
    /*color: #000;*/
    padding-top: 15px; /* padding-bottom:0px;*/
}

.popupTitleHeader {
    font-size: 13.5pt;
}

.popupThead {
    width: 100%;
    font-family: arial;
    font-size: 10.5pt;
    /*color: #444c55;*/
}

.popupThead_Report {
    width: 100%;
    font-family: Arial;
    font-size: 9.5pt;
    font-weight: bold;
    /*color: #444c55;*/
}

    .popupThead_Report td, th {
        border: none;
    }

.popupTitle {
    width: 100%;
    font-family: Verdana;
    font-size: 12px;
    /*color: #444c55;*/
}

.AD_VehicleInfo {
    width: 320px;
    border: 1px solid gray;
    margin: 10px auto;
}

.scrollTable .rowselected {
    background-color: #3219D2;
    color: #ffffff;
    cursor: pointer;
    height: 20px;
}

.scrollTableHL .rowselected {
    background-color: #3219D2;
    color: #ffffff;
    cursor: pointer;
    height: 20px;
}

.scrollTable .rowhover {
    background-color: #87cefa;
    color: Red;
    cursor: pointer;
    height: 20px;
}
/*HL*/
.scrollTableHL .rowhover {
    background-color: #87cefa;
    /*color:Red;*/
    color: #ffffff;
    cursor: pointer;
    height: 20px;
}


.scrollTable .itemstyle {
    background-color: #D9E6F5;
    color: #392d78;
    height: 20px;
}

.scrollTableDB .itemstyle1 {
    background-color: #D9E6F5;
    color: #392d78;
    height: 20px;
}

.scrollTableHL .itemstyle td {
    background-color: #D9E6F5;
    color: #392d78;
    height: 20px;
    border: 2px solid #ffffff;
}

.scrollTableHL .alternatingstyle td {
    background-color: #ffffff;
    color: #34812F;
    height: 20px;
    border: 2px solid #ffffff;
}


.scrollTable .alternatingstyle {
    background-color: #ffffff;
    color: #34812F;
}

.scrollTableDB .alternatingstyle1 {
    background-color: #ffffff;
    color: #34812F;
}

.savedpanel {
    width: 300px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    position: absolute;
    border: 2px solid gray;
    background-color: #e4ecf8;
    z-index: 101;
}

#Q_leftcol {
    width: 360px;
    float: left;
    min-height: 525px;
    height: auto !important;
    height: 465px;
    background-color: #e5e4f2;
}

#S_leftcol {
    width: 310px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    margin-right: -2px;
    padding-right: 3px;
    margin: 0px;
    border-right: solid 2px gray;
}

#S_leftcol1 {
    width: 320px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    margin-right: -2px;
    padding-right: 3px;
    margin: 0px;
    border-right: solid 2px gray;
}

#P_leftcol {
    width: 356px;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: #e4e4f1;
    padding-left: 3px;
    padding-top: 5px;
    padding-right: 5px;
    padding-right: 3px;
    margin-left: 5px;
    border-right: solid 2px gray;
}

#Q_rightcol {
    float: left;
    /*background-color: #e4e4f1;*/
    min-height: 465px;
    padding: 0px;
    padding-left: 3px;
    padding-top: 5px;
}

.popuphover {
    width: 130px;
    height: 102px;
    z-index: 100;
    background-image: url(../../images/popuphover.png);
    background-repeat: no-repeat;
    position: absolute;
    padding-left: 25px;
    padding-top: 7px;
}

.scrollTableDB td {
}

.itemstyle td {
    background-color: #D9E6F5;
    color: #392D78;
    height: 20px;
    border-right: 2px solid #ffffff;
}

.itemstyle1 td {
    background-color: #D9E6F5;
    color: #392D78;
    height: 20px;
    border-right: 2px solid #a2a2a2;
    padding: 0 10px;
}

.alternatingstyle td {
    background-color: #FFFFFF;
    color: #34812F;
    height: 20px;
    border-right: 2px solid #ffffff;
}

.alternatingstyle1 td {
    background-color: #FFFFFF;
    color: #34812F;
    height: 20px;
    border-right: 2px solid #a2a2a2;
    padding: 0 10px;
}

tr.gridHeaderHotlist {
    border-top: 2px solid #fff;
    background-repeat: repeat-x;
    background-position: center bottom;
}

    tr.gridHeaderHotlist th {
        padding: 0 10px;
    }

        tr.gridHeaderHotlist th a {
            text-decoration: none;
        }

tr.gridHeaderHotlist1 {
    border-top: 2px solid #fff;
    background-repeat: repeat-x;
    background-position: center bottom;
}

/********************************************************************************************/
/*System.css*/
.left_bg_Corner {
    background: url(../../Images/System/Sys_bg_corner.png?v=5.1.061313.0949);
}

.ListSystem {
    width: 100%;
    background-color: #8798f4;
    border: 2px solid #bbbbbb;
}

.sysSelected {
    background-color: #3219D2;
    color: #ffffff;
}

.headStyleSystem {
    color: #392d78;
    height: 25px;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #ffffff;
}

.systemcenter {
    float: left;
    min-height: 465px;
    width: 678px;
    height: 530px;
    background: url(../../images/bg_system.jpg?v=5.1.061313.0949) no-repeat left
}

.systemEdit {
    float: left;
    min-height: 465px;
    width: 678px;
    height: 500px;
    background-image: url(../../images/bg_system.jpg?v=5.1.061313.0949);
    position: relative;
    background-repeat: no-repeat;
}

.systemEdit_1 {
    float: left;
    min-height: 465px;
    width: 678px;
    height: 600px;
    position: relative;
}

.sysprofile {
    border: 1px solid #a3a3a3;
    width: 280px;
    margin: 0 auto;
}

.panelApplytoOther {
    height: 245px;
    /*min-width: 450px;*/
    width: auto !important;
    background-color: #d2ddee;
    border: 1px solid black;
}

    .panelApplytoOther .baner {
        width: 100%;
        background-image: url(../../images/ApplytoOther_Banner.png?v=5.1.061313.0949);
        background-repeat: no-repeat;
        font-family: Arial;
        font-weight: bold;
        font-size: 10.5pt;
        color: White;
    }

    .panelApplytoOther .headitem {
        font-family: Arial;
        font-size: 21pt;
        color: #403679;
        font-weight: bold;
    }

.datagridSystem {
    background-color: White;
}

    .datagridSystem td {
        border-bottom: 1px solid black;
        color: Black;
    }

datagridSystem .headstyle {
    padding-left: 5px;
}

datagridSystem .itemstyle {
    padding-left: 5px;
}

.divDatagridSystem {
    overflow: auto;
    border: 1px solid #fff;
    max-height: 70px;
    height: auto;
    overflow-x: hidden;
}

.profilehead {   
    font-size: 10.5pt;
    /*color: #392d78;*/
}

.sys_left_edit_bg {
}

.sys_div_filename {
    border: 1px solid #fff;
    /*background-color: #fff;*/
    /*width: 250px;*/
}

    .sys_div_filename .head {
        /*background-color: #b6b5ef;*/
        /*color: #392d78;*/
        font-weight: bold;
        height: 24px;
        text-align: center;
       
        font-size: 11pt;
    }

.sys_left_edit_bg .itemtitle {
    font-family: Arial;
    font-size: 11pt;
    color: #392d78;
}

.sys_CDF_left_edit_bg {
}

    .sys_CDF_left_edit_bg .sys_div_filename {
        width: 290px;
        margin-left: 12px;
        float: left;
        border: 1px solid black;
        height: 24px;
        background-color: White;
    }

.cdfHeadtabs {
    width: 100%;
    height: 30px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12.75pt;
    font-weight: bold;
    color: #2f2f93;
}

    .cdfHeadtabs .tabs_active {
        width: 140px;
        height: 30px;
        float: left;
        background-image: url(../../images/tabs/cdf_tab_active.png?v=5.1.061313.0949);
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 10px;
        cursor: pointer;
    }

    .cdfHeadtabs .tabs_inactive {
        width: 140px;
        height: 26px;
        float: left;
        background-image: url(../../images/tabs/cdf_tab_inactive.png?v=5.1.061313.0949);
        background-repeat: no-repeat;
        margin-top: 5px;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

    .cdfHeadtabs .tabs_over_image {
        width: 44px;
        height: 26px;
        float: left;
        margin-top: 5px;
        text-align: center;
        cursor: pointer;
    }

    .cdfHeadtabs .tabs_over {
        width: 45px;
        height: 26px;
        float: left;
        background-image: url(../../images/tabs/cdf_tabs_over.png?v=5.1.061313.0949);
        background-repeat: no-repeat;
        margin-top: 5px;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

    .cdfHeadtabs .tabs_narrow {
        width: 45px;
        height: 26px;
        float: left;
        background-image: url(../../images/tabs/cdf_tabs_narrow.png?v=5.1.061313.0949);
        background-repeat: no-repeat;
        margin-top: 5px;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }
/*text style*/
.cdfTitleStrong {    
    font-size: 12pt;
    font-weight: bold;
    /*color: Black;*/
}

.cdfTitleCrips {
    font-size: 10.5pt;   
}

.cdfContenttabs {
  width:660px
}

    .cdfContenttabs .item {
      
        /*height: 120px;*/
        /*background-color: #f8fadf;*/
        padding-bottom:20px
    }

    .cdfContenttabs .alternatingitem {
        /*background-color: #e8fceb;*/
        border-top: 2px solid #959393;
        border-bottom: 2px solid #959393;
        padding-bottom: 20px
    }

    .cdfContenttabs .itembototm {
        /*height: 330px;*/
        /*background-color: #ebe8f1;*/
        padding-bottom: 20px
    }

.sys_fileupload {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2;
    position: absolute;
    left: 200px;
    top: 0px;
}

.buttonbrowse {
    position: absolute;
    z-index: 0;
    left: 340px;
    top: 0px;
}

.textposition {
    position: absolute;
    z-index: 3;
    left: 150px;
    width: 180px;
    top: 0px;
}

.cdfContenttabs .itembototm .agencyby {  
    display:none
}
.cdfContenttabs .itembototm .agencyby-text {
    padding: 10px 0;
    font-size: 10.5pt;
}
.cdfContenttabs .itembototm .selection {
    width: 20px;
    height: 63px;
    background-repeat: no-repeat;
    float: left;
    border: 2px solid #fff;
    border-right: 0;
    margin-top: 7px;
}
.cdfContenttabs .itembototm .selection > img{
   display:none
}

.cdfContenttabs .itembototm .archiveovalbox {
    width: 515px;
    height: 150px;   
    margin-left: 3px;
  
}

.cdfContenttabs .itembototm .purgeovalbox {
    width: 515px;
    height: 150px;   
}

.cdfContenttabs .itembototm .camerashutter {
    width: 565px;
    height: 120px;
    float: left;
    background-image: url(../../images/sys_bg_Shutter.png?v=5.1.061313.0949);
    background-repeat: no-repeat;
}

.cdfContenttabs .item .alert_matrix {
    width: 440px;
    height: 110px;
    /*background-image: url(../../images/sys_bg_alert_matrix.png?v=5.1.061313.0949);*/
    background-repeat: no-repeat;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-top: 10px;
    padding-top: 10px;
}

.cdfContenttabs .item .alert_condition_cell_1 {
    border: solid 2px #80807e;
    text-align: center;
    /*background-color: #feffca;*/
    height: 30px;
}

.cdfContenttabs .item .alert_condition_cell_2 {
    text-align: center;
    border-top: solid 2px #80807e;
    border-right: solid 2px #80807e;
    border-bottom: solid 2px #80807e;
    /*background-color: #feffca;*/
    height: 30px;
}

.cdfContenttabs .item .alert_condition_cell_3 {
    text-align: center;
    border-left: solid 2px #80807e;
    border-right: solid 2px #80807e;
    border-bottom: solid 2px #80807e;
    /*background-color: #feffca;*/
    height: 30px;
}

.cdfContenttabs .item .alert_condition_cell_4 {
    text-align: center;
    border-right: solid 2px #80807e;
    border-bottom: solid 2px #80807e;
    /*background-color: #feffca;*/
    height: 30px;
}

.cdfContenttabs .alternatingitem .alert_Oval {
    width: 190px;
    height: 36px;
  
    line-height: 36px;
}

.cdfContenttabs .itembototm .alert_TasArea {
    width: 540px;
    height: 90px;  
    margin-left: 30px;
    float: left;
    margin-top: 10px;
}

.cdfContenttabs .item .alarmtab1 {
    width: 560px;
    height: 100px;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.cdfContenttabs .divAlarmTypeHead {
    width: 540px;
    height: 20px;
    background-color: #DDEDFC;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    border: 2px solid gray;
}

.cdfContenttabs .item .alarmtab1 .divAlarmContent560 {
    z-index: 1;
    padding-top: 0px;
    width: 559px;
    float: left;
    overflow: auto;
    border: 1px solid gray;
    max-height: 95px;
}

.cdfContenttabs .item .alarmtab1 .divAlarmContent542 {
    z-index: 1;
    padding-top: 0px;
    width: 543px;
    float: left;
    overflow: auto;
    border: 1px solid gray;
}

.cdfContenttabs .alternatingitem .alarmtab2 {
    width: 360px;
    height: 100px;
    float: left;
    padding-left: 20px;
    padding-top: 20px;
}


.cdfContenttabs .itemOther {   
    height: 580px;   
    padding: 0px;
    margin: 0px;
}

.dailystyle {
    border: gray 1px solid;
    float: left;
    width: 70px;
    background-color: white;
    height: 22px;
    line-height: 20px;
}

.dailyHour {
    border: white 0px solid;
    width: 15px;
    text-align: right;
    font-size:9pt
}

.divMapit {
    width: 600px;
    height: 430px;
    border: 1px solid gray;
}

.scrollAlarmtype {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

    .scrollAlarmtype td, th {
        border: 1px solid gray;
        text-align: center;
        border-collapse: collapse;
    }

    .scrollAlarmtype th {
        border: 0px;
    }

.divEmailListHead {
    width: 400px;
    height: 20px;
    background-color: #DDEDFC;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    border: 2px solid gray;
}

.divEmailListContentNormal {
    width: 401px;
    height: 100px;
    float: left;
    overflow-y: auto;
    border: 1px solid gray;
}

.divEmailListContentScroll {
    width: 419px;
    height: 105px;
    float: left;
    overflow-y: auto;
    border: 1px solid gray;
}

.alert {
    text-align: left;
}

    .alert td {
        padding-left: 20px;
    }

.cdfContenttabs .itembototm .videocamera {
    width: 590px;
    height: 207px;
    margin: 5px auto;
    background: url(../../images/bg_video_car.jpg?v=5.1.061313.0949) no-repeat center center;
}

.cdfContenttabs .itembototm .videocamerafooter {
    width: 100%;
    height: 139px;
    background-image: url(../../images/sys_bg_video_footer.png?v=5.1.061313.0949);
    background-repeat: no-repeat;
    float: left;
    margin-top: 9px;
}

.cdfContenttabs .item .dsptab {
    width: 420px;
    height: 100px;
    float: left;
    margin-top: 5px;
    margin-left: 80px;
}

    .cdfContenttabs .item .dsptab .divDSPContentNormal {
        z-index: 1;
        width: 402px;
        float: left;
        overflow: auto;
        border: 1px solid gray;
        max-height: 90px;
    }

    .cdfContenttabs .item .dsptab .divDSPContentScroll {
        z-index: 1;
        width: 419px;
        height: 88px;
        float: left;
        overflow-y: auto;
        border: 1px solid gray;
    }

.subtabpanel {
    width: 140px;
    height: 80px;
    height: auto !important;
    background-color: #e8edfa;
    z-index: 10;
    position: absolute;
    color: #4358ba;
    font-family: Arial;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    border: 1px solid #b2c4f3;
    line-height: 2;
}

    .subtabpanel li {
        cursor: pointer;
        list-style-type: none;
        text-align: center;
    }

.cdfContenttabs .alternatingitem .camerainfoshutter {
    width: 565px;
    height: 120px;
    float: left;
    background-image: url(../../images/sys_bg_Shutter.png?v=5.1.061313.0949);
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 10px;
}

.cdfContenttabs .alternatingitem .camerautilityleft {
    width: 310px;
    height: 250px;
    float: left;
    border: 0px solid red;
    margin-left: 15px;
    height: auto !important;
}

.cdfContenttabs .alternatingitem .camerautilityright {
    width: 260px;
    height: 250px;
    float: left;
    border: 1px solid gray;
    background-color: #eaf4e8;
}

.SubTabActive {
    background-color: #ffffff;
}

.SubTabInactive {
    background-color: #e8edfa;
}

.purgeby {
    background-image: url("../../images/purgeby.jpg?v=5.1.061313.0949");
    background-repeat: no-repeat;
    float: left;
    height: 88px;
    width: 13px;
}

.infrared {
    width: 212px;
    background: url(../../images/bg_image_infrared.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 170px;
}

.plate {
    background: url(../../images/bg_image_plate.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 52px;
}

.vehicle {
    background: url(../../images/bg_image_vehicle.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 120px;
}

.color {
    background: url(../../images/bg_image_infrared.jpg?v=5.1.061313.0949) no-repeat center top;
    height: 170px;
}

.tb_system th {
    border: 2px solid #ffffff;
}

.tb_system tr td {
    border: 2px solid #ffffff;
    word-wrap: break-word;
}

.div_CDMCameraType {
    width: 95%;
    padding-top: 20px;
}

.div_cdmCameraMode {
    width: 85px;
    float: left;
    padding-left: 10px;
    margin-top: 10px;
}

.divCameraAdjust {
    width: 200px;
    float: left;
    margin-left: 60px;
    margin-top: 10px;
}

.tb_system {
    table-layout: fixed;
}

.Item_Grid_System_AgencyName {
}

.Item_Grid_System_SystemName {
    word-wrap: break-word;
}

.Item_Grid_System_LastUpdate {
}

.Item_Grid_System_CurVersion {
}

.Item_Grid_System_Current {
}

.AlertModify_LeftCol {
    width: 160px;
    float: left;
    text-align: left;
}

.AlertModify_RightCol {
    width: 270px;
    float: left;
    text-align: left
}

.Width150 {
    width: 150px;
}

.camera-online, .camera-offline {
    line-height: 20px;
    width: 100px;
    font-weight: bold;
    font-size: 10pt;
    text-align: center
}

.camera-online {
    background-color: green;
    color: #fff
}

.camera-offline {
    background-color: red;
    color: #fff
}
/********************************************************************************************/
/*autocomplete.css*/

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    color:#000;
    min-width: 42px;
}

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*font: menu;*/
        font-family: Arial;
        font-size: 11pt;
        line-height: 16px;
        overflow: hidden;
        /*word-break: break-all*/
    }

.ac_loading {
    background: white url(../../Images/loading2.gif) right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}


/**************************************************************************8*/
/*Location*/
body input[type=checkbox], body input[type=radio] {
    margin-right: 2px;
    margin-left: 2px;
}

.clsLocationsForm {
    min-height: 500px;
    min-width: 1030px
}

.clsListLocations {
    width: 800px;
    margin: 0 auto;
}
.location-select-field {
    text-align: left;
    max-height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: auto
}

    .location-select-field > div {
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }

        .location-select-field > div > div {
            display: inline-block;
        }
.clsLocationsDetails {
    width: 890px;
    margin: 0 auto;
}

.up-down_div {
    padding-left: 2px;
    display: inline-block;
    width: 25px;
    vertical-align: bottom;
}

    .up-down_div > div {
        height: 10px;
        position: relative;
    }

.dtvArrowUp, .dtvArrowDown {
    position: absolute;
    top: 0px;
    left: 0px;
}

.divCell {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    padding-right: 20px;
}

.clsTableDay {
    width: 420px;
}

    .clsTableDay td {
        vertical-align: middle;
    }

    .clsTableDay input[type="text"] {
        width: 80px;
    }

    .clsTableDay input[type="checkbox"] {
        vertical-align: middle;
        margin: 2px;
    }


.clsLocationsDetails > .clsDivBox:first-child > table td {
    padding: 0 10px
}

    .clsLocationsDetails > .clsDivBox:first-child > table td input {
        width: 200px
    }

.clsDivBox {
    background-color: #EDEDF7;
    border: 1px solid #9a9a9a;
    border-radius: 10px;
    box-shadow: #9a9a9a 2px 2px 10px;
    margin: 13px auto;
    padding: 20px;
}



.clsListWhiteList {
    width: 200px;
    height: 210px;
    overflow: auto
}

select.clsListWhiteList option {
    padding: 7px 5px;
}

.divBoxHours {
    line-height: 23px
}

.clsTabHeader > div {
    display: inline-block;
    border: 1px solid #ccc;
    font-weight: bold;
    min-width: 150px;
    background-color: #d1d3d4;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    font-size: 12pt;
}

    .clsTabHeader > div.selected {
        background-color: #2eafe4;
    }

    .clsTabHeader > div:not(.selected):hover {
        background-color: #9a9a9a;
    }

    .clsTabHeader > div:not(:first-child) {
        margin-left: -9px
    }

.clsTabContent {
    /*padding: 10px;*/
}

    .clsTabContent > div {
        display: none;
        /*border: 1px solid #ccc;*/
    }

        .clsTabContent > div.selected {
            display: block;
        }


.clsScheduleForm {
    text-align: left;
    /*padding-left: 20px;*/
    margin-bottom: 20px;
    border-bottom: 2px solid rgb(224, 224, 224);
}

    .clsScheduleForm > div {
        display: inline-block;
        white-space: nowrap;
        user-select: none;
        vertical-align: top
    }



    .clsScheduleForm .clsAddTabButton {
        display: inline-block;
        padding: 3px;
        /* background-color: #082b5a; */
        font-size: 13pt;
        font-weight: bold;
        color: #0c547a;
        padding: 5px 10px;
        /* height: 100%; */
        margin-left: 30px;
        margin-top: 5px
    }

        .clsScheduleForm .clsAddTabButton:hover {
            color: #1fafee;
            cursor: pointer
        }

.clsScheduleTab {
    vertical-align: top;
    display: inline-block;
    padding: 10px 0px 10px 20px;
    margin-bottom: -1px;
    font-size: 11pt;
    font-weight: bold;
    color: #969696;
}

    .clsScheduleTab > div {
        display: inline
    }

    .clsScheduleTab:not(:first-child) {
        border-left: 1px solid #fff
    }

    /*close button*/
    .clsScheduleTab > div:nth-child(2) {
        margin-left: 10px;
        padding: 5px 9px;
        color: #0c547a;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        text-align: center
    }
        /*close button hover*/
        .clsScheduleTab > div:nth-child(2):hover {
            color: #1fafee;
        }

    .clsScheduleTab:hover {
        color: #3e3e3e;
        cursor: pointer
    }

    .clsScheduleTab.tabseleted {
        border-bottom: 3px solid #0c547a;
        color: #fff
    }

.clsBGContentTAB {
}

.clsDivOccupancyStatus {
    padding: 10px 0 0 40px;
    line-height: 25px
}

.clsListLinkedLocations {
    width: 222px;
    height: 222px;
    overflow: auto
}

.hiddencol {
    display: none;
}

.clsDivScrollTable {
    max-height: 300px;
    overflow: auto
}

.table-enforcementhours td {
    vertical-align: middle;
    height: 30px;
    font-weight: bold
}

.imgAddField {
    background-image: url(../../images/NewLanding/cobalt-masterpage/Arrow_Icon.png?v=60);
}

.imgRemoveField {
    background-image: url(../../images/NewLanding/cobalt-masterpage/Arrow_Icon.png?v=60);
    transform: rotate(180deg);
}

.rule-set-form input[type=text] {
    width: 35px;
    margin: 0 5px;
    padding: 5px;
    text-align: center
}

.rule-set-form {
    font-weight: bold
}

.gridViewRow {
    padding-left: 10px !important;
    text-align: left;
}

.clsInputSearchGO {
    padding: 2px 10px;
    width: 200px;
    font-family: Roboto,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-overflow: ellipsis;
}

    .clsInputSearchGO:focus {
        border-color: #4d90fe;
    }

div.coblat-cal-icon {
    text-decoration: underline;
    vertical-align: middle;
    height: 25px;
    width: 29px;
    border: 0;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../../Images/NEWLANDING/cobalt-masterpage/cal.gif);
}

.text-color-active {
    color: #fff
}

.text-color-inactive {
    color: #99999B
}

.grid-setup-config > tbody > tr > td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #93a5b2;
    border-bottom: 0;
    border-top: 0;
}

.item-setup-config > td {
    vertical-align: middle;
    border: 1px solid #93a5b2;
}

.item-setup-config:not(.selectitem-setup-config):hover {
    background-color: rgba(204, 228, 238, 0.5) !important;
}

.grid-setup-config a {
    color: #e4e4f1;
}

.pager-setup-config > td {
    font-size: 11pt;
    border-bottom: 1px solid #93a5b2 !important;
    border-top: 1px solid #93a5b2 !important;
}

.head-setup-config > td {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #93a5b2 !important;
    border-top: 1px solid #93a5b2 !important;
}

.selectitem-setup-config {
    background-color: #cce4ee !important;
}

    .selectitem-setup-config:hover {
        background-color: #cce4ee !important;
    }
.setup-grid-divscroll {
    margin: 0px auto;
    overflow: auto;
    width: 800px;
    max-height: 465px
}

.clsCheckBoxFavorites {
    color: #fff
}

.div-domain-usercomfirm {    
    overflow: auto;
    position: relative;
    height: 75px;   
    width: 179px;
    text-align: center;
}
.clsBoxLearnUsage {
    /*background-color: #AABFEB;*/
    Border: 2px solid #828283;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 10px;
    padding:10px;
}
.table-Default-Hot-List-Fields td input[type=text] {
    width: 150px !important
}

.table-Custom-Hot-List-Fields td input[type=text] {
    width: 190px !important
}

.hotlist-tempalte-bg-1 {
    position: relative;
    border: 1px solid #9A9AA2;
    border-radius: 10px;
    padding: 15px 5px;
    text-align: center;
}

.div-Daily-input {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    float: left;
    border-left: gray 1px solid;    
    border-bottom: gray 1px solid;
    height: 24px;
    background-color: white;
}
    .div-Daily-input input {
        border-right: white 0px solid;
        border-top: white 0px solid;
        border-left: white 0px solid;       
        border-bottom: white 0px solid;
        text-align: right;
        padding: 0;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
.cobalt-customize-schedule > tbody > tr > td:nth-child(2) > div:nth-child(1),
.cobalt-customize-schedule > tbody > tr > td:nth-child(3) > div:nth-child(1) {
    padding-top: 4px
}
.cobalt-customize-schedule > tbody > tr > td {
width:160px;
}


.hotlist-info-view-popup {
    /*background-color: #fff;
    color: #000*/
}

    .hotlist-info-view-popup .hotlist-info-title > td {
        border-top: 1px solid #eee;
    }

        .hotlist-info-view-popup .hotlist-info-title > td > div {
           
            padding: 10px 0 20px;
            font-size:12pt
       
        }

    .hotlist-info-view-popup > tbody > tr > td:nth-child(2) {
        /*border-left: #555555 2px solid;*/
    }

    .hotlist-info-view-popup .div-sTdInfo table tr > td:nth-child(1) {
        /*color: #321996;*/
        font-size: 10.5pt;
        text-align: right;
        width: 140px;
        line-height: 23px;
        font-weight:bold
    }
    .hotlist-info-view-popup .div-sTdInfo table tr > td:nth-child(2) {
        text-align: center;
        font-size: 10.5pt;
    }

.list-shared-datasharing {
    border: 1px solid #93a5b2;
    overflow-x: hidden;
    margin-bottom: 10px;
    overflow: auto;
    width: 320px;
    height: 111px;  
}
    .list-shared-datasharing option {
        padding: 5px
    }

.sytemcdf-div-border {
    border: 1px solid #93a5b2;
    padding: 20px;
    border-radius: 10px;
}

.table-administrative-alert-settings > tbody > tr > td {
    padding: 10px 5px;
    font-weight: bold;
    vertical-align: middle
}

   

    .table-administrative-alert-settings > tbody > tr > td select {
        margin: 0 10px
    }

    .table-administrative-alert-settings > tbody > tr > td:first-child {
        padding-left: 0
    }

.gm-style .gm-style-iw-c {
color:#000;
}
.cls-alert-region-search {
    width: 206px;
    margin: 10px auto;
}
.div-list-region {
    width: 206px;
    padding: 10px;
    height: 164px;
    margin-top: 5px;
    overflow: auto;
    /* background-color: #fff; */
    margin: 0 auto;
    border: 1px solid #afafaf;
    text-align: left;
    line-height: 25px;
}

.note-map-datasharing tr td:nth-child(odd) {   
    cursor: pointer;
}
.note-map-datasharing tr td:nth-child(odd) img{
    width: 22px;
    height: 22px;
}
.note-map-datasharing tr td:nth-child(even) {
    font-size: 10pt;
    cursor: default;
    text-align: left;
    padding-right:20px
}
.reconyx-list-camera-type {
margin-bottom:10px
}
    .reconyx-list-camera-type td {
        padding-right: 40px !important;
        padding-left: 0 !important;
    }

.table-error-status-l6q {
    width: 90% !important;
    max-width: 500px;
    margin: 0 auto;
}
    .table-error-status-l6q td {
        text-align: center !important;
        border-bottom: 1px solid #4e4e4e
    }
    .table-error-status-l6q tr td:nth-child(1), .table-error-status-l6q tr td:nth-child(2) {
       vertical-align:top;
       white-space:nowrap
    }