@charset "UTF-8";
.multilevel a,
.multilevel-link,
.multilevel-toggle,
a,
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none
}
.loginForm button md-progress-circular path,
body.login .loginForm button md-progress-circular path {
    stroke: #fff
}
.ranges ul,
ol,
ul {
    list-style: none
}
.multilevelMenu {
    display: none
}
.multilevel {
    position: relative;
    line-height: 1.5
}
.multilevel.show-select {
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    width: 224px;
    height: 31px;
    line-height: 14px;
    background: url(../images/ic_arrow.png) 95% center no-repeat;
    margin-top: -5px
}
.multilevel-toggle {
    display: none;
    background: #fff;
    position: relative;
    font-size: 15px;
    padding: 8.75px 20px;
    margin: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
.multilevel.show-select .multilevel-toggle {
    display: block;
    padding: 5px;
    background: 0 0;
    box-shadow: none
}
.multilevel.show-select .multilevel-toggle .multilevel-text {
    color: #7e7e7e
}
.multilevel.show-select>.multilevel-toggle>.multilevel-icon {
    display: none
}
.multilevel-toggle .multilevel-icon,
.multilevel-toggle .multilevel-text {
    display: inline-block;
    vertical-align: middle
}
.multilevel-toggle .multilevel-icon {
    height: 2px;
    width: 8px;
    opacity: .6;
    position: relative;
    margin-left: 20px
}
.multilevel-toggle .multilevel-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid
}
.multilevel-toggle img {
    vertical-align: middle
}
.multilevel-menu-wrapper {
    background: #fff;
    overflow: hidden;
    position: relative;
    height: 250px!important;
    margin-bottom: 12px
}
.multilevel-menu-container {
    position: relative;
    width: 445px;
    max-width: 100%
}
.multilevel-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    padding: 0;
    height: 250px;
    border: 1px solid #9b9b9b;
    box-shadow: 0 0 0;
    background-color: #fff;
    border-radius: 3px
}
.multilevel-menu-main,
.multilevel-menu-open {
    display: block
}
.multilevel-menu-main {
    height: 250px
}
.multilevel-menu-open {
    position: relative
}
.multilevel-menu-wrapper {
    z-index: 999;
    display: none;
    opacity: 0
}
.multilevel-above .multilevel-menu-wrapper {
    bottom: 100%;
    top: auto;
    margin: 0 0 3px
}
.multilevel-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none
}
.multilevel-animating .multilevel-mask {
    display: block
}
.multilevel-overlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    opacity: 0
}
.multilevel-menu-container .multilevel-icon {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%
}
.multilevel-menu-container .multilevel-click {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    right: 50px
}
.multilevel-menu-container .multilevel-next {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    width: 50px;
    right: 0;
    cursor: pointer
}
.multilevel-back .multilevel-text,
.multilevel-close .multilevel-text,
.multilevel-menu-main .multilevel-header {
    display: none
}
.multilevel-header {
    position: relative;
    min-height: 25px;
    padding: 12.5px 50px;
    margin: 0;
    height: 40px;
    border-bottom: 1px solid #9b9b9b;
    font-size: 14px
}
.multilevel-header:hover {
    background: rgba(121, 187, 67, .8)
}
.multilevel-header:hover .multilevel-title {
    color: #FFF
}
.multilevel-title {
    font-size: 14px;
    text-align: left;
    line-height: 15px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #000
}
.multilevel-header>a>i {
    top: 13px
}
.multilevel-back,
.multilevel-close {
    position: absolute;
    text-decoration: none;
    top: 0;
    font-weight: 700;
    color: #aaa;
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center
}
.multilevel-back {
    left: 0;
    height: 42px;
    line-height: 30px
}
.multilevel-back .multilevel-icon:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid;
    position: absolute;
    top: 4px;
    right: 7px;
    color: #000
}
.multilevel-divider:first-child,
.multilevel-divider:last-child,
.multilevel-menu-main .multilevel-back {
    display: none
}
.multilevel-back .multilevel-icon:hover:after {
    color: #2FB491
}
.multilevel-close {
    display: none;
    right: 0
}
.multilevel-close .multilevel-icon:after {
    font-family: sans-serif;
    content: '\00d7'
}
.multilevel-item,
.multilevel-list {
    list-style-type: none;
    font-size: inherit
}
.multilevel-list {
    text-align: left;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    max-height: 204px;
    padding: 0;
    height: auto!important
}
.multilevel-item {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #9b9b9b
}
.multilevel-item:last-child {
    margin-bottom: 0
}
.multilevel-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    padding: 10px 20px;
    margin: 20px 0 0
}
.multilevel-label:first-child {
    margin-top: 0
}
.multilevel-divider {
    border-bottom: 1px solid #e0e0e0;
    margin: 10px 0
}
.multilevel-divider+.multilevel-label {
    margin-top: 10px
}
.multilevel-divider:first-child+.multilevel-label {
    margin-top: 0
}
.multilevel-link {
    display: block;
    position: relative;
    padding: 10px 20px;
    border-radius: 0;
    background: 0 0;
    color: #9b9b9b;
    font-size: 16px
}
.multilevel-link input {
    width: 80%!important;
    display: inline-block!important;
    padding: 12px!important
}
.multilevel-addGroup>i,
.multilevel-link .nameEdit,
.multilevel-link>.nameEdit,
.multilevel-link>input {
    display: inline-block
}
.multilevel-parent .multilevel-link:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    color: #9b9b9b;
    cursor: pointer
}
.multilevel-parent .multilevel-link:hover:after {
    color: #2FB491
}
.multilevel-link:hover {
    background: rgba(121, 187, 67, .8);
    color: #fff
}
.multilevel-item:last-of-type .multilevel-link:hover {
    background: 0 0;
    cursor: default
}
.loginForm button,
.multilevel-addGroup,
.multilevel-addGroup>i,
.multilevel-addGroup>span {
    cursor: pointer
}
.multilevel-item.multilevel-parent:last-of-type .multilevel-link:hover {
    background: #2FB491
}
.multilevel-item:last-of-type .multilevel-link:hover a {
    color: #3498db
}
.multilevel-link>.nameEdit a,
.multilevel-link>input {
    font-size: 14px
}
.multilevel-link>input {
    width: 70%!important;
    padding: 5px 12px!important;
    color: #4a4a4a
}
.multilevel-focused .multilevel-link {
    background: 0 0;
    color: #9b9b9b
}
.multilevel-item.multilevel-selected a:hover,
.multilevel-selected .multilevel-link {
    background: #2FB491;
    color: #fff
}
.multilevel-addGroup:hover,
.multilevel-link:hover .multilevel-addGroup {
    color: #fff
}
.multilevel-addGroup>i {
    font-size: 14px;
    vertical-align: top
}
@media screen and (max-width: 600px) {
    .multilevel-overlay {
        z-index: -1;
        transition: opacity .2s linear
    }
    .multilevel-open .multilevel-overlay,
    .multilevel-opening .multilevel-overlay {
        z-index: 101;
        opacity: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .multilevel-above .multilevel-menu-wrapper,
    .multilevel-below .multilevel-menu-wrapper,
    .multilevel-menu-wrapper {
        top: 10px;
        bottom: 10px;
        margin: 0
    }
    .multilevel-menu-wrapper {
        width: auto!important;
        height: auto!important;
        position: fixed!important;
        left: 10px;
        right: 10px;
        border: 0
    }
    .multilevel-menu-container {
        width: 100%
    }
    .multilevel-close,
    .multilevel-menu-main .multilevel-header {
        display: block
    }
}
@media all and (min-width: 601px) {
    .multilevel-overlay {
        display: none!important
    }
}
.multilevel.show-select .multilevel-menu-wrapper {
    width: 280px;
    height: 180px!important
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container {
    width: 280px
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container .multilevel-menu {
    width: 280px;
    height: 180px
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container .multilevel-menu ul.multilevel-list {
    width: 280px;
    max-height: 138px
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container .multilevel-menu .multilevel-header {
    left: 0
}
.multilevel.show-select>.multilevel-menu-wrapper>.multilevel-menu-container>.multilevel-menu>header>h5 {
    line-height: 10px
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container i.multilevel-icon {
    top: 10px
}
.multilevel.show-select .multilevel-menu-wrapper .multilevel-menu-container .multilevel-list i.multilevel-icon::after {
    margin-top: -3px
}
.multilevel.show-select html,
body {
    font-family: "Acer Foco", "windows黑體", "微軟正黑體", "Trebuchet MS", Arial, sans-serif;
    margin: 0;
    color: #7E7E7E;
    font-size: 16px;
    background: #F3F4F5;
}
h1 {
    color: #4A4A4A
}
input {
    color: #4a4a4a
}

.overflow {
    overflow:hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
	display:inline-block;
}

input::placeholder {
    color: #D2D2D2
}
.error {
    color: #D0021B;
    font-size: 14px
}
input:-webkit-autofill {
    -webkit-text-fill-color: #4a4a4a;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}
.inputFocus:focus {
    border: 1px solid #56BBFF!important;
    box-shadow: none
}
body.login section .loginForm {
    text-align: center;
    width: 361px;
    position: relative
}
.loginForm h6,
.passwordForm>p {
    text-align: left
}
.loginForm img {
    margin: 25px auto 0
}
.loginForm .form-group,
.loginForm input {
    margin-bottom: 12px
}
.loginForm input {
    width: 360px;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #9B9B9B;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.loginForm input.error {
    border: 1px solid #D0021B
}
.loginForm h6.error {
    margin: -12px 3px 5px;
    min-height: 30px;
    height: auto;
    line-height: 20px;
    font-weight: 400
}
.loginForm .inputPassword {
    position: relative;
    display: block
}
.loginForm .inputPassword .icon-show_password {
    display: block;
    color: #D2D2D2;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 3px;
    height: 0;
    font-size: 27px
}
.loginForm .inputPassword .showPassword {
    color: #838383!important
}
.loginForm .checkbox {
    width: 360px;
    margin: 0 auto 17px;
    text-align: left
}
.loginForm .checkbox>input {
    width: auto;
    height: auto
}
.loginForm button {
    width: 360px;
    height: 47px;
    font-size: 20px;
    background-color: #2FB491;
    border: none;
    color: #FFF;
    line-height: 12px;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
button:hover {
    opacity: .7
}
.loginForm button p {
    font-size: 20px;
    line-height: 20px;
    margin: 0
}
.loginForm button md-progress-circular {
    display: none
}
.loginForm button md-progress-circular.loginLoading {
    opacity: .7;
    cursor: auto
}
.loginForm button md-progress-circular.loginLoading p,
md-progress-circular {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 10px
}
.loginForm .forgot {
    font-size: 16px;
    height: 19px;
    margin-top: 10px
}
.loginForm .forgot a {
    padding: 0 8px;
    border-left: 1px solid #D2D2D2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.loginForm .forgot a.disabled {
    cursor: default;
    color: #BAD9ED
}
.loginForm .forgot a:first-of-type {
    border-left: 0
}
body.login section .passwordForm {
    width: 306px
}
.passwordForm button,
.passwordForm input {
    width: 305px
}
.passwordForm>p {
    width: 305px;
    font-size: 16px;
    line-height: 20px
}
.passwordForm>p>span {
    color: #3498DB
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border: 1px solid #9b9b9b
}
.b2b-leftContainerStyle,
.b2b-pageEditContainers,
.b2b-rightContainerStyle {
    height: 100%;
    width: 49%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px
}
#b2b-personalActivities,
#b2b-personalRoleInformation,
.b2b-cardLayoutStyles {
    background: #fff;
    -webkit-box-shadow: 1px 2px 20px 3px #b7b8ba;
    -moz-box-shadow: 1px 2px 20px 3px #b7b8ba;
    box-shadow: 1px 2px 20px 3px #b7b8ba;
    margin: 0 50px 20px 20px
}
.b2b-rightContainerStyle {
    border-left: 2px solid #d2d2d2
}
#b2b-personalActivities {
    height: 50%;
    width: 97%
}
#b2b-personalRoleInformation {
    height: 50%;
    width: 50%
}
#b2b-personalRoleInformation h1 {
    padding-left: 20px;
    padding-top: 20px;
    height: 20%
}
#b2b-personalRoleInformation .b2b-roleInformationHeader {
    border-top: 2px solid #d2d2d2;
    padding-left: 20px;
    color: #676565;
    padding-top: 20px;
    height: 15%;
    font-size: 20px;
    text-transform: capitalize
}
.b2b-roleInformationBody {
    padding: 20px 0 20px 20px;
    height: 65%;
    background: #F3F6F6
}
.b2b-roleInformationBody>.title {
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: 700
}
.b2b-editLinks {
    float: right;
    margin-right: 30px;
    margin-top: 30px
}
.b2b-profileDetails div {
    float: left
}
.b2b-profileDetails .profilePictureContainer {
    width: 20%;
    margin: 60px 20px 20px
}
.b2b-profileDetails .profileDetailsContainer {
    width: 70%
}
.b2b-profileDetails .profileDetailsContainer h1 {
    line-height: 50px
}
.b2b-profileDetails .profileDetailsContainer table {
    width: 95%
}
.b2b-profileDetails .profileDetailsContainer table thead {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #7E7E7E
}
.b2b-profileDetails .profileDetailsContainer table td {
    padding-top: 10px;
    color: #8f9092
}
#b2b-personalActivities table td.info,
#b2b-personalActivities table th.info {
    width: 6%
}
#b2b-personalActivities table td.date,
#b2b-personalActivities table th.date {
    width: 1%
}
#b2b-personalActivities table td.time,
#b2b-personalActivities table th.time {
    width: .2%;
    min-width: .2%
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard {
    width: 90%;
    height: auto;
    text-align: center;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .card-footer {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    color: #d2d2d2;
    font-size: 14px
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block {
    text-align: center;
    display: inline-block
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block .usage-header {
    height: 40px;
    line-height: 40px;
    color: #9B9B9B;
    letter-spacing: 1.1px;
    font-weight: 700
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block .usage-content {
    display: inline-block
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block .usage-content>.bandwidth,
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block .usage-content>.storage {
    background-color: #EBEBEB
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .usage-block .usage-footer {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 700
}
.b2b-profileLayoutCard.partnerProfileContainer .b2b-cardcontent .basicInfoLeftContainer.partnerLeftContainer .usageCard .leftBlock {
    border-right: 1px solid #d2d2d2;
    margin-right: 15px;
    padding-right: 10px
}
@media only screen and (max-width: 1023px) {
    .b2b-profileLayoutCard.partnerProfileContainer .usageCard {
        text-align: left;
        min-width: 240px
    }
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background: #fff;
    border-radius: 4px;
    margin-top: 1px;
    display: none;
    width: 288px!important
}
@media (max-width: 767px) {
    .daterangepicker {
        width: 100%!important;
        height: 100%
    }
}
.daterangepicker .applyBtn {
    background: #2FB491;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 11px;
    width: 72px;
    font-size: 14px;
    line-height: 26px
}
.daterangepicker.single .calendar,
.daterangepicker.single .ranges,
.ranges {
    float: none
}
.daterangepicker .applyBtn:hover {
    color: #fff
}
.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: ''
}
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}
.daterangepicker.opensleft:before {
    right: 9px
}
.daterangepicker.opensleft:after {
    right: 10px
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}
.daterangepicker.opensright:before {
    left: 9px
}
.daterangepicker.opensright:after {
    left: 10px
}
.daterangepicker.dropup {
    margin-top: -5px
}
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001
}
.daterangepicker.single {
    padding-top: 30px
}
.daterangepicker.show-calendar .calendar {
    display: block
}
.daterangepicker .calendar {
    display: none;
    width: 100%
}
.daterangepicker .calendar.single .calendar-table {
    border: none
}
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    width: 37px;
    height: 30px;
    line-height: 27px
}
.daterangepicker .calendar th.next,
.daterangepicker .calendar th.prev {
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    height: 30px;
    line-height: 27px
}
.daterangepicker .calendar th.prev {
    width: 30px;
    margin-left: 15px
}
.daterangepicker .calendar th.next {
    width: 30px
}
.daterangepicker .calendar th.month {
    margin: auto 20px
}
.daterangepicker .calendar th i {
    border-radius: 99em;
    background-color: #f0f0f0;
    color: #4a4a4a;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 8px;
    display: block;
    cursor: pointer
}
.daterangepicker .calendar th i::before {
    font-size: 12px
}
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 0;
    border-radius: 4px;
    background: #fff
}
.daterangepicker table {
    width: 100%;
    margin: 0;
    font-size: 14px;
    text-align: center
}
.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    white-space: nowrap
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    border-color: transparent;
    color: inherit
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}
.daterangepicker td {
    cursor: pointer
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}
.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #2FB491;
    border-color: transparent;
    color: #fff
}
.daterangepicker th.month {
    width: auto
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px 1px 1px 8px;
    margin: 0;
    cursor: default;
    width: 80px;
    height: 26px
}
.daterangepicker select.monthselect {
    margin-right: 2%
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin-bottom: 0
}
.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 26px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px 10px;
    padding: 0 6px;
    width: 88px
}
.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px
}
.daterangepicker .daterangepicker_input {
    position: relative;
    margin-top: -26px;
    width: 80%
}
@media (max-width: 767px) {
    .daterangepicker .daterangepicker_input {
        margin-top: 12px
    }
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px
}
.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px
}
.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}
.ranges {
    font-size: 11px;
    text-align: left
}
.ranges ul {
    margin: 0 auto;
    padding: 0;
    width: 100%
}
.ranges li {
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
    color: #7E7E7E;
    padding-left: 10px;
    padding-top: 12px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    width: 143px;
    height: 50px
}
.ranges li.active,
.ranges li:hover {
    background: #2FB491;
    border: 1px solid #2FB491;
    color: #fff
}
body.login,
body.login article,
body.login main {
    background-color: #FFF
}
.ranges li.datapicker-customRangeBtn {
    width: 100%!important
}
.ranges .range_inputs {
    display: none
}
.ranges .show_rangeInput .range_inputs {
    display: block
}
@media (min-width: 564px) {
    .daterangepicker.ltr .calendar.right .calendar-table,
    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .daterangepicker.ltr .calendar.left .calendar-table,
    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .daterangepicker {
        width: auto
    }
    .daterangepicker .ranges ul,
    .daterangepicker.single .ranges ul {
        width: 100%
    }
    .daterangepicker.single .calendar.left {
        clear: none
    }
    .daterangepicker.single.ltr .calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }
    .daterangepicker.single.rtl .calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }
    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }
    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0
    }
    .daterangepicker.ltr .calendar.right {
        margin-left: 0
    }
    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px;
        font-size: 14px
    }
    .daterangepicker.ltr .calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }
    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }
    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0
    }
    .daterangepicker.rtl .calendar.right {
        margin-right: 0
    }
    .daterangepicker.rtl .calendar.left .calendar-table,
    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px
    }
    .daterangepicker.rtl .calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right
    }
}
@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: 100%
    }
    .daterangepicker.ltr .ranges {
        float: left
    }
    .daterangepicker.rtl .ranges {
        float: right
    }
    .daterangepicker .calendar.left {
        clear: none!important
    }
}
body.login {
    overflow-x: hidden
}
body.login dialog {
    padding: 0 3px;
    top: 2px
}
body.login aside,
body.login header {
    display: none
}

