.no-header.ie7 header#primary-nav{
    display:block
}
body.ie7{
    overflow:hidden
}
#browserupgrade{
    display:block;
    width:70%;
    min-width:300px;
    margin:0 auto
}
#browserupgrade h1{
    text-align:center
}
#browserupgrade div{
    padding:3px
}
#browserupgrade .box-white-container{
    background-color:transparent;
    color:#555;
    text-align:center;
    border:0;
    vertical-align:middle;
    font-size:11px;
    width:505px;
    margin:0 auto
}
#browserupgrade .box-white-container .box-white{
    float:left;
    cursor:pointer;
    border:1px solid #d5d5d5;
    background-color:#fff;
    width:90px;
    height:90px;
    vertical-align:middle;
    padding:12px 5px 12px 5px;
    margin-right:12px;
    margin-left:12px
}
#browserupgrade .box-white-container .text{
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    padding-top:11px;
    color:#fff
}
#browserupgrade .note{
    margin-top:80px
}
#browserupgrade p{
    text-align:center;
    padding-bottom:10px;
    color:#fff
}
#browserupgrade a{
    color:#fff
}
#browserupgrade a:hover{
    text-decoration:none;
    opacity:1
}
#wordmark img{
    padding:11px 0
}
.dummy{
    position:absolute;
    left:-10000px
}
#hero-content .carousel-inner,#hero-content .carousel-hero-content,#hero-content .media-body{
    overflow:visible
}
.card{
    background-color:#fff;
    padding:30px;
    margin-top:20px
}
.card h5{
    margin-top:0
}
#dynamic-isd .card{
    max-width:640px
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #ddd
}
.clickable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #ddd
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #ddd
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a1de;
    color:#fff
}
.selectable.selected{
    background-color:#81bc00;
    color:#fff
}
.selectable.selected:hover{
    background-color:#3c8a2e
}
#edit-apps .sortableList .listItem{
    border:1px solid #666;
    margin-bottom:10px;
    background-color:#fff;
    padding:5px 15px 5px 0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    display:table;
    width:100%
}
#edit-apps .sortableList .listItem span{
    padding:10px 0;
    display:inline-block
}
#edit-apps .sortableList .listItem.ui-sortable-placeholder{
    visibility:visible!important;
    background-color:#dfeef4
}
#edit-apps .sortableList .listItem:hover{
    background-color:#dfeef4;
    color:#0978a5
}
#edit-apps .sortableList .listItem .dragIcon{
    font-size:1.286em;
    padding:6px 12px;
    cursor:move;
    display:inline
}
#edit-apps .sortableList .listItem .dragIcon:before{
    position:relative;
    top:1px
}
#edit-apps .sortableList .listItem .removeBtn{
    float:right;
    font-size:1.43em;
    cursor:pointer;
    padding:10px 4px 10px 8px
}
#edit-apps .sortableList .listItem .removeBtn:before{
    position:relative;
    top:1px;
    padding:10px 0 10px 0
}
#edit-apps .sortableList .listItem .removeBtn:hover{
    color:#d7423c;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
