@font-face {
    font-family: FontAwesome;
    src: url('fontawesome.ttf');
}

@font-face {
    font-family: 'norwester';
    src: url('norwester-webfont.woff2') format('woff2'), url('norwester-webfont.woff') format('woff'), url('norwester.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

a {
    font-family: Arial;
}

.body_BG {
    width: 100%;
    min-width: 1000px;
    /*min-height: 810px;*/
}

.IconHeader {
    background-color: #fff
}

.HeaderPage {
    /*padding: 5px 0;*/
    margin: 0px;
    color: #fff;
    background-color: #071a2b;
    display: table;
    width: 100%
}

    .HeaderPage > table {
        width: 100%
    }

        .HeaderPage > table > tbody > tr > td {
            /* padding:5px 0; */
            /* height: 53px; */
        }

            .HeaderPage > table > tbody > tr > td:nth-child(1) {
                text-align: left;
                vertical-align: middle
            }

            .HeaderPage > table > tbody > tr > td:nth-child(2) {
                text-align: right;
                vertical-align: middle
            }

            .HeaderPage > table > tbody > tr > td > div {
                display: inline-block;
                vertical-align: middle;
                line-height: 60px;
                height: 60px;
            }



.DivLogoHeader {
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
    padding-top: 12px;
}

    .DivLogoHeader div {
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

        .DivLogoHeader div[name=ic_emsignia] {
            background-image: url(../../Images/NewLanding/cobalt-masterpage/Logo_Icon.png);
            width: 35px;
            height: 35px;
            background-size: 33px;
            background-repeat: no-repeat;
            background-position: center;
            image-rendering: -webkit-optimize-contrast;
        }


.divTitleHeader {
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 15pt;
    font-weight: bold
}

    .divTitleHeader > div {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .divTitleHeader a {
        /*cursor: pointer;*/
    }



.clsTitleHeaderStyle {
    line-height: 63px;
    text-transform: uppercase;
}

.tdIconHeader {
    vertical-align: middle;
    width: 66px;
    height:100%;
    text-align: center;
    cursor: pointer;
    user-select: none;
    /* padding: 10px 0; */
}

    .tdIconHeader:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .tdIconHeader i.fa {
        font-size: 16pt;
        margin-right: 5px;
        vertical-align: sub;
    }



.HeaderIconRight {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;    
    vertical-align: top;
    line-height: 25px;
}

    .HeaderIconRight table {
        /* float: right; */
        height: 100%;
    }

    .HeaderIconRight .tdIconHeader > div {
        width: 100%;
        height: 100%;
        background-size: 33px;
        background-repeat: no-repeat;
        background-position: center;
        image-rendering: -webkit-optimize-contrast;
    }

    .HeaderIconRight div[name=ic_home] {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Home_Icon.png)
    }

    .HeaderIconRight div[name=ic_back] {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Back_Icon.png)
    }

    .HeaderIconRight div[name=ic_sign_out] {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/LogOut_Icon.png)
    }
    
    .HeaderIconRight .tdIconHeader:nth-child(3) {
        display: none
    }

.clsFooterMaster {
    background-color: #C9C9C9;
    display: none
}

.FooterPage {
    /*width: 1000px;*/
    height: 50px;
    /*background-color: rgba(201, 201, 201, 0.69);*/
    /*background-repeat: no-repeat;*/
    /*color: #3c3c3c;*/
}

    .FooterPage div {
        display: none
    }

.HeaderIconRight .clsLineFooter {
    /*height: 12px;
    background: url(../../images/NewLanding/FooterLineBG.png) repeat-x;
    background: -webkit-gradient(linear, 33% 33%, 33% 90%, from(#dadada), to(#ffffff));*/
}

.Footertext1 {
    font-size: 14px;
    font-family: Century Gothic;
    float: left;
    padding-left: 13px;
    text-align: left;
}

    .Footertext1 a i {
        vertical-align: middle;
        margin: 0 5px;
        background-color: rgb(25, 57, 80);
        width: 25px;
        height: 25px;
        border-radius: 20px;
        text-align: center;
        line-height: 25px;
        color: #fff;
    }

.Footertext2 {
    font-size: 16.4px;
    font-family: Century Gothic;
    float: right;
    padding-right: 12px;
    /*display: none;*/
}

    .Footertext2 span {
        /*background-color: rgb(255, 255, 255);
        box-shadow: 0 0 9px 4px #ffffff;
        -moz-box-shadow: 0 0 9px 4px #ffffff;
        -webkit-box-shadow: 0 0 10px 5px #ffffff;*/
    }

.account-setting.selected {
    background-color: #0c547a
}

.account-setting{
    text-align: left;
    padding: 0 5px;   
    position: relative;
    min-width: 200px;
}

    .account-setting:not(.selected):hover {
        background-color: rgba(255, 255, 255, 0.3);       
    }

    .account-setting > div:nth-child(1) > div {
        display: inline-block;
        vertical-align: middle;
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        cursor: pointer
    }

    .account-setting .avarta {
        width: 60px;
        height: 40px;
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Avatar_Icon.png);
        /*border: 1px solid #fff;*/
        /*border-radius: 30px*/
    }

    .account-setting .downicon {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Arrow_2_Icon.png);
        width: 30px;
        height: 30px;
        background-size: 17px;
        background-repeat: no-repeat;
        background-position: center;
    }

        .account-setting .downicon.upicon {
            transform: rotate(180deg);
        }

    .account-setting .name_username {
        font-size: 12pt;
        font-weight:bold;
        min-width:90px
    }

