/*
//	THIS SOURCE CODE IS INTELLECTUAL PROPERTY OF MASIMO.
//  This source code cannot be copied, modified, printed,
//	reproduced or used in any way, shape or form without prior permission from
//	Masimo, Inc. ANY ATTEMPTS TO COPY, MODIFY, PRINT,
//	REPRODUCE OR USE THIS SOURCE CODE WITHOUT PERMISSION FROM
//	MASIMO, INC ARE STRICTLY PROHIBITED.
//
//	Anyone creating, updating, or viewing this source code in any way, shape
//	or form is bound by this copyright message, including Masimo' employees, contractors, partners, or any other associated or
//	non-associated person, entity or a system.
//
//	Copyright 2020 Masimo, All rights reserved.
*/
@import url('/sites/base/theme/general/fonts/fonts.roboto.apis.css?vs=2');
@import url('/sites/base/theme/general/fonts/fonts.mainsite.apis.css?vs=2');

.font_2 {
    font-family: DIN-Next-W01-Light;
    color: #1E1E1B;
}
.font_0 {
    font-family: DINNeuzeitGroteskLTW01-_812426;
    color: #FFFFFF;
    font-size: 68px;
}
.font_6 {
    font-family: Futura-LT-W01-Light;
    color: #3D3C37;
}
.font_7 {
    font-family: DIN-Next-W01-Light;
    color: #1E1E1B;
}
.font_8 {
    font-family: DIN-Next-W01-Light;
    color: #1E1E1B;
    font-size: 17px;
}
.fix_width {
    width: 1153px;
    margin:0 auto;
}
.fix_width_870 {
    width: 870px;
    margin: 0 auto;
}
.clear {
    clear: both;
}
#main-content {
    margin-top: 64px;
}
.main-content {
    margin-top: 64px;
}
/*############### TOP MENU ###############*/
#header {
    font-family: 'Helvetica-W01-Roman', 'helvetica-w02-roman', 'helvetica-lt-w10-roman', 'sans-serif';
}
#header .doctella-nav{
    min-height: 64px;
    background: #29357a;
    border: none;
    border-radius: 0;
    z-index: 50;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0
}
#header .doctella-nav ul.nav.navbar-nav.navbar-right li {
    padding: 0;
}
#header .doctella-nav .navbar-nav li a{
    font-size: 15px;
    color: #FFFFFF;
    transition: color 0.4s ease 0s;
    text-transform: uppercase;
    line-height: 34px;
    transition: color 0.4s ease 0s;font-family:Helvetica-W01-Light
}
#header .doctella-nav .navbar-nav li{
    padding: 0px 20px;cursor:pointer
}
#header .doctella-nav .navbar-nav li.active a{
    color: #A1E4F0;
    background: none;
}
#header .doctella-nav .navbar-nav li:hover a{
    color: #A1E4F0;cursor:pointer
}
#header .doctella-nav .navbar-header img{
    padding-top: 8px;
    margin-right: 80px;cursor:pointer
}
#header .doctella-nav .navbar-collapse{
    border-top: none;
    max-height: 100%;
}
#header .doctella-nav .navbar-toggle{
    margin-top: 14px;
}
#header .doctella-nav{
    margin-bottom: 0;
}
ul.user-bar a.user-name {
	text-transform: lowercase !important;
}
.nav > li > a{padding:15px 0}
/*END HEADER*/
.fix_width_980 {
    width: 980px;
    margin: 0 auto;
}
@media screen and (max-width: 980px) {
    .fix_width_980{
        width: 100%;        
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    #header .container {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #header .doctella-nav .navbar-header img{
        margin-right: 0;
    }
    #header .doctella-nav .navbar-nav li{
        padding: 0 20px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .img-login{
        display: none !important;
    }
    #space-login{
        display: none !important;
    }
}
.background_scroll {
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.img-responsive{
    display: inline-block;
}
/*****************************  FOOTER     **********************************/
footer{
    background-color: rgb(41,54,123);
    min-height: 200px;
    overflow:hidden;
    background-size: 100%;
    padding-bottom: 20px;
    overflow:hidden;
}
.all-content-footer{
    width:875px;
    margin: 0 auto;

}
.row-footer{
    width:100%;
    overflow:hidden;
}
.logo-footer{
    margin-top: 22px;
    float:left;
}
.logo-footer img{max-width:192px}
.list-icon{
   margin-top: 40px;
   margin-left: 215px;
   float:left;
   position:relative;
}

.list-icon ul{
    list-style: none;
    position:relative;
    z-index: 2;
    
}
.list-icon ul.icon-hover{
    position:absolute;
    top: 0px;
    left:0px;
    z-index: 0;
}
.list-icon ul li{
    display:inline;
    margin-left: 10px;

}
.list-icon-02{
    float:right;
    margin-top: 33px;
}
.list-icon-02 ul{
    list-style: none;
}
.list-icon-02 ul li{
    display:inline;
    margin-left: 10px;

}
.all-list-link{
    overflow:hidden;
    float:left;
}

.list-link{
    float:left;
    margin-left: 20px;
    margin-top: 25px;
}
.list-link:first-child{
    margin-left: 0px;
}
.list-link a {
    color:white;
    font-family:"Futura-LT-W01-Light";
    font-size: 14px;
    margin: 0px;
    display:block;
    cursor: pointer;
}
.list-link a:hover, .list-link a:focus, .nav-footer a:hover, .nav-footer a.focus {
    text-decoration: none;
}
.col-end-footer{
    float:left;
}

.note-end{
    width:412px;
    margin-top: 50px;
    padding: 0 100px;
}
.note-end p{
    font-size: 14px;
    color:white;
    font-family: "DIN-Next-W01-Light";
    text-align: center;
}
.nav-footer{
    /*margin-left: 115px;
    margin-top: 16px;*/

}
.nav-footer ul{
    list-style: none;
    padding: 0;
}
.nav-footer ul li{
    display:inline;
    padding:0 5px;
    border-right: 1px solid white;
}

.nav-footer ul li:last-child{
    border:none;
}
.nav-footer ul li a{
    font-size: 14px;
    font-family:"Futura-LT-W01-Light";
    color:white;
    
}
.list-icon ul{
    padding-left: 0;
}
.list-icon ul li {
    display: inline;
    margin-left: 10px;
}
.list-icon-02 ul{
    padding-left: 0;
}
.img-icon:hover{

}
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.icon-app {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 112px;
  height: 41px;
  font-size: 0;
}
/*END FOOTER*/

/*popup instruction*/
div#pop-up-instruction div.close-new {
    right: 40px !important;
    top: -10px !important;
    cursor: pointer;
    height: 30px;
    width: 30px;
    position: absolute;
	opacity: 0.8;
}
div#pop-up-instruction div.close-new:hover {
	opacity: 1;
}
div#pop-up-instruction input[type="button"]:hover {
    border: 1px solid #ed6448 !important;
    color: #ed6448 !important;
}
div#pop-up-instruction input[type="button"] {
    background-color: #ffffff !important;
    border: 1px solid #64b8ca !important;
    border-radius: 2px;
    color: #64b8ca !important;
    cursor: pointer !important;
    font-size: 20px !important;
    line-height: 25px !important;
    padding: 7px 16px 5px !important;
}
div#pop-up-instruction a {
    color: #A0A0A0 !important;
    text-decoration: underline !important;
}
div#pop-up-instruction a:hover {
    color: red !important;
}