#edit-apps .sortableList .listItem .moveUpDownBtn{
    padding:0 12px;
    cursor:pointer;
    position:relative;
    top:7px
}
#edit-apps .sortableList .listItem .moveUpDownBtn:hover{
    color:#72c7e7
}
#edit-apps .sortableList .listItem .moveUpDownBtn:before{
    position:relative;
    top:-1px;
    font-size:1.286em
}
#edit-apps .sortableList .listItem .moveUpDownBtn:after{
    content:"TOP";
    display:block;
    font-family:"Open Sans";
    font-weight:bold;
    font-size:12px;
    position:relative;
    top:-5px;
    left:-7px
}
#edit-apps .sortableList .listItem:first-child .moveUpDownBtn{
    visibility:hidden
}
#addTiles #availableList{
    margin-top:20px;
    padding-left:0
}
#addTiles #availableList .link{
    margin-top:0;
    xborder:1px solid #ddd;
    xbackground-color:#fff
}
#secondary-nav .secondary-nav-cont{
    width:100%!important
}
#secondary-nav{
    background:#000
}
.searchicon{
    position:absolute;
    font-size:1.5em;
    color:#dbdbdb;
    top:30%;
    right:5%;
    cursor:pointer
}
.searchLabel{
    color:#dbdbdb;
    margin-right:10%;
    line-height:45px;
    cursor:pointer
}
.searchbox{
    width:25%!important;
    transition:width .5s ease-in,left 2s ease-in
}
.searchbox input{
    background:transparent;
    border:none;
    cursor:pointer
}
.searchbox input::-moz-placeholder{
    color:#fff
}
.searchbox input::-ms-clear{
    display:none
}
.expand{
    width:100%!important
}
.expand input{
    background:#fff;
    border:1px solid #fff;
    cursor:text
}
.expand input::-moz-placeholder{
    color:gray
}
.expand::-webkit-input-placeholder{
    color:gray
}
#secondary-nav .dropdown-menu{
    position:absolute;
    margin:0 15px;
    width:initial;
    padding:0;
    background-color:#fff
}
#secondary-nav .dropdown-menu li{
    width:100%;
    border-bottom:1px solid #dbdbdb
}
.searchbox .searchicon .dropdown-menu{
    z-index:1!important
}
#secondary-nav .dropdown-menu li>a{
    color:#545454;
    text-transform:initial
}
#secondary-nav .nav-tabs>li a{
    color:#545454;
    text-transform:initial
}
#secondary-nav .nav-tabs>li a:hover{
    background:transparent;
    border-color:transparent;
    border-bottom:none;
    text-decoration:none
}
.cat{
    margin:10px 0
}
.cat .cat-item{
    color:#bdbdbd;
    text-transform:initial;
    margin:0 15px;
    cursor:default
}
.cat .help-item{
    cursor:pointer
}
.cat .help-item div{
    margin:0 15px
}
.cat .help-item:hover{
    background-color:#eaeaea
}
.cat-item{
    color:#bdbdbd;
    text-transform:initial;
    margin:0 15px
}
.dkoTemplate{
    background-color:#fff;
    padding-top:15px;
    margin-bottom:15px
}
.help_right .create{
    margin-top:0;
    background-color:#0978a5;
    border:none;
    color:#fff;
    border-radius:0
}
.help_right .create:hover{
    border-color:#adadad;
    color:#fff
}
.breadcrumb li a{
    text-decoration:none
}
.breadcrumb li a:hover{
    text-decoration:underline
}
.breadcrumb .active a{
    color:#999!important;
    cursor:initial
}
.breadcrumb .active a:hover{
    text-decoration:none
}
.wrapperWhite{
    background-color:#fff;
    padding-top:20px;
    word-wrap:break-word;
    margin:0 0 15px 0
}
.wrapperWhite .tiles{
    margin:20px 6%
}
.wrapperWhite .tiles .appTile{
    cursor:pointer;
    padding-left:0;
    padding-right:0
}
.wrapperWhite .tiles .appTile .tileContainer{
    background-color:#dadada;
    position:relative;
    display:inline-block;
    width:95%;
    margin:.4em;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-top-color:#00a1de
}
.wrapperWhite .tiles .appTile .tileContainer:hover{
    border:5px solid #00a1de
}
.wrapperWhite .tiles .appTile .circle{
    width:100px;
    height:100px;
    border-radius:50px;
    background-color:#fff;
    margin:20px auto
}
.wrapperWhite .tiles .appTile .circle .categoryIcon{
    position:relative;
    width:1em;
    height:1em;
    top:.4em;
    left:.4em;
    font-size:4em;
    color:#00a1de
}
.wrapperWhite .tiles .appTile .appName{
    font-size:18px;
    height:3em
}
.wrapperWhite .itemtiles{
    margin:5% 0
}
.wrapperWhite .itemtiles h3{
    margin-bottom:30px
}
.wrapperWhite .itemtiles h4{
    font-family:'Open Sans';
    font-size:23px;
    font-weight:100
}
.wrapperWhite .itemtiles .row{
    margin:0
}
.wrapperWhite .itemtiles .helpTitle{
    padding:15px 0;
    color:#2895f1;
    cursor:pointer
}
.wrapperWhite .itemtiles .helpTitle:hover{
    text-decoration:underline
}
#helpAppPageView ul li{
    list-style-type:disc
}
#helpAppPageView ol li{
    list-style-type:decimal
}
#helpAppPageView .attach{
    padding:5px 0
}
#helpAppPageView .attach .link-icon{
    color:#0978a5;
    font-size:1.5em;
    width:30px
}
#helpAppPageView .attach span:hover{
    cursor:pointer;
    text-decoration:underline
}
#helpAppPage .appName{
    padding:0;
    line-height:150px;
    vertical-align:middle
}
.announcementSection{
    padding-left:0;
    padding-right:0
}
#helpAnnouncement .announce{
    cursor:pointer
}
#helpAnnouncement .title{
    font-weight:bold;
    font-size:22px
}
#helpAnnouncement .text{
    overflow:hidden;
    height:19px
}
#helpAnnouncement .saveDate{
    color:#0076a8;
    font-size:11px
}
#helpAnnouncement .announcementView{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px
}
#helpAnnouncement .announcementList{
    padding-left:15px;
    padding-right:15px
}
#helpAnnouncement .showmore{
    cursor:pointer;
    padding:10px 0;
    font-weight:bold
}
#helpAnnouncement .break{
    height:15px;
    background-image:url('../../DeloitteKO/images/bg.png?t=1');
    margin-left:-15px;
    margin-right:-15px
}
#helpAnnouncement .attach{
    padding:5px 0
}
#helpAnnouncement .attach .link-icon{
    color:#0978a5;
    font-size:1.5em;
    width:30px
}
#helpAnnouncement .attach span:hover{
    cursor:pointer;
    text-decoration:underline
}
#section-messagecenter .header{
    border-bottom:2px solid #dcdcdc;
    padding:1em 0
}
#section-messagecenter .header h1{
    display:inline-block;
    margin-bottom:.1em
}
#section-messagecenter .header i{
    font-size:2em
}
#section-messagecenter .header .allLabel{
    cursor:pointer
}
#section-messagecenter .header .allLabel .labelall{
    padding-top:6%
}
#section-messagecenter .header .allLabel .icon{
    padding-top:3%
}
#section-messagecenter .ticketStatus{
    text-transform:uppercase;
    border:1px solid #bfbfbf;
    border-radius:3px;
    padding:2px;
    font-size:.6em;
    color:#bfbfbf;
    display:inline-block;
    vertical-align:top;
    color:#0978a5;
    border-color:#0978a5
}
#section-messagecenter .ticketStatus.New{
    color:#9ecb3b;
    border-color:#9ecb3b
}
#section-messagecenter .ticketStatus.Closed{
    color:gray;
    border-color:gray
}
#section-messagecenter .ticketDate{
    color:#bfbfbf;
    font-size:.8em
}
#section-messagecenter .ticketTitle{
    color:#000
}
#section-messagecenter .tickets{
    margin:1em 0
}
#section-messagecenter .tickets .ticket{
    margin:1em 0;
    word-wrap:break-word
}
#section-messagecenter .tickets .ticket .statusLabel{
    padding-top:10px
}
.color-midblue h1{
    font-size:27px
}
.color-midblue h1 .fa-comments{
    padding-right:10px
}
@media only screen and (min-width:750px) and (max-width:1100px){
    .searchbox{
        width:30%!important
    }
    .searchbox.expand{
        width:100%!important
    }
}
@media only screen and (min-width:320px) and (max-width:700px){
    .searchbox{
        width:70%!important
    }
    .searchbox.expand{
        width:100%!important
    }
    .searchbox.expand .searchicon{
        right:11%
    }
    .help_right .row{
        margin-left:0;
        margin-right:0
    }
    .helpTopNav .col-xs-6:first-child{
        padding:0 5px
    }
    .helpTopNav .col-xs-6 .dropdown-menu{
        min-width:0;
        width:9.3em
    }
}
#yammer-container .yammer-carousal .message .subtitle{
    margin-top:3px
}
#yammer-container .yammer-carousal .message .media-body{
    max-height:213px
}
#yammer-container .yammer-carousal .message .media-body>p{
    padding-left:20px
}
#yammer-container .yammer-login{
    cursor:pointer;
    text-align:center;
    padding-top:50px
}
#yammer-container .yammer-login img{
    max-width:350px;
    width:100%
}
.legal-content{
    line-height:26px
}
.legal-content ul,.legal-content ol{
    margin:10px;
    margin-left:30px
}
.legal-content li{
    margin:5px
}
.legal-content ul li{
    list-style-type:disc
}
.legal-content ol li{
    list-style-type:upper-alpha
}
.legal-content p{
    margin:15px
}
.phone .legal-content{
    max-width:260px;
    line-height:23px
}
.phone .legal-content h2{
    line-height:26px
}
.legal-content h2{
    font-size:1.2em;
    text-align:center;
    line-height:20px;
    font-weight:bold
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #d0d0ce
}
.clickable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #d0d0ce
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #d0d0ce
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a3e0;
    color:#fff
}
.selectable.selected{
    background-color:#0076a8;
    color:#fff
}
.selectable.selected:hover{
    background-color:#046a38
}
#xlogin{
    cmax-width:500px
}
#xlogin .xlegal{
    font-size:.8em;
    padding:20px;
    position:fixed;
    bottom:0;
    left:350px;
    right:10%;
    display:none
}
#xlogin .xlegal p{
    line-height:16px
}
.security form fieldset label.required:after{
    content:""
}
.security form fieldset label{
    padding:3px 0
}
.security form fieldset ::-webkit-input-placeholder{
    color:#999
}
.security form fieldset :-moz-placeholder{
    color:#999;
    opacity:1
}
.security form fieldset ::-moz-placeholder{
    color:#999;
    opacity:1
}
.security form fieldset :-ms-input-placeholder{
    color:#999
}
.security form fieldset .dko-dd.dko-dd-single,.security form fieldset .dko-dd.dko-dd-multi{
    min-width:0
}
.mobileNumber .dko-dd.dko-dd-single,.mobileNumber .dko-dd.dko-dd-multi{
    min-width:0
}
.preview{
    padding-bottom:15px
}
.deloittelogo{
    position:absolute;
    top:25px;
    left:25px
}
.no-header header#primary-nav{
    display:none
}
.no-header #main{
    border-top:0
}
#main-content.login-main{
    background-color:transparent;
    background-image:none;
    background-repeat:no-repeat;
    position:relative;
    min-height:100%;
    height:1px;
    overflow:inherit
}
 #main-content.login-main #content-container.login1{
    background-image:url('../client/app/images/rebrand/login/1.png')
}
 #main-content.login-main #content-container.login2{
    background-image:url('../client/app/images/rebrand/login/2.png')
}
 #main-content.login-main #content-container.login3{
    background-image:url('../client/app/images/rebrand/login/3.png')
}
 #main-content.login-main #content-container.login4{
    background-image:url('../client/app/images/rebrand/login/4.png')
}
 #main-content.login-main #content-container.login5{
    background-image:url('../client/app/images/rebrand/login/5.png')
}
 #main-content.login-main #content-container.login6{
    background-image:url('../client/app/images/rebrand/login/6.png')
}
 #main-content.login-main #content-container.login7{
    background-image:url('../client/app/images/rebrand/login/7.png')
}
 #main-content.login-main #content-container{
    height:100%;
    display:table;
    background-position:right center;
    background-repeat:no-repeat;
    min-height:850px;
    background-size:65% auto
}
.transition #main-content.login-main #content-container{
    background-image:none
}
.phone #main-content.login-main #content-container{
    padding-top:15px
}
 #main-content.login-main #login{
    display:table-cell;
    vertical-align:middle
}
#main-content.login-main #login h1,#main-content.login-main #login h3{
    color:#fff
}
#main-content.login-main #login h1{
    text-align:center;
    font-size:38px;
    font-weight:normal;
    font-weight:300;
    margin-bottom:10px;
    font-family:"Open Sans Bold"
}
.phone #main-content.login-main #login h1{
    font-size:24px
}
#main-content.login-main #login h3{
    margin-top:0;
    margin-bottom:30px
}
#main-content.login-main #login .wordmark{
    text-align:left;
    margin-bottom:30px;
    font-size:38px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    display:inline-block
}
#main-content.login-main #login .wordmark img{
    width:250px;
    margin-left:2px;
}
#main-content.login-main #login .wordmark p,#main-content.login-main #login .wordmark span{
    line-height:1em
}
#main-content.login-main #login .wordmark div{
    position:relative;
    display:inline-block
}
#main-content.login-main #login .wordmark p{
    color:#fff;
    font-family:'Open Sans Bold';
    position:absolute;
    left:52%;
    bottom:51%;
    font-size:.85em
}
#main-content.login-main #login .wordmark span:first-of-type{
    color:#fff
}
#main-content.login-main #login .wordmark span:nth-of-type(2){
    color:#0076a8;
    font-family:'Open Sans Bold'
}
#main-content.login-main #login form{
    position:relative;
    width:450px
}
#main-content.login-main #login form fieldset{
    z-index:1;
    position:relative;
    padding:40px 40px 0 40px
}
#main-content.login-main #login form fieldset label{
    color:#fff;
    font-family:'Open Sans'
}
#main-content.login-main #login form fieldset label.required:after{
    color:#fff
}
#main-content.login-main #login form fieldset input{
    font-size:1.4em;
    height:50px;
    background-color:#fff;
    color:#000;
    border-color:#fff
}
#main-content.login-main #login form fieldset input.error{
    border-color:#d7423c
}
#main-content.login-main #login form fieldset input:focus{
    border-color:#62b5e5
}
#main-content.login-main #login fieldset .btn{
    font-family:'Open Sans Bold';
    font-size:1.2em;
    padding:0px;
    border-radius:3px;
    background-color:#0076a8;
    color:#fff;
    margin:0 auto;
    float:none;
    border:none;
    text-transform:none;
    transition:background-color .3s
}
#main-content.login-main #login form fieldset button.btn:hover,#main-content.login-main #login form fieldset button.btn:focus{
    font-weight:700;
    background-color:#00a3e0;
    xcolor:#0097a9
}
#main-content.login-main #login form fieldset button.btn:focus{
    outline:0
}
#main-content.login-main #login form fieldset .loginButtons{
    padding-bottom:30px
}
#main-content.login-main #login form fieldset .loginButtons div .col-lg-6{
    padding:0
}
#main-content.login-main #login form fieldset .loginButtons button.btn{
    margin:0 15px 0 0;
    width:100%;
    border-radius:0;
    color:#0076a8;
    background-color:#fff
}
#main-content.login-main #login form fieldset .loginButtons button.btn.dte{
    background-color:#0076a8;
    color:#fff
}
#main-content.login-main #login form fieldset .loginButtons button.btn:hover{
    background-color:#00a3e0;
    color:#fff
}
#main-content.login-main #login form fieldset .singleSignOn{
    padding-top:30px;
    text-transform:none;
    text-align:center
}
#main-content.login-main #login form fieldset .singleSignOn p{
    color:#fff
}
#main-content.login-main #login form fieldset .singleSignOn p a{
    color:#fff;
    text-decoration:underline
}
#main-content.login-main #login form fieldset .hideElement{
    display:none
}
#main-content.login-main #login .frame{
    background-color:#000;
    height:100%;
    width:100%;
    position:absolute;
    z-index:0;
    opacity:.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}