.account-setting-list-menu {
    position: absolute;
    z-index:99;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #001526;
    color: #fff;
    text-align: left;
    font-size: 11pt;
    display: none;
    line-height: 20px;
}

    .account-setting-list-menu > div {
        padding: 10px 20px;        
        font-size:13pt
    }
        .account-setting-list-menu > div:last-child {
            margin-bottom: 20px
        }
        .account-setting-list-menu > div:first-child {
            margin-top: 20px
        }

        .account-setting-list-menu > div:nth-child(3) {
            display: none
        }

        .account-setting-list-menu > div:hover {
            background-color: rgba(255, 255, 255, 0.3);
            cursor: pointer
        }
#menu_item_termsconditions, #menu_item_privacypolicy, #menu_item_documentation {

}
#menu_item_documentation {
    display: none
}
.menu-item-auditnewcase {
    /*display: none*/
}

.information-setting {
    position: relative;
}

    .information-setting:not(.selected):hover {
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer
    }

    .information-setting .button-icon {
        width: 60px;
        height: 60px;
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Info_Icon.png);
        image-rendering: -webkit-optimize-contrast;
        /*display:none*/
    }
.information-setting-list-menu {
    position: absolute;
    z-index: 99;
    top: 100%;
    right:0; 
    background-color: #ffffff;
    color: #fff;
    text-align: left;
    font-size: 11pt;
    display: none; 
    line-height: 20px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

    .information-setting-list-menu .items-infomation > div > div:first-child {
        width: 30px;
        height: 30px;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 0 4px;
        image-rendering: -webkit-optimize-contrast;
    }
    .information-setting-list-menu .items-infomation .info-phone {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Phone_Icon.png)
    }

    .information-setting-list-menu .items-infomation .info-mail {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Mail_Icon.png)
    }
    .information-setting-list-menu .items-infomation .info-document {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Folder_Icon.png)
    }
    .information-setting-list-menu .items-infomation .info-RMA {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/File_Icon.png)
    }

    .information-setting-list-menu .items-infomation .info-license {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Key_Icon.png)
    }

    .information-setting-list-menu .items-infomation .info-training {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Monitor_Person_Icon.png)
    }

    .information-setting-list-menu .items-infomation .info-version {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Information_Icon.png)
    }

    .information-setting-list-menu .items-infomation .info-userguide {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/File_PDF_Icon.png)
    }
    .information-setting-list-menu .items-infomation .info-suggestions {
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Suggestion_Icon.png)
    }