/*RESPONSIVE HEADER  FOOTER*/
@media (max-width: 980px){
    .img-responsive{
        padding: 0;
    }
    #header .doctella-nav .navbar-nav li{
        padding: 0 20px;
    }
    #header .doctella-nav .navbar-header img{
        margin-right: 0;
    }
}
@media (min-width: 980px){
    .col-end-footer{
        width: 70%;
        text-align: center;
    }
    .note-end{
        width: auto;
    }
    .nav-footer{
        margin-left:0;
    }
}
@media (max-width: 991px){
	.doctella-nav .container {
		width: 100%;
	}
}
@media (max-width: 900px){
    #header #sing-in-ac{
        padding-right: 0;
    }
    .list-icon{
        margin-left: 150px;
        margin-right: 34px;
    }
}
@media (max-width: 800px){
    .all-content-footer{
        padding: 0 10px;
    }
    .list-icon{
        margin-left: 120px;
    }
    .list-icon-02 {
        float: none;
    }
    .nav-footer{
        width: 412px;
        text-align: center;
    }
    #header .doctella-nav .navbar-nav li{
        padding: 0 20px;
    }
    #header .doctella-nav .navbar-header img{
        margin-right: 0px;
    }
    .img-responsive{
        display: inline-block;
    }
    .note-end {
        padding: 0 20px;
    }
}
@media (max-width: 767px){
    .note-end {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .img-login{
        display: none !important;
    }
    #space-login{
        display: none !important;
    }
    .page-right{
        float: none !important;
    }
    .login-ac{
        padding-left: 10px !important;
    }
    .css-login{
        padding-left: 10px !important;
    }
    #header .doctella-nav .navbar-header img{
        margin-right: 0;
		margin-left: 10px;
    }
    #header .doctella-nav .navbar-nav li{
        padding: 0 10px;
    }
    .all-content-footer{
        width:100%;
        padding:0 10px;
    }
    .row-footer{
        width:100%;
        overflow:hidden;
    }
    .logo-footer{
        margin-top: 22px;
        float:none;
        margin-left: 0px;
        text-align: center;
    }
    .logo-footer{

    }
    .list-icon{

        margin-top: 22px;
       margin-left: 0px;
       text-align: center;
    }
    .list-icon-02{
        margin-top: 22px;
    }
    .all-list-link{
        float: left;
        width: auto;
    }
    .list-icon ul.icon-hover{
        display:none;
    }

    .list-icon-02{
        float:none;
        margin-top: 15px;
        text-align: center;
    }

    .all-list-link{
        overflow: hidden;
        float: initial;
        width: 100%;
    }
    .all-list-link .fix_width_grid {
        width: 260px;
        margin: 0 auto;
    }

    .list-link{
        float:left;
        margin-left: 20px;
        margin-top: 15px;
    }

    .list-link:first-child{
        margin-left: 0px;
    }
    .list-link a {
        color:white;
        font-family:"Futura-LT-W01-Light";
        font-size: 14px;
        margin: 0px;
        display:block;
    }

    .col-end-footer{

    }

    .note-end{
        width:100%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .nav-footer{
        width: 100%;
        margin: 0;
    }
    .nav-footer ul{
        list-style: none;
        padding: 0;
    }
    .list-icon ul li {
        margin: 0 5px;
    }
    .list-icon-02 ul li {
        margin: 0 5px;
    }
}
@media (max-width : 540px) {
    .list-icon-02 ul li {
        margin: 0 12px;
    }
}
@media (max-width : 520px) {
    .logo-footer{
        width: 100%;
    }
    .all-content-footer .list-icon{
        width: 100%;
        margin: 0;
        padding: 10px 0;
        margin-left: 0;
    }
    .all-list-link{
        width: 100%;
    }
    .col-end-footer{
        width: 100%;
    }
}
@media (max-width : 480px) {
    .list-icon{
        text-align: center;
    }
    .logo-footer{
        width: 100%;
    }
    .list-icon{
        width: 100%;
    }
    .col-end-footer{
        width: 100%;
    }
    .nav-footer{
        text-align: center;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .nav-footer ul{
        padding: 0;
    }
    .list-icon{
        margin-left: 0;
        padding-bottom: 10px;
    }
    .page-right{
        //padding-left: 20px;
    }
}
@media (max-width : 320px) {

}
@media only screen and (min-width : 321px) and (max-width : 480px) {
    #header .doctella-nav .navbar-header img{
        margin-right: 0;
    }
    /*#header .doctella-nav .navbar-nav li{
        padding: 0;
        padding-right: 0;
    }*/
    #page-login{
        padding-left: 20px;
    }
}
@media (max-width : 768px) {
    #page-login{
        padding-left: 20px;
    }
    #header .doctella-nav .navbar-nav li{
       // padding: 0 20px;
    }
    .list-icon{

    }
}
@media (max-width : 360px) {
    .list-icon{
        margin-left: 0;
        padding-bottom: 10px;
    }
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
    #header .doctella-nav .navbar-header img{
        margin-right: 0;
    }
}