#main-content.login-main #login .links{
    margin-top:35px;
    font-size:.8em;
    float:right;
    left:-50%;
    position:relative;
    text-align:center
}
#main-content.login-main #login .links ul{
    left:50%;
    position:relative
}
#main-content.login-main #login .links ul li{
    float:left;
    position:relative
}
#main-content.login-main #login .links a{
    color:#fff
}
#main-content.login-main #login .links a:hover{
    text-decoration:none;
    opacity:1
}
#main-content.login-main #login .links a.divider{
    border-right:solid 2px #fff;
    opacity:1;
    margin-left:15px;
    margin-right:15px
}
#main-content.login-main #login .legal-placeholder{
    height:150px;
    width:100%;
    position:relative
}
#main-content.login-main #login .legal-placeholder.hidden-sm{
    height:100px
}
#main-content.login-main #login .legal{
    position:absolute;
    margin-top:100px;
    bottom:10px;
    text-align:center;
    left:20px;
    right:20px;
    color:#fff;
    font-size:1em
}
#main-content.login-main #login .legal h4{
    font-size:1.1em;
    color:#fff;
    margin-bottom:5px
}
#main-content.login-main #login .legal p{
    text-align:left;
    width:70%;
    min-width:300px;
    margin:0 auto;
    opacity:.5
}
.dl-horizontal{
    font-size:1.2em
}
.dl-horizontal dt{
    width:250px;
    text-align:left;
    line-height:2.4
}
.dl-horizontal dd{
    margin-left:0;
    line-height:2.4;
    min-height:40px
}
.ie8 .myinfoSection .dl-horizontal dt{
    width:250px;
    text-align:left
}
.myinfoSection{
    background-color:#fff;
    width:60%;
    display:table;
    margin:0 auto;
    padding:30px
}
.myinfoSection h3{
    margin-bottom:20px;
    margin-top:0
}
#main-content.myInfo-bg{
    background:url('../client/app/images/speedtest_bgr.png?t=1') no-repeat;
    min-height:100%
}
@media only screen and (max-width:1024px){
     #main-content.login-main #content-container{
        background-position-x:120%
    }
}
@media only screen and (max-width:768px){
     #main-content.login-main #content-container{
        background-image:none!important;
        background-position-x:120%
    }
     #main-content.login-main #content-container form{
        margin:0 auto
    }
}
@media only screen and (min-width:320px) and (max-width:568px){
    .myinfoSection .dl-horizontal dd{
        margin-left:0
    }
    #main-content.login-main #login form{
        width:auto
    }
    #main-content.login-main #login form fieldset{
        padding:30px 0
    }
    #main-content.login-main #login form .wordmark{
        text-align:left
    }
    #main-content.login-main #login form .wordmark img{
        width:250px;
        margin-left:0;
        margin-bottom:25px
    }
    #main-content.login-main #login .links{
        font-size:1em;
        margin-top:5px
    }
    #main-content.login-main #login .links a.divider{
        border:none;
        margin:0
    }
    #main-content.login-main #login .links a.divider:after{
        content:"-"
    }
    #main-content.login-main #login .links li{
        float:none!important
    }
    #main-content.login-main #login .legal h4{
        font-size:.9em
    }
}
#multifactorAuthentication .desc{
    padding:0 0 30px 10px
}
#multifactorAuthentication .desc h4{
    line-height:25px
}
#multifactorAuthentication .note{
    padding-top:60px
}
#multifactorAuthentication .labelAnswer{
    padding-top:22px;
    font-size:16px
}
.mfaLabel{
    font-size:16px;
    padding-top:18px
}
.mfaRegistered{
    padding-top:25px
}
.currentemail{
    font-weight:normal;
    font-family:'Open Sans';
    font-size:16px
}
fieldset .RestrictPaste{
    margin-bottom:0
}
#changepassword{
    xmax-width:750px
}
#changepassword .instructions{
    margin-top:20px;
    line-height:26px
}
#changepassword .phone .instructions,#changepassword .phone h3{
    line-height:23px
}
#changepassword .instructions ul{
    margin:20px
}
#changepassword .instructions li{
    list-style-type:circle;
    margin:3px
}
#changepassword .instructions li ol{
    margin:10px;
    margin-left:25px
}
#changepassword .instructions li ol li{
    list-style-type:decimal
}
#changepassword .ie8 input[type=password],#changepassword .ie7 input[type=password]{
    font-family:Arial;
    font-size:1.1em;
    height:30px
}
#changepassword .ie7 input[type=password]{
    height:22px;
    color:#000
}
#disclaimer{
    line-height:26px
}
#disclaimer .phone #disclaimer{
    line-height:23px
}
#disclaimer #disclaimer2{
    line-height:26px
}
#disclaimer .phone #disclaimer2{
    line-height:23px
}
@media print{
    header,footer,aside,.no-print{
        display:none
    }
    .print{
        display:block
    }
}
.disclaimer-main{
    overflow-y:visible!important
}
#forgotpassword{
    max-width:650px
}
#forgotpassword form fieldset label.required:after{
    content:""
}
#forgotpassword form fieldset label{
    padding:3px 0
}
#fror{
    word-wrap:break-word
}
#fror form fieldset{
    padding-left:0!important;
    padding-right:0!important
}
#fror form fieldset h3{
    margin-bottom:27px
}
#fror form fieldset h5{
    border-bottom:none;
    padding-bottom:0
}
#fror form fieldset .btmborder{
    padding-bottom:27px;
    border-bottom:1px solid #dfdfdf
}
#fror form fieldset .division{
    margin-top:27px
}
#fror form fieldset .disable label{
    color:#7d7d7d!important
}
#fror form fieldset .disable .dko-dd-single{
    background-color:#f3f3f4!important
}
#fror form fieldset .disable .dko-dd-single input{
    background-color:#f3f3f4!important
}
#fror form fieldset .btn-primary{
    float:none
}
#fror form fieldset .marTop{
    margin-top:22px
}
#fror form fieldset .marTop .col-lg-4,#fror form fieldset .marTop .col-md-6,#fror form fieldset .marTop .col-sm-6{
    padding-left:15px
}
#fror form fieldset .col-md-9,#fror form fieldset col-sm-9{
    padding-left:0!important
}
#fror form fieldset .btndisable{
    background-color:#bcbec0!important;
    border-color:#bcbec0!important
}
#fror form fieldset .borTop{
    border-top:1px solid #bcbec0;
    padding-top:27px
}
#fror form fieldset button.btn-secondary{
    padding:6px 10px;
    margin-top:14px;
    min-width:70px;
    margin-left:0;
    margin-right:0
}
#fror form fieldset label.required:after{
    content:""
}
#fror form fieldset .pushLeft{
    padding-left:0
}
#fror form fieldset .left10{
    padding-left:10px
}
#fror form fieldset .well{
    margin-left:0;
    margin-right:0
}
#fror form fieldset .dko-dd.dko-dd-single,#fror form fieldset .dko-dd.dko-dd-multi{
    min-width:200px
}
#fror form fieldset .pushTop{
    margin-top:-22px
}
#fror form fieldset .red{
    color:#d7423c;
    font-size:.9em
}
#fror form fieldset .popup{
    font-style:italic;
    font-size:12px
}
#fror form fieldset .popup:hover{
    cursor:pointer;
    text-decoration:underline
}
#fror form fieldset .company{
    padding-left:0!important;
    padding-right:0!important
}
#confirmFROR{
    word-wrap:break-word
}
#confirmFROR fieldset .pushLeft{
    padding-left:0
}
#confirmFROR fieldset .left10{
    padding-left:10px
}
#confirmFROR fieldset .well{
    margin-left:0;
    margin-right:0
}
@media only screen and (min-width:320px) and (max-width:599px){
    .marTop .dko-template{
        padding:0
    }
    #fror form fieldset button.btn-secondary{
        padding:12px 18px
    }
}
@media only screen and (min-width:601px) and (max-width:1280px){
    .container label{
        font-size:13px
    }
}
#page-announcements{
    max-width:650px;
    margin:0 auto
}
.imageSection{
    cursor:pointer;
    border:2px solid #888;
    margin:1px;
    height:80%;
    padding:10px
}
.imageSection .col-md-12{
    background-size:cover;
    overflow:hidden;
    height:100%
}
.captionText{
    height:20%;
    padding:10px
}
.imageSection:hover{
    border:3px solid #888
}
.selectedImage{
    box-shadow:8px 8px 8px #888;
    padding:0
}
.selectedImage .imageSection{
    background-color:#d3d3d3;
    border:0;
    margin:0;
    padding:10px
}
.selectedImage .captionText{
    background-color:#d3d3d3;
    border:0;
    margin:0;
    padding:10px
}
.selectedImage .captionText label{
    padding:0
}
.mobileNumber input[disabled]{
    color:#a3a3a3;
    font-style:normal
}
.thumnailSection{
    height:250px;
    overflow:hidden
}
.placeHolder{
    display:none
}
::-webkit-input-placeholder{
    color:#a9a9a9
}
:-ms-input-placeholder{
    color:#a9a9a9
}
.ie8 .imagePhrase,.ie9 .imagePhrase{
    position:relative;
    opacity:.8
}
.ie8 .placeHolder,.ie9 .placeHolder{
    position:absolute;
    display:block;
    color:#999;
    padding:6px 12px;
    font-size:14px
}
.ie8 .imagePhrase{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.ie8 .placeHolder{
    font-size:12px
}
.text-center .no-images{
    color:#888
}
@media(min-width:1200px){
    .thumnailSection{
        height:15vw
    }
    .selectedImage .captionText{
        padding-top:2px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .thumnailSection{
        height:21vw
    }
    .selectedImage .captionText{
        padding-top:5px
    }
}
@media(min-width:768px) and (max-width:991px){
    .thumnailSection{
        height:27vw
    }
    .selectedImage .captionText{
        padding-top:5px
    }
}
@media(min-width:569px) and (max-width:767px){
    .thumnailSection{
        height:46vw
    }
}
@media(max-width:568px){
    .thumnailSection{
        height:42vw
    }
    .selectedImage .captionText{
        padding-top:0
    }
    .selectedImage .captionText input{
        height:24px
    }
}
@media(min-width:320px) and (max-width:480px) and (orientation:portrait){
    .imageSection{
        height:107px
    }
}
@media(min-width:375px) and (max-width:667px){
    .imageSection{
        height:80%
    }
}
@media(min-width:320px) and (max-width:480px) and (orientation:landscape){
    .imageSection{
        height:175px
    }
}
@media(min-width:384px) and (max-width:640px) and (orientation:landscape){
    .imageSection{
        height:200px
    }
}
#new-ticket fieldset .dko-file-input .dko-file-input-container{
    width:130px
}
#new-ticket fieldset .title{
    background-color:#0978a5;
    padding:10px 5px;
    color:#fff;
    margin:15px
}
#new-ticket fieldset button{
    margin-right:15px
}
#new-ticket fieldset .send{
    margin-right:0
}
#new-ticket fieldset .btn-warning{
    margin-right:0;
    margin-left:5px
}
#new-ticket fieldset textarea{
    padding:6px
}
#new-ticket fieldset .emailContent{
    border:2px solid #d4d0c8;
    border-bottom-width:4px;
    background-color:#fff;
    margin:15px 0;
    word-wrap:break-word
}
#new-ticket fieldset .emailContent .emailHeader{
    background-color:#d4d0c8
}
#new-ticket fieldset .emailContent .emailHeader p{
    padding:0 10px;
    margin:0
}
#new-ticket fieldset .emailContent .emailHeader label{
    font-family:'Open Sans';
    padding:0;
    text-transform:capitalize;
    font-size:14px;
    display:inline-block;
    font-weight:normal
}
#new-ticket fieldset .emailContent .emailBody{
    padding:10px
}
#new-ticket fieldset .link{
    border:2px solid #0978a5
}
#new-ticket fieldset .link i.link-icon{
    font-size:1.5em;
    width:30px
}
#new-ticket fieldset .row div div.multilineText{
    white-space:pre-wrap
}
#new-ticket fieldset .row div div .morecontent span{
    display:none
}
#new-ticket fieldset .row div div .morelink{
    display:block
}
#new-ticket fieldset .row .btm10{
    margin-bottom:15px;
    margin-top:15px
}
#new-ticket fieldset .row hr{
    border:1px solid #00a1de
}
#new-ticket fieldset .btn-back{
    margin-right:10px
}
#new-ticket fieldset .moreapps-container{
    width:100%;
    text-align:center;
    padding-left:15px;
    padding-right:15px
}
#new-ticket fieldset .moreapps-container #moreapps-button{
    width:100%;
    text-align:center
}
#new-ticket fieldset .comments{
    clear:both
}
#new-ticket fieldset .circle{
    background-color:#00a1de;
    height:50px;
    width:50px;
    border-radius:50%;
    position:absolute;
    bottom:0
}
#new-ticket fieldset .circle .link-icon{
    font-size:2em;
    margin:9px -1px;
    color:#fff
}
#new-ticket fieldset .circle .link-icon.fa-envelope{
    margin:9px -4px
}
#new-ticket fieldset .content{
    margin-left:4em
}
#new-ticket fieldset .gray{
    color:gray
}
#new-ticket fieldset .white{
    color:#fff
}
#new-ticket fieldset .createdByLabel{
    text-transform:uppercase;
    font-size:.8em
}
#new-ticket fieldset .noMargin{
    margin:.5em 0;
    position:relative;
    padding-left:0;
    padding-right:0
}
#new-ticket fieldset .createdLabel{
    text-align:center
}
.fileUpload{
    margin:15px;
    margin-top:0
}
.fileUpload .dko-file-input{
    margin-top:0
}
#welcomePage .pull-right button.btn{
    margin:10px 0 10px 10px
}
#welcomePage table{
    table-layout:fixed;
    word-wrap:break-word
}
#welcomePage table thead tr th{
    padding:5px;
    cursor:default
}
#welcomePage table thead tr th div{
    display:inline;
    cursor:pointer
}
#welcomePage table thead tr th div i.fa{
    color:grey
}
#welcomePage table thead tr th div i.fa.fa-sort-asc{
    margin-left:-11.2px
}
#welcomePage table thead tr th div i.iconClicked{
    color:blue
}
#welcomePage table tbody{
    background-color:#fff
}
#welcomePage .text-center button{
    float:none
}
.chatbubble{
    background-color:#25aadd;
    display:inline-block;
    width:60%;
    padding:15px;
    border-radius:5px 5px 5px 0
}
.chatbubble:before{
    background-color:#25aadd;
    content:" ";
    display:block;
    height:16px;
    position:absolute;
    transform:rotate(180deg) skew(-45deg);
    width:20px;
    left:6px;
    bottom:0
}
.sysComments .chatbubble{
    float:right;
    border-radius:5px 5px 0 5px
}
.sysComments .chatbubble:before{
    transform:rotate(45deg) skew(-45deg);
    right:9px;
    bottom:-1px;
    left:initial
}
.sysComments .circle{
    right:0
}
.sysComments .content{
    margin-left:2.5em!important
}
.help-msg .visible-help,.dkomodal-container .visible-help{
    display:block
}
.help-msg .invisible-help,.dkomodal-container .invisible-help{
    display:none
}
.help-msg .content,.dkomodal-container .content{
    margin-left:2.5em!important
}
.help-msg #new-ticket fieldset .circle,.dkomodal-container #new-ticket fieldset .circle{
    height:45px;
    width:45px
}
.help-msg #new-ticket fieldset .circle .link-icon,.dkomodal-container #new-ticket fieldset .circle .link-icon{
    margin:7px -3px
}
.help-msg #new-ticket fieldset .circle .link-icon.fa-envelope,.dkomodal-container #new-ticket fieldset .circle .link-icon.fa-envelope{
    margin:8px -6px
}
.visible-help{
    display:none
}
.invisible-help{
    display:block
}
@media only screen and (min-width:750px) and (max-width:1100px){
    .sysComments .content{
        margin-left:.2em!important
    }
}
@media only screen and (min-width:320px) and (max-width:700px){
    #welcomePage table{
        font-size:12px;
        word-wrap:break-word
    }
    .help-msg #new-ticket fieldset .circle,#new-ticket fieldset .circle{
        height:30px;
        width:30px
    }
    .help-msg #new-ticket fieldset .circle i.link-icon,#new-ticket fieldset .circle i.link-icon{
        font-size:1em;
        margin:8px -6px
    }
    .help-msg #new-ticket fieldset .chatbubble,#new-ticket fieldset .chatbubble{
        width:90%
    }
    .help-msg #new-ticket fieldset .sysComments .circle i.link-icon,#new-ticket fieldset .sysComments .circle i.link-icon{
        margin:8px -7px
    }
    .help-msg #new-ticket fieldset .sysComments .chatbubble,#new-ticket fieldset .sysComments .chatbubble{
        margin-right:3em
    }
    .help-msg #new-ticket fieldset .sysComments .chatbubble:before,#new-ticket fieldset .sysComments .chatbubble:before{
        right:3.7em
    }
}
#page-announcements{
    max-width:650px;
    margin:0 auto
}
#page-announcements .article-synopsis ul li{
    list-style-type:disc
}
#page-announcements .article-synopsis ol li{
    list-style-type:decimal
}
#page-announcements .attachment{
    margin-top:10px
}
#singlesession{
    width:100%;
    max-width:400px
}
#singlesession button{
    margin-top:35px
}
.iframelaunch{
    height:100%
}
.iframelaunch #content-container{
    float:none;
    height:100%;
    padding:0!important
}
.iframelaunch #iframetest{
    height:100%;
    width:100%;
    overflow:hidden
}
.iframelaunch #iframetest iframe{
    height:100%;
    width:100%
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #d0d0ce
}
.clickable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #d0d0ce
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #d0d0ce
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a3e0;
    color:#fff
}
.selectable.selected{
    background-color:#0076a8;
    color:#fff
}
.selectable.selected:hover{
    background-color:#046a38
}
#main-content{
    background:none;
    background-image:url('../../DeloitteKO/images/bg.png')
}
#main-content.main-page aside{
    background-color:#fff
}
#main-content.main-page #content-container{
    padding-top:0
}
#main-content.main-page .left-aside-container{
    width:400px
}
#main-content.main-page .left-aside-container #left-nav,#main-content.main-page .left-aside-container #left-nav-content{
    width:400px
}
#main-content.main-page .left-aside-container #left-aside-toggle{
    margin-left:10px;
    left:400px
}
#main-content.main-page #content-container{
    border-left-width:400px;
    padding-left:0
}
body.no-aside #main-content.main-page #content-container,body.aside-hidden #main-content.main-page #content-container{
    border-left-width:1px
}
#toolgroup .tile-title,#mainpage .tile-title{
    font-family:"Open Sans";
    font-size:18px;
    margin-bottom:5px;
    height:52px;
    overflow:hidden
}
#toolgroup .toolgroup-container{
    overflow:auto;
    max-width:650px
}
#toolgroup .toolgroup-tile{
    display:table;
    width:48%;
    height:160px;
    float:left;
    margin:1%;
    border:1px solid #d0d0ce;
    position:relative;
    background-color:#fff;
    cursor:pointer
}
#toolgroup .toolgroup-tile .toolgroup-tile-frame{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-top:4px solid #00a3e0;
    z-index:0
}
#toolgroup .toolgroup-tile:hover .toolgroup-tile-frame{
    padding:0;
    border:4px solid #00a3e0
}
#toolgroup .toolgroup-tile .toolgroup-container{
    display:table-row;
    height:100%
}
#toolgroup .toolgroup-tile .toolgroup-icon,#toolgroup .toolgroup-tile .toolgroup-title{
    display:table-cell;
    vertical-align:middle;
    padding:15px
}
#toolgroup .toolgroup-tile .toolgroup-icon{
    width:80px;
    height:80px
}
#toolgroup .toolgroup-tile .toolgroup-icon .no-icon,#toolgroup .toolgroup-tile .toolgroup-icon img{
    width:80px;
    height:80px
}
#toolgroup .toolgroup-tile .toolgroup-icon .no-icon:before{
    content:"";
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#00a3e0;
    font-size:60px;
    padding:10px 10px
}
#toolgroup .toolgroup-tile .toolgroup-title{
    color:#00a3e0
}
#toolgroup .toolgroup-tile .toolgroup-title p{
    max-height:110px;
    overflow:hidden;
    margin:0
}
#toolgroup h1{
    margin-top:0
}
.quickappErrMsg{
    padding:25px;
    color:#00a3e0;
    font-size:18px;
    background-color:#fff
}
#mainpage .tile-container{
    margin-left:0;
    margin-top:20px
}
#mainpage #applications{
    overflow:hidden;
    max-height:540px;
    position:relative
}
#mainpage #applications .app-sizer{
    position:relative
}
#mainpage #applications .tile-container{
    overflow:hidden;
    height:385px;
    position:absolute
}
#mainpage #applications .tile-sizer{
    height:auto;
    max-height:485px
}
#mainpage #applications .moreapps-container{
    position:absolute;
    top:480px;
    width:100%;
    text-align:center
}
#mainpage #moreapps-button{
    width:230px;
    border-bottom:none;
    margin:20px auto
}
#mainpage #moreapps-button:before{
    content:"Fewer Applications"
}
#mainpage #moreapps-button.collapsed:before{
    content:"More Applications"
}
#mainpage #moreapps{
    overflow-y:hidden;
    overflow-x:hidden
}
#mainpage #moreapps .tile-container{
    margin-top:-385px;
    height:auto
}
@media(max-width:400px) and (orientation:portrait){
    #mainpage #moreapps .tile-container .fav-app-tile{
        margin-left:35px
    }
}
#mainpage .portal-fav{
    padding-left:50px
}
#mainpage .portal-fav h2{
    xmargin-top:0;
    margin-left:5px
}
@media(max-width:400px) and (orientation:portrait){
    #mainpage .portal-fav{
        padding-left:15px
    }
    #mainpage #applications .fav-app-tile{
        margin-left:35px
    }
}
#mainpage a.add-more{
    color:#8b8b8b;
    text-transform:uppercase;
    font-weight:700;
    margin-top:30px
}
#mainpage a.add-more:hover{
    text-decoration:none
}
#mainpage a.add-more i{
    margin-right:5px
}
#mainpage .fav-app-tile{
    width:185px;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    float:left;
    height:200px
}
#mainpage .fav-app{
    background:#fff;
    border:5px solid transparent;
    border-left-width:0;
    border-right-width:0;
    color:#0097a9;
    padding:15px 20px 15px 20px;
    text-align:center;
    margin-bottom:22px;
    margin-left:-5px;
    margin-right:-5px;
    border-top-color:#00a3e0;
    color:#00a3e0
}
#mainpage .fav-app:hover{
    border-left-width:5px;
    border-right-width:5px;
    padding-left:15px;
    padding-right:15px;
    cursor:pointer;
    border-color:#00a3e0
}
#mainpage .fav-app .icon{
    height:80px;
    width:80px;
    position:relative;
    margin:0 auto
}
#mainpage .fav-app .icon img{
    width:80px;
    left:0;
    position:absolute
}
#mainpage .fav-app i{
    font-size:72px
}
#mainpage .quick-app{
    background:#fff;
    border-top:4px solid #0076a8;
    color:#000;
    padding:40px;
    margin-bottom:22px;
    margin-left:-5px;
    margin-right:-5px;
    min-height:350px
}
#mainpage .quick-app .header{
    margin-bottom:34px
}
#mainpage .quick-app .title{
    font-family:"Open Sans";
    font-size:26px
}
#mainpage .quick-app .subtitle,#mainpage .quick-app .date{
    font-size:18px
}
#mainpage .quick-app .summarytitle{
    font-size:16px;
    font-weight:700;
    margin-top:34px
}
#mainpage .quick-app .summary{
    font-size:16px;
    margin-top:5px;
    margin-bottom:16px
}
#mainpage .quick-app a.continue{
    color:#0076a8;
    font-size:16px
}
#mainpage .quick-app .view-all{
    text-transform:uppercase;
    color:#0076a8;
    font-weight:700;
    margin-top:5px
}
#mainpage .quick-app .view-all a{
    text-transform:uppercase;
    color:#0076a8;
    font-weight:700
}
#mainpage .quick-app .view-all :after{
    font-family:"Portal";
    content:"";
    padding-left:5px;
    margin-left:5px;
    font-size:20px
}
#mainpage .quick-app .view-all :hover{
    text-decoration:none
}
#mainpage .carousel{
    padding-bottom:25px
}
#mainpage .carousel .carousel-indicators{
    bottom:0;
    margin-bottom:0
}
#mainpage .carousel .carousel-indicators li{
    background-color:#53565a;
    border-color:#53565a;
    height:14px;
    width:14px;
    margin:0 2px
}
#mainpage .carousel .carousel-indicators li.active{
    background-color:#0076a8;
    border-color:#0076a8
}
#mainpage .carousel .carousel-control{
    color:#0076a8;
    opacity:1;
    top:auto;
    bottom:3px;
    height:20px;
    text-shadow:none
}
#mainpage .carousel .carousel-control i{
    font-size:24px
}
#mainpage .carousel .carousel-control.left,#mainpage .carousel .carousel-control.right{
    background-image:none;
    filter:none
}
#mainpage .carousel .carousel-inner .item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer;
    height:205px;
    width:100%;
    margin-right:50px
}
#mainpage .carousel .carousel-inner .item h2{
    color:#63666a;
    font-family:"Open Sans";
    font-size:1.4em;
    line-height:1.4em
}
.carousel{
    height:100%
}
.carousel .carousel-indicators li{
    margin:0 2px
}
.carousel .carousel-control i{
    position:absolute;
    font-size:40px
}
.carousel .carousel-control.left i{
    left:0
}
.carousel .carousel-control.right i{
    right:0
}
@media(min-width:1399px){
    .aside-hidden #quickapps .col-md-12{
        width:50%
    }
}
@media(min-width:1799px){
    #quickapps .col-md-12{
        width:50%
    }
}
@media(max-width:1199px){
    #main-content.main-page .left-aside-container{
        width:0
    }
    #main-content.main-page .left-aside-container #left-nav,#main-content.main-page .left-aside-container #left-nav-content{
        width:0
    }
    #main-content.main-page .left-aside-container #left-aside-toggle{
        margin-left:0;
        display:none
    }
    #main-content.main-page #content-container{
        border-left-width:0
    }
    .hideSection{
        display:none
    }
    .mainToggleBtns{
        width:100%;
        text-align:center
    }
    .mainToggleBtns button.btn{
        float:none;
        width:40%;
        margin-right:0;
        border:1px solid #62b5e5;
        text-transform:none;
        font-weight:normal;
        font-family:'Open Sans';
        margin-left:1%!important
    }
    .mainToggleBtns button.btn.btn-primary{
        background-color:#62b5e5
    }
    .mainToggleBtns button.btn.btn-default{
        color:#62b5e5;
        background-color:#fff
    }
    .mainToggleBtns button.btn:hover{
        color:#fff;
        background-color:#62b5e5
    }
    .mainToggleBtns button.btn+button.btn{
        margin-left:-1%!important
    }
}
@media(max-width:767px){
    .mainToggleBtns button.btn{
        width:49%;
        margin-left:2%!important
    }
    .mainToggleBtns button.btn+button.btn{
        margin-left:-2%!important
    }
    #toolgroup .toolgroup-tile{
        width:100%
    }
    #toolgroup .toolgroup-tile .toolgroup-icon{
        display:none
    }
    #mainpage .quick-app{
        padding:20px
    }
    #mainpage .quick-app .title{
        font-size:22px
    }
    #mainpage .carousel .carousel-indicators{
        display:none
    }
    #mainpage .carousel .carousel-inner{
        margin-bottom:20px
    }
    #mainpage .carousel .carousel-inner .item{
        height:218px
    }
}
@media only screen and (max-width:700px) and (orientation:portrait){
    header #profile-menu .dropdown-menu{
        overflow-y:scroll;
        height:250px
    }
}
header .portalmenu-container #portalmenu img{
    top:0
}
@media(device-height:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
    header #profile-menu .dropdown-menu{
        overflow-y:scroll;
        height:355px!important
    }
}
@media(device-height:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
    header #profile-menu .dropdown-menu{
        overflow-y:scroll;
        height:250px!important
    }
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.clickable,.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #d0d0ce
}
.clickable{
    user-select:none;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #d0d0ce
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #d0d0ce
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    user-select:none;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a3e0;
    color:#fff
}
.selectable.selected{
    background-color:#0076a8;
    color:#fff
}
.selectable.selected:hover{
    background-color:#046a38
}
#hero-title{
    height:100%
}
#hero-title .hero-column-button{
    margin-top:15px
}
#hero-title .carousel-control.left i{
    left:20%
}
#hero-title .carousel-control.right i{
    right:20%
}
.location-more-info{
    width:700px
}
#hero{
    background-color:transparent;
    border:none
}
#hero .carousel-indicators{
    bottom:-15px
}
#hero #hero-content:before,#hero #hero-title{
    display:none
}
#hero.company-branded #hero-title,#hero.not-company-branded #hero-title{
    display:block
}
#hero.not-company-branded{
    background-color:#000
}
#hero.not-company-branded #hero-content:before{
    display:inline-block
}
#sectionToggleBtns.NoTimelineData{
    display:none!important
}
#hero #hero-content:before{
    content:" ";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-size:50%;
    background-position:right;
    background-repeat:no-repeat;
    z-index:-1
}
#hero #hero-content .hero-column-overdue{
    color:#0097a9
}
#hero #hero-content button{
    color:#fff;
    background-color:#0076a8;
    height:34px;
    padding:6px 18px;
    border-color:#fff;
    border-width:2px
}
#hero #hero-content .row.location{
    text-shadow:none;
    text-align:left;
    color:#676767;
    margin-left:25px
}
#hero #hero-content.noHeroData{
    display:table;
    vertical-align:middle;
    position:absolute
}
#hero #hero-content.noHeroData h4{
    width:100%;
    display:table-cell;
    vertical-align:middle;
    font-size:2.6em
}
#hero #hero-content.noHeroData h4 .hero-username{
    text-transform:capitalize
}
#hero #hero-content .calDirect{
    background-color:transparent;
    border:1px solid #fff;
    height:34px;
    padding:6px 18px;
    margin-left:25px
}
#hero #hero-content .item{
    height:150px;
    width:50px;
    padding-left:20px
}
#hero #hero-content h4{
    margin-top:14px;
    font-family:'Open Sans';
    font-weight:300;
    text-align:left;
    width:100%;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:0;
    text-shadow:0 0 6px #000
}
#hero #hero-content h4.OneRecordOnly{
    margin-top:25px
}
#hero #hero-content .carousel-control{
    background:0 0;
    filter:none;
    margin-top:-90px
}
#hero #hero-content .carousel-inner{
    xmargin:0 auto
}
#hero #hero-content .carousel-container{
    text-align:center
}
#hero #hero-content .carousel-container.OneRecordOnly .carousel-control,#hero #hero-content .carousel-container.OneRecordOnly .carousel-indicators{
    display:none
}
#hero #hero-content .carousel-container .carousel-indicators li{
    background-color:transparent
}
#hero #hero-content .carousel-container .carousel-indicators li.active{
    background-color:#fff
}
#hero #hero-content .carousel-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-.25em
}
#hero #hero-content .carousel-hero-content{
    display:inline-block;
    vertical-align:middle;
    width:700px;
    margin-top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