body.socialSign aside,
body.socialSign header {
    display: none
}


body.login main {
    margin: 0;
    padding: 0
}

body.socialSign main {
    margin: 0;
    padding: 0
}

body.login section {
    width: 1024px;
    margin: 0 auto;
    padding: 0 50px 35px;
    min-height: 600px
}
body.login section .loginForm {
    vertical-align: top;
    margin: 45px auto auto
}
body.login .loginForm {
    text-align: center;
    position: relative;
    width: 310px
}
body.login .loginForm h1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 26px
}
body.login .loginForm md-input-container {
    width: 310px
}
body.login .loginForm img {
    margin: 25px auto
}
body.login .loginForm input {
    width: 310px;
    padding: 10px 12px 0;
    border: 1px solid #9B9B9B;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 18px
}
body.login .loginForm input.error {
    border: 1px solid #D0021B
}
body.login .loginForm h6 {
    text-align: left
}
body.login .loginForm h6.error {
    min-height: 30px;
    margin-bottom: 12px;
    width: 310px;
    margin-top: -20px
}
body.login .loginForm>p {
    margin: 0 auto 26px;
    width: 310px;
    text-align: left;
    font-size: 16px
}
body.login .loginForm .inputPassword {
    position: relative;
    display: block
}
body.login .loginForm .inputPassword .icon-show-password {
    display: block;
    color: #D2D2D2;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 6px;
    height: 0;
    font-size: 27px
}
body.login .loginForm .inputPassword .showPassword {
    color: #838383!important
}
body.login .loginForm .checkbox {
    width: 310px;
    margin: 15px auto 0;
    text-align: center
}
body.login .loginForm button {
    width: 310px;
    height: 47px;
    font-size: 20px;
    background-color: #2FB491
}
body.login .loginForm button span {
    font-size: 20px;
    cursor: pointer;
    text-align: center
}
body.login .loginForm button.loginLoading {
    opacity: .7;
    cursor: auto
}
.c100:hover,
body.login .loginForm button:disabled span {
    cursor: default
}
body.login .loginForm button.loginLoading md-progress-circular,
body.login .loginForm button.loginLoading p {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 10px
}
body.login .loginForm .forgot {
    font-size: 16px;
    margin-bottom: 24px;

}
body.login .loginForm .forgot a {
    padding: 0;
    border-left: 1px solid #D2D2D2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
body.login .loginForm .forgot a.disabled {
    cursor: default;
    color: #BAD9ED
}
body.login .loginForm .forgot a:first-of-type {
    border-left: 0
}
@media only screen and (max-width: 1023px) {
    body.login section {
        width: 100%;
        min-width: 320px
    }
    body.login section .loginForm {
        display: block;
        margin: 60px auto 0
    }
}
@media only screen and (max-width: 767px) {
    body.login section {
        width: 320px;
        padding: 72px 8px 30px
    }
    body.login section .loginForm,
    body.login section .loginForm input {
        width: 304px
    }
    body.login section .loginForm h1 {
        text-align: left;
        font-size: 33px;
        line-height: 33px
    }
    body.login section .loginForm img {
        margin-top: 23px
    }
    body.login section .loginForm h6.error {
        width: 296px
    }
    body.login section .loginForm .recaptcha {
        width: 304px
    }
    body.login section .loginForm button {
        width: 304px;
        background-color: #2FB491;
        border: none;
        color: #FFF
    }
    body.login footer {
        height: 133px
    }
}
body.login footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #000;
    color: #fff;
    line-height: 48px;
    text-align: center
}