.header-information-form {
    width: 320px
}

    .header-information-form > div:nth-child(1) {
        font-weight: bold;
        padding: 5px;
        font-size: 11pt;
        color: #000;
    }

    .header-information-form > div:nth-child(2) {
        padding: 5px;
        color: #000;
        font-size: 10pt
    }

    .header-information-form .items-infomation img {
        width: 16px
    }

    .header-information-form .items-infomation > div {
        display: table-row;
        font-size: 10pt
    }

        .header-information-form .items-infomation > div > div {
            padding: 5px;
            display: table-cell;
            vertical-align: middle;
            color: #000;
            line-height: 15px
        }

        .header-information-form .items-infomation > div a {
            color: #000;
            text-decoration: none
        }

            .header-information-form .items-infomation > div a:hover {
                text-decoration: underline
            }

.baner-auditinfo {
    font-size: 10pt;
}

    .baner-auditinfo > div {
        display: none
    }

    .baner-auditinfo div {
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 8px
    }

    .baner-auditinfo input[type=button] {
        font-size: 9pt;
        height: 22px;
        width: 90px;
    }

.BGContent {
    background-color: #112538 !important;
}

.clsContentMaster {
    min-height: 365px;
}

    .clsContentMaster .clsCenter {
        display: table;
        width: 100%;
        table-layout: fixed;
        /*padding:0 50px*/
    }

        .clsContentMaster .clsCenter > div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

            .clsContentMaster .clsCenter > div > div {
                display: inline-block;
                text-align: justify;
                min-width: 1000px;
            }

.site-selection {
    padding: 0 5px;
    font-size: 13pt;
    font-weight: bold;
}

    .site-selection select {
        max-width: 200px;
        min-width: 100px;
        height: 60px;
        background-size: 17px;
        margin-left: 10px;
        font-size: 13pt;
        font-weight: bold;
        background-color: #071a2b;
        color: #fff;
        box-shadow: none !important;
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Arrow_2_Icon.png);
        image-rendering: -webkit-optimize-contrast;
    }
        .site-selection select:hover, .site-selection select:focus {
            background-color: rgba(255, 255, 255, 0.3);
            box-shadow: none !important
        }
    .site-selection select option{
        font-size: 11pt;
        font-weight: normal;
        border:none
    }
/*Laptop*/
.clsPageLayout {
    margin: 0 10px;
}

.clsLeftPannel, .clsRightPannel {
    display: inline-block;
    vertical-align: top;
}

.clsLeftPannel {
    padding-right: 30px
}

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

    .myCustomQtip .qtip-titlebar {
        font-size: 9pt
    }

    .myCustomQtip .qtip-content {
        font-size: 9pt
    }
.new-case-number {
    padding: 0 5px;
}
    .new-case-number > div {
        max-width: 200px;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .new-case-number input[type=button] {
        font-size: 9pt;
        height: 22px;
        min-width: 65px;
        width: 65px;
    }
.notification-setting {
    position: relative;
}
    .notification-setting .notification-icon {
        width: 60px;
        height: 60px;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../Images/NewLanding/cobalt-masterpage/Notification_Icon.png);
        position: relative;
        image-rendering: -webkit-optimize-contrast;
    }
    .notification-setting .notification-count {
        background-color: red;
        border-radius: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 10px;
        left: 30px;
        line-height: 20px;
        text-align: center;
        font-size:8pt;
        display:none
    }
.notification-list {
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    background-color: #ffffff;
    color: #000;
    width: 333px;
    text-align: left;
    font-size: 11pt;
    display: none;
    line-height: 20px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    overflow:auto;
    max-height:500px
}
    .notification-list .title {
        font-size: 16pt;
        font-weight: bold;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
    }
    .notification-list .content {
        padding: 0 10px;
    }
    .notification-list .content > div {
        border-bottom: 1px solid #ccc;
        padding: 10px 10px 0 10px
    }
    .notification-list .isread-icon {
        background-color: #2679bc;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        float: left;
        margin-top: 5px;
        margin-left: -20px;
    }
    .notification-list .notification-content {
        /*padding-left: 10px;*/
        font-size: 10pt;
    }
    .notification-list .notification-date {
        text-align: right;
        font-size: 8pt;
        color: #858585;
        line-height: 12px;
    }