#hero #hero-content .carousel-hero-content .dkostatus{
    margin:10px 0 10px 10px
}
#hero #hero-content .carousel-hero-content .hero-icon{
    margin-left:90px;
    height:80px;
    width:80px;
    background-repeat:no-repeat
}
#hero #hero-content .carousel-hero-content .hero-icon.overdue{
    background-image:url(../client/app/images/overdue2.png);
    background-size:cover
}
#hero #hero-content .carousel-hero-content .hero-icon.pending{
    background-image:url(../client/app/images/pending2.png);
    background-size:cover;
    height:65px;
    width:65px
}
#hero #hero-content .carousel-hero-content .hero-icon.complete{
    background-image:url(../client/app/images/greentask.png);
    background-size:cover
}
#hero #hero-content .carousel-hero-content .hero-icon.announcement{
    background-image:url(../client/app/images/news2.png);
    background-size:cover
}
#hero #hero-content .carousel-hero-content .hero-icon.individualApp{
    background-image:url(../client/app/images/individualAppHelp.png)!important;
    background-size:cover
}
#hero #hero-content .carousel-hero-content .hero-icon .fa-stack{
    width:3em;
    height:3em;
    line-height:3em
}
#hero #hero-content .carousel-hero-content .hero-icon .fa-stack .fa-stack-2x{
    font-size:2.75em;
    margin-top:1px;
    color:#0097a9
}
#hero #hero-content .carousel-hero-content .hero-icon .fa-stack .fa-inverse,#hero #hero-content .carousel-hero-content .status option{
    color:#fff
}
#hero #hero-content .carousel-hero-content .hero-icon .fa-stack .hero-icon-back{
    font-size:3.1em;
    margin-top:-3px;
    margin-left:-1.5px;
    color:#fff
}
#hero #hero-content .carousel-hero-content .hero-icon .fa-stack .fa-stack-1x{
    font-size:1.5em
}
#hero #hero-content .carousel-hero-content .media-object img{
    height:80px;
    margin-top:-5px
}
#hero #hero-content .carousel-hero-content .media-object{
    text-align:right
}
#hero #hero-content .carousel-hero-content .media-body{
    text-shadow:0 0 6px #000;
    padding:0;
    margin:0
}
#hero #hero-content .carousel-hero-content .hero-text .hero-column-overdue{
    padding-bottom:10px
}
#hero #hero-content .carousel-hero-content .hero-text .hero-column-description{
    padding-bottom:15px
}
#hero #hero-content .carousel-hero-content .sub-desc{
    font-size:12px;
    text-decoration:underline;
    cursor:pointer
}
@media(max-width:1023px){
    #hero{
        height:auto
    }
    #hero #hero-content .carousel-hero-content{
        width:600px
    }
    #hero #hero-content .carousel-control{
        margin-top:-90px
    }
    #hero #hero-content.noHeroData{
        position:relative
    }
}
#hero.type1,#hero.type2,#hero.type3,#hero.type4,#hero.type5{
    background-image:none
}
#hero.type1 #hero-content:before{
    background-image:url(../client/app/images/rebrand/greencircle/1_1.png)
}
#hero.type2 #hero-content:before{
    background-image:url(../client/app/images/rebrand/greencircle/2_1.png)
}
#hero.type3 #hero-content:before{
    background-image:url(../client/app/images/rebrand/greencircle/3_1.png)
}
#hero.type4 #hero-content:before{
    background-image:url(../client/app/images/rebrand/greencircle/2_1.png)
}
#hero.type5 #hero-content:before{
    background-image:url(../client/app/images/rebrand/greencircle/3_1.png)
}
@media(max-width:992px){
    #hero.type1,#hero.type2,#hero.type3,#hero.type4,#hero.type5{
        background-image:none
    }
    #hero #hero-content .item{
        width:100%;
        padding-left:0
    }
    #hero #hero-content h4{
        text-align:center
    }
    #hero #hero-content:before{
        background-size:75%;
        background-position:center;
        opacity:.6
    }
}
@media(max-width:767px){
    .location-more-info{
        width:400px
    }
    #hero{
        height:auto
    }
    #hero #hero-content{
        height:100%
    }
    #hero #hero-content .carousel-control{
        margin-top:-90px
    }
    #hero #hero-content h4{
        padding:0 10px
    }
    #hero #hero-content .carousel-indicators{
        bottom:0
    }
    #hero #hero-content .carousel-hero-content{
        width:450px
    }
    #hero #hero-content .carousel-hero-content .hero-icon{
        margin-left:20px
    }
    #hero #hero-content .media-body{
        margin-right:20px
    }
    #hero #hero-content .media-body .hero-column-description,#hero #hero-content .media-body .hero-column-overdue{
        margin-left:0;
        margin-right:0
    }
    #hero #hero-content.noHeroData{
        display:table;
        position:relative
    }
    #hero #hero-content.noHeroData h4{
        font-size:2em;
        padding-top:20px;
        padding-bottom:20px
    }
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){
    .location-more-info{
        width:500px
    }
    .hero-calendar .col-sm-6{
        padding-left:108px
    }
    .hero-calendar .col-sm-4{
        padding-left:162px
    }
    #hero #hero-content{
        height:260px
    }
    #hero #hero-content .item{
        height:175px
    }
}
@media(min-width:320px) and (max-width:667px) and (orientation:portrait){
    .location-more-info{
        width:270px
    }
    #hero #hero-content h4{
        font-size:20px
    }
    #hero #hero-content .non-location{
        margin-top:15px
    }
    #hero #hero-content .hero-column-description{
        font-size:13px;
        margin-top:0
    }
    #hero #hero-content .sub-desc{
        font-size:10px
    }
    #hero #hero-content .carousel-hero-content .media-body{
        padding:0 0 0 10px;
        margin:0
    }
    #hero #hero-content .carousel-hero-content .media-object{
        padding-right:0
    }
    #hero #hero-content .carousel-hero-content .media-object img{
        height:50px;
        margin-top:0
    }
    #hero #hero-content .location.btn{
        font-size:7px;
        min-width:40px
    }
    #hero #hero-content .location.row{
        margin-left:0
    }
    #hero #hero-content .item{
        height:210px
    }
    #hero #hero-content .carousel-hero-content .hero-icon{
        height:40px;
        width:40px
    }
    #hero #hero-content .left.carousel-control{
        left:5px
    }
    #hero #hero-content .right.carousel-control{
        right:5px
    }
    #hero #hero-content .calDirect{
        margin-left:10px;
        font-size:9px;
        height:25px;
        margin-top:10px;
        margin-bottom:10px
    }
    .col-xs-6 .dko-dd.dko-dd-single{
        min-width:175px
    }
    .hero-calendar .col-xs-6{
        padding-left:14px
    }
    .hero-calendar .col-xs-4{
        padding-left:50px
    }
}
@media(min-width:320px) and (max-width:667px) and (orientation:landscape){
    button.btn{
        min-width:80px
    }
    .location-more-info{
        width:400px
    }
    #hero #hero-content h4{
        font-size:27px
    }
    #hero #hero-content .carousel-hero-content .media-body{
        padding:0 0 0 10px;
        margin:0 0 0 6px
    }
    #hero #hero-content .non-location{
        margin-top:15px
    }
    #hero #hero-content .hero-column-description{
        margin-top:0
    }
    #hero #hero-content .carousel-hero-content .media-object img{
        height:80px
    }
    #hero #hero-content .location.btn{
        font-size:12px;
        min-width:90px
    }
    #hero #hero-content .location.row{
        margin-left:0
    }
    #hero #hero-content .item{
        height:210px
    }
    #hero #hero-content .carousel-hero-content .hero-icon{
        height:60px;
        width:60px
    }
    .col-xs-6 .dko-dd.dko-dd-single{
        min-width:300px
    }
    .col-xs-4{
        padding-left:100px
    }
}
@media(max-width:479px){
    #hero #hero-content .carousel-hero-content{
        width:270px
    }
    #hero #hero-content h4{
        padding:0
    }
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #d0d0ce
}
.clickable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #d0d0ce
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #d0d0ce
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a3e0;
    color:#fff
}
.selectable.selected{
    background-color:#0076a8;
    color:#fff
}
.selectable.selected:hover{
    background-color:#046a38
}
.timeline-container{
    background:#fff;
    padding-right:20px
}
.timeline-container .timeline-content{
    height:100%;
    padding:13px;
    padding-top:0
}
.timeline-container h2{
    color:#000;
    margin-top:0;
    padding-top:25px
}
.timeline-container .monthHeading{
    font-family:'Open Sans';
    font-size:1.6em;
    color:#000;
    padding:20px 20px;
    text-align:center;
    margin-bottom:15px;
    position:relative
}
.timeline-container .monthHeading:after{
    content:"";
    position:absolute;
    display:block;
    background-color:#d0d0ce;
    left:50%;
    border:4px solid #d0d0ce;
    border-radius:100px;
    bottom:0;
    margin-left:-3px
}
.timeline-item{
    position:relative
}
.timeline{
    border:1px solid #e7e7e7;
    background:#f8f8f8;
    padding:15px 6px;
    margin-bottom:22px
}
.timeline.task{
    border-top:4px solid
}
.timeline.task.overdue{
    border-top:4px solid #cf122f;
    background:#fae7ea;
    border-top-color:#d7423c;
    color:#d7423c;
    cursor:pointer
}
.timeline.task.overdue:hover{
    border:4px solid;
    padding:15px 3px 12px 3px
}
.timeline.task.complete{
    xborder-top:4px solid #0076a8;
    border-top-color:#0076a8;
    color:#0076a8
}
.timeline.task.pending{
    xborder-top:4px solid #fe9517;
    border-top-color:#fd942d;
    color:#fd942d;
    cursor:pointer
}
.timeline.task.pending:hover{
    border:4px solid;
    padding:15px 3px 12px 3px
}
.timeline.warning i{
    color:#00a1de
}
.timeline.info{
    background:#dfeef4
}
.timeline .timeline-icon.travel{
    background-image:url('../client/app/images/travel.png');
    background-size:contain;
    height:40px;
    width:41px
}
.timeline .timeline-icon.assignment{
    background-image:url('../client/app/images/assignment.png');
    background-size:contain;
    height:35px;
    width:41px
}
.timeline .timeline-icon{
    font-size:4em;
    height:48px;
    width:49px
}
.timeline .timeline-icon.overdue{
    background-image:url('../client/app/images/redtask.png')
}
.timeline .timeline-icon.pending{
    background-image:url('../client/app/images/orangetask.png')
}
.timeline .timeline-icon.complete{
    background-image:url('../client/app/images/greentask.png')
}
.timeline .item-date{
    font-size:1.142em;
    color:#000
}
.timeline .item-desc.travel{
    color:#000
}
.timeline:before{
    content:"";
    width:2px;
    position:absolute;
    height:20px;
    display:block;
    background-color:#d0d0ce;
    top:-20px;
    left:50%
}
.timeline:after{
    content:"";
    width:2px;
    position:absolute;
    height:30px;
    display:block;
    background-color:#d0d0ce;
    left:50%;
    bottom:-30px
}
#mainpage .timeline-container{
    background:transparent;
    padding-right:0
}
.nav-container nav{
    height:100%
}
.nav-container nav .timeline-container{
    height:100%;
    padding-bottom:70px
}
.csContainer{
}
.csContainer .noLeftMargin{
    margin-left:0
}
.csContainer h1{
    margin-left:10px
}
.return-details{
    padding-left:0
}
.return-details li.well{
    margin:10px;
    display:inline-block;
    background-color:#fff;
    border-radius:0;
    width:336px;
    vertical-align:top
}
.return-status{
    padding-left:0
}
.return-status .text{
    display:inline-block
}
.return-status .status{
    height:100%;
    width:13px;
    margin-right:5px;
    float:left
}
.return-status li{
    margin:0;
    padding-bottom:15px;
    position:relative;
    background-repeat:no-repeat
}
.return-status li i{
    padding-right:10px
}
.return-status li.current{
    font-weight:bold;
    color:#00a1de
}
.return-status li.current .text{
    color:#00a1de
}
.return-status li.current.no-pad{
    padding-bottom:0
}
.return-status li.incomplete{
    color:#676767
}
.return-status li.incomplete .text{
    color:#676767
}
.return-status li.incomplete.no-pad{
    padding-bottom:0
}
.return-status li.complete{
    color:#91cf0a
}
.return-status li.complete .text{
    color:#676767
}
.return-status li.complete.no-pad{
    padding-bottom:0
}
.ie7 .return-status .text{
    line-height:25px;
    margin-top:-3px
}
.ie7 .return-status .status{
    height:30px
}
#complianceSSRaphPie .rapheal-pie-legend{
    float:left;
    margin-top:15px;
    margin-right:40px
}
#complianceSSRaphPie .rapheal-pie-holder{
    float:left
}
.rapheal-pie-holder2{
    display:inline-block
}
.rapheal-pie-legend2 .rapheal-pie-legend2-table tr .title{
    background-color:#fff;
    padding:10px;
    border:2px solid;
    border-left:0 solid
}
.rapheal-pie-legend2 .rapheal-pie-legend2-table tr .count{
    min-width:50px;
    padding:10px;
    font-size:1.3em;
    color:#fff;
    border:2px solid;
    text-align:center
}
.rapheal-pie-legend2 .rapheal-pie-legend2-table tr.notonhover .title{
    border-color:transparent
}
.rapheal-pie-legend2 .rapheal-pie-legend2-table tr.onhover .title{
    border-color:inherit
}
.rapheal-pie-legend2 .rapheal-pie-legend2-table tr.emptyrow .emptycell{
    height:10px
}
@media all and (min-width:1024px){
    .rapheal-pie-legend2{
        display:inline-block
    }
    .rapheal-pie-legend2 .rapheal-pie-legend2-table{
        vertical-align:middle;
        display:table-cell
    }
}
@media all and (max-width:1023px){
    .rapheal-pie-holder2{
        text-align:center;
        width:100%
    }
    .rapheal-pie-legend2{
        width:100%
    }
    .rapheal-pie-legend2 .rapheal-pie-legend2-table{
        margin:0 auto
    }
}
#complianceSSLiveTileRaphPie .rapheal-pie-legend{
    float:left;
    margin-top:20px
}
#complianceSSLiveTileRaphPie .rapheal-pie-legend .title{
    font-size:inherit!important
}
#complianceSSLiveTileRaphPie .rapheal-pie-holder{
    float:right
}
#complianceSSLiveTileRaphPie .rapheal-pie-holder h1.percentage{
    margin-top:-122px
}
h4{
    margin-top:15px;
    margin-bottom:15px
}
.countrySection{
    color:#00a1de
}
.newsfeedSection{
}
.newsfeed-article{
    height:225px;
    min-height:225px
}
.newsfeed-article h3{
    font-size:1.2em;
    margin-bottom:0;
    margin-top:0
}
.newsfeed-article h4{
    max-height:20px;
    overflow:hidden;
    text-overflow:ellipsis
}
.newsfeed-article p{
    min-height:105px;
    max-height:105px;
    overflow:hidden
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    .newsfeedSection{
    }
    .newsfeed-article{
        min-height:285px;
        height:285px
    }
}
.noselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu
}
.form-border{
    border:2px solid #d0d0ce
}
.clickable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.popup-box-shadow{
    box-shadow:1px 4px 8px #d0d0ce
}
.popup-box-shadow-above{
    box-shadow:1px -4px 8px #d0d0ce
}
.box-sizing{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.strong{
    font-family:"Open Sans Bold"
}
.selectable{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:context-menu;
    cursor:pointer
}
.selectable:hover{
    background-color:#00a3e0;
    color:#fff
}
.selectable.selected{
    background-color:#0076a8;
    color:#fff
}
.selectable.selected:hover{
    background-color:#046a38
}
#newsflashes-acp,#newsflashes-acp-detail{
    padding:0
}
#newsflashes-acp button,#newsflashes-acp-detail button{
    background-color:transparent;
    font-family:'Open Sans';
    font-weight:700;
    color:#0097a9;
    position:relative;
    padding-right:42px
}
#newsflashes-acp button:hover,#newsflashes-acp-detail button:hover{
    color:#fff;
    background-color:#0097a9
}
#newsflashes-acp button i,#newsflashes-acp-detail button i{
    position:absolute;
    right:12px;
    top:3px;
    font-size:2em;
    margin-left:10px;
    margin-right:0
}
#newsflashes-acp .newsflash-tile,#newsflashes-acp-detail .newsflash-tile{
    background-color:#fff;
    color:#000;
    cursor:pointer;
    padding:40px;
    margin-bottom:22px;
    margin-left:-5px;
    margin-right:-5px
}
#newsflashes-acp .articles,#newsflashes-acp-detail .articles,#newsflashes-acp .newsflash-article,#newsflashes-acp-detail .newsflash-article{
    height:225px;
    overflow:hidden
}
#newsflashes-acp .newsflash-article,#newsflashes-acp-detail .newsflash-article{
    padding:20px;
    padding-bottom:10px
}
#newsflashes-acp .newsflash-article h3,#newsflashes-acp-detail .newsflash-article h3{
    font-size:1.2em;
    margin-bottom:0;
    margin-top:0
}
#newsflashes-acp .row>div,#newsflashes-acp-detail .row>div{
    margin:10px 0
}
#newsflashes-acp .no-hero section#main,#newsflashes-acp-detail .no-hero section#main{
    border-top-width:58px
}
#newsflashes-acp .menu-item,#newsflashes-acp-detail .menu-item{
    padding:15px
}
#newsflashes-acp .aside-header.collapsed,#newsflashes-acp-detail .aside-header.collapsed{
    display:inline-flex;
    color:#000
}
#newsflashes-acp .newsflash-title h4,#newsflashes-acp-detail .newsflash-title h4{
    max-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis
}
#newsflashes-acp .downloadLink,#newsflashes-acp-detail .downloadLink,#newsflashes-acp .article-link,#newsflashes-acp-detail .article-link{
    overflow:hidden;
    display:block;
    text-align:right;
    padding-right:30px
}
#newsflashes-acp .countrySection,#newsflashes-acp-detail .countrySection{
    color:#00a3e0
}
#newsflashes-acp .article-synopsis,#newsflashes-acp-detail .article-synopsis{
    min-height:100px;
    max-height:100px;
    overflow:hidden
}
#newsflashes-acp h4,#newsflashes-acp-detail h4{
    margin-top:10px;
    margin-bottom:10px
}
#newsflashes-acp .downloadSection,#newsflashes-acp-detail .downloadSection{
    text-align:right;
    color:#00a3e0
}
#newsflashes-acp .link:after,#newsflashes-acp-detail .link:after{
    content:""
}
#newsflashes-acp ul,#newsflashes-acp-detail ul{
    padding:0
}
#newsflashes-acp-detail{
    max-width:450px
}
#newsflashes-acp-detail .article-synopsis{
    margin-bottom:35px;
    max-height:none;
    overflow:visible
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    .articles,.newsflash-article{
        min-height:250px;
        height:250px
    }
}
#speedTest{
    max-width:400px;
    background-color:#fff;
    margin:0 auto;
    padding:10px 20px
}
#speedTest .info{
    margin-bottom:20px
}
#speedTest .prop{
    font-weight:bold;
    text-align:right
}
#speedTest .details{
    font-weight:normal
}
#speedTest .note{
    margin-top:10px
}
#speedTest .button-bar{
    float:none;
    text-align:center;
    margin:30px 0
}
#speedTest .runSpeedTest{
    float:none
}
#main-content.speedtest-bg{
    background:url('../client/app/images/speedtest_bgr.png') no-repeat;
    min-height:100%
}
#membersupport{
    max-width:700px
}
#membersupport #article-links{
    margin-top:20px
}
#membersupport .help-article{
    position:relative
}
#membersupport .body{
    margin-bottom:30px
}
#membersupport .contact-info{
    line-height:24px
}
#membersupport .note{
    margin-top:30px
}
#membersupport fieldset{
    margin-bottom:20px
}
#membersupport #contact-info{
    max-width:600px
}
#membersupport #contact-info li{
    margin-top:10px;
    margin-bottom:3px
}
#membersupport #contact-info li a{
    text-decoration:none
}
#membersupport #contact-info li a:hover,#membersupport #contact-info li:hover a{
    color:#fff
}
#membersupport #contact-info-ticket li{
    margin-top:10px;
    margin-bottom:3px
}
#membersupport #contact-info-ticket li a{
    text-decoration:none
}
#membersupport #contact-info-ticket li a:hover,#membersupport #contact-info li:hover a{
    color:#fff
}
#membersupport #create-ticket{
    min-width:320px
}
#membersupport .no-data{
    max-width:280px
}
#membersupport .phone #create-ticket{
    min-width:260px
}
#helpWelcomepage ul li{
    list-style-type:disc
}