body.socialSign footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #000;
    color: #fff;
    line-height: 48px;


}
@media only screen and (min-width: 1024px) and (min-height: 755px) {
    body.login footer {
        position: fixed;
        bottom: 0
    }
}
@media only screen and (max-width: 767px) and (min-height: 873px) {
    body.login footer {
        position: fixed;
        bottom: 0
    }
}
body.login footer .footerInfo {
    height: 48px;
    position: relative
}
body.login footer .footerInfo img {
    vertical-align: middle
}
@media only screen and (min-width: 1024px) {
    body.login footer .footerInfo {
        width: 1024px;
        padding-left: 50px;
        padding-right: 50px;
        margin: auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body.login footer .footerInfo {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
}
@media only screen and (max-width: 767px) {
    body.login footer .footerInfo>img {
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        margin: auto
    }
}
body.login footer .center {
    width: 100px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    display: inline;
    text-align: center
}
@media only screen and (max-width: 767px) {
    body.login footer .center {
        display: block;
        width: 100%;
        top: 45px;
        margin-left: 0;
        left: 0
    }
}
body.login footer .left {
    top: 0;
    left: 0;
    position: absolute;
    text-align: left;
    font-size: 14px
}
@media only screen and (max-width: 1023px) {
    body.login footer .left {
        left: 40px
    }
}
@media only screen and (max-width: 767px) {
    body.login footer .left {
        position: relative;
        font-size: 14px;
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        top: 80px;
        margin: auto
    }
}
.c100.p100 .slice,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.rect-auto {
    clip: rect(auto, auto, auto, auto)
}
.c100 .bar,
.c100.p100 .fill,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.pie {
    position: absolute;
    border: .15em solid #307bbb;
    width: .7em;
    height: .7em;
    clip: rect(0, .5em, 1em, 0);
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}
.c100,
.c100:after {
    border-radius: 50%
}
.c100.p100 .bar:after,
.c100.p100 .fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.pie-fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.c100 {
    position: relative;
    font-size: 92px;
    width: 1em;
    height: 1em;
    float: left;
    margin: 0 .1em .1em 0;
    background-color: #ccc
}
.c100 .slice,
.c100:after,
.c100>span {
    position: absolute
}
.c100 *,
.c100:after,
.c100:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.c100.center {
    float: none;
    margin: 0 auto
}
.c100.big {
    font-size: 240px
}
.c100.small {
    font-size: 80px
}
.c100>span {
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: .2em;
    color: #9B9B9B;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.c100:after {
    top: .14em;
    left: .14em;
    display: block;
    content: " ";
    background-color: #FFF;
    width: .72em;
    height: .72em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}
.c100 .slice {
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em)
}
.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}
.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}
.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}
.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}
.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg)
}
.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}
.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}
.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}
.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}
.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg)
}
.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}
.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}
.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}
.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}
.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg)
}
.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}
.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}
.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}
.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}
.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}
.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}
.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}
.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}
.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}
.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}
.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}
.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}
.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}
.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg)
}
.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}
.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}
.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}
.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}
.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg)
}
.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}
.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}
.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}
.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}
.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}
.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}
.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}
.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}
.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}
.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg)
}
.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}
.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}
.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}
.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}
.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}
.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}
.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}
.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}
.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg)
}
.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}
.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}
.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}
.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}
.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}
.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}
.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}
.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}
.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}
.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg)
}
.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}
.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}
.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}
.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}
.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg)
}
.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}
.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}
.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}
.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}
.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}
.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}
.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}
.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}
.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}
.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}
.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}
.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}
.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}
.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg)
}
.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}
.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}
.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}
.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}
.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg)
}
.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}
.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}
.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}
.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}
.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg)
}
.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}
.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}
.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}
.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}
.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}
.c100:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: .3em;
    color: #307bbb
}
.c100:hover:after {
    top: .08em;
    left: .08em;
    width: .84em;
    height: .84em
}
.c100.dark {
    background-color: #777
}
.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00!important
}
.c100.bandwidth .bar,
.c100.bandwidth .fill,
.c100.bandwidth.dark .bar,
.c100.bandwidth.dark .fill {
    border-color: #5DD9B1!important
}
.c100.dark>span {
    color: #777
}
.c100.dark:after {
    background-color: #666
}
.c100.dark:hover>span {
    color: #c6ff00
}
.c100.bandwidth:hover>span {
    color: #9B9B9B
}
.c100.storage .bar,
.c100.storage .fill,
.c100.storage.dark .bar,
.c100.storage.dark .fill {
    border-color: #A294F0!important
}
.c100.bandwidth.dark:hover>span {
    color: #5DD9B1
}
.c100.storage:hover>span {
    color: #9B9B9B
}
.c100.storage.dark:hover>span {
    color: #A294F0
}
[ng-cloak] {
    display: none
}
.bdm-contentMainContainer {
    height: 100%
}
.bdm-contentMainContainer .nav-tabs {
    border: none
}
.bdm-contentMainContainer .nav-tabs>li.active,
.bdm-contentMainContainer .nav-tabs>li:hover {
    color: #2FB491
}
.bdm-contentMainContainer .nav-tabs>li.active>a,
.bdm-contentMainContainer .nav-tabs>li:hover>a {
    margin-right: 0
}
.bdm-contentMainContainer .nav-tabs>li.active>a,
.bdm-contentMainContainer .nav-tabs>li.active>a:focus,
.bdm-contentMainContainer .nav-tabs>li.active>a:hover,
.bdm-contentMainContainer .nav-tabs>li:hover>a,
.bdm-contentMainContainer .nav-tabs>li:hover>a:focus,
.bdm-contentMainContainer .nav-tabs>li:hover>a:hover {
    color: #2FB491;
    background-color: transparent;
    border: none
}
.bdm-contentMainContainer .nav-tabs>li a {
    margin-right: 0;
    background-color: transparent;
    border: none;
    color: #7E7E7E;
    padding: 0 10px 0 0
}
.bdm-contentMainContainer .bdm-contentFiltersContainer {
    height: 62px;
    padding-top: 18px;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
*,
input,
textarea {
    box-sizing: border-box
}


.bdm-contentMainContainer .bdm-contentFiltersContainer .updateTime {
    color:#7E7E6E;
	padding-left: 8px;
	padding-top: 8px;
	vertical-align: baseline;
}

.bdm-contentMainContainer .bdm-contentFiltersContainer>li {
    display: inline
}
.bdm-contentMainContainer .bdm-contentFiltersContainer>li i {
    vertical-align: middle;
    margin-left: -6px
}
@media (max-width: 767px) {
    .bdm-contentMainContainer .bdm-contentFiltersContainer {
        height: 50px;
        padding-top: 10px;
        padding-left: 10px
    }
    .bdm-contentMainContainer .bdm-contentFiltersContainer>li i {
        margin-left: 0
    }
}
.bdm-contentMainContainer .bdm-contentFiltersContainer>li i.icon-filter {
    color: #7E7E7E
}
.bdm-contentMainContainer .bdm-contentFiltersContainer>li.bdm-responsiveIcon {
    display: none
}
.bdm-contentMainContainer .bdm-contentFiltersContainer .groupLevel {
    display: block;
    margin-bottom: 10px
}
.bdm-contentMainContainer .bdm-contentFiltersContainer button {
    float: right;
    margin-left: 15px
}
.bdm-contentMainContainer .bdm-contentFiltersContainer button i {
    font-size: 16px;
    color: #FFF;
    margin-right: 8px;
    cursor: pointer;
    -webkit-text-stroke: .5px #FFF
}
.bdm-contentMainContainer .bdm-contentFiltersContainer button i:hover {
    opacity: .7
}
.bdm-contentMainContainer .bdm-contentFiltersContainer button span {
    font-size: 16px;
    color: #FFF;
    vertical-align: middle;
    cursor: pointer
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody,
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead {
    color: #7E7E7E
}
@media (min-width: 1024px) {
    .bdm-contentMainContainer .bdm-contentFiltersContainer button span.tabletOnly {
        display: none
    }
}
.bdm-contentMainContainer .bdm-contentFiltersContainer.appFilter li select:nth-child(2) {
    width: 140px
}
.bdm-contentMainContainer .bdm-contentFiltersContainer.appFilter li select:nth-child(3) {
    width: 105px
}
.bdm-contentMainContainer.bdm-dashboardContainer>.bdm-contentFiltersContainer {
    padding-left: 0;
    padding-right: 0
}
.bdm-contentMainContainer .bdm-contentContainer {
    height: 80%;
    width: 100%;
    background-color: #FFF
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer {
    border-top: 3px solid #C5C4C5;
    width: inherit;
    height: inherit
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer .bdm-loginInnerContainer {
    border: 3px solid #C5C4C5;
    padding: 10px 40px;
    width: 25%;
    position: absolute;
    top: 20%;
    left: 35%
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer .bdm-loginInnerContainer input:not([type=checkbox]) {
    margin-bottom: 15px;
    height: 50px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer .bdm-loginInnerContainer button {
    height: 50px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer .bdm-loginInnerContainer input[type=checkbox] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    padding: 10px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-loginContainer .bdm-loginInnerContainer .bdm-rememberMe {
    margin-left: 37%;
    font-size: 15x
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer {
    background-color: #FFF;
    padding: 0 16px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer>table>tbody>tr>td>img {
    width: 30px;
    height: 30px;
    cursor: pointer
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table {
    margin-bottom: 0;
    width: 100%
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th {
    border-bottom: 1px solid #9B9B9B;
    padding: 8px;
    line-height: 1.5;
    text-align: left
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th h2 span {
    cursor: pointer
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th .checkbox {
    margin: 0
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th.groupName {
    padding-left: 36px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr .col-long {
    width: 15%
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr .col-middle {
    width: 12%
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr .col-small {
    width: 6%
}
@media (max-width: 767px) {
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th.col-hide {
        display: none
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table thead tr th.appStatus {
        display: none
    }
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr {
    background-color: #FFF;
    transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr.colHighlight {
    background-color: #FFFBA3;
    transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: middle;
    border-bottom: 1px solid #D2D2D2;
    border-top: none
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td i {
    font-size: 16px;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.basicInfoRightContainer .bdm-profileEditContainer table tbody tr td i.icon-edit {
    color: #3498db
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td i.icon-delete {
    color: #D0021B
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td i.icon-collapse,
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td i.icon-expand {
    color: #2FB491;
    margin-right: 0
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td compile {
    vertical-align: middle
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td h2.appResourceName {
    font-weight: 400;
    font-size: 16px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td .checkbox {
    margin: 0
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td .checkbox input[type=checkbox] {
    width: 100px
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td>.col-lg-hide {
        display: none
    }
}
@media (min-width: 1024px) {
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td>.col-lg-hide {
        display: none
    }
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td.listViewIcon {
    padding-left: 10px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td.listViewIcon .ico-head.bdm-shortNamecolumn {
    width: 30px;
    height: 30px;
    line-height: 0;
    cursor: pointer
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td.listViewIcon .ico-head.bdm-shortNamecolumn p {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer
}
@media (max-width: 767px) {
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td.listViewIcon {
        width: 5%
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td.col-hide {
        display: none
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:last-child {
        padding-left: 0;
        font-size: 14px
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:nth-child(2) a,
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:nth-child(2) span {
        display: block
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:nth-child(2) span {
        font-size: 14px;
        color: #d2d2d2
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:nth-child(2) span>span {
        display: inline-block
    }
    .bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr td:nth-child(2) span>i {
        margin-left: 0
    }
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table tbody tr.un-read {
    font-weight: 700
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table.tree-dnd {
    color: #7E7E7E
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table.tree-dnd thead tr th {
    font-size: 20px;
    font-weight: 700
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table.tree-dnd tbody tr td {
    font-weight: 400
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer table.tree-dnd tbody tr td md-icon {
    color: #4A4A4A;
    font-weight: 700;
    font-size: 20px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer list-view table tbody tr td:first-child {
    padding-left: 20px
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer .listViewLoading {
    margin: 10px auto
}
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer .angular-ui-tree .angular-ui-tree-handle,
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer .angular-ui-tree .tree-node,
.bdm-contentMainContainer .bdm-contentContainer .bdm-listViewContainer .angular-ui-tree .tree-node-content {
    border: none;
    border-bottom: 1px solid #d2d2d2;
    background-color: transparent;
    color: #7E7E7E;
    font-weight: 400;
    margin: 0
}
.bdm-contentMainContainer .bdm-contentContainer .page {
    float: right
}
.bdm-contentMainContainer .bdm-contentContainer .page li {
    border: 1px solid #F0F0F0;
    margin-left: -4px;
    width: 21px;
    display: inline-block;
    vertical-align: bottom;
    height: 22px;
    padding: 3px 6px;
    border-left: 0;
    color: #2FB491;
    cursor: pointer;
    font-size: 14px
}
.bdm-contentMainContainer .bdm-contentContainer .page li a {
    color: #2FB491;
    position: relative
}
.bdm-contentMainContainer .bdm-contentContainer .page li.selectedPage {
    background: #2FB491;
    color: #fff
}
.bdm-contentMainContainer .bdm-contentContainer .page li.selectedPage a {
    color: #fff
}
.bdm-contentMainContainer .bdm-contentContainer .page li:hover {
    background: #2FB491;
    opacity: .8;
    color: #fff
}
.bdm-contentMainContainer .bdm-contentContainer .page .disabled,
.bdm-contentMainContainer .bdm-contentContainer .page .last.disabled,
.bdm-contentMainContainer .bdm-contentContainer .page .next.disabled {
    opacity: .3
}
.bdm-contentMainContainer .bdm-contentContainer .page .disabled:hover {
    background: 0 0;
    cursor: default
}
.bdm-contentMainContainer .bdm-contentContainer .page .disabled:hover a {
    color: #2FB491;
    cursor: default
}
.bdm-contentMainContainer .bdm-contentContainer .page .last i::before,
.bdm-contentMainContainer .bdm-contentContainer .page .next i::before {
    transform: rotate(90deg) scale(.4);
    position: absolute;
    left: -10px;
    bottom: -26px;
    color: #2FB491;
    font-weight: 700
}
.bdm-contentMainContainer .bdm-contentContainer .page .last:hover i::before,
.bdm-contentMainContainer .bdm-contentContainer .page .next:hover i::before {
    color: #fff
}
.bdm-contentMainContainer .bdm-contentContainer .page .last.disabled:hover,
.bdm-contentMainContainer .bdm-contentContainer .page .next.disabled:hover {
    background: 0 0;
    cursor: default
}
.bdm-contentMainContainer .bdm-contentContainer .page .last.disabled:hover i::before,
.bdm-contentMainContainer .bdm-contentContainer .page .next.disabled:hover i::before {
    color: #2FB491
}
.bdm-contentMainContainer .bdm-contentContainer .page .next i::before {
    transform: rotate(270deg) scale(.4)
}
.bdm-contentMainContainer .bdm-contentContainer .page .last {
    border-left: 1px solid #F0F0F0
}
.bdm-contentMainContainer .bdm-contentContainer .page .morePages {
    cursor: default;
    position: relative;
    color: #7E7E7E
}
.bdm-contentMainContainer .bdm-contentContainer .page .morePages i::before {
    transform: rotate(90deg) scale(.4);
    position: absolute;
    left: -10px;
    bottom: -9px;
    color: #7E7E7E
}
.bdm-contentMainContainer .bdm-contentContainer .page .morePages:hover {
    background: 0 0
}
.bdm-contentMainContainer .no-Data {
    text-align: center;
    width: 40%;
    margin: 20% auto auto
}
.bdm-contentMainContainer .no-Data h2 {
    color: #7E7E7E;
    font-size: 26px;
    font-weight: 700
}
@media (max-width: 767px) {
    .bdm-contentMainContainer .no-Data {
        width: 80%
    }
    .bdm-contentMainContainer .no-Data h2 {
        font-size: 24px;
        line-height: 30px
    }
}
.bdm-contentMainContainer .no-Data p {
    color: #9B9B9B;
    font-size: 14px;
    margin: 20px auto 24px;
    line-height: 20px
}
.bdm-contentMainContainer .no-Data div button {
    background-color: transparent;
    color: #3498DB;
    font-size: 16px
}
.bdm-contentMainContainer .no-Data div button i {
    font-size: 21px;
    margin-right: 15px;
    vertical-align: top;
    cursor: pointer
}
.bdm-contentMainContainer .no-Data div button span {
    cursor: pointer
}
.bdm-contentMainContainer .no-Data div button:hover {
    background-color: transparent!important
}
[role=button] .glyphicon {
    position: absolute;
    right: 10px;
    top: 15px
}
[role=button] .glyphicon:before {
    color: #D0021B
}
.angular-ui-tree-handle {
    color: #7E7E7E;
    background: rgba(240, 240, 240, .95);
    font-weight: 400;
    padding: 10px 0;
    height: 44px
}
.angular-ui-tree-handle i {
    font-size: 16px
}
.angular-ui-tree-handle i.icon-reorder {
    color: #4A4A4A
}
.angular-ui-tree-handle i.icon-cancel {
    color: #D0021B;
    position: absolute;
    right: 0
}
.angular-ui-tree-handle>span {
    display: inline-block
}
.angular-ui-tree-handle>span:first-of-type {
    width: 45%;
    margin-right: 20px
}
.angular-ui-tree-handle>span:last-of-type {
    width: 138px
}
.angular-ui-tree-placeholder {
    background: rgba(0, 0, 0, .18);
    border: none
}
.bdm-cardstyle,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall,
.bdm-dashboardContainer .bdm-profileLayoutCard,
.bdm-datacard {

}
@media (max-width: 767px) {
    .bdm-dashboardContainer {
        margin-left: 0;
        margin-right: 0
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard {
        min-width: 290px;
        width: 100%
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard {
    height: 460px;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .no-Data {
    text-align: center;
    font-size: 18px;
    color: #7E7E7E;
    position: absolute;
    left: 0;
    right: 0;
    top: 185px;
    bottom: 0
}
@media (min-width: 1024px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard {
        min-width: 446px;
        width: 100%;
        float: left;
        margin-bottom: 10px
    }
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard {
        height: 550px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader {
    min-height: 48px;
    width: 100%;
    color: #4A4A4A;

}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader>h2 {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .75px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader>a {
    float: right;
    display: inline
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader>a p {
    cursor: pointer
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader i {
    color: #2FB491;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.dashboardChartHead {
    padding: 14px 16px;
    position: relative
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.dashboardChartHead .dateRange {
    position: absolute;
    bottom: 7px;
    right: 16px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.dashboardChartHead .dateRange input {
    width: 220px;
    text-align: center
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.middleHeader {
    height: 70px;
    padding-top: 25px!important;
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.middleHeader {
        padding-top: 18px!important;
        height: 55px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardheader.bottomHeader {
    height: 55px;
    padding-top: 20px!important;

}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent {
    width: 100%;
    text-align: left;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_left,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_right {
    display: inline-block;
    color: #000
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_left {
    margin-right: 34px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_right {
    border-left: 1px solid #D2D2D2;
    padding-left: 34px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_left {
        margin-right: 15px
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .statics_right {
        padding-left: 15px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .appTestDetail {
    margin-top: 50px;
    display: inline-block;
    width: 70%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .appTestDetail .testName,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .appTestDetail .testNumber {
    display: inline-block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .appTestDetail .testNumber {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 700;
    margin-right: 2.2%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .appTestDetail .testName {
    color: #3498DB;
    font-size: 16px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .bdm-roleInformationHeader {
    margin-top: 20px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent textarea {
    width: 100%;
    height: 150px;
    resize: none;
    overflow-y: auto;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.deviceActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
    width: 80%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
        width: 70%
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent {
        padding: 15px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.policyActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.policyActivity .tableCell:first-of-type {
    width: 8%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.policyActivity .tableCell:nth-of-type(2) {
    width: 3%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.policyActivity .tableCell:last-of-type {
    width: 5%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent .deviceConfig {
    display: block;
    width: 100%;
    height: 208px;
    color: #7E7E7E;
    font-size: 16px;
    margin-bottom: 10px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent {
    text-align: center;
    padding: 10px;
	background-color: #FFF;
    border-radius: 3px;

	height: auto; float:left;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent.map {
	min-height: 320px;
}



.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent .echarts {
    width: 100%;
    float: left;
    height: 280px;
	background-color: #FFF;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent .echarts {
        height: 490px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent ng-map {
    left: 12px;
    right: 12px;
    height: 270px;
    position: absolute
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent ng-map {
        height: 480px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent.dashboardContent .view-link {
    display: none
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .listViewLoading {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall {
    width: 50%;
	border-right: 10px solid #F3F4F5;
    float: left;
    height: 490px;
    margin-bottom: 10px;
    position: relative;
}



.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader {
    min-height: 48px;
    width: 100%;
    color: #4A4A4A;
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcard .bdm-cardcontent {
        padding: 10px
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader>h2 {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .75px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader>a {
    float: right;
    display: inline
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader>a p {
    cursor: pointer
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader i {
    color: #2FB491;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.dashboardChartHead {
    padding: 14px 16px;
    position: relative;
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.dashboardChartHead .dateRange {
    position: absolute;
    bottom: 7px;
    right: 16px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.dashboardChartHead .dateRange input {
    width: 220px;
    text-align: center
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.middleHeader {
    height: 70px;
    padding-top: 25px!important;
    border-bottom: 1px solid #D2D2D2
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.middleHeader {
        padding-top: 18px!important;
        height: 55px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardheader.bottomHeader {
    height: 55px;
    padding-top: 20px!important;
    border-bottom: 1px solid #D2D2D2
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent {
    width: 100%;
    text-align: left;
    color: #7E7E7E;
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_left,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_right {
    display: inline-block;
    color: #000
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_left {
    margin-right: 34px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_right {
    border-left: 1px solid #D2D2D2;
    padding-left: 34px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_left {
        margin-right: 15px
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .statics_right {
        padding-left: 15px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .appTestDetail {
    margin-top: 50px;
    display: inline-block;
    width: 70%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .appTestDetail .testName,
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .appTestDetail .testNumber {
    display: inline-block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .appTestDetail .testNumber {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 700;
    margin-right: 2.2%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .appTestDetail .testName {
    color: #3498DB;
    font-size: 16px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .bdm-roleInformationHeader {
    margin-top: 20px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent textarea {
    width: 100%;
    height: 150px;
    resize: none;
    overflow-y: auto;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.deviceActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
    width: 80%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
        width: 70%
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent {
        padding: 15px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.policyActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.policyActivity .tableCell:first-of-type {
    width: 8%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.policyActivity .tableCell:nth-of-type(2) {
    width: 3%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.policyActivity .tableCell:last-of-type {
    width: 5%
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent .deviceConfig {
    display: block;
    width: 100%;
    height: 208px;
    color: #7E7E7E;
    font-size: 16px;
    margin-bottom: 10px
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent {
    text-align: center;
    padding: 10px;
	height: 450px;
	background: #FFFFFF;
	background-color: #FFF;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent .echarts {
    width: 100%;
    float: left;
    height: 280px
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent .echarts {
        height: 490px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent ng-map {
    left: 12px;
    right: 12px;
    height: 270px;
    position: absolute
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent .view-link {
    display: none
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent {
        padding: 10px
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall {
        width: 100%;
        float: none
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall {
        width: 100%;
        float: none
    }
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .bdm-cardcontent.dashboardContent ng-map {
        height: 480px
    }
    .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall {
        height: 550px
    }
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall .listViewLoading {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.bdm-dashboardContainer .bdm-dataCardContainer {
    clear: left
}
.bdm-chartsStatisticsContainer {
    background-color: #FFF;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)
}
.bdm-chartsStatisticsContainer .bdm-statisticscard {
    width: 100%!important;
    height: auto!important;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)
}

.bdm-chartsStatisticsContainer .bdm-statisticscard.allAirIndexCard {
    width: 100%!important;
    height: auto!important;
 border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .36)
}

.bdm-chartsIadGrpupsContainer {
}



.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-cardheader .floatRight p{
    color: #7E7E7E;
}
.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-cardcontent {
    padding: 0!important;
    height: 130px;
	background: #e8e9ea
}
.bdm-chartsStatisticsContainer .bdm-statisticscard ul {
    width: 100%;
    height: 130px;
    padding: 0px 0
}

.bdm-chartsStatisticsContainer .bdm-statisticscard ul li {
    width: 15%;
    border-right: 1px solid #d2d2d2;
    float: left;
    height: 100%;
    font-size: 22px
}

.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-self-group ul li {
    width: 40%;
	background: #FFFFFF;
}

.bdm-chartsStatisticsContainer .amp-dashboard-aqi-card ul li {
    width: 16.6%;
	border-right: 10px solid #F3F6F6;

}


.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-self-group .self-group-iaqdescription {
    width: 12%;
    border-right:0px
}

.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-self-group ul li {
    width: 25%;
}

.bdm-chartsStatisticsContainer .bdm-statisticscard ul li span {
    font-size: 14px;
    color: #7E7E7E;
    display: block;
	font-weight: 600;
}

.bdm-chartsStatisticsContainer .bdm-statisticscard .amp-dashboard-aqi-card .iaqvalue{
    display:inline-flex;
    justify-content:center;
	font-size: 25px;
    color: #1e352e;
	width: 100%; line-height:60px;font-weight:bold;
}



.bdm-chartsStatisticsContainer .bdm-statisticscard ul li span p:nth-child(1) {
    font-size: 25px;

}

.bdm-chartsStatisticsContainer .bdm-statisticscard ul li span p:nth-child(2) {


	font-size: 15px;padding-top: 5px;padding-left:5px
    ;font-weight: normal;

}

.bdm-chartsStatisticsContainer .bdm-statisticscard ul li span.statisticsData {
    line-height: 50px
}
.bdm-chartsStatisticsContainer .bdm-statisticscard ul li span.statisticsData>a {
    font-size: 24px;
    color: #3498DB;
}
.bdm-chartsStatisticsContainer .bdm-statisticscard ul li:last-child {
    border-right: none
}

.bdm-chartsStatisticsContainer .bdm-statisticscard  .iaqdescription {
    width: 11%;
    border-right:0px
}

.bdm-chartsIadGrpupsContainer .bdm-iaqgroupcard .groupinfo {

    border-right:0px;
    margin: 15px;
	padding-top:10px;
	width: 120px;height: 180px; float: left;
}

.iaq-value-circle {
    background: url('../images/amp/circle_gray.png'); background-repeat: no-repeat;
	height: 71px;
	width: 71px;
    display: block;
	padding-top: 20px;
	background-position: 0 0, 0 0;
	position: absolute;
	right : 0px;
	top: 80px
}

.sensor-data {

    border-right:0px;
    margin-right: 10px;
	padding-top: 0px;
	width: 78px;height: 100px;
    padding-top: 30px;
	 display:inline-block;
}

.iaq-circle-1 {
    background: url('../images/amp/circle_rainbow.png'); background-repeat: no-repeat;
	height: 86px;
	width: 87px;
    display: block;
	padding-top: 25px;
	background-position: 0 0, 0 0;
	position: absolute;
}

.iaq-circle-2 {
    background: url('../images/amp/circle_rainbow.png'); background-repeat: no-repeat;
	height: 86px;
	width: 87px;
    display: block;
	padding-top: 25px;
	background-position: 0 0, 0 0;
	position: absolute;
}

.iaq-circle-3 {
    background: url('../images/amp/circle_rainbow.png'); background-repeat: no-repeat;
	height: 86px;
	width: 87px;
    display: block;
	padding-top: 25px;
	background-position: 0 0, 0 0;
	position: absolute;
}

.iaq-circle-4 {
    background: url('../images/amp/circle_rainbow.png'); background-repeat: no-repeat;
	height: 86px;
	width: 87px;
    display: block;
	padding-top: 25px;
	background-position: 0 0, 0 0;
	position: absolute;
}

/*
.iaq-circle::after{
    content: '';
    width: 86px;
    height: 87px;
    position: absolute;
    background: url('../images/amp/dot_green.png');
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
	position: absolute;

	margin-left: -65px;
	margin-top: -37px;

    z-index: 1;

}
*/

.bdm-datacard {
    height: 250px;
    width: 220px;
    float: left;
    margin-right: 10px;
    position: relative
}


@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-datacard {
        min-width: 323px;
        width: 48%;
        margin-bottom: 10px
    }
}
@media (min-width: 1024px) {
    .bdm-datacard {
        width: 220px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        box-sizing: border-box
    }
}
.bdm-datacard .bdm-cardheader {
    min-height: 48px;
    width: 100%;
    color: #4A4A4A;
    border-bottom: 2px solid #D2D2D2
}
@media (max-width: 767px) {
	.bdm-datacard {
		min-width: 288px;
		width: 100%;
		margin-bottom: 10px
	}
	.bdm-datacard .bdm-cardheader {
		padding-left: 10px!important;
		padding-right: 10px!important
	}
}
@media (max-width: 1024px) {

		.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-self-group ul li {
		width: 25%;
	}
	.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-self-group .self-group-iaqdescription {
		width: 20%;
		border-right: 0px
	}
	.bdm-chartsStatisticsContainer .bdm-statisticscard ul li {
		width: 33.3%;
		border-bottom: 1px solid #d2d2d2;
	}
	.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-cardcontent {
		height: 360px;
	}
	.bdm-chartsStatisticsContainer .bdm-statisticscard .iaqdescription {
		width: 20%;
		border-right: 0px;
	}
    .bdm-chartsStatisticsContainer .bdm-statisticscard .amp-dashboard-aqi-card ul li {
    width: 33.3%;
	border-bottom: 10px solid #F3F6F6;

}
	.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall {
    width: 100%;
	float: left;

}


}


.bdm-datacard .bdm-cardheader>h2 {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .75px
}
.bdm-datacard .bdm-cardheader>a {
    float: right;
    display: inline
}
.bdm-datacard .bdm-cardheader>a p {
    cursor: pointer
}
.bdm-datacard .bdm-cardheader i {
    color: #2FB491;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}
.bdm-datacard .bdm-cardheader.dashboardChartHead {
	height: 48px;
    padding: 14px 16px;
    position: relative
}
.bdm-datacard .bdm-cardheader.dashboardChartHead .dateRange {
    position: absolute;
    bottom: 7px;
    right: 16px
}
.bdm-datacard .bdm-cardheader.dashboardChartHead .dateRange input {
    width: 220px;
    text-align: center
}
.bdm-datacard .bdm-cardheader.middleHeader {
    height: 70px;
    padding-top: 25px!important;
    border-bottom: 1px solid #D2D2D2
}
@media (max-width: 767px) {
    .bdm-datacard .bdm-cardheader.middleHeader {
        padding-top: 18px!important;
        height: 55px
    }
}
.bdm-datacard .bdm-cardheader.bottomHeader {
    height: 55px;
    padding-top: 20px!important;
    border-bottom: 1px solid #D2D2D2
}
.bdm-datacard .bdm-cardcontent {
    width: 100%;
    text-align: left;
    color: #7E7E7E
}
.bdm-datacard .bdm-cardcontent .statics_left,
.bdm-datacard .bdm-cardcontent .statics_right {
    display: inline-block;
    color: #000
}
.bdm-datacard .bdm-cardcontent .statics_left {
    margin-right: 34px
}
.bdm-datacard .bdm-cardcontent .statics_right {
    border-left: 1px solid #D2D2D2;
    padding-left: 34px
}
@media (max-width: 767px) {
    .bdm-datacard .bdm-cardcontent .statics_left {
        margin-right: 15px
    }
    .bdm-datacard .bdm-cardcontent .statics_right {
        padding-left: 15px
    }
}
.bdm-datacard .bdm-cardcontent .appTestDetail {
    margin-top: 50px;
    display: inline-block;
    width: 70%
}
.bdm-datacard .bdm-cardcontent .appTestDetail .testName,
.bdm-datacard .bdm-cardcontent .appTestDetail .testNumber {
    display: inline-block
}
.bdm-datacard .bdm-cardcontent .appTestDetail .testNumber {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 700;
    margin-right: 2.2%
}
.bdm-datacard .bdm-cardcontent .appTestDetail .testName {
    color: #3498DB;
    font-size: 16px
}
.bdm-datacard .bdm-cardcontent .bdm-roleInformationHeader {
    margin-top: 20px
}
.bdm-datacard .bdm-cardcontent textarea {
    width: 100%;
    height: 150px;
    resize: none;
    overflow-y: auto;
    color: #7E7E7E
}
.bdm-datacard .bdm-cardcontent.deviceActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-datacard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
    width: 80%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-datacard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
        width: 70%
    }
    .bdm-datacard .bdm-cardcontent {
        padding: 15px
    }
}
.bdm-datacard .bdm-cardcontent.policyActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-datacard .bdm-cardcontent.policyActivity .tableCell:first-of-type {
    width: 8%
}
.bdm-datacard .bdm-cardcontent.policyActivity .tableCell:nth-of-type(2) {
    width: 3%
}
.bdm-datacard .bdm-cardcontent.policyActivity .tableCell:last-of-type {
    width: 5%
}
.bdm-datacard .bdm-cardcontent .deviceConfig {
    display: block;
    width: 100%;
    height: 208px;
    color: #7E7E7E;
    font-size: 16px;
    margin-bottom: 10px
}
.bdm-datacard .bdm-cardcontent.dashboardContent {
    text-align: center;
    padding: 10px;
}
.bdm-datacard .bdm-cardcontent.dashboardContent .echarts {
    width: 100%;
    float: left;
    height: 280px
}
@media (min-width: 1921px) {
    .bdm-datacard .bdm-cardcontent.dashboardContent .echarts {
        height: 490px
    }
}
.bdm-datacard .bdm-cardcontent.dashboardContent ng-map {
    left: 12px;
    right: 12px;
    height: 270px;
    position: absolute
}
@media (min-width: 1921px) {
    .bdm-datacard .bdm-cardcontent.dashboardContent ng-map {
        height: 480px
    }
}
.bdm-datacard .bdm-cardcontent.dashboardContent .view-link {
    display: none
}
.bdm-datacard .noInfo {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    bottom: 0;
    text-align: center
}
.bdm-datacard .noInfo span {
    display: block;
    width: 100%;
    margin-top: 20px;
    color: #3498db
}
.bdm-datacard.dashboardCard .bdm-cardheader {
    padding: 10px
}
.bdm-datacard.dashboardCard .bdm-cardheader h2 {
    letter-spacing: .75px;
    line-height: 22px;
    width: 100%
}
@media (max-width: 767px) {
    .bdm-datacard .bdm-cardcontent,
    .bdm-datacard.dashboardCard .bdm-cardheader {
        padding: 10px
    }
    .bdm-datacard.dashboardCard .bdm-cardheader h2 {
        padding-left: 0
    }
}
.bdm-datacard.dashboardCard .bdm-cardheader a {
    line-height: 22px
}
.bdm-datacard.dashboardCard .bdm-cardcontent {
    text-align: center;
    padding: 10px 0
}
.bdm-datacard.dashboardCard .bdm-cardcontent .noInfo {
    text-align: center
}
.bdm-datacard.dashboardCard .bdm-cardcontent .noInfo img,
.bdm-datacard.dashboardCard .bdm-cardcontent .noInfo span {
    cursor: pointer
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-datacard.dashboardCard {
        min-width: 314px
    }
}
@media (min-width: 1024px) {
    .bdm-datacard.dashboardCard {
        max-width: 218px;
        padding-left: 0;
        padding-right: 0
    }
}
.editFunc {
    float: right
}
.editFunc .bdm-cancelDivider {
    border-left: 1px solid #9B9B9B;
    border-radius: 0;
    padding-left: 5px;
    margin-left: 4px
}
.editFunc .applyConfig {
    border-right: 1px solid #9B9B9B;
    padding-right: 5px;
    border-radius: 0
}
.tempFunc {
    border: 1px solid #d2d2d2;
    padding: 3px;
    border-radius: 15px;
    float: none;
    margin-left: 5px;
    font-size: 14px;
    display: inline-block
}
.tempFunc span {
    color: #2FB491
}
.tempFunc span.Fdegree {
    background: #f1f1f1;
    padding: 1px 5px 1px 7px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    cursor: pointer
}
.tempFunc span.Cdegree {
    background: #f1f1f1;
    padding: 1px 7px 1px 5px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: -2px;
    border-left: 1px solid #9B9B9B;
    cursor: pointer
}
.tempFunc span:hover {
    background: #d2d2d2
}
.tempFunc span.clicked {
    color: #fff;
    background: #619636
}
.bdm-dashboardContainer {
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 18px
}
@media (max-width: 767px) {
    .bdm-datacard.dashboardCard {
        min-width: 290px
    }
    .bdm-dashboardContainer {
        min-width: 320px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 16px 10px
    }
}
.bdm-dashboardContainer .downloadReport {
    width: 208px;
    background: #FFF;
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
    text-align: left;
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 112px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.bdm-dashboardContainer .downloadReport ul li {
    min-height: 48px;
    line-height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer
}
.bdm-dashboardContainer .downloadReport ul li span {
    cursor: pointer
}
.bdm-dashboardContainer .downloadReport ul li button {
    width: 94px;
    height: 32px
}
.bdm-dashboardContainer .downloadReport ul li md-input-container {
    width: 180px
}
.bdm-dashboardContainer .downloadReport ul li md-input-container md-select {
    margin-bottom: 15px
}
.bdm-dashboardContainer .downloadReport ul li md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(10px, 39px, 0) scale(.75)!important
}
.bdm-dashboardContainer .bdm-profileTopContainer {
    padding-top: 15px
}
.bdm-dashboardContainer .bdm-profileTopContainer .bdm-profileTitle {
    font-size: 28px;
    color: #2C3E50;
    font-weight: 700;
    margin-right: 5px
}
.bdm-dashboardContainer .bdm-profileTopContainer li {
    display: inline
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit:first-child {
    margin-right: 30px
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit:nth-child(2) {
    min-width: 220px;
    margin-top: 5px
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit {
    display: inline-block;
    vertical-align: middle
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit span.ico-head {
    width: 60px;
    height: 60px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileTopContainer {
        padding-top: 10px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer .bdm-profileTitle {
        font-size: 22px;
        line-height: 26px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit:first-child {
        margin-right: 20px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit {
        vertical-align: top
    }
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit span.ico-head {
        width: 40px;
        height: 40px
    }
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit span.ico-head>p {
    font-size: 32px;
    line-height: 58px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit span.ico-head>p {
        font-size: 22px;
        line-height: 39px
    }
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit i {
    font-size: 14px;
    color: #3498DB
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit .logoEdit {
    width: 60px;
    height: auto;
    vertical-align: bottom
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit .logoEdit {
        width: 40px
    }
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit i.wordEdit {
    vertical-align: bottom;
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input {
    font-size: 28px;
    width: 160px;
    line-height: 30px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input {
        width: 130px;
        line-height: 25px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input.opName {
        width: 100px
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input {
        width: 130px;
        line-height: 25px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input.opName {
        width: 100px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a {
        margin-right: 10px
    }
}
.bdm-dashboardContainer .bdm-profileTopContainer .nameEdit {
    display: inline-block;
    margin-left: 8px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileTopContainer li.textEdit input {
        width: 100px;
        font-size: 22px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer .nameEdit {
        display: block;
        margin-left: 0;
        margin-top: 8px
    }
    .bdm-dashboardContainer .bdm-profileTopContainer button {
        display: none
    }
}
.bdm-dashboardContainer .bdm-profileTopContainer button {
    float: right;
    margin-top: 15px;
    margin-left: 15px
}
.bdm-dashboardContainer .bdm-profileTopContainer button i,
.bdm-dashboardContainer .bdm-profileTopContainer button span {
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileTopContainer span.floatRight {
    margin-top: 24px;
    display: block
}
.bdm-dashboardContainer .bdm-profileTopContainer button.deleteButton:hover {
    opacity: .7
}
h6,
i.disable {
    opacity: 0
}
.bdm-dashboardContainer .bdm-profileTopContainer .md-menu button {
    border: 1px solid #2FB491;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 64px
}
.bdm-dashboardContainer .bdm-profileTopContainer .md-menu button md-icon {
    font-size: 34px;
    color: #2FB491;
    height: auto;
    min-height: 32px;
    min-width: auto;
    line-height: 12px
}
.bdm-dashboardContainer .bdm-profileMiddleContainer {
    min-height: 340px;
    overflow: auto
}
.bdm-dashboardContainer .bdm-profileMiddleContainer.loadingCard {
    min-height: 100px
}
.bdm-dashboardContainer .bdm-profileBottomContainer {
    min-height: 250px;
    overflow: auto;
    padding-bottom: 18px
}
.bdm-dashboardContainer .bdm-profileLayoutCard {
    width: 100%;
    margin-top: 15px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader {
    padding: 15px!important;
    min-height: 48px;
    width: 100%;
    color: #4A4A4A;
    border-bottom: 2px solid #D2D2D2
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader>h2 {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .75px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader>a {
    float: right;
    display: inline
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader>a p {
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader i {
    color: #2FB491;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.dashboardChartHead {
    padding: 14px 16px;
    position: relative
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.dashboardChartHead .dateRange {
    position: absolute;
    bottom: 7px;
    right: 16px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.dashboardChartHead .dateRange input {
    width: 220px;
    text-align: center
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.middleHeader {
    height: 70px;
    padding-top: 25px!important;
    border-bottom: 1px solid #D2D2D2
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.middleHeader {
        padding-top: 18px!important;
        height: 55px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardheader.bottomHeader {
    height: 55px;
    padding-top: 20px!important;
    border-bottom: 1px solid #D2D2D2
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent {
    width: 100%;
    text-align: left;
    color: #7E7E7E;
    padding: 15px;
    display: table;
    table-layout: fixed
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent {
    padding: 0
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent h2 {
    font-size: 16px;
    padding-left: 10px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td {
    padding-left: 18px;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a i {
    font-size: 16px;
    cursor: pointer
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td {
        padding-left: 10px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a {
        margin-right: 10px
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a {
        display: inline-block;
        margin-top: 10px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a.downloadMobileNone {
        display: none
    }
}
@media (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a {
        display: inline-block;
        margin-top: 10px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent td a.downloadMobileNone {
        display: none
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList {
    margin-bottom: 0;
    width: 100%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr {
    border-bottom: 1px solid #D2D2D2
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr td {
    vertical-align: middle;
    padding: 8px;
    line-height: 1.5;
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_icon {
    width: 40px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_icon i {
    color: #2FB491;
    font-size: 16px;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_version {
    width: 20%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_version {
        width: 30%
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_status {
    width: 30%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_status .rejected,
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_status i {
    color: #D0021B
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_function {
    float: right
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_function span a {
    margin-left: 160px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_function span button {
    margin-right: 5px;
    height: 28px;
    line-height: 12px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionList tr .v_function a {
    margin-right: 60px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail {
    padding: 0 40px;
    min-height: 134px;
    border-bottom: 1px solid #D2D2D2
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail table {
    width: 100%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail table thead tr {
    border-bottom: 1px solid #9B9B9B
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail table thead tr th {
    font-weight: 700;
    padding: 8px;
    line-height: 1.5
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail table tbody tr td {
    color: #9B9B9B;
    padding: 8px;
    line-height: 1.5;
    border-top: none
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.historyContent .bdm-versionDetail table tbody tr td .listViewLoading {
    margin: auto
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .policyExtension {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    max-width: 424px;
    height: 176px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent textarea {
    border: 1px solid #d2d2d2;
    width: 100%;
    max-width: 424px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer div p {
    display: block;
    color: #9B9B9B;
    margin-bottom: 10px;
    line-height: 24px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer div ol li {
    height: 44px;
    border-bottom: 1px solid #d2d2d2
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer div ol li>span {
    line-height: 44px;
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer div ol li>span:first-of-type {
    width: 45%;
    margin-right: 20px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer div ol li>span:last-of-type {
    width: 138px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle {
    position: relative;
    background: 0 0;
    border: none;
    color: #7E7E7E;
    padding: 10px 0;
    font-weight: 400
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle i {
    font-size: 16px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle .icon-reorder::before {
    color: #4A4A4A
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle .icon-cancel {
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #D0021B;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle>span {
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle>span:first-of-type {
    width: 45%;
    margin-right: 20px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree ol li.angular-ui-tree-node .angular-ui-tree-handle>span:last-of-type {
    width: 138px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp div.angular-ui-tree .angular-ui-tree-empty {
    border: none;
    background: 0 0;
    min-height: 0
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp a {
    margin-top: 20px;
    display: block;
    width: 90px;
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp a i,
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyProfileContent .basicInfoLeftContainer .editApp a span {
    cursor: pointer
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_left,
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_right {
    display: inline-block;
    color: #000
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_left {
    margin-right: 34px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_right {
    border-left: 1px solid #D2D2D2;
    padding-left: 34px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_left {
        margin-right: 15px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .statics_right {
        padding-left: 15px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .appTestDetail {
    margin-top: 50px;
    display: inline-block;
    width: 70%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .appTestDetail .testName,
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .appTestDetail .testNumber {
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .appTestDetail .testNumber {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 700;
    margin-right: 2.2%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .appTestDetail .testName {
    color: #3498DB;
    font-size: 16px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .bdm-roleInformationHeader {
    margin-top: 20px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent textarea {
    width: 100%;
    height: 150px;
    resize: none;
    overflow-y: auto;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.deviceActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
    width: 80%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
        width: 70%
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent {
        padding: 15px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyActivity .tableCell:first-of-type {
    width: 8%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyActivity .tableCell:nth-of-type(2) {
    width: 3%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.policyActivity .tableCell:last-of-type {
    width: 5%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent .deviceConfig {
    display: block;
    width: 100%;
    height: 208px;
    color: #7E7E7E;
    font-size: 16px;
    margin-bottom: 10px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent {
    text-align: center;
    padding: 10px;
	height: 280px;
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent .echarts {
    width: 100%;
    float: left;
    height: 280px
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent .echarts {
        height: 490px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent ng-map {
    left: 12px;
    right: 12px;
    height: 500px;
    position: absolute
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent ng-map {
        height: 480px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent.dashboardContent .view-link {
    display: none
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard {
    max-height: 150px;
    overflow-y: hidden
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent {
    width: 100%;
    text-align: left;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .basicInfoLeftContainer .bdm-profileTableContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .basicInfoMiddleContainer .bdm-profileTableContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .basicInfoRightContainer .bdm-profileTableContainer {
    opacity: 0;
    visibility: hidden;
    top: -15px;
    position: relative;
    max-height: 0
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_left,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_right {
    display: inline-block;
    color: #000
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_left {
    margin-right: 34px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .bdm-cardcontent {
        padding: 10px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_left {
        margin-right: 15px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_right {
    border-left: 1px solid #D2D2D2;
    padding-left: 34px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .appTestDetail {
    margin-top: 50px;
    display: inline-block;
    width: 70%
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .appTestDetail .testName,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .appTestDetail .testNumber {
    display: inline-block
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .appTestDetail .testNumber {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 700;
    margin-right: 2.2%
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .appTestDetail .testName {
    color: #3498DB;
    font-size: 16px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .bdm-roleInformationHeader {
    margin-top: 20px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent textarea {
    width: 100%;
    height: 150px;
    resize: none;
    overflow-y: auto;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.deviceActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
    width: 80%
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.deviceActivity .tableCell:first-of-type {
        width: 70%
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent {
        padding: 15px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.policyActivity .tableRow {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.policyActivity .tableCell:first-of-type {
    width: 8%
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.policyActivity .tableCell:nth-of-type(2) {
    width: 3%
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.policyActivity .tableCell:last-of-type {
    width: 5%
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .deviceConfig {
    display: block;
    width: 100%;
    height: 208px;
    color: #7E7E7E;
    font-size: 16px;
    margin-bottom: 10px
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent .statics_right {
        padding-left: 15px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent {
        padding: 10px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent {
    text-align: center;
    padding: 10px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent .echarts {
    width: 100%;
    float: left;
    height: 280px
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent .echarts {
        height: 490px
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent ng-map {
    left: 12px;
    right: 12px;
    height: 270px;
    position: absolute
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent .view-link {
    display: none
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown {
    max-height: 2000px;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent {
    min-height: 450px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoLeftContainer .bdm-profileTableContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoMiddleContainer .bdm-profileTableContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoRightContainer .bdm-profileTableContainer {
    top: 0;
    opacity: 1;
    visibility: visible;
    display: table-row;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoLeftContainer .bdm-profileTableContainer.appDesContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoLeftContainer .bdm-profileTableContainer.appInstalledContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoMiddleContainer .bdm-profileTableContainer.appDesContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoMiddleContainer .bdm-profileTableContainer.appInstalledContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoRightContainer .bdm-profileTableContainer.appDesContainer,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent .basicInfoRightContainer .bdm-profileTableContainer.appInstalledContainer {
    width: 100%;
    display: block
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent.appCard,
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent.operatorCard {
    min-height: 350px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent.deviceCard {
    min-height: 200px
}
.bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard.slideDown>.bdm-cardcontent.policyCard {
    min-height: 600px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer {
    display: table-cell;
    width: 48%;
    vertical-align: top;
    padding-right: 15px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer.TopLeftInfo {
    width: 40%
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer {
        display: block;
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-top: 20px;
        border-bottom: 2px solid #F2F2F2
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer.TopLeftInfo {
        width: 100%
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer {
        display: block;
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-top: 20px;
        border-bottom: 2px solid #F2F2F2
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer.TopLeftInfo {
        width: 100%
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer a i {
    font-size: 16px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoLeftContainer a span {
    vertical-align: middle
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer {
    display: table-cell;
    border-left: 1px solid #D2D2D2;
    padding-left: 15px;
    padding-right: 15px
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer.TopMiddleInfo {
    width: 30%
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer.partnerMiddleContainer {
    border-left: none
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
        border-left: none;
        border-bottom: 2px solid #F2F2F2;
        padding-left: 0
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer.TopMiddleInfo {
        width: 100%
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
        border-left: none;
        border-bottom: 2px solid #F2F2F2;
        padding-left: 0
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoMiddleContainer.TopMiddleInfo {
        width: 100%
    }
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer {
    display: table-cell;
    vertical-align: top;
    position: relative;
    border-left: 1px solid #D2D2D2;
    width: 48%;
    padding-left: 15px;
    color: #7E7E7E
}
.bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer.TopRightInfo {
    width: 30%
}
@media (min-width: 1921px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard.loadingCard .bdm-cardcontent.dashboardContent ng-map {
        height: 480px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer {
        padding-left: 40px
    }
}
@media (max-width: 767px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer {
        display: block;
        width: 100%;
        border-left: none;
        margin-top: 20px;
        padding-left: 0;
        padding-bottom: 15px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer.TopRightInfo {
        width: 100%
    }
    .bdm-applicationProfileLeft,
    .bdm-divTable,
    .bdm-userProfileLeft,
    .bdm-userProfileMiddle,
    .bdm-userProfileRight {
        display: block;
        width: 100%;
        border-right: none
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer {
        display: block;
        width: 100%;
        border-left: none;
        margin-top: 20px;
        padding-left: 0;
        padding-bottom: 15px
    }
    .bdm-dashboardContainer .bdm-profileLayoutCard .basicInfoRightContainer.TopRightInfo {
        width: 100%
    }
    .bdm-applicationProfileLeft,
    .bdm-divTable,
    .bdm-userProfileLeft,
    .bdm-userProfileMiddle,
    .bdm-userProfileRight {
        display: block;
        width: 100%;
        border-right: none
    }
}
.bdm-applicationProfileLeft .tableRow.addressRow>input,
.bdm-divTable .tableRow.addressRow>input,
.bdm-userProfileLeft .tableRow.addressRow>input,
.bdm-userProfileMiddle .tableRow.addressRow>input,
.bdm-userProfileRight .tableRow.addressRow>input {
    margin-bottom: 10px
}
.bdm-applicationProfileLeft .tableRow,
.bdm-divTable .tableRow,
.bdm-userProfileLeft .tableRow,
.bdm-userProfileMiddle .tableRow,
.bdm-userProfileRight .tableRow {
    display: table-row
}
@media (max-width: 767px) {
    .bdm-applicationProfileLeft .tableRow,
    .bdm-divTable .tableRow,
    .bdm-userProfileLeft .tableRow,
    .bdm-userProfileMiddle .tableRow,
    .bdm-userProfileRight .tableRow {
        display: block;
        margin-bottom: 27px
    }
}
.bdm-applicationProfileLeft .tableRow span.rebootAt,
.bdm-divTable .tableRow span.rebootAt,
.bdm-userProfileLeft .tableRow span.rebootAt,
.bdm-userProfileMiddle .tableRow span.rebootAt,
.bdm-userProfileRight .tableRow span.rebootAt {
    vertical-align: top;
    display: inline-block;
    margin: 0 10px
}
.bdm-applicationProfileLeft .tableRow select.rebootTime,
.bdm-divTable .tableRow select.rebootTime,
.bdm-userProfileLeft .tableRow select.rebootTime,
.bdm-userProfileMiddle .tableRow select.rebootTime,
.bdm-userProfileRight .tableRow select.rebootTime {
    width: 150px
}
.bdm-applicationProfileLeft .tableCell,
.bdm-divTable .tableCell,
.bdm-userProfileLeft .tableCell,
.bdm-userProfileMiddle .tableCell,
.bdm-userProfileRight .tableCell {
    min-width: 125px;
    display: table-cell;
    padding-right: 15px;
    padding-bottom: 34px;
    vertical-align: top
}
.bdm-applicationProfileLeft .tableCell #userEmailAddress,
.bdm-applicationProfileLeft .tableCell select,
.bdm-divTable .tableCell #userEmailAddress,
.bdm-divTable .tableCell select,
.bdm-userProfileLeft .tableCell #userEmailAddress,
.bdm-userProfileLeft .tableCell select,
.bdm-userProfileMiddle .tableCell #userEmailAddress,
.bdm-userProfileMiddle .tableCell select,
.bdm-userProfileRight .tableCell #userEmailAddress,
.bdm-userProfileRight .tableCell select {
    width: 224px;
    margin-bottom: 12px
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-applicationProfileLeft .tableCell #userEmailAddress,
    .bdm-divTable .tableCell #userEmailAddress,
    .bdm-userProfileLeft .tableCell #userEmailAddress,
    .bdm-userProfileMiddle .tableCell #userEmailAddress,
    .bdm-userProfileRight .tableCell #userEmailAddress {
        width: 400px
    }
}
.bdm-applicationProfileLeft .tableCell .userResourceDetail,
.bdm-applicationProfileLeft .tableCell label.operatorEmail,
.bdm-divTable .tableCell .userResourceDetail,
.bdm-divTable .tableCell label.operatorEmail,
.bdm-userProfileLeft .tableCell .userResourceDetail,
.bdm-userProfileLeft .tableCell label.operatorEmail,
.bdm-userProfileMiddle .tableCell .userResourceDetail,
.bdm-userProfileMiddle .tableCell label.operatorEmail,
.bdm-userProfileRight .tableCell .userResourceDetail,
.bdm-userProfileRight .tableCell label.operatorEmail {
    color: #3498DB
}
@media (max-width: 767px) {
    .bdm-applicationProfileLeft .tableCell #userEmailAddress,
    .bdm-divTable .tableCell #userEmailAddress,
    .bdm-userProfileLeft .tableCell #userEmailAddress,
    .bdm-userProfileMiddle .tableCell #userEmailAddress,
    .bdm-userProfileRight .tableCell #userEmailAddress {
        width: 100%
    }
    .bdm-applicationProfileLeft .tableCell.appIDrange,
    .bdm-divTable .tableCell.appIDrange,
    .bdm-userProfileLeft .tableCell.appIDrange,
    .bdm-userProfileMiddle .tableCell.appIDrange,
    .bdm-userProfileRight .tableCell.appIDrange {
        width: 120px
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .bdm-applicationProfileLeft .tableCell.appIDrange,
    .bdm-divTable .tableCell.appIDrange,
    .bdm-userProfileLeft .tableCell.appIDrange,
    .bdm-userProfileMiddle .tableCell.appIDrange,
    .bdm-userProfileRight .tableCell.appIDrange {
        width: 120px
    }
}
.bdm-applicationProfileLeft .tableCell.partnerAddress,
.bdm-divTable .tableCell.partnerAddress,
.bdm-userProfileLeft .tableCell.partnerAddress,
.bdm-userProfileMiddle .tableCell.partnerAddress,
.bdm-userProfileRight .tableCell.partnerAddress {
    line-height: 20px
}
.bdm-applicationProfileLeft .tableCell.operatorAccount,
.bdm-divTable .tableCell.operatorAccount,
.bdm-userProfileLeft .tableCell.operatorAccount,
.bdm-userProfileMiddle .tableCell.operatorAccount,
.bdm-userProfileRight .tableCell.operatorAccount {
    padding-bottom: 20px
}
@media (max-width: 767px) {
    .bdm-applicationProfileLeft .tableCell.operatorAccount,
    .bdm-divTable .tableCell.operatorAccount,
    .bdm-userProfileLeft .tableCell.operatorAccount,
    .bdm-userProfileMiddle .tableCell.operatorAccount,
    .bdm-userProfileRight .tableCell.operatorAccount {
        padding-bottom: 27px
    }
    .bdm-applicationProfileLeft .tableCell,
    .bdm-divTable .tableCell,
    .bdm-userProfileLeft .tableCell,
    .bdm-userProfileMiddle .tableCell,
    .bdm-userProfileRight .tableCell {
        display: block;
        padding-bottom: 0;
        margin-top: 12px
    }
}
.bdm-applicationProfileLeft .tableCell ul.roleResponsibility,
.bdm-divTable .tableCell ul.roleResponsibility,
.bdm-userProfileLeft .tableCell ul.roleResponsibility,
.bdm-userProfileMiddle .tableCell ul.roleResponsibility,
.bdm-userProfileRight .tableCell ul.roleResponsibility {
    border: 1px solid #9B9B9B;
    padding: 5px 10px;
    width: 224px;
    margin-top: 5px;
    height: 100px;
    overflow-y: scroll
}
.bdm-applicationProfileLeft .tableCell ul.roleResponsibility li,
.bdm-divTable .tableCell ul.roleResponsibility li,
.bdm-userProfileLeft .tableCell ul.roleResponsibility li,
.bdm-userProfileMiddle .tableCell ul.roleResponsibility li,
.bdm-userProfileRight .tableCell ul.roleResponsibility li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 22px
}
.bdm-applicationProfileLeft .tableCell.triggerAlert,
.bdm-divTable .tableCell.triggerAlert,
.bdm-userProfileLeft .tableCell.triggerAlert,
.bdm-userProfileMiddle .tableCell.triggerAlert,
.bdm-userProfileRight .tableCell.triggerAlert {
    vertical-align: middle;
    padding-bottom: 10px
}
@media (max-width: 767px) {
    .bdm-applicationProfileLeft .tableCell:first-child,
    .bdm-divTable .tableCell:first-child,
    .bdm-userProfileLeft .tableCell:first-child,
    .bdm-userProfileMiddle .tableCell:first-child,
    .bdm-userProfileRight .tableCell:first-child {
        margin-top: 0
    }
}
.bdm-applicationProfileLeft .alertSetting,
.bdm-divTable .alertSetting,
.bdm-userProfileLeft .alertSetting,
.bdm-userProfileMiddle .alertSetting,
.bdm-userProfileRight .alertSetting {
    display: block;
    margin-bottom: 5px
}
.bdm-applicationProfileLeft .alertSetting .checkbox label,
.bdm-divTable .alertSetting .checkbox label,
.bdm-userProfileLeft .alertSetting .checkbox label,
.bdm-userProfileMiddle .alertSetting .checkbox label,
.bdm-userProfileRight .alertSetting .checkbox label {
    width: 180px
}
.bdm-applicationProfileLeft .alertSetting .checkbox input,
.bdm-applicationProfileLeft .alertSetting .checkbox md-select,
.bdm-divTable .alertSetting .checkbox input,
.bdm-divTable .alertSetting .checkbox md-select,
.bdm-userProfileLeft .alertSetting .checkbox input,
.bdm-userProfileLeft .alertSetting .checkbox md-select,
.bdm-userProfileMiddle .alertSetting .checkbox input,
.bdm-userProfileMiddle .alertSetting .checkbox md-select,
.bdm-userProfileRight .alertSetting .checkbox input,
.bdm-userProfileRight .alertSetting .checkbox md-select {
    width: 74px
}
.bdm-applicationProfileLeft .alertSetting .checkbox input,
.bdm-divTable .alertSetting .checkbox input,
.bdm-userProfileLeft .alertSetting .checkbox input,
.bdm-userProfileMiddle .alertSetting .checkbox input,
.bdm-userProfileRight .alertSetting .checkbox input {
    height: 26px
}
.bdm-applicationProfileLeft .alertSetting .checkbox md-select,
.bdm-divTable .alertSetting .checkbox md-select,
.bdm-userProfileLeft .alertSetting .checkbox md-select,
.bdm-userProfileMiddle .alertSetting .checkbox md-select,
.bdm-userProfileRight .alertSetting .checkbox md-select {
    margin-bottom: 2px
}
.bdm-applicationProfileLeft .editCell,
.bdm-divTable .editCell,
.bdm-userProfileLeft .editCell,
.bdm-userProfileMiddle .editCell,
.bdm-userProfileRight .editCell {
    padding-bottom: 2px;
    width: 100%;
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    margin: -5px 0 15px
}
.bdm-applicationProfileLeft .editCell.address,
.bdm-divTable .editCell.address,
.bdm-userProfileLeft .editCell.address,
.bdm-userProfileMiddle .editCell.address,
.bdm-userProfileRight .editCell.address {
    width: 312px
}
.bdm-applicationProfileLeft .editCell.state,
.bdm-divTable .editCell.state,
.bdm-userProfileLeft .editCell.state,
.bdm-userProfileMiddle .editCell.state,
.bdm-userProfileRight .editCell.state {
    width: 179px;
    margin-right: 10px;
    display: inline-block
}
.bdm-applicationProfileLeft .editCell.zip,
.bdm-divTable .editCell.zip,
.bdm-userProfileLeft .editCell.zip,
.bdm-userProfileMiddle .editCell.zip,
.bdm-userProfileRight .editCell.zip {
    width: 123px;
    display: inline-block
}
.bdm-applicationProfileLeft md-select.cycle,
.bdm-divTable md-select.cycle,
.bdm-userProfileLeft md-select.cycle,
.bdm-userProfileMiddle md-select.cycle,
.bdm-userProfileRight md-select.cycle {
    display: inline-block;
    width: 160px;
    vertical-align: top
}
.bdm-applicationProfileLeft md-select.policy,
.bdm-applicationProfileLeft md-select.timezone,
.bdm-divTable md-select.policy,
.bdm-divTable md-select.timezone,
.bdm-userProfileLeft md-select.policy,
.bdm-userProfileLeft md-select.timezone,
.bdm-userProfileMiddle md-select.policy,
.bdm-userProfileMiddle md-select.timezone,
.bdm-userProfileRight md-select.policy,
.bdm-userProfileRight md-select.timezone {
    width: 160px
}
.bdm-applicationProfileLeft md-select.time,
.bdm-divTable md-select.time,
.bdm-userProfileLeft md-select.time,
.bdm-userProfileMiddle md-select.time,
.bdm-userProfileRight md-select.time {
    display: inline-block;
    vertical-align: top;
    width: 114px
}
.bdm-applicationProfileLeft md-select.country,
.bdm-divTable md-select.country,
.bdm-userProfileLeft md-select.country,
.bdm-userProfileMiddle md-select.country,
.bdm-userProfileRight md-select.country {
    margin: 0 0 15px;
    width: 312px
}
.bdm-applicationProfileLeft md-select.selectPlatform,
.bdm-applicationProfileLeft md-select.selectRole,
.bdm-divTable md-select.selectPlatform,
.bdm-divTable md-select.selectRole,
.bdm-userProfileLeft md-select.selectPlatform,
.bdm-userProfileLeft md-select.selectRole,
.bdm-userProfileMiddle md-select.selectPlatform,
.bdm-userProfileMiddle md-select.selectRole,
.bdm-userProfileRight md-select.selectPlatform,
.bdm-userProfileRight md-select.selectRole {
    width: 224px
}
.bdm-applicationProfileLeft md-select .md-select-icon::after,
.bdm-divTable md-select .md-select-icon::after,
.bdm-userProfileLeft md-select .md-select-icon::after,
.bdm-userProfileMiddle md-select .md-select-icon::after,
.bdm-userProfileRight md-select .md-select-icon::after {
    display: none
}
.bdm-cancelDivider {
    border-left: 1px solid #9B9B9B;
    border-radius: 0;
    padding-left: 5px;
    margin-left: 3px
}
@media (min-width: 1024px) {
    .bdm-applicationProfileLeft {
        width: 40%!important
    }
}
.bdm-userProfileLeft {
    width: 33%
}
.bdm-userProfileMiddle {
    position: relative;
    width: 33%
}
.bdm-userProfileMiddle form>div>div {
    margin-bottom: 20px
}
.bdm-userProfileMiddle form>div>div .inputPassword,
.bdm-userProfileMiddle form>div>div label {
    display: inline-block;
    vertical-align: middle
}
.bdm-userProfileMiddle form>div>div label {
    margin-right: 10px;
    width: 65px
}
.bdm-userProfileMiddle form>div>div .inputPassword {
    position: relative;
    width: 70%
}
.bdm-userProfileMiddle form>div>div .inputPassword input {
    width: 100%
}
.bdm-userProfileMiddle form>div>div .inputPassword i {
    position: absolute;
    display: block;
    right: 15px;
    top: 2px;
    font-size: 25px;
    color: #D2D2D2
}
.bdm-userProfileMiddle form>div>div .inputPassword .showPassword {
    color: #838383!important
}
.bdm-userProfileMiddle form>div>div .errorMsg {
    display: block;
    padding-left: 80px;
    color: #D0021B;
    margin-top: 5px
}
.bdm-userProfileMiddle form>div .passwordHint {
    display: block;
    color: #d2d2d2;
    line-height: 20px;
    position: absolute;
    bottom: 30px
}
.bdm-userProfileRight {
    width: 33%
}
.bdm-profileEditContainer>span {
    font-size: 16px;
    color: #4A4A4A
}
.bdm-profileEditContainer>span.operatorAccount {
    display: inline-block
}
.bdm-profileEditContainer>a {
    float: right
}
.bdm-operatorRoleInformation {
    margin-top: 20px;
    padding-left: 20px;
    width: 100%
}
.bdm-operatorRoleInformation p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px
}
.bdm-operatorRoleInformation p i {
    color: #fff100;
    font-size: 14px;
    vertical-align: middle
}
.bdm-operatorRoleInformation ul {
    padding-left: 40px
}
.bdm-operatorRoleInformation ul.roleInfo {
    max-height: 90px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}
.bdm-operatorRoleInformation ul.roleInfo.more {
    max-height: 1000px
}
.bdm-operatorRoleInformation ul li {
    line-height: 30px;
    list-style-type: disc
}
.bdm-operatorRoleInformation ul li.readMore {
    list-style-type: none;
    margin-left: -18px
}
.bdm-operatorRoleInformation ul li.readMore p {
    color: #3498DB
}
.bdm-operatorRoleInformation ul li.readMore p i {
    color: #3498DB;
    font-size: 20px;
    cursor: pointer
}
.bdm-operatorRoleInformation ul li.readMore p .upsideDown {
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    cursor: default
}
h1,
h2 {
    font-weight: 700
}
.md-button.md-default-theme:not([disabled]):hover,
.md-button:not([disabled]):hover span,
a,
button,
no-link {
    cursor: pointer
}
* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
article,
aside,
details,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
:focus {
    outline: 0
}
.clearFloat {
    clear: both
}
.floatLeft {
    float: left
}
.floatRight {
    float: right
}
#mCSB_4_container {
    width: 100%!important
}
body,
html {
    font-family: "Acer Foco", "windows黑體", "微軟正黑體", "Trebuchet MS", Arial, sans-serif;
    background-color: #F3F6F6;
    color: #4A4A4A;
    min-width: 720px;
    height: 100%
}
i {
    font-size: 30px
}
header {
    height: 60px;
    line-height: 60px
}
@media (max-width: 767px) {
    header {
        height: 45px;
        line-height: 45px;
        padding-left: 6px
    }
    header .aside-icon>img {
        width: 60px;
        height: auto
    }
    header>.aside-text {
        left: 75px
    }
}
footer {
    bottom: 0
}
i,
img,
input,
p {
    vertical-align: middle
}
h1 {
    font-size: 24px
}
h2 {
    font-size: 20px
}
h6.error,
p {
    font-size: 14px
}
h6 {
    visibility: hidden;
    height: 0
}
h6.error {
    visibility: visible;
    opacity: 1;
    height: auto;
    line-height: 20px;
    color: #D0021B
}
.text-inline span.icon-back_to_top,
.text-inline span.icon-dropdown,
a,
button,
no-link,
p.title {
    font-size: 16px
}
a,
no-link {
    color: #3498DB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}
a:visited {
    color: #409
}
a:hover {
    color: #71b7e6
}
a:active {
    color: #2a7aaf
}
button {
    border: none;
    color: #FFF;
    line-height: 32px;
    padding: 0 15px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.text-inline {
    display: inline
}
.text-inline-block {
    display: inline-block
}
.checkbox input[type=checkbox],
mobile-dropdown {
    display: none
}
.text-right {
    text-align: right
}
dialog,
section.checkDialog {
    text-align: center;
    position: fixed;
    left: 0;
    right: 0
}
input,
md-select,
select,
textarea {
    padding: 0 5px;
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 31px
}
input,
textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
input:focus,
textarea:focus {
    border: 1px solid #56BBFF!important
}
input.ng-invalid {
    border: 1px solid #D0021B
}
input.ng-pristine {
    border: 1px solid #9B9B9B
}
input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
    color: #d2d2d2
}
input[type=email],
input[type=password],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
dialog {
    z-index: 2;
    width: 100%;
    background: inherit;
    padding: 0 3px 0 83px;
    top: 60px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -o-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -ms-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -moz-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -webkit-transition: opacity .2s ease-in, visibility 0s ease-in .2s
}
@media (max-width: 767px) {
    dialog {
        padding: 0 3px;
        top: 50px
    }
}
dialog.show {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}
.md-button,
.md-open-menu-container.md-active>md-menu-content>* {
    transition: none
}
dialog div {
    height: 47px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
dialog #dialogSuccess {
    background: #FFFBA3;
    color: #000
}
dialog #dialogWarning {
    background: #D0021B;
    color: #FFF
}
section.checkDialog {
    height: 70px;
    background: #d2d2d2;
    visibility: visible;
    opacity: 1;
    transition: none;
    top: 60px
}
.btn-white,
.btn-white:not([disabled]):active,
.btn-white:not([disabled]):focus,
.btn-white:not([disabled]):hover,
.btn-whiteBlue,
.btn-whiteBlue:not([disabled]):active,
.btn-whiteBlue:not([disabled]):focus,
.btn-whiteBlue:not([disabled]):hover,
md-dialog-content,
md-toolbar.bg-white {
    background-color: #FFF
}
section.checkDialog span {
    line-height: 65px;
    margin-right: 10px
}
section.checkDialog button {
    margin-right: 10px
}
md-dialog-content {
    overflow-x: hidden!important
}
.md-toolbar-tools {
    height: 60px;
    padding: 0 20px 0 35px
}
@media (max-width: 767px) {
    .md-toolbar-tools {
        padding: 0 20px 0 15px
    }
}
md-toolbar.bg-white {
    color: #4A4A4A;
    border-bottom: 1px solid #979797
}
md-toolbar h2 {
    font-weight: 700!important;
    font-size: 24px!important
}
md-toolbar.bg-white md-icon {
    color: #4A4A4A
}
.btn-white {
    color: #2FB491;
    border: 1px solid #2FB491
}
.btn-whiteBlue {
    color: #4A90E2;
    border: 1px solid #4A90E2
}
.dialog-legal {
    margin: 16px;
    border: 1px solid #4A4A4A
}
.showPassword {
    color: #838383!important
}
.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background: url(../images/fs.spinner.gif) center center no-repeat #FFF
}
.loading.active {
    z-index: 1
}
.input-error,
.select-error {
    border: 1px solid #D0021B
}
.checkbox {
    position: relative
}
.checkbox label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 27px;
    font-weight: 400;
    color: #636363;
    cursor: pointer;
    background-image: url(../images/input_checkbox.png);
    background-size: 20px 40px;
    background-position: 0 -20px;
    background-repeat: no-repeat
}
body.prod aside article footer .bdm-group:hover>div i,
body.prod aside article footer .bdm-group:hover>div p,
body.prod aside article ul.sideNav li.active,
body.prod aside article ul.sideNav li:hover,
main header .displayGroup i::before,
main header .displayRegion i::before,
main header .displaySection i::before,
md-icon {
    font-weight: 700
}
.checkbox input[type=checkbox]:checked+label {
    background-position: 0 0
}
md-select {
    margin: -5px 0 15px;
    background: url(../images/ic_arrow.png) 95% center no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
md-select::-ms-expand {
    display: none
}
md-select .md-select-value .md-select-icon:after {
    display: none
}
md-select-menu md-content md-option,
md-select-menu md-content md-option[selected] {
    color: #9B9B9B
}

md-checkbox.md-checked .md-icon {
    background-color: #2FB491;
}
md-select-menu md-content md-option:not([disabled]):focus,
md-select-menu md-content md-option:not([disabled]):hover {
    background: #2FB491;
    color: #fff
}
md-input-container.border {
    display: block;
    margin: auto;
    padding: 0
}
md-input-container.border .md-errors-spacer {
    min-height: 15px
}
md-input-container.border label {
    text-align: left;
    color: #d2d2d2
}
md-input-container.border .md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container>md-select md-select-value>span {
    color: #4A4A4A
}
md-input-container.border label.md-required:after {
    color: #4A4A4A;
    content: ""
}
md-input-container.border input {
    border: 1px solid #9B9B9B;
    height: 40px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 12px 0
}
md-input-container.border .md-input.ng-invalid.ng-dirty {
    border-width: 1px
}
md-input-container.border.md-input-focused label:not(.md-no-float):not(.md-container-ignore),
md-input-container.border.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(10px, 20px, 0) scale(.75)
}
md-input-container.border label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(10px, 28px, 0) scale(1)
}
md-input-container.border.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    -webkit-transform: translateY(-9px) translateX(-2px) scale(.75);
    transform: translateY(-9px) translateX(-2px) scale(.75)
}
md-input-container.border.md-input-has-value .md-select-value>span:not(.md-select-icon) {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 7px, 0)
}
md-input-container>md-select {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 12px;
    margin-bottom: 15px;
    height: 40px
}
md-input-container>md-select md-select-value.md-select-placeholder>span {
    color: #d2d2d2
}
.md-select-menu-container {
    padding: 0 5px;
    min-width: 455px
}
md-select .md-select-value {
    border-bottom: none;
    padding: 0
}
md-select:not([disabled]):focus .md-select-value {
    border-bottom: none
}
md-option {
    height: 40px
}
.md-whiteframe-4dp,
.md-whiteframe-z2 {
    box-shadow: none
}
.menudemoBasicUsage .md-menu-demo {
    padding: 24px
}
md-menu-content {
    padding: 0;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #D2D2D2;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
    min-width: 120px
}
md-menu-item {
    border-bottom: 1px solid #f0f0f0;
    padding-top: 3px
}
md-menu-item>.md-button {
    padding-left: 15px;
    padding-right: 15px
}
md-menu-item>.md-button span {
    color: #4A4A4A;
    font-size: 16px
}
md-icon {
    font-size: 16px
}
.md-button.md-icon-button {
    padding: 0;
    height: auto;
    min-height: auto
}
.md-button {
    text-transform: none;
    background: 0 0
}
.md-button.md-default-theme:not([disabled]).md-focused,
.md-button.md-default-theme:not([disabled]):hover,
.md-button:not([disabled]).md-focused,
.md-button:not([disabled]):hover {
    background-color: #fff
}
.md-button.md-ink-ripple.md-focused>.md-ripple-container {
    background-color: transparent!important
}
.md-button .md-ripple-container {
    -webkit-mask-image: initial;
    width: 0;
    height: 0
}
.btn-create,
.btn-green,
.btn-submit {
    background-color: #2FB491;
    color: #FFF
}
.btn-green:not([disabled]):active,
.btn-green:not([disabled]):focus {
    background-color: #2FB491;
    opacity: 1
}

.btn-green:disabled,
.btn-green[disabled]{
  opacity: 0.5
}
.btn-create:hover,
.btn-green:not([disabled]):hover {
    background-color: #A1D07C
}
.btn-submit:not([disabled]):active,
.btn-submit:not([disabled]):focus,
.btn-submit:not([disabled]):hover {
    background-color: #A1D07C;
    opacity: 1
}
.btn-cancel:disabled,
.btn-submit:disabled {
    opacity: .3;
    cursor: default
}
.btn-submit:disabled {
    background-color: #2FB491;
    color: #fff
}
.btn-submit:disabled span {
    cursor: default
}
.btn-cancel:not([disabled]):active,
.btn-cancel:not([disabled]):focus,
.btn-cancel:not([disabled]):hover {
    background-color: #FFF;
    border: 1px solid #A1D07C;
    color: #A1D07C
}
.btn-cancel {
    background-color: #FFF;
    color: #2FB491;
    border: 1px solid #2FB491;
    margin-right: 20px
}
.btn-cancel:disabled span {
    cursor: default
}
.btn-red {
    background-color: #D0021B;
    color: #fff
}
.btn-border,
.btn-deactivate {
    background-color: transparent
}
.btn-deactivate {
    color: #D0021B;
    border: 1px solid #D0021B
}
.btn-cancel i,
.btn-deactivate i,
.btn-red i,
.btn-submit i {
    font-size: 22px;
    cursor: pointer
}
.btn-cancel span,
.btn-deactivate span,
.btn-red span,
.btn-submit span {
    vertical-align: middle;
    cursor: pointer
}
.btn-border {
    border: 1px solid #FFF;
    color: #FFF
}
.ico-head {
    display: inline-block;
    background-color: #3F9C35;
    border-radius: 99em;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 32px
}
.ico-head img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}
.ico-head>p {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase
}
.ico-head.md {
    height: 44px;
    width: 44px
}
.ico-head.md>p {
    font-size: 24px
}
.ico-head.lg {
    height: 60px;
    width: 60px;
    line-height: 59px
}
.ico-head.op-card {
    margin: 5px 2%
}
body.prod aside {
    /* background: url(../images/Navigaton_background_dev.png) 0 40px no-repeat #000; */
    background: #e2e2e2;
    z-index: 4;
    width: 80px;
    height: 100%;
    top: 0;
    position: fixed;
    color: #9B9B9B;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    -ms-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out
}
@media (max-width: 767px) {
    body.prod aside {
        width: 0;
        transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        -ms-transition: width .5s ease-in-out;
        -moz-transition: width .5s ease-in-out;
        -webkit-transition: width .5s ease-in-out
    }
}
body.prod aside>* {
    width: 100%
}
body.prod aside header {
    background-color: #2FB491;
    padding-bottom: 1px;
    color: #FFF;
    text-transform: uppercase
}
body.prod aside header>* {
    display: inline
}
body.prod aside header h2 {
    color: #FFF
}
body.prod aside header .md-menu-demo {
    display: inline-block
}
body.prod aside header .md-menu-demo button {
    color: #fff;
    position: absolute;
    top: -22px;
    left: 85px;
    border-radius: 0;
    cursor: default
}
body.prod aside article li,
body.prod aside article ul,
body.prod aside header .md-menu-demo button md-icon i {
    cursor: pointer
}
body.prod aside header .md-menu-demo button md-icon {
    color: #fff;
    height: auto;
    width: auto
}
body.prod aside article footer .bdm-group:hover,
body.prod aside article ul.sideNav li.active,
body.prod aside article ul.sideNav li:hover {
    background-color: rgba(47, 180, 145, .4);
    color: #FFF
}
body.prod aside header .md-menu-demo button md-icon i::before {
    font-size: 15px
}
body.prod aside article {
    position: absolute;
    top: 50px;
    bottom: 0
}
body.prod aside article ul.sideNav {
    position: relative;
    padding-top: 27px;
    padding-bottom: 10px;
    cursor: default
}
@media (max-width: 767px) {
    body.prod aside article {
        top: 115px
    }
    body.prod aside article ul.sideNav {
        padding-top: 20px
    }
}
body.prod aside article ul.sideNav li {
    line-height: 50px;
    position: relative
}
body.prod aside article ul.sideNav li>* {
    display: inline
}
body.prod aside article ul.sideNav li.active,
body.prod aside article ul.sideNav li.active .aside-text,
body.prod aside article ul.sideNav li.active i {
    cursor: default
}
body.prod aside article footer {
    padding-top: 10px;
    border-top: 1px solid #9B9B9B;
    white-space: nowrap
}
body.prod aside article footer div {
    line-height: 50px
}
body.prod aside article footer .bdm-group>div.active {
    background-color: rgba(53, 99, 80, .4);
    cursor: default;
    color: #FFF;
    font-weight: 700
}
body.prod aside article footer .bdm-group>div.active .aside-text,
body.prod aside article footer .bdm-group>div.active i {
    cursor: default
}
body.prod .dash-opname .ico-head,
body.prod .table .ico-head,
main header {
    background-color: #2FB491
}
@media (min-width: 768px) and (max-width: 1023px) {
    body.prod aside:hover {
        width: 265px
    }
}
@media (min-width: 1024px) {
    body.prod aside:hover {
        width: 265px
    }
}
body.prod aside .bdm-mobileUserInformation {
    height: 70px;
    padding-left: 20px;
    padding-top: 12px;
    border-bottom: 1px solid #9B9B9B
}
body.prod aside .bdm-mobileUserInformation>div {
    display: inline-block;
    vertical-align: middle;
    color: #fff
}
body.prod aside .bdm-mobileUserInformation .ico-head {
    font-size: 20px;
    text-transform: uppercase
}
body.prod aside .bdm-mobileUserInformation .mobileUserName {
    margin-left: 30px;
    position: absolute;
    width: 70%
}
body.prod aside .bdm-mobileUserInformation .mobileUserName>div:first-child {
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 36px
}
body.prod aside .bdm-mobileUserInformation .mobileUserName>.navDisplayName {
    font-size: 13px;
    color: #3498DB;
    cursor: pointer
}
body.prod .dash-opname .ico-head p,
body.prod .table .ico-head p {
    color: #FFF
}
.aside-text {
    left: 82px;
    padding: 0 6px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease-in, visibility 0s ease-in .5s;
    -o-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
    -ms-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
    -moz-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
    -webkit-transition: opacity .5s ease-in, visibility 0s ease-in .5s
}
.aside-icon {
    width: 70px;
    padding: 0 7px;
    text-align: center;
    cursor: pointer;
    position: absolute
}
.bdm-languageSwitch .aside-text,
.bdm-support .aside-text {
    left: 70px;
    padding-left: 20px
}
.bdm-languageSwitch .aside-text span,
.bdm-support .aside-text span {
    cursor: pointer
}
@media (min-width: 768px) and (max-width: 1023px) {
    aside:hover .aside-text,
    aside:hover .textEnvironment {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s
    }
    .bdm-mobileUserInformation,
    .bdm-notification,
    .bdm-support {
        display: none;
        visibility: hidden
    }
}
@media (min-width: 1024px) {
    aside:hover .aside-text,
    aside:hover .textEnvironment {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s
    }
    .bdm-mobileUserInformation,
    .bdm-notification,
    .bdm-support {
        display: none;
        visibility: hidden
    }
}
main {
    margin-left: 80px;
    padding: 60px 0 0
}
main header {
    z-index: 3;
    top: 0;
    left: 80px;
    right: -12px;
    position: fixed;
    padding: 0 0 0 16px;
    color: #FFF;
    border-bottom: 1px solid #D2D2D2
}
@media (max-width: 767px) {
    .toggled {
        width: 265px!important;
        transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        -ms-transition: width .5s ease-in-out;
        -moz-transition: width .5s ease-in-out;
        -webkit-transition: width .5s ease-in-out
    }
    .toggled .aside-text,
    .toggled footer,
    .toggled footer ul.active {
        visibility: visible;
        opacity: 1;
        cursor: pointer;
        transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s
    }
    .bdm-languageSwitch,
    .bdm-notification,
    .bdm-support {
        display: block
    }
    .bdm-languageSwitch>ul,
    .bdm-notification>ul,
    .bdm-support>ul {
        height: 0;
        overflow: hidden;
        transition: opacity .5s ease-in, visibility 0s ease-in .5s;
        -o-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
        -ms-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
        -moz-transition: opacity .5s ease-in, visibility 0s ease-in .5s;
        -webkit-transition: opacity .5s ease-in, visibility 0s ease-in .5s
    }
    .bdm-languageSwitch>ul.active,
    .bdm-notification>ul.active,
    .bdm-support>ul.active {
        height: auto;
        transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s
    }
    main {
        margin-left: 0;
        padding: 50px 0 0;
        min-width: 320px
    }
    main header {
        text-align: center;
        left: 0;
        min-width: 320px;
        padding: 0 10px;
        height: 50px;
        line-height: 50px
    }
    main header h1 {
        font-size: 22px;
        margin-left: 5px
    }
}
main header .navbar-toggle {
    display: none
}
@media (max-width: 767px) {
    main header .navbar-toggle {
        display: inline-block;
        background: 0 0
    }
    main header .navbar-toggle i.icon-menu-1 {
        cursor: pointer
    }
}
main header .navbar-toggle i {
    display: inline-block;
    font-size: 18px;
    margin-top: 12px;
    cursor: pointer
}
main header .displayGroup,
main header .displayRegion,
main header .displaySection {
    margin-left: -7px
}
main header .displayGroup div,
main header .displayRegion div,
main header .displaySection div {
    font-size: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}
main header .displayGroup div a,
main header .displayRegion div a,
main header .displaySection div a {
    color: #fff;
    font-size: 24px
}
main header .displayGroup i,
main header .displayRegion i,
main header .displaySection i {
    font-size: 12px;
    cursor: pointer
}
main header .displayGroup md-menu .md-icon-button,
main header .displayRegion md-menu .md-icon-button,
main header .displaySection md-menu .md-icon-button {
    background: 0 0;
    width: auto;
    border-radius: 0
}
main header .displayGroup md-menu .md-icon-button md-icon,
main header .displayRegion md-menu .md-icon-button md-icon,
main header .displaySection md-menu .md-icon-button md-icon {
    font-size: 24px;
    height: auto;
    width: auto;
    color: #fff;
    fonst-weight: normal
}
main header .displayGroup md-menu .md-icon-button .md-ripple-container,
main header .displayRegion md-menu .md-icon-button .md-ripple-container,
main header .displaySection md-menu .md-icon-button .md-ripple-container {
    display: none
}
main header .displaySection {
    margin-left: -1px
}
main header .displaySection span.back i::before {
    transform: rotate(90deg) translateX(-1px) scale(1.2)
}
main header .displayRegion {
    margin-right: 30px
}
main header .displayRegion md-menu .md-icon-button md-icon span {
    font-size: 16px;
    margin-right: 5px
}
main header nav {
    float: right;
    text-align: right
}
@media (max-width: 767px) {
    main header nav {
        display: none
    }
}
main header nav>ul>li {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    margin-right: 30px
}
main header nav>ul>li i,
main header nav>ul>li span p {
    cursor: pointer
}
main header nav>ul>li .ico-head {
    background-color: #FFF;
    cursor: pointer
}
main header nav>ul>li .ico-head p {
    line-height: 36px;
    font-size: 20px;
    color: #2FB491
}
main header nav>ul>li .icon-notification {
    position: relative
}
main header nav>ul>li .icon-notification a {
    position: absolute;
    background: red;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 16px;
    right: -12px;
    line-height: 7px;
    font-size: 13px;
    color: #fff;
    padding: 5px
}
main header nav>ul>lili:last-child {
    margin-right: 0
}
main header nav>ul>li ul {
    visibility: hidden;
    opacity: 0;
    top: 56px;
    right: 0;
    position: absolute;
    text-align: left;
    background-color: #FFF;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #D2D2D2;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -o-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -ms-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -moz-transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    -webkit-transition: opacity .2s ease-in, visibility 0s ease-in .2s
}
main header nav>ul>li ul li {
    margin-top: 3px;
    margin-right: 0;
    padding: 0 15px;
    line-height: 38px;
    border-bottom: 1px solid #F0F0F0;
    height: 40px;
    color: #4A4A4A
}
main header nav>ul>li ul lili:last-child {
    border-bottom: none
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper {
    right: -2px;
    height: 150px;
    min-width: 210px;
    cursor: default
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li {
    margin: 10px 0;
    line-height: auto;
    border-bottom: none;
    height: auto
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li.bdm-dropdownMenuTopContainer {
    display: inline-block;
    vertical-align: top;
    cursor: default;
    padding-top: 10px
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li.bdm-dropdownMenuTopContainer .ico-head {
    vertical-align: top;
    height: 60px;
    width: 60px;
    line-height: 55px;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    cursor: default;
    background-color: #3F9C35
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li.bdm-dropdowMenuFooterContainer {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #d2d2d2
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li.bdm-dropdowMenuFooterContainer a {
    display: block;
    line-height: 40px
}
main header nav>ul>li ul.bdm-profileDropdownMenuWrapper li.bdm-dropdowMenuFooterContainer .bdm-menuUserInformation div {
    color: #4A4A4A;
    line-height: 40px;
    cursor: default;
    font-size: 18px
}
main header nav>ul>li .navDisplayName {
    color: #FFF;
    cursor: pointer
}
md-dialog,
md-dialog.popupDialog .mdDialogContent md-input-container md-input {
    color: #4A4A4A
}
main header .btn-add {
    display: none
}
nav>ul>li:hover>ul,
nav>ul>li>ul:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}
md-dialog md-toolbar {
    min-height: 60px
}
md-dialog.popupDialog {
    width: 515px;
    height: 548px;
    max-height: 90%;
    overflow: hidden
}
@media (max-width: 767px) {
    main header .btn-add {
        display: block;
        float: right;
        padding: 0;
        line-height: 45px;
        background: 0 0
    }
    main header .btn-add i {
        font-size: 20px
    }
    md-dialog.popupDialog {
        max-width: 90%
    }
}
md-dialog.popupDialog .mdDialogContent {
    padding: 30px 35px 10px;
    height: 380px
}
@media (max-width: 767px) {
    md-dialog.popupDialog .mdDialogContent {
        padding: 30px 15px 10px
    }
}
md-dialog.popupDialog .mdDialogContent input,
md-dialog.popupDialog .mdDialogContent select,
md-dialog.popupDialog .mdDialogContent textarea {
    width: 100%;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #9B9B9B;
    box-shadow: none;
    font-size: 16px;
    padding: 12px 12px 0
}
md-dialog.popupDialog .mdDialogContent textarea {
    resize: none
}
md-dialog.popupDialog .mdDialogContent p {
    line-height: 18px
}
md-dialog.popupDialog .mdDialogContent p.warning {
    color: #D0021B;
    font-size: 16px;
    margin-top: 5px
}
md-dialog.popupDialog.contactDialog textarea {
    height: 260px!important
}
md-dialog.popupDialog.pwCreateDialog {
    width: 415px;
    height: 418px
}
md-dialog.popupDialog.pwCreateDialog p {
    margin-bottom: 10px
}
md-dialog.popupDialog.pwCreateDialog p:last-child {
    color: #9B9B9B
}
md-dialog.popupDialog.pwCreateDialog .inputPassword {
    position: relative;
    width: 100%
}
md-dialog.popupDialog.pwCreateDialog .inputPassword .icon-show-password {
    position: absolute;
    display: block;
    right: 10px;
    top: 5px;
    color: #d2d2d2
}
md-dialog.popupDialog.pwCreateDialog .inputPassword .showPassword {
    color: #838383!important
}
md-dialog.popupDialog.deviceCreateDialog md-tab-content {
    left: 1px
}
md-dialog.popupDialog.deviceCreateDialog md-tabs-content-wrapper {
    height: 280px;
    left: 1px
}
md-dialog.popupDialog.deviceCreateDialog md-content {
    overflow: hidden
}
md-dialog.popupDialog.deviceCreateDialog md-tabs {
    height: 335px
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas {
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    height: 30px
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
    width: 100%!important;
    height: 100%
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
    padding: 0;
    text-transform: none
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item>span {
    cursor: pointer;
    padding: 0 24px;
    border-right: 1px solid #d2d2d2
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-active {
    color: #2FB491
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
    background: #999
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-content-wrapper {
    top: 55px
}
md-dialog.popupDialog.deviceCreateDialog md-tabs md-tabs-content-wrapper md-tab-content {
    height: 280px;
    overflow-y: auto
}
md-dialog.popupDialog.deviceCreateDialog .formGroup.state,
md-dialog.popupDialog.deviceCreateDialog .formGroup.zip {
    display: inline-block;
    width: 49%
}
md-dialog.popupDialog.deviceCreateDialog .formGroup.zip {
    margin-left: 4px
}
md-dialog.popupDialog.deviceCreateDialog .formGroup p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent p {
    font-size: 16px;
    font-weight: 600
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div {
    height: 90%;
    margin-top: 10px;
    position: relative
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading {
    border: 1px solid #9B9B9B
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading .icon-alert,
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading .listViewLoading {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: auto
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading .icon-alert {
    font-size: 24px;
    color: #D0021B;
    display: block;
    text-align: center
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading .icon-alert::before {
    -webkit-text-stroke-width: .5px
}
md-dialog.popupDialog.screenShotDialog .mdDialogContent div.showLoading span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 120px;
    color: #7E7E7E
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .bdm-operatorRoles>a {
    display: block;
    margin-bottom: 10px;
    width: 150px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .bdm-operatorRoles .roleResponsibility {
    width: 100%;
    height: 240px;
    overflow-y: auto;
    border: 1px solid #9B9B9B;
    padding: 5px 10px;
    margin: 5px auto 15px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .bdm-operatorRoles li {
    list-style: disc inside;
    line-height: 24px;
    padding-left: 20px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .bdm-operatorRoles .help-block {
    color: #D0021B;
    line-height: 18px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content h5 {
    font-size: 18px;
    color: #4A4A4A;
    margin: 15px 0 10px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent {
    display: inline-block;
    vertical-align: top
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent p {
    color: #7E7E7E
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.left {
    width: 140px;
    margin-right: 10px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.left ul {
    margin-top: 10px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.left ul li {
    line-height: 32px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #7E7E7E;
    cursor: pointer;
    display: block
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.left ul li.selected {
    background: rgba(0, 0, 0, .1);
    color: #4A4A4A
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.right {
    width: 270px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.right .checkboxContent {
    padding: 10px;
    margin-top: 6px;
    height: 220px;
    overflow-y: auto
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent.right .checkboxContent .checkbox {
    margin-bottom: 15px
}
md-dialog.popupDialog.operatorCreateDialog .mdDialogContent .form-content .roleContent .checkboxContent {
    border: 1px solid #9B9B9B
}
md-dialog.popupDialog.appCreateDialog {
    height: 555px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent {
    height: 393px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .appCreateTitle {
    position: relative;
    margin-bottom: 15px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .appCreateTitle p.title {
    display: inline-block;
    color: #7E7E7E
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .appCreate-loading {
    width: 80%;
    line-height: 400px;
    text-align: center;
    margin: 0 auto
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent md-input-container textarea {
    height: 140px!important;
    overflow-y: auto
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .versionNo {
    margin-bottom: 12px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .versionCommand {
    height: 140px;
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin: 2px auto 15px;
    word-break: break-all;
    overflow-y: auto
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .versionApp {
    color: #3498db;
    text-indent: 10px;
    display: block;
    margin-top: 6px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .versionReject {
    height: 250px!important
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar .floatRight span {
    margin-right: 27px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar md-progress-linear {
    margin-top: 10px;
    width: 94%;
    display: inline-block
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar md-progress-linear .md-container {
    background-color: #2FB491;
    height: 8px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -webkit-border-radius: 30px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar md-progress-linear .md-container .md-bar {
    background-color: #3F9C35;
    height: 8px
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar a {
    float: right;
    width: 16px;
    height: 16px;
    background: #4A4A4A;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    margin-top: 5px;
    cursor: pointer
}
md-dialog.popupDialog.appCreateDialog .mdDialogContent .progressBar a i {
    font-size: 10px;
    color: #fff;
    position: absolute;
    cursor: pointer;
    transform: scale(.7);
    top: 2px;
    left: .5px
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent ul.mdDialogList,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList {
    width: 446px;
    height: 250px;
    overflow-y: auto
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent ul.mdDialogList li,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList li {
    height: 41.5px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #9B9B9B;
    width: 100%
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button,
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button md-icon,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button md-icon,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker .md-button.md-icon-button md-icon {
    display: none
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(10px, 28px, 0) scale(1);
    color: #d2d2d2
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input {
    height: 40px;
    width: 280px
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input:focus,
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input:focus,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker md-input-container.md-icon-float input.md-input:focus {
    border-color: #3498db
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker md-input-container.md-input-focused label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.downloadLogDialog .mdDialogContent mdp-date-picker md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker md-input-container.md-input-focused label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.policyCreateDialog .mdDialogContent mdp-date-picker md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker md-input-container.md-input-focused label:not(.md-no-float):not(.md-container-ignore),
md-dialog.popupDialog.profileTransferDialog .mdDialogContent mdp-date-picker md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(10px, 22px, 0) scale(.75)
}
md-dialog.popupDialog.appCreateDialog .dateRange,
md-dialog.popupDialog.policyCreateDialog .dateRange {
    margin: 5px auto 15px
}
md-dialog.popupDialog.appCreateDialog .dateRange input,
md-dialog.popupDialog.policyCreateDialog .dateRange input {
    width: 280px;
    height: 40px;
    padding: 6px 12px 0
}
md-dialog.popupDialog.appCreateDialog p,
md-dialog.popupDialog.policyCreateDialog p {
    font-size: 16px;
    font-weight: 700;
    color: #4A4A4A;
    margin-bottom: 15px
}
md-dialog.popupDialog.appCreateDialog p.approveDeadline,
md-dialog.popupDialog.policyCreateDialog p.approveDeadline {
    margin-bottom: 0
}
md-dialog.popupDialog.appCreateDialog md-select,
md-dialog.popupDialog.policyCreateDialog md-select {
    width: 280px
}
md-dialog.popupDialog.appCreateDialog md-radio-button .md-container,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-container {
    top: 6px
}
md-dialog.popupDialog.appCreateDialog md-radio-button .md-container md-ripple-container,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-container md-ripple-container {
    background-color: transparent
}
md-dialog.popupDialog.appCreateDialog md-radio-button .md-off,
md-dialog.popupDialog.appCreateDialog md-radio-button .md-on,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-off,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-on {
    top: 5px;
    border-color: #
}
md-dialog.popupDialog.appCreateDialog md-radio-button .md-on,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-on {
    background-color: #2FB491
}
md-dialog.popupDialog.appCreateDialog md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-dialog.popupDialog.policyCreateDialog md-radio-group:not([disabled]) .md-primary.md-checked .md-off {
    border-color: #2FB491
}
md-dialog.popupDialog.appCreateDialog md-radio-button .md-label span,
md-dialog.popupDialog.policyCreateDialog md-radio-button .md-label span {
    line-height: 24px
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList {
    border: 1px solid #f0f0f0
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList {
    border: 1px solid #9B9B9B
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li {
    padding: 11px 16px;
    cursor: pointer
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li span,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li span {
    display: inline-block;
    cursor: pointer
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li span:first-of-type,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li span:first-of-type {
    width: 270px
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li span:last-of-type,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li span:last-of-type {
    width: 104px
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li:hover,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li:hover {
    background-color: rgba(121, 187, 67, .8);
    color: #fff
}
md-dialog.popupDialog.appCreateDialog ul.mdDialogList li.appSelected,
md-dialog.popupDialog.policyCreateDialog ul.mdDialogList li.appSelected {
    background: #2FB491;
    color: #fff
}
md-dialog.popupDialog.appCreateDialog .icon-calendar,
md-dialog.popupDialog.policyCreateDialog .icon-calendar {
    position: absolute;
    right: 12px;
    font-size: 18px;
    top: 11px
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList li {
    padding: 5px 16px
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList li>p {
    font-size: 16px
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList li:hover {
    background-color: rgba(121, 187, 67, .8);
    color: #fff
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList li.selectOp {
    background: #2FB491;
    color: #fff
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList .ico-head {
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin-right: 16px
}
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList .icon-head,
md-dialog.popupDialog.profileTransferDialog .mdDialogContent ul.mdDialogList p {
    display: inline-block
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li {
    border-bottom: 1px solid #f0f0f0
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li>span {
    width: 100%;
    line-height: 36px;
    padding-left: 16px
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li>span span,
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li>span>i {
    display: inline-block;
    cursor: pointer
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li>span>span {
    color: #4A4A4A;
    font-size: 16px;
    vertical-align: middle
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li>span>i {
    font-size: 16px;
    color: #2FB491
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent ul.mdDialogList li a {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    height: 40px;
    line-height: 42px;
    padding-left: 40px
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent .showLoading {
    border: 1px solid #9B9B9B;
    height: 90%
}
md-dialog.popupDialog.downloadLogDialog .mdDialogContent .showLoading .listViewLoading {
    margin: auto;
    top: 100px
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail {
    height: 280px;
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 16px 8px;
    margin: 2px auto 15px;
    word-break: break-all;
    overflow-y: auto
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail>div {
    margin-bottom: 16px;
    display: block
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail>div .policyTitle {
    font-weight: 700
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail>div span {
    margin: 8px 0;
    display: inline-block
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail>div ul {
    padding-left: 30px
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail>div ul li {
    list-style-type: disc;
    margin: 8px 0
}
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail .effectedTime .policyTitle,
md-dialog.popupDialog.policyDetailDialog .mdDialogContent .policyDetail .effectedTime span {
    display: inline-block;
    margin: 0
}
md-dialog.popupDialog.nofSetDialog .mdDialogContent .nofSetTitle p {
    margin-bottom: 15px;
    font-weight: 700
}
md-dialog.popupDialog.nofSetDialog .mdDialogContent form .formGroup .checkbox {
    float: left
}
md-dialog.popupDialog.nofSetDialog .mdDialogContent form .formGroup .checkbox label {
    color: #7E7E7E
}
md-dialog.popupDialog.nofSetDialog .mdDialogContent form .formGroup select {
    width: 40%;
    float: right;
    margin-top: 5px;
    padding: 5px 12px;
    color: #7E7E7E
}
md-dialog.popupDialog.nofSetDialog .mdDialogContent form .formGroup::after {
    display: block;
    float: none;
    clear: both;
    content: ""
}
md-dialog.popupDialog md-dialog-actions {
    border-top: none!important;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin: 15px 0
}
md-dialog.popupDialog md-dialog-actions button {
    width: 200px
}
md-dialog.popupDialog md-dialog-actions div {
    width: 100%;
    text-align: center
}
md-dialog.popupDialog md-dialog-actions div button {
    width: 30%
}
@media (max-width: 767px) {
    md-dialog.popupDialog md-dialog-actions div button {
        width: 117px
    }
    .bdm-alertBox {
        max-width: 90%
    }
}
md-dialog.popupDialog md-dialog-actions div button span {
    cursor: pointer
}
md-dialog md-content {
    background: 0 0
}
md-dialog md-content upload-file .md-button.md-raised:not([diasbled]) {
    box-shadow: 0 0 0
}
md-dialog md-content upload-file .md-button.md-primary.md-raised {
    border: 1px solid #3498db;
    color: #3498db;
    background-color: transparent;
    margin: 0;
    width: 100%
}
md-dialog md-content upload-file .md-button.md-primary.md-raised.md-ink-ripple.md-focused,
md-dialog md-content upload-file .md-button.md-primary.md-raised:not([disabled]):hover {
    background-color: transparent
}
md-dialog.mdp-datepicker {
    padding-top: 5px
}
md-dialog.mdp-datepicker .md-button.md-accent.md-fab:not([disabled]):hover,
md-dialog.mdp-datepicker .md-button.md-accent.md-raised,
md-dialog.mdp-datepicker .md-button.md-accent.md-raised:not([disabled]):hover,
md-dialog.mdp-datepicker .md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover,
md-dialog.mdp-datepicker .md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover {
    background: #2FB491
}
md-dialog.mdp-datepicker .layout-align-start-center.layout-column {
    display: none
}
md-dialog .multilevel-link .nameEdit,
md-dialog .multilevel-link input,
md-progress-circular.inline-white {
    display: inline-block
}
md-dialog .multilevel-link input {
    width: 80%
}
md-dialog[aria-label=rejectDetails] {
    width: 420px;
    height: 252px;
    max-height: 90%
}
.bdm-alertBox {
    width: 420px
}
.bdm-alertBox md-toolbar {
    background-color: #FFF;
    color: #4A4A4A;
    border-bottom: 1px solid #979797
}
.bdm-alertBox md-toolbar .md-toolbar-tools {
    height: 60px;
    padding: 0 20px 0 35px
}
@media (max-width: 767px) {
    .bdm-alertBox md-toolbar .md-toolbar-tools {
        padding: 0 20px 0 15px
    }
}
.bdm-alertBox md-toolbar .md-toolbar-tools h2 {
    font-weight: 700!important;
    font-size: 24px!important
}
.bdm-alertBox md-dialog-content {
    height: 150px;
    padding: 30px 35px 10px
}
.bdm-alertBox md-dialog-content p {
    font-size: 16px;
    line-height: 18px
}
@media (max-width: 767px) {
    .bdm-alertBox md-dialog-content {
        padding: 30px 15px 10px
    }
}
.bdm-alertBox md-dialog-actions {
    border-top: none!important;
    margin-bottom: 20px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}
.bdm-alertBox md-dialog-actions div {
    width: 100%
}
.bdm-alertBox md-dialog-actions div button {
    width: 30%;
    height: 40px;
    margin: 0 10px;
    display: inline-block
}
@media (max-width: 767px) {
    .bdm-alertBox md-dialog-actions div button {
        width: 117px
    }
}
.bdm-alertBox md-dialog-actions div .btn-delete {
    background-color: #2FB491
}
body>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    margin-top: 72px
}
body.dev md-progress-circular path {
    stroke: #4A90E2
}
body.prod md-progress-circular path {
    stroke: #2FB491
}
md-progress-circular.inline-white path {
    stroke: #FFF!important
}
md-progress-circular[disabled] {
    display: none
}


.adm-contentFiltersContainer {
    height: 40px;
	width: 100%;
    padding-right: 20px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.adm-dashboard-groupinfo-div {
    width: 120px;
	height: 96px;
    line-height:25px;
	background-image:url("../images/amp/group_purple.png");
	color: #FFFFFF;
	font-size: 30pt;
	padding-top:10px;
	background-repeat: no-repeat;
	cursor: pointer;

}

.bdm-chartsStatisticsContainer .bdm-statisticscard  .self-group-iaqdescription span {
    font-size: 16px;
    color: #152922;
    display: block
}


.bdm-chartsStatisticsContainer .bdm-statisticscard .bdm-allgroup .iaqdescription span {
    font-size: 14px;
    color: #7E7E7E;
    display: block;
	font-weight: 600;
}


.dashboardFocus {
    font-size: 18px;
	color:#FFFFFF;
	font-weight:bold;
}

.dashboardUnFocus {
    font-size: 18px;
	color:#4A4A4AA0;
	font-weight:lighter;
}

.icon-edit {
    color: #3498db;
	font-size: 16px;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.map-info-window-title {
    font-size: 18px;
	padding: 5px;
	background: #82A864;
	color: #FFFFFF;
	text-align: center;
}


.indor_device_list_table tbody tr {
    height: 40px;
	min-width: 100px;
	width: 100%;
	padding-right: 5px;
}

.indor_device_list_table tbody td {
    height: 40px;
	min-width: 50px;
	width: 33%;
	vertical-align: middle;
		padding: 10px;
	line-height: 20px
}


.table tbody tr {
    height: 40px;
	min-width: 100px;
 		border-bottom: 1px solid #e4eaec;
}

.table tbody td {
    height: 40px;
	min-width: 50px;
	vertical-align: middle;
		padding: 10px;
}

.button1 {
    width: 100%;
    height: 30px;
    font-size: 20px;
    background-color: #2FB491;
    border: none;
    color: #FFF;
    line-height: 12px;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}


.centerMarker{
  position:absolute;
  /*url of the marker*/
  background:url(../images/amp/pin.png) no-repeat;
  /*center the marker*/
  top:50%;left:50%;
  z-index:1;
  /*fix offset when needed*/
  margin-left:-20px;
  margin-top:-46px;
  /*size of the image*/
  height:36px;
  width:17px;
  cursor:pointer;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.basicinfo ,.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo {
    height: 150px;
	border: 0.5pt solid #152923;
	background: #f3f4f5
}


.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.basicinfo ul li {
    width: 33%;
    border-right: 1px solid #d2d2d2;
    float: left;
    height: 100%;
    font-size: 22px;

}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo ul li {
    width: 50%;
    border-right: 1px solid #d2d2d2;
    float: left;
    height: 100%;
    font-size: 22px;
}


.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.basicinfo ul li span,.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo ul li span {
    font-size: 14px;
    color: #1e352e;
    display: block;
	text-align:  left;
	padding-left: 10px;
}



.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.basicinfo ul li span.statisticsData, .bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo ul li span.statisticsData {
    line-height: 30px;

}

.bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo ul li span h2 {
    color: #83b81a;
}


.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.basicinfo  ul li:last-child,.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-cardcontent.dashboardContent.broadcastInfo ul li:last-child {
    border-right: none
}

.shopOwnerUrl {
    width: 400px;

}


.file-upload{
    opacity: 0;
    filter: alpha(opacity: 0);
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
	z-index: 10;
}
.map_zoom_controls{
	position:absolute;
        right: 10px;
    bottom: 10px;

	z-index: 0;
	margin:auto;
}
.map_zoom_controls_zoomin{
	left:0px;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-user-select: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	max-width: none;
	width: 120px;
	height: 54px;
}
.map_zoom_controls_zoomin:hover{
	left:-30px;
}
.map_zoom_controls_zoomout{
	position: absolute;
	left: 0px;
	top: -15px;
	-webkit-user-select: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	max-width: none;
	width: 120px;
	height: 54px;
}
.map_zoom_controls_zoomout:hover{
	left:-30px;
}
.level_map_container{
	overflow:hidden;
	position: absolute;
	z-index:0;
}
.level_map_container .level_map_container_inner{
	position: absolute;
	cursor: move;
}
.level_map_container .level_map_container_overlay{
	position: absolute;
	z-index:2;
	cursor: move;
}
.level_map_container .level_map_heatmap_overlay{
	position: absolute;
	pointer-events: none;
	z-index:1;
}
.level_map .backgroundSrc{
	position: absolute;
	z-index:0;
}
.level_map .map_control{
	cursor:pointer;
}

.map_control .iot-component{
    cursor:pointer;
}

.level_map .component_template{
	position: absolute;
	visibility: hidden;
}
.iot-component{
	cursor:move;
}
.level_map_container .level_map_container_overlay .iot-component{
	position: absolute;
}
.level_map_container .level_map_container_overlay .iot-component .device_alias{
	visibility: hidden;
}
.level_map_container .level_map_container_overlay .iot-component .margin-right-10{
	margin-right: 0px!important;
}
.bridge-list .iot-component label{
	width: 178px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.level_map .map_airmentor{
	position: absolute;
	z-index:3;
}
.level_map .map_bridge{
	position: absolute;
	z-index:1;
}

.indoor_edit_map_iaq_icon {
    display: inline-block;
	height: 40px;
    width: 40px;
	background-repeat: no-repeat;
    text-align: center;
    line-height: 100px
}
.indoor_edit_map_iaq_icon_airguard {
    display: inline-block;
	height: 67px;
    width: 80px;
	background-repeat: no-repeat;
    text-align: center;
    line-height: 100px
}

.level_map .map_people{
	position: absolute;
	z-index:2;
}
.level_map .map_coverage{
	position: absolute;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	background: rgba(41, 185, 24, 0.51);
	z-index:0;
}


.indoor_map_iaq_icon {
    display: inline-block;
    background-color: #FF0000;
    cursor: pointer;
    height: 40px;
    width: 41px;
    text-align: center;
    line-height: 35px
}

.indoor_map_iaq_icon_airguard {
    display: inline-block;
    background-color: #FF0000;
    cursor: pointer;
    height: 67px;
    width: 80px;
    color: #000000;
    text-align: center;
    line-height: 100px
}

.tableCell.customization span{
    line-height: 40px
}

.tableCell.customization h2:nth-child(n+2){
    padding-top: 30px
}

.bdm-dashboardContainer .downloadReport ul li i.icon-settings {
font-size: 16px;
	color: #9B9B9B;
	float:right;
}



/*
.dateRange .historyical_switch_layout {

	display:inline-block;
    padding-left: 20px;
	padding-right: 10px;

}

.historyical_switch_layout span {
    background-color: #2FB491;
    color: #FFF;
	font-size: 20px;
    height: 30px;
    margin-left: 1px;
	line-height: 30px;

}
*/
.historyical_switch_layout {
    display: inline-block;
	margin-left: 20px;
	background: #cccccc;
	border: 1px solid #cccccc;
}

.historyical_switch_active {
    background-color: #2FB491;
    color: #FFF;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
}

.historyical_switch {
    background-color: #FFFFFF;
    color: #000;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;

}

.popupwindow {
    position: absolute;
	z-index:100;
	background: #FFFFFF;
	border: 0px;
	margin-left:0px;
	margin-top:0px;

    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)
}

.focusTab {
	background: #2FB491;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
	z-index:0;

    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)
}

.unfocusTab {
    background: #FFFFFFA0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
	z-index:0;

    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .36)

}


.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.average-iaq {
    width: 35%;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.indoormap {
    width: 40%;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.historical {
    width: 75%;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.daily-distribution {
    width: 25%;
}
.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.devicelist {
    width: 25%;
}

@media (max-width: 1024px) {

	.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.average-iaq {
    width: 100%;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.indoormap {
    width: 100%;
}

.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.devicelist {
    width: 100%;
}

	.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.historical {
    width: 100%;
}

	.bdm-dashboardContainer .bdm-chartsCardContainer .bdm-chartcardSmall.daily-distribution {
    width: 100%;
		margin-top: -120px;
}

}

h3 {
    font-size:14px;
	color: #7E7E7E;
}

.device_disable {
    opacity: 0.5;
}


.device_enable {
    opacity: 1.0;
}

.lowBatter_color {
    color:#FF0000;
}

.span_overflow {
    display:inline-block;
   text-overflow:ellipsis;
   overflow:hidden;
   width:100%;
}