/*REMOVE BACKGRUND BUTTON CHANGE CAROUSEL*/
.carousel-control.left, .carousel-control.right{
    background-image: none !important;
}
/*ANIMATE*/
.has-animate{
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* IE 5-7 */
    filter: alpha(opacity=0);

    /* Netscape */
    -moz-opacity: 0;

    /* Safari 1.x */
    -khtml-opacity: 0;

    /* Good browsers */
    opacity: 0;
}
/*CUSTOM MODAL*/
.custom-modal .modal-header{
    border-bottom: none;
}
/*CENTER IMG*/
.img-center{
    margin: 0 auto;
}

/*Define icon slider control*/
.carousel-control {
    opacity: 1;
}
.carousel-control:hover, .carousel-control:focus {
    opacity: 1;
}
.icon_prev_slider {
    position: absolute;
    top:50%;
    left: 50%;
    width: 25px;
    height: 48px;
    background: url(/sites/default/pages/statics/images/icon_prev.png) no-repeat left center;
    background-size: 25px;
}
.icon_prev_slider:hover {
    background: url(/sites/default/pages/statics/images/icon_prev_hover.png) no-repeat left center;
    background-size: 25px;
}
.icon_next_slider {
    position: absolute;
    top:50%;
    right: 50%;
    left: inherit;
    width: 25px;
    height: 48px;
    background: url(/sites/default/pages/statics/images/icon_next.png) no-repeat left center;
    background-size: 25px;
}
.icon_next_slider:hover {
    background: url(/sites/default/pages/statics/images/icon_next_hover.png) no-repeat left center;
    background-size: 25px;
}

.carousel-indicators li {
    width: 6px;
    height: 6px;
    background: rgba(158, 157, 153, 1);
    border: none;
    margin: 1px 3px;
}
.carousel-indicators {
    bottom: 30px;
}
.carousel-indicators .active {
    background: rgba(206, 205, 201, 0.3);
    border: none;
    width: 6px;
    height: 6px;
    margin: 1px 3px;
}
/*End define icon slider control*/
/*Login */
.page-right{
    float: right;
}
.page-right ul li{
    padding: 0 !important
}
li#space-login{
    padding-top: 20px !important;
    margin: 0;
    color: #fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#wrapper{
    height: 461px;
}
.page-right .css-login{
    padding-left: 0;
    padding-right: 10px;
}
.icon-login{
    background: url(/sites/default/pages/statics/images/user_icon.png) no-repeat;
    margin-top: 23px !important;
    width: 20px;
}
.img-login{
    float: left;
    padding-top: 22px;
    padding-right: 2px;
	background:url(/sites/base/theme/checklists/images/svg/icon_patient_hover.svg) no-repeat center center;
    background-size:auto 29px;width:20px;height:20px;margin-top:19px
}
ul.navbar-nav.user-bar li {
	padding: 0px 5px !important;
}
ul.navbar-nav.user-bar > li > a {
	padding-left: 0px;
}
#page-login #sing-in-ac{
    padding-left: 0;
}
/*PRE LOAD*/
#home-main-content{
    /*display: none;*/
    /*opacity: 0;*/
}
html, body{
    background-color: #f8f8f8;
    height: 100%;
}
.p-content {
    height: 735px;
    width: 100%;
    display: table;
    position: absolute;
    z-index: 999;
    background: rgba(255,255,255,1)
}
.c-content {
    display: table-cell;
    height: 100%;
    padding-top: 200px;
}
#pre-ready .c-content img{
    display: block;
    margin: 0 auto;
}
/*End login */


/*
New style Popup
*/
div.new-pop-up {
    background: #e8e8e8;
    padding: 25px;
    position: relative;
    color: #3e3e3f;
    font-size: 18px;
}

div.new-pop-up i.new-pop-up-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background: url(/sites/base/theme/general/images/popup-close.png) no-repeat 50%;
    background-size: 9px;
    height: 8px;
    width: 9px;
    padding: 5px;
    box-sizing: content-box;
}

div.new-pop-up i.new-pop-up-close:hover {
    background: #1a1a1a;
    background: url(/sites/base/theme/general/images/popup-close-hover.png) no-repeat 50%;
    background-size: 15px;
    height: 14px;
    width: 15px;
    padding: 2px;
}

div.new-pop-up .new-pop-up-content {
    position: relative;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
}

div.new-pop-up .new-pop-up-content:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -13px;
    right: 45px;
    background: url(/sites/base/theme/general/images/popup-tail.png);
    background-size: 19px;
    height: 13px;
    width: 19px;
}

div.new-pop-up label {
    font-weight: bold;
    text-transform: uppercase;
}

div.new-pop-up .new-pop-up-group-btn {
    margin-top: 20px;
    text-align: center;
}

div.new-pop-up button.new-pop-up-btn {
    background: #fff;
    color: #24458c;
    font-size: 14px;
    border: 1px solid #24458c;
    border-radius: 2px;
    padding: 5px 15px;
    margin-left: 15px;
    margin-right: 0;
    cursor: pointer;
}

div.new-pop-up button.new-pop-up-btn:first-child {
    margin-left: 0px;
}

div.new-pop-up .new-pop-up-btn:hover {
    color: #ed6347;
    border-color: #ed6347;
}

div.new-pop-up button.new-pop-up-btn:disabled {
    color: #aaa;
    border-color: #aaa;
}
div.new-pop-up div a{color:#29357a}
div.new-pop-up div a:hover{color:#ed6448 !important;text-decoration:none !important}
/*End*/
@media (max-width: 1090px) and (min-width: 992px) {
    #header .doctella-nav .navbar-nav li {
        padding: 0 10px;
    }
}
@media (max-width: 980px){
    ul.navbar-nav.user-bar li {
        padding: 0 20px !important;
    }
}
@media (max-width: 767px){
    ul.navbar-nav.user-bar li {
        padding: 0 !important;
    }
    ul.navbar-nav.user-bar li.sing-in-ac {
        padding: 0 10px !important;
    }
    ul.user-bar a.user-name {
        padding-left: 10px !important;
    }
}
#grid_content_setting {
    display: none;
}
/*TODO: DOC-4414, Quannn, 6/12/2017*/
.user-bar {
    margin: 0;
    position: absolute;
    right: 14px;
    top: 11px;
}
/*TODO: DOC-5982, lienbui*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.user-bar{right:30px}
	}
ul.navbar-nav.user-bar li {
    padding: 0 !important;
}
.user-bar .sign-reg .user-icon {
    background: url(/sites/base/theme/general/images/Icon_User_white_512x512.svg) no-repeat center center;
    background-size: auto 22px;
    padding: 0 !important;
    float: initial;
    opacity: 0.54;
    width: 25px;
    height: 28px;
    display: block;
    margin: 0 auto;
}
.user-bar .sign-reg .user-icon:hover {
    opacity: 0.87;
}
.user-bar .sign-reg span {
    font-family: Helvetica-W01-Light;
    font-size: 11px;
}
.user-bar .item-nav .text {
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.7px;
    display: block;
    color: #d5d5d5;
    padding: 0;
    font-size: 12px;
    margin-top: 1px;
}
#signin {
    cursor: pointer;
}
#register {
    cursor: pointer;
}
.user-bar .sign-reg .user-icon._hover {
    opacity: 0.87;
}
.sign-reg #signin:hover, .sign-reg #register:hover {
    color: #fff;
}
.user-bar .account {
    text-align: center;
}
.user-bar .item-nav .icon-avatar {
    height: 28px;
    width: 28px;
    background: url(/sites/base/theme/general/images/Icon-Bg-Circle.svg) no-repeat center center;
    padding: 0;
    text-align: center;
    line-height: 29px;
    text-transform: uppercase;
    margin: 0 auto;
    float: none;
    font-size: 12px;
    text-indent: 0px;
    background-size: auto 26px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    color: #fff;
}
.user-bar .item-nav .text {
    color: #d5d5d5;
    font-size: 11px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    line-height: 12px;
    display: block;
    font-weight: normal;
}
.user-bar .account:hover {
    cursor: pointer;
}
.user-bar .item-nav .icon-avatar:hover {
    color: #ED6448;
}
.user-bar .account .full-account {
    display: none;
}
@media (max-width: 991px){
    .user-bar {
        position: initial;
        margin: -7.5px -15px 0 -15px;
    }
    .user-bar li {
        margin: 0 20px;
    }
    .user-bar .sign-reg .user-icon {
        display: none;
    }
    .user-bar .sign-reg .t {
        display: none;
    }
    .user-bar .sign-reg span {
        display: block;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 34px;
        padding: 10px 0;
    }
    .user-bar .item-nav .text {
        margin: 0;
    }
    .user-bar .item-nav .text.label, .user-bar .item-nav .icon-avatar {
        display: none;
    }
    .user-bar .account .full-account {
        display: block;
        font-size: 15px;
        color: #fff;
        text-align: left;
        line-height: 34px;
        padding: 10px 0;
    }
}
@media (max-width: 767px){
    .user-bar li {
        margin: 0 10px;
    }
}
/*End*/
/*TODO: DOC-4589*/
#header .doctella-nav, footer {
    background-color: #231F20;
}
footer{background-color:#d10000}
/*End*/
/*TODO: DOC-4782, Quannn, 7/19/2017*/
.wrap-info-account, .wrap-info-account * {
    box-sizing: border-box;
}
.wrap-info-account #info-account {
    max-width: 320px;
    width: 100%;
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 99;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    display: none;
}
#info-account md-card {
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
#info-account .username {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
}
#info-account .account {
    font-size: 13px;
    line-height: 16px;
    word-break: break-all;
}
#info-account .content-box-top {
    border-bottom: 1px solid #ccc;
}
#info-account .card-media {
    position: relative;
    width: 96px;
    height: 96px;
}
#info-account .avatar-user {
    width: 100%;
    height: 100%;
    background: url(/sites/base/theme/general/images/Icon-Bg-Circle.svg) no-repeat center center;
    background-size: 100% auto;
    border-radius: 50%;
    color: #fff;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 50px;
    text-transform: uppercase;

    /* Internet Explorer 10 */
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;
    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}
#info-account .text-content {
    padding-left: 16px;
    justify-content:center;
}
#info-account .change-avater {
    background: url(/sites/base/pages/account/assets/images/ic-change-avatar.svg) no-repeat bottom center;
    position: relative;
    bottom: 24px;
    height: 24px;
    width: 100%;
    display: block;
    font-size: 10px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    background-size: 82px auto;
}
.wrap-info-account .bg-acc {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
}
#info-account .actions-box {
    justify-content: space-between;background:#f5f5f5;padding:5px;margin:0
}
#info-account .actions-box .smg-info {
    line-height: 16px;
    font-size: 12px;
    width: 158px;
}
#info-account .actions-box .btn-logout {
    margin-right: 12px;
}
#info-account .ar1 {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    position: absolute;
    right: 23px;
    z-index: 1;
    height: 0;
    width: 0;
    border-bottom-color: rgba(0,0,0,.2);
    top: -2px;
}
#info-account .ar2 {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    position: absolute;
    right: 23px;
    top: -1px;
    z-index: 1;
    height: 0;
    width: 0;
}
#info-account .text-content .btn-home-page {
    color: #fff;
    background: #4d90fe;
    border: 1px solid #3079ed;
    font-weight: 500;
    margin: 10px 0 0 0;
    width: 100px;
    text-transform: none;
    height: 30px;
    min-height: 30px;
    line-height: 28px;
}
#info-account .text-content .btn-home-page:hover {
    background: #357ae8;
    border-color: #2f5bb7;
}
/*End DOC-4782*/
/*TODO: DOC-4918, Quannn, 7/31/2017*/
#header .item-nav .icon-home {
    background: url(/sites/base/theme/general/images/Icon-Home.svg) no-repeat center center;
    background-size: auto 20px;
    opacity: 0.54;
    height: 28px;
}
#header .item-nav.item-home {
    text-align: center;
    margin-right: 20px;
}
@media (max-width: 991px){
    .navbar-right .item-nav {
        margin: 0;
    }
    .navbar-right .item-nav .icon {
        display: none;
    }
    .navbar-right .item-nav .text {
        font-size: 15px;
        color: #fff;
        text-align: left;
        line-height: 34px;
        padding: 10px 0;
    }
}
/*End DOC-4918*/

/*TODO: DOC-5070 DOC-5054, Quannn, 8/22/2017*/
.icon-scroll-indicator {
    position: fixed;
    bottom: 100px;
    right: 20px;
    cursor: pointer;
    width: 56px;
    z-index: 20;
}
.icon-scroll-indicator .md-button {
    background: #231f20;
    margin: 0;
}
.icon-scroll-indicator .md-button:hover {
    background: #d10000 !important;
}
.icon-scroll-indicator .md-button.md-default-theme.md-fab:not([disabled]).md-focused, .icon-scroll-indicator .md-button.md-fab:not([disabled]).md-focused, .icon-scroll-indicator .md-button.md-default-theme.md-fab:not([disabled]):hover, .icon-scroll-indicator .md-button.md-fab:not([disabled]):hover {
    background: #a74632;
}
.icon-scroll-indicator md-icon {
    transition: all 1s;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}
.icon-scroll-indicator.scroll-up md-icon {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}
.icon-scroll-indicator.scroll-lb {
    position: absolute;
    width: 40px;
    bottom: 50px;
    right: 25px;
}
.icon-scroll-indicator.scroll-lb .md-button {
    width: 40px;
    height: 40px;
}
@media (max-width: 720px){
    .icon-scroll-indicator {
        width: 40px;
        bottom: 68px;
        right: 14px;
    }
    .icon-scroll-indicator .md-button.md-fab {
        margin: 0;
        width: 40px;
        height: 40px;
    }
}
/*End DOC-5070*/
/*TODO: DOC-4834, Quannn, 8/29/2017*/
body #lc_chat_layout {
    right: 20px;
}
body #lc_chat_layout ul {
    margin: 18px 10px 10px !important;
}
#lc_chat_layout.lc-expanded.lc-offline {
    height: 410px !important;
}
#lc_chat_layout.lc-expanded.lc-offline #lc_chat_container .lc-offline-form {
    height: 370px;
}
#lc_chat_layout.lc-expanded.lc-offline.lc-thank-message {
    height: 183px !important;
}
@media (max-width: 720px){
    body #lc_chat_layout {
        right: 10px;
    }
}
/*End DOC-4834*/
/*TODO: DOC-5511, Quannn, 10/9/2017*/
#lc_chat_layout.lc-collapsed {
    width: 160px;
}
/*End DOC-5511*/

/* Huyhq: set style to use ng-cloak*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.has-animate.animated:not(.visible) {
    -webkit-animation: none!important;
    animation: none!important;
    opacity: 0;
}
body #fc_frame, body #fc_frame.fc-widget-normal { /* TODO: DOC-7518, Quannn, 11/27/2018*/
    z-index: 80;
}