

.b2b-header-tabs .icon-att-globe-cp {
    color: #0568ae !important;
    background-image: url(att-cloud-services-logo.png) !important;
    width: 164px;
    color: #0574ac;
    display: inline-block;
    font-family: 'icoPrimary' !important;
    font-style: normal;
    font-size: 20px;
    font-weight: normal;
    font-variant: normal;
    height: 1em;
    margin-right: 7px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    speak: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-a
}

.form-row.error input {
    z-index: 999 !important;
}

.b2b-header-tabs .header__items{
    animation: fadein 0.3s;
    -moz-animation: fadein 0.3s; /* Firefox */
    -webkit-animation: fadein 0.3s; /* Safari and Chrome */
    -o-animation: fadein 0.3s; /* Opera */
}
.b2b-header-tabs .header__item.b2b-headermenu{
	line-height: 20px;
}
.isIE .mdlnbCreateRnat {
    width: 660px !important;
}
footer {
	background: #fff;
	border-top: none;
}

.b2b-footer-container .footer-columns.four-column {
    padding-left: 20px;
}

.header__item .b2b-flyout {
    cursor: pointer;
}

.cp-submenu {
	font-weight: bold;
    font-family: "Omnes-ATT-W02-Medium";
    text-rendering: optimizeLegibility;
}

.cp-italic-select .awd-select {
	font-family: "Omnes-ATT-W02-Italic";
	font-size: 1.2em !important;
}

.my-profile-header-link {
    font-family: "Omnes-ATT-W02";
    font-weight: normal;
    color: white;
    
}

.profile-information {
	cursor: default;
}

.profile-information label {
	cursor: default;
}

.profile-information a:hover {
	text-decoration: none;
}

.profile-information label {
	font-weight: bold;
}

.profile-information span {
	font-family: "Omnes-ATT-W02" !important;
	font-weight: normal;
}

.profile-information #login_user_name {
	font-size: 120%;
}

.profile-information a.my-profile-link {
	font-family: "Omnes-ATT-W02";
	font-weight: bold;
	padding-top: 15px;
	font-size: 1.6rem;
}

.profile button {
	font-family: "Omnes-ATT-W02";
	margin-bottom: 0;
	background-color: #0568ae;
  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
}

.b2b-header-tabs .header__item.cp-italic-select{
	padding-top: 0;
}

.b2b-header-tabs .header__item.myaccount-select-subaccount{
	padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 20px;
    min-width: 420px;
}

.b2b-header-tabs .myaccount-selectsubaccount-title{
	font-family: "Omnes-ATT-W02";
	font-weight: bold;
	padding: 15px;
	color: #333;
}

.b2b-header-tabs .myaccount-subaccount-title{
	font-family: "Omnes-ATT-W02";
	font-weight: bold;
	padding: 13px;
	clear: both;
	    color: #333;
}

.b2b-header-tabs .myaccount-subaccount-links{
	font-family: "Omnes-ATT-W02";
	font-size: 1rem;
	padding-left: 25px;
    padding-bottom: 5px;
	clear: both;
	color: #333;
}

.b2b-header-tabs .myaccount-subaccount-links a{
    font-family: "Omnes-ATT-W02";
    color: #333;
    padding-bottom: 0px;
}

/* .b2b-header-tabs a:focus {
	color:#def;
} */

.myaccount-select-subaccount .selectWrapper .awd-select-list li{
	width: 100%;
	padding-left:15px;
	font-family: "Omnes-ATT-W02";
    font-size: 15px;
    color: #333;
    white-space: nowrap;
}

.myaccount-select-subaccount .svc-mgmt-dropdown{
    height: 33px;
}

.myaccount-select-subaccount .svc-mgmt-dropdown .selectBox-label{
	font-size: 16px;
    color: #333;
}

.company-servicemanagement-links {
	display: none;
	float: left;
	animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}

.company-reports-links {
	display: none;
	float: left;
	animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}

.header-tertiary-wrapper .header-tertiary table th{
	border-bottom: none;
}

.header-tertiary-wrapper a:active, .header-tertiary-wrapper a:hover {
    color: #067ab4;
    text-decoration: none;
}

.header-secondary-wrapper .header-tertiary-wrapper a.disabled:hover, .header-secondary-wrapper .header-tertiary-wrapper a.disabled:focus {
    color: #ccc;
}

.header-secondary-wrapper .header-tertiary-wrapper table {
    border-bottom: none;
}

.b2b-headermenu.search-icon #query {
	margin: 5px 0;
	font-family: "Omnes-ATT-W02";
	font-size: 16px;
	background-color: transparent;
}

.b2b-headermenu.search-icon input[type="search"] ~ .btn-search {
	background-image: url('/clouduser/static/css/images/search_icon_blue.svg') !important;
	z-index: 2;
}

.b2b-headermenu.search-icon, .b2b-headermenu.search-icon:active {
	padding: 0 7px !important;
}
.b2b-headermenu.search-icon a.menu__item {
	background-image: url('/clouduser/static/css/images/search_icon_white.svg');
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 5px 8px;
}
.b2b-headermenu.search-icon.active a.menu__item {
	background-image: url('/clouduser/static/css/images/search_icon_blue.svg');
	background-repeat: no-repeat;
	background-size: 22px;
	background-position-x: 5px;
	background-position-y: 8px;
}

.btn-search[class*="btn"] {
    height: 3rem;
    top: .15rem;
    right: .15rem;
    border-radius: 0 1.5rem 1.5rem 0;
    background-size: 20px 20px;
    background-color: #fff;
    min-width: 4.4rem !important;
    width: 4.4rem;
}
.btn-search[class*="btn"] {
    background-color: transparent;
    background-image: url("/clouduser/static/css/images/magnifyingglass.svg") !important;
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    border: none;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    min-width: 45px !important;
    outline-offset: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    min-width: 44px;
    width: 44px;
}

.header-tertiary-wrapper .header-tertiary table th{
	border-bottom: none;
}

.b2b-footer-container .footer-columns .cpBCFooterColumnLinks li:last-child {
    padding-bottom: 15px;
}

.b2b-footer-container .footer-columns .cpBCFooterColumnLinks li:first-child {
    padding-top: 10px;
}

.b2b-footer-container .footer-columns.cpBCFooterColumns {
	width: 32%;
    padding-right: 50px;
}

.icon-primary-att-globe:before, .cssIcon-globe:before{
	content: "\e900";
    color: #009fdb;
}

.b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
    font-size: 40px;
}

.b2b-footer-wrapper .footerRightsReserved{
	font-size: 12px;
    line-height: 1.5rem;
    color: #fff;
}

.header__item .selectWrapper .awd-select-list li{
	font-size: 14px;
}

.subaccount-reports-links {
	margin-top: 0;
}

.reseller-link {
	padding-bottom: 0 !important;
	padding-left: 45px !important;
	display: block !important;
}

.reseller-reports-link {
	display: none;
}

.b2b-header-tabs .header__item.shopping_cart {
	float: right;
	padding-top: 8px;
	position: inherit;
}

.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
	padding-bottom: 30px;
	animation: fadein 0.3s;
    -moz-animation: fadein 0.3s;
    -webkit-animation: fadein 0.3s;
    -o-animation: fadein 0.3s;
}

.b2b-header-tabs .header__item.active .header-secondary-wrapper {
	animation: fadein 0.3s;
    -moz-animation: fadein 0.3s;
    -webkit-animation: fadein 0.3s;
    -o-animation: fadein 0.3s;
}

#header_go_to_select ul.awd-select-list li:first-child {
	display: none;
}

.myaccount-selectsubaccount-selector .selectWrap {
	width: 108%;
}

.header-secondary-wrapper .header-tertiary-wrapper a.disabled {
	color: #ccc;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.create-vnc-row .create-vnc-row-select a.selectBox.selectBox-dropdown {
	display: none !important;
}

.company-select-list a.selectBox.selectBox-dropdown {
	display: none !important;
}

.create-vnc-row {
	padding-bottom: 25px;
}

button.btn.btn-alt.create-vnc-btn {
	float: right;
}

.btn {
    font-size: 1.4rem;
}

.form-row.span6.create-vnc-btn-row {
	padding-top: 20px;
    padding-left: 40px;
    line-height: 60px;
}

.form-row.span6.create-vnc-btn-row .create-vnc-refresh-link {
    padding: 9px;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
    text-decoration: none;
}

button.awd-select.isWrapped.ng-binding {
	font-size: 1em;
}

.heading-medium.b2b-blue.b2b-toggle-header-active {
    
    padding-left: 10px;
    font-family: "Omnes-ATT-W02-Medium";
}

.vnc-location-heading {
	font-size: 1.8em;
    padding-bottom: 20px;
}

.heading-small-emphasis {
	font-size: 1.6em;
	padding-left: 10px;
    padding-top: 15px;
}

.vnc-expand-row-heading {
	border-bottom: 1px solid #e4e4e4;
}

.vlan-row {
	border-left: 1px solid #e4e4e4;
}

.vnc-details {
	padding: 15px 10px 0px 10px;
	border-bottom: 1px solid #e4e4e4;
	font-family: "Omnes-ATT-W02-Medium";
	width: 100%;
}

.vnc-details-heading {
	font-weight: bold;
}

.vnc-details-column {
	padding-bottom: 10px;
}

.edit-vnc-type {
	width: 265px;
    margin-bottom: 20px;
}

.noVNCcreated {
    text-align: center;
    padding: 50px 100px 35px;
}

.create-vnc-form .awd-select-list-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.no-vnc-text {
	font-family: "Omnes-ATT-W02-Medium";
    font-weight: bold;
    font-size: 1.2em;
    padding: 20px 20px;
}

.bandwidth-header {
	font-family: "Omnes-ATT-W02-Medium";
    font-weight: bold;
    font-size: 1.2em;
    padding: 15px 10px;
}

.bandwidth-row {
	padding: 20px;
	padding-top: 40px;
	width: 305px;
}

.b2b-slider-endpoints-container {
	padding-top: 10px;
	font-size: 9px;
	font-family: "Omnes-ATT-W02-Medium";
}

.b2b-slider-endpoints-container span.b2b-slider-endpoints-right {
	float: right;
}

.bw-slider-column {
	border-bottom: 1px solid #e4e4e4;
}

.vnc-vlan-body {
	padding-bottom: 35px;
}

.vpn-details {
	padding: 15px 10px 0px 25px;
	font-family: "Omnes-ATT-W02-Medium";
}

.vnc-list-expanders {
	padding-bottom: 50px;
}

.bw-display-top {
	/* padding: 0px 112px 20px 112px;
	width: 267px; */
    margin-left: -20px;
}

.bw-slider-value-top{
	color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #157BB2;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: 40px;
    top: -20px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    margin-top: -30px;
    left: 0;
}

.bw-slider-value-top:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #157BB2;
	border-width: 5px;
	margin-left: -5px;
}

.vpn-heading {
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
    font-size: 1.4em;
    margin: 15px 5px -20px 0px;
}

.selected-vpn-details {
	padding: 10px 10px 10px 25px;
	border-bottom: 1px solid #e4e4e4;
	font-family: "Omnes-ATT-W02-Medium";
}

.vpn-ip-details {
	padding: 10px 10px 10px 25px;
	font-family: "Omnes-ATT-W02-Medium";
}

.vlan-side-tab-list {
	height: 40px;
    line-height: 0;
    border-bottom: 1px solid #e4e4e4 !important;
}

.b2b-pane-selector-wrapper .side-nav {
	width: 35%;
}

.b2b-pane-selector-wrapper .pane-container {
	width: 65%;
	 animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}

.vlan-details-column {
	padding: 15px 20px 10px;
}

.vlan-details-expanders {
	/* border-bottom: 1px solid #e4e4e4; */
    border-top: 1px solid #e4e4e4;
    padding-left: 5px;
}

.b2b-header-tabs .cp-header-select .selectWrap {
    width: 150px;
}

.selectWrap input[readonly] {
	cursor: inherit;
	background-color: transparent;
    box-shadow: none;
}

.create-vnc-row-select .selectWrap input[readonly]{
	font-size: 1.2em;
}

.box-confirm-text {
	padding-left: 80px;;
}

.box-notes {
    margin: 20px !important;
    padding-right: 40px;
    font-size: 1.2em !important;
    padding-bottom: 40px;
    padding-top: 20px;
}

.box-continue {
	position: relative;
    top: -10px;
}

.create-vnc-slider {
	width: 100%;
	margin-top: 40px
}

.bandwidth-label-helper {
	font-size: 0.8em;
    margin-left: 5px;
}

.box-cancel {
	margin: 10px;
    padding: 0px 20px;
    position: relative;
    top: -10px;
    font-size: 1.3em;
}

.b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
	font-size: 14px;
	font-family: "Omnes-ATT-W02-Medium";
}

/*.b2b-header-tabs .cp-header-select input:not([type="button"]) {
	height: 30px;
}*/

.b2b-header-tabs .header-tertiary li a {
    font-size: 14px;
    font-family: "Omnes-ATT-W02";
    max-width: none;
}

.b2b-header-tabs .header-tertiary li a:focus, .b2b-header-tabs .header-tertiary li a:hover {
	color: #0568ae;
}

.b2b-footer-container .footer-columns li {
	padding: 3px 0;
}

.b2b-footer-container {
	padding-top: 45px;
}

.b2b-footer-wrapper .dispalyInline {
    display: inline-block;
}

.b2b-footer-wrapper .footerLogo {
    margin: 35px 5px;
    text-align: center;
}

.b2b-pane-selector-wrapper .side-nav li.active {
	border-left: 5px solid #157BB2;
}

.assigned-vlans-heading {
	font-size: 1.1em;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
}
.modalWebFlowInit a.selectBox.selectBox-dropdown {
    display: inline-block;
}
.modalDirectInit a.selectBox.selectBox-dropdown {
    display: inline-block;
}

#cpBCAngularKBNavTree .b2b-tree a {    
    font-size: 14px;
  }

.toggle-header, .inactive-toggle-header {
    text-decoration: none !important;
}
.tiny-accordion .toggle-header:focus {
    text-decoration: none !important;
}

.vnc-vlan-body .form-row {
	margin-top: 0;
}


#wheeloverlay .icon-spinner {
    content: none;
    margin-top:15%;
    font-size:132px;
}
#wheeloverlay .icon-spinner::before {
    content: none;
}

#moreText.help {
	color: #000 !important;
}

.HelpContent  {
	background: #078cc5 repeat-x bottom center !important;
}
.help  {
	color: #fff !important;
}

#tblMyNotifications td {
    padding: 5px 5px !important;
    border: medium none !important;
}


*

.modalWebFlowInit .overlayBottom {
    padding-top: 10px !important;
}
.modalDirectInit .overlayBottom {
    padding-top: 10px !important;
}

.vlan-details-column .vnc-details {
	border-bottom: none;
}

.vlan-details-column .vnc-details .clear{
	margin-bottom: 10px;
}

.b2b-config-vlan-icons.icon-misc-trash{
	margin-right: 0px;
    padding: 0 20px;
    margin-top: -2px;
    width: 60px;
    font-size: 25px;
}

.vnc-list-expanders a{
	text-decoration: none !important;
}

.vnc-name-edit-input {
    height: 30px;
    width: 200px;
    margin: 10px 0 10px;
    font-size: 15px;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
}

.edit-vnc-btns-container {
	padding-top: 20px;
	border-top: 1px solid #e4e4e4;
}

.edit-vnc-btns {
	padding-left: 10px;
}

.edit-vnc-btn {
	padding: 0 15px;
    font-size: 1.3em;
}

.cp-success-alert {
	background-color: #fff;
    border: 1px solid #c5d63d;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
    color: #000;
    margin-top: 15px;
    padding: 0;
    position: relative;
}

.cp-info-alert {
	background-color: #fff;
    border: 1px solid #44c8f5;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
    color: #000;
    margin-top: 15px;
    padding: 0;
    position: relative;
}

.cp-alert h3 {
	color: #333;
	font-family: "Omnes-ATT-W02-Medium";
    margin: 0 0 5px 0;	
}

.cp-alert.alert div:first-child {
    border-radius: 4px 0 0 4px;
    width: 1%;
}

.cp-alert.alert b{
	font-family: "Omnes-ATT-W02-Medium";
    font-weight: bold;
    font-size: 1.5em;
}

.cp-failure-alert {
	background-color: #fff;
    border: 1px solid #cf2a2a;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
    color: #333;
    margin-top: 15px;
    padding: 0;
    position: relative;
}

.cp-error-alert {
	background-color: #fff;
    border: 1px solid #cf2a2a;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
    color: #333;
    margin-top: 15px;
    padding: 0;
    position: relative;
}

.manage-vnc-loading-spinner {
	width: 100px;
    height: 100px;
    margin: -50px;
}

.routing-dropdown .selectWrap {
	width: 200px;
}

.routing-dropdown .selectWrap input[readonly] {
	font-size: 12px;
}

.tooltip-wrapper p {
	font-family: "Omnes-ATT-W02";
    font-weight: 100;
    font-size: 1.2em;
    color: #fff;
}

.netBondSvcMgtContent .tooltip-wrapper p {
    font-size: 1em;
}

.tooltip {
    margin: 1px 0 5px 7px;
}

.assign-vlan-link {
	margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 13px;
    margin-right: 20px;
}

.vlan-status-data {
	margin-top: 20px;
    margin-left: 10px;
    text-align: center;
}

.no-vlan-heading {
	font-family: "Omnes-ATT-W02-Medium";
    font-weight: bold;
    font-size: 1.5em;
    padding: 20px 20px;
}

.assign-vlan-btn {
	font-size: 1.3em;
	font-family: "Omnes-ATT-W02-Medium";
    font-weight: bold;
}

.b2b-config-vlan-icons.icon-misc-trash.disabled {
	color: grey;
	cursor: not-allowed;
}

.b2b-config-edit-icon {
	font-size: 25px;
    margin: 12px;
    font-weight: bold;
}

.vlan-edit-icon {
	padding-right: 25px;
}

.icon-misc-trashL.disabled {
	color: grey;
    margin: 12px;
}

.vlan-delete-icon-disabled {
	margin-top: 10px !important;
    font-size: 25px;
    padding-left: 25px;
}

.vlan-delete-tooltip {
	padding-top: 10px;
}

.tasks-table-wrapper {
	font-family: "Omnes-ATT-W02-Medium";
}

.tasks-table-wrapper td {
	font-size: 1em;
}

.tasks-table-wrapper tbody td:first-child {
	border-left: 1px solid #ccc;
	max-width: 350px;
}

.cta-button-group .hidden-phone {
    font-size: 16px;
}

.tasks-table-wrapper td:last-child {
    border-right: 1px solid #ccc;
}

.tasks-table-wrapper tbody td {
	border-left: none;
}

.tasks-table-wrapper tbody tr:last-child {
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.tasks-table-wrapper thead th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
}

.tasks-table-wrapper thead th:first-child  {
    border-left: 1px solid #ccc;
}

.tasks-table-wrapper thead th:last-child {
    border-right: 1px solid #ccc;
}

.tasks-table-wrapper .tasks-table-heading {
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tasks-table-wrapper .tasks-table-heading-text {
	margin: 20px 10px;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 3;
}

.tasks-table-wrapper tr {
    height: 55px;
}

.tasks-table-wrapper .task-manager-icon {
	font-size: 40px;
	margin: 0;
}

.tasks-table-wrapper .tasks-refresh-icon {
	padding-top: 15px;
    padding-right: 40px;
    font-size: 1.8em;
}

.tasks-table-wrapper .task-status-dot-error {
	background: #f00000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    padding: 4px;
    margin: 2px;
}

.tasks-table-wrapper .task-status-dot-pending {
	background: #ffe100;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    padding: 4px;
    margin: 2px;
}

.tasks-table-wrapper .task-status-dot-success {
	background: #01840c;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    padding: 4px;
    margin: 2px;
}

.tasks-table-wrapper .tasks-refresh-link {
	padding-top: 15px;
    text-decoration: none !important;
}

.tasks-table-wrapper .no-tasks-row {
	border-left: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
}

.tasks-table-wrapper .task-status-text {
	padding-left: 10px
}

.tasks-table-wrapper .tasks-loading-spinner .icon-spinner {
	height: 3em;
    width: 3em;
}

#feedbackTable .alert {
    background-color: #fff;
    border: 0 none;
    border-radius: 8px !important;
    color: #333;
    display: flex !important;
    margin-top: 15px;
    outline: 1px solid transparent;
    padding: 0;
    position: relative;
}
#feedbackTable .alert div:first-child {
    align-items: center;
    border-radius: 8px 0 0 8px;
    display: flex;
    flex: 0 1 70px;
    justify-content: center;
    padding: 0;
}
#feedbackTable .alert-error {
    background-color: #cf2a2a;
    border-radius: 8px !important;
}

#feedbackTable .alert div:first-child + div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent -moz-use-text-color;
    border-image: none;
    border-radius: 0 8px 8px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
}
#feedbackTable .alert div {
    padding: 12px 20px 10px;
}
#feedbackTable .alert h3, .alert h4 {
    color: #333;
    font-family: "Omnes-ATT-W02-Medium";
    font-size: 1.6rem;
    margin: 0 20px 5px 0;
}
#feedbackTable .alert p:last-child {
    margin-bottom: 0;
}
#feedbackTable .alert p {
    font-size: 1.4rem;
}

.feedback_errorMessage {
    background: none;
    color: inherit;
    font-family: "Omnes-ATT-W02-Medium";
    border: 1px solid #cf2a2a !important;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 1;
}
.feedback_successMessage {
    background: none;
    color: #333;
    font-family: "Omnes-ATT-W02-Medium";
    border: 1px solid #c5d63d !important;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 1;
}
.feedback_infoMessage {
    background: none;
    color: #333;
    font-family: "Omnes-ATT-W02-Medium";
    border: 1px solid #44c8f5 !important;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 1;
}

#feedback, #actSrvc, #feedbackSection {
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

#feedbackSection #erroDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}
#feedbackSection #successDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}
#feedbackSection #infoDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}
#feedback #erroDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}
#feedback #successDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}
#feedback #infoDiv > div {
	width: 99%;
	 font-size: 1.3rem !important;
}

#jq_Row01 table th {
	padding: 4px 20px;
}
#jq_Row01 table td {
	padding: 4px 20px;
}

.icon-flat-faq {
	text-decoration: none;
}

.tooltip.active .arrow {
	z-index: 100;
}

a.tooltip-element.icon-tooltip {
    text-decoration: none !important;
}

.modal-footer .cta-button-group button.btn.btn-alt.btn-medium {
	font-size: 16px;
 }

.modal-footer .cta-button-group a {
	font-size: 16px;
    padding: 0 20px;
}

.create-vnc-row-select .selectWrap input[readonly] {
	cursor: pointer;
}

#netBondSvcMgmtForm a.selectBox.selectBox-dropdown {
    display: none !important;
}

#natIP_div a.selectBox.selectBox-dropdown {
    display: none !important;
}

#byoaDiv a.selectBox.selectBox-dropdown {
    display: none !important;
}


input[type="text"]:focus {
	padding-right: 10px;
}

.b2b-pane-selector-wrapper .side-nav li > a {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#NetbondManageVNC .alert p {
    font-size: 1em;
    font-family: "Omnes-ATT-W02-Medium";
}

.close:before {
	color: #000 !important;
}
/* ACCOUNT MANAGEMENT STYLES -- START */ 

.tabs-section-wrapper.manage-cloud-settings .tabs.promo-tabs > li.active > a {
	border-top: 5px solid #0574ac;
}

.company-select-dd {
	width: 300px;
}

.tabs-section-wrapper.manage-cloud-settings .tabs.tabs-justified > li.active, .tabs-section-wrapper.manage-cloud-settings .tabs.promo-tabs > li.active {
	z-index: 100;
}

.tabs-section-wrapper.manage-cloud-settings .tabs.tabs-justified > li, 
.tabs-section-wrapper.manage-cloud-settings .tabs.promo-tabs > li {
	width: 0;
}

.accounts-nav-wrapper li.accounts-side-tab {
    border-bottom: none;
}

.accounts-nav-wrapper .side-nav li.active {
    color: #000;
    background-color: #eee;
    border-left: none;
    border-radius: 5px;
    border-left: 5px solid #157BB2;
}

.accounts-nav-wrapper .side-nav li {
    border-top: none;
	border-bottom: solid 1px #ccc;
}

.accounts-nav-wrapper .side-nav {
	width: 28% !important;
    padding-right: 30px;
    padding-top:15px;
    margin-top:25px;
    height: 630px !important;
    overflow-y: auto;
    /* border-top: solid 1px #ccc; */
}
.accounts-nav-wrapper li.accounts-side-tab {
    border-bottom: none !important;
}

/* .accounts-nav-wrapper .side-nav li:last-child {
    border-bottom: none;
}

.accounts-nav-wrapper .side-nav li:first-child {
	border-bottom: 1px solid #ccc !important;
    margin-top: 15px;
} */

.manage-cloud-settings {
    margin-top: 50px;
    position: relative;
    width: 103%;
}

.b2b-pane-selector-wrapper .side-nav li.active > a {
	color: #333
}

.accounts-side-nav-heading {
	font-family: "Omnes-ATT-W02-Medium";
}

.accounts-nav-wrapper .side-nav li > a {
	color: #0568ae;
	font-family: "Omnes-ATT-W02-Medium";
}

.accounts-nav-wrapper .side-nav li.active > a {
	color: #333;
	border-left: none;
}

.accounts-nav-wrapper .account-details-wrapper {
	margin : 0 25px;
}

.accounts-nav-wrapper .account-details-heading {
	font-family: "Omnes-ATT-W02-Medium";
	
}

.accounts-nav-wrapper .summary-heading {
	margin: 10px 20px;
    font-family: "Omnes-ATT-W02-Medium";
    width: 105%;
}

.accounts-nav-wrapper .account-summary-wrapper {
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    width: 102%;
}

.accounts-nav-wrapper .summary-details-label {
	margin: 0 0 0 50px;
    width: 100%;
}

.accounts-nav-wrapper .em-details-heading {
	font-family: "Omnes-ATT-W02-Medium";
    margin: 10px;
    
}

.accounts-nav-wrapper .em-details-label {
	border-right: 1px solid #0568ae;
    padding-right: 5px;
    padding-left: 5px;
    left: -5px;
    position: relative;
}

.accounts-nav-wrapper .billing-info-wrapper {
    margin: 20px 10px;
}

.accounts-nav-wrapper .accounts-side-tab {
	margin-bottom: 20px;
	text-align: center;
}

.user-select-checkbox.checkbox input {
	margin: 0;
	height: 23px;
	width: 23px;
}

.svcgrp-container .b2b-pane-selector-wrapper .pane-container {
	min-height: 600px;
}

.accounts-nav-wrapper .svc-grp-helptext {
	
    padding: 100px 170px 0 250px;
    
}

.accounts-nav-wrapper .svc-grp-helpicon {
	padding: 115px;
    position: absolute;
    font-size: 8em;
}

.svc-grp-filter-row {
	height: 45px;
    border-bottom: 1px solid #ccc;
    font-family: "Omnes-ATT-W02-Medium";
}
.svc-grp-filter-row a {
	font-family: "Omnes-ATT-W02-Medium";
	margin: 0 2px;
}

.link-seperator {
	border-right: 1px solid #0568ae;
	margin: 5px;
}

.accounts-nav-wrapper .svc-grp-heading {
	
}

.svcgrp-summary-wrapper {
	margin-top: 20px;
    border-top: 1px solid #ccc;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

.svcgrp-summary-wrapper .svcgrp-details-label {
	margin-left: 50px;
	/* font-size: 1.2em; */
    line-height: 20px;
}

.accounts-nav-wrapper {
    border-bottom: none;
    border-top: none;
    margin-top: 20px;
    min-height: 620px;
}

.svcgrp-details-wrapper {
	margin: 0 25px;
}

.accounts-nav-wrapper .svcgrp-details-wrapper a {
	font-size: 13px;
    font-family: "Omnes-ATT-W02-Medium";
    cursor: pointer;
}

.accounts-nav-wrapper .svcgrp-contacts {
	border-left: 1px solid #ccc;
    padding-left: 40px;
}

.accounts-nav-wrapper .svc-details {
	margin: 20px 50px;
    font-family: "Omnes-ATT-W02-Medium";
}

.accounts-nav-wrapper .svc-details-heading {
	
}

.accounts-nav-wrapper .svc-details-label {
	font-family: "Omnes-ATT-W02";
}

.accounts-nav-wrapper .svc-info-wrapper {
	border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

.svcgrp-container .accounts-nav-wrapper .side-nav li {
	border-bottom: none;
}

.svcgrp-container .accounts-nav-wrapper .side-nav li > a {
	padding: 0;
}

.svcgrp-container .accounts-nav-wrapper .letter-heading-svcgrp {
	font-size: 1.2em;
    /* font-family: "Omnes-ATT-W02-Medium"; */
}

.svcgrp-container .accounts-nav-wrapper .letter-line-svcgrp {
	background-repeat: repeat-x;
    background-color: #ccc;
    height: 1px;
    margin-top: 10px;
    left: -5px;
    position: relative;
}


.letter-inactive {
    color: #767676 !important;
    cursor: not-allowed;
}

a.letter-inactive:hover {
    text-decoration: none;
}

.show-all-letter-link {
    
}

.create-svcgrp-wrapper .form-row {
    margin-left: 50px;
}

.create-svcgrp-wrapper .adding-roles.form-row {
	margin-left: 0;
}

.create-svcgrp-wrapper .form-row input {
	width: 270px;
}

.create-svcgrp-wrapper label {
}

.create-svcgrp-wrapper {
	padding: 10px 0 40px 0;
}

.create-svcgrp-wrapper .radio span {
	
}

.create-svcgrp-wrapper .submit-row {
	margin: 125px 0;
}

.create-svcgrp-wrapper .create-svc-heading {
	
}

.create-svcgrp-wrapper .create-svc-cp-tip {
	
}

.create-svcgrp-wrapper .create-svc-cp-heading {
	margin: 10px 35px 45px 0;
}

.create-svcgrp-wrapper .create-svc-tip {
	margin-top: 20px;
    font-size: 1.2em;
}

.create-svcgrp-wrapper .create-svc-super-label {
	
    font-family: "Omnes-ATT-W02-Medium";
    
    margin-top: 45px;
}

.manage-cloud-settings a.selectBox.selectBox-dropdown {
    display: none !important;
}

.create-svcgrp-wrapper .steps .step-text {
	font-size: 1em;
    font-family: "Omnes-ATT-W02-Medium";
}

.create-svcgrp-wrapper .steps li.step-on .step-text {
	color: #1b7e28;
}

.create-svcgrp-wrapper .steps li.step-done .step-text {
	color: #1b7e28;
}

.accounts-nav-wrapper .tabs-section-wrapper .tabs.promo-tabs {
	width:28%;
}

.create-svcgrp-wrapper .steps {
	margin-top: 0;
}

.create-svcgrp-wrapper .create-svcgrp-label {
	font-size: 17px;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
    margin: 20px 50px 0 50px;
}

.create-svcgrp-wrapper .create-svcgrp-detail {
	margin-left: 50px;
    font-size: 15px;
    font-family: "Omnes-ATT-W02";
}

.create-svcgrp-wrapper .create-svcgrp-reset {
	margin: 40px;
  }

.sidenav-dd {
	width: 25%;
    position: absolute;
}

.sidenav-dd .listbox-container{
	margin: 15px 0;
}
.sidenav-dd .listbox-container #source_listbox{
	margin-bottom:5px;
	
}

.users-sidenav {
    position: relative;
    top: 215px;
}

.user-info-sidenav {
	font-family: "Omnes-ATT-W02-Medium";
    position: relative;
    padding-left: 30px;
    top: -10px;
}

.user-info-sidenav.name {

}

.user-info-sidenav.email {
	color: #333;
    font-size: 0.9em;
    left: 27px;
}

.manage-user-container .accounts-nav-wrapper .side-nav li > a {
	padding: 0;
}

.manage-user-container .checkboxInput  {
	z-index: 1;
}

.manage-cloud-settings label {
	color: #666666;
}

.manage-cloud-settings .manage-user-container .remove-user-row {
	/* margin-top: 20px;
	border-top: 1px solid #ccc; */
    margin-top: 15px !important;
    padding: 20px;
    font-family: "Omnes-ATT-W02";
}

.manage-cloud-settings .manage-user-container .remove-user-row a {
	font-size: 1em;
    /* font-weight: bold; */
}

.modal-open-link {
    cursor: pointer;
}

.modal-secondary-heading {
	font-size: 0.7em;
    font-family: "Omnes-ATT-W02";
    margin: 20px 0;
    font-weight: bold;
}

.modal-header.change-role-heading > h2 {
	margin-top: 25px;
    line-height: 1rem;
}

.modal-body .change-user-role-wrapper {
	margin-top: 30px;
}

.modal-body .modal-body-heading {
	font-size: 1.2em;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
}


.modal-body .modal-body-radio {
	font-size: 18px;
    font-family: "Omnes-ATT-W02";
    margin: 15px;
}

.modal-body .modal-body-radio span {
	top: -3px;
}

.modal-body .change-user-role {
	border-top: 1px solid #ccc;
    padding: 25px 0;
    margin-top: 20px;
}

.modal-body .modal-body-details {
	font-size: 1.1em;
    font-family: "Omnes-ATT-W02";
    margin-top: 10px;
}

.modal-body .form-row {
	margin-left: 20px;
}

.modal-body .change-user-permissions {
	padding: 10px 0;
    margin-top: 20px;
}

.adduser-form-span2 {
	width: 50%;
}

.my-profile-wrapper .tooltip-wrapper p {
	font-size: 1em;
}

.my-profile-wrapper a.tooltip-element.icon-tooltip {
	text-decoration: none;
}

.my-profile-wrapper .reset-pw-form-heading {
    margin: 20px 0px 10px 0px;
    
    font-family: "Omnes-ATT-W02-Medium";
}

.my-profile-wrapper .form-row {
	margin-left: 0;
}

.my-profile-wrapper .reset-pw-form-detail {
	margin-left: 0;
}

.my-profile-wrapper .my-profile-submit-row {
    margin: 55px 35px 0 0;
}

.my-profile-wrapper .summary-details-label {
	margin: 0 0 0 10px;
    /* 
    font-family: "Omnes-ATT-W02-Medium"; */
} 

.accounts-nav-wrapper .user-helpicon {
    padding: 90px 145px;
    position: absolute;
    font-size: 7em;
}

.account-prefs-wrapper .acprefs-heading {
	font-family: "Omnes-ATT-W02-Medium";
    
}

.account-prefs-wrapper .acprefs-details {
    font-family: "Omnes-ATT-W02-Medium";
    font-size: 14px;
}

.account-prefs-wrapper .acprefs-checkbox {
    margin: 5px 19px;
}

.account-prefs-wrapper .acprefs-tooltip div#tooltiptext {
	left: -375px;
}

.account-prefs-wrapper {
    overflow: hidden;
    padding-top: 20px;
}

.account-prefs-wrapper .acprefs-details-heading {
	font-size: 1.5em;
}

.account-prefs-wrapper .acprefs-account-row {
    padding-top: 10px;
}

.account-prefs-wrapper .acprefs-details {
    font-size: 14px;
}

.account-prefs-wrapper .acprefs-details-row {
    padding: 15px 0px;
    margin: 0 15px;
    border-top: 1px solid #ddd;
}

.tooltip-overflow {
	overflow: visible !important;
}

.acprefs-heading1 {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.roles-perms-wrapper .heading-medium.b2b-blue.b2b-toggle-header-active {
	
    padding-left: 10px;
    font-family: "Omnes-ATT-W02-Medium";
}

table.roles-perms-table.roles-desc-table td {
    line-height: 25px !important;
    border: none;
}

table.roles-perms-table.roles-desc-table th {
    border-bottom: none;
    
    color: #0568ae;
}

table.roles-perms-table.roles-desc-table .role-name {
    font-weight: bold;
}

.roles-perms-wrapper .heading-medium.b2b-blue.b2b-toggle-header-inactive {
	
    padding-left: 10px;
    font-family: "Omnes-ATT-W02-Medium";
}

.roles-perms-wrapper .mpc-expanders:first-child {
    border-top: none;
}

.roles-perms-wrapper .tabs {
    height: 56px;
}

.roles-perms-wrapper ul.tabs.promo-tabs.ng-scope.ng-isolate-scope {
    border-bottom: 1px solid #ccc;
    height: 56px !important;
}

.roles-perms-wrapper .tabs.tabs-justified > li, .roles-perms-wrapper .tabs.promo-tabs > li {
	border-left: none !important;
}

.roles-perms-wrapper .tabs.promo-tabs > li.active > a {
    border-bottom: 5px solid #0574ac !important;
    border-top: 5px solid #fff !important;
}

.roles-perms-wrapper .tabs.promo-tabs > li > a {
    width: 320px;
}


.roles-perms-wrapper .roles-perms-table td {
    
    padding: 12px 10px;
    font-family: "Omnes-ATT-W02";
    vertical-align: middle;
    height: 56px;
}

.roles-perms-wrapper .roles-perms-table th {
     text-align: center;
     padding: 0 20px 10px 20px;
    line-height: 20px;
    font-family: "Omnes-ATT-W02-Medium";
    vertical-align: top;
}

.roles-perms-wrapper .roles-perms-table th .action-icons{
	padding-bottom: 15px;
}

.roles-perms-wrapper .roles-perms-table th .action-icons i{
	font-size: 1.5em; 
	font-weight: bold;
}

/* .sticky-row {
    position: absolute;
    width: 200px !important;
    height: 71px !important;
}

.sticky-row2 {
	
} */

.b2b-table-scrollbar ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.awd-select-list-item {
    word-wrap: initial;
    white-space: nowrap;
}

.selectWrap input[readonly] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-right: 30px;
}

.roles-perms-wrapper .b2b-table-scrollbar th:first-child, .roles-perms-wrapper .b2b-table-scrollbar tr th:nth-child(2) {
    background-color: #FFFFFF;
    z-index: 1002;
    border-bottom: none;
    min-height: 190px;
    min-width:200px;
   }
   
  .roles-perms-wrapper .b2b-table-scrollbar td:first-child, .roles-perms-wrapper .b2b-table-scrollbar tr td:nth-child(2){
    background-color: #FFFFFF;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: none;
    min-width:200px;
    z-index: 1002;
   }
   
   .roles-perms-wrapper .b2b-table-scrollbar tr:last-child{
    border-bottom: 1px solid #cccccc;
   }

.roles-perms-wrapper .b2b-table-scrollbar th:first-child {
    background-color: #FFFFFF;
}

.roles-perms-wrapper .b2b-table-scrollbar th span.form-row{
    width: 100%;
}
/* 
.roles-perms-wrapper table thead th {
    vertical-align: bottom;
}

.roles-perms-wrapper table th,  .roles-perms-wrappertable td {
    padding: 15px 15px 10px;
}

.roles-perms-wrapper table th {
    font-family: "Omnes-ATT-W02-Medium";
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333;
    padding: 13px 20px;
}

.roles-perms-wrapper table th, .roles-perms-wrapper table td {
    padding: 19px 20px;
    line-height: 1;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
}


 */


.cust-role-form {
	min-width: 150px !important;
}

.add-custrole-submit-row {
    margin: 15px 0;
}

.add-custrole-submit-row .btn{
    margin-left: 20px;
    width: 85%;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.visible {
	visibility: visible !important;
}

.invisible {
	visibility: hidden !important;
}

.normal-font {
	font-weight: normal;
	font-size: 12px;
}

.roles-perms-table  .b2b-table-scrollbar{
	width: 100%;
	border: none;
}

.roles-perms-table .b2b-table-scrollbar .b2b-table-inner-container {
	width:100%;
	padding-left: 350px;
}

.add-new-cust-role {
    padding: 10% !important;
    line-height: 20px;
    text-align: center;
    border-bottom: none;
}

.add-custrole-text {
   	font-weight: bold;
    font-family: "Omnes-ATT-W02-Medium";
}

.roles-perms-wrapper .roles-perms-table .roles-prefs-td-xwidth {
    width: 200px;
}

.roles-perms-wrapper .roles-perms-table .roles-prefs-td {
    min-width: 125px;
    text-align: center;
}

.roles-perms-wrapper .roles-perms-table.cust-role-table .roles-prefs-td {
    min-width: 160px;
}

.roles-perms-wrapper .roles-perms-table td .span{
   text-align: center;
}

#netbondCspToCspMgmtFormtable th {
    border: 1px solid;
}
#netbondCspToCspMgmtFormtable td {
    border: 1px solid;
}
#netbondCspToCspMgmtForm .tiny-accordion .toggle-header + .accordion-content {
    padding: 0 0 15px 15px;
}

.modalWebFlowInit .modal {
	width: auto !important;
	height: auto !important;
}
.modalDirectInit .modal {
	width: auto !important;
	height: auto !important;
}

.company-select-list {
    /* margin-bottom: 60px; */
    width: auto;
}

a.disabled {
    color: grey;
    cursor: not-allowed;
    text-decoration: none;
}

.support-action {
    margin: 0px 42px 15px 42px;
    font-size: 0.8em;
}

.accounts-nav-wrapper a.tooltip-element.disabled {
    color: #777;
    cursor: not-allowed;
    text-decoration: none;
    font-size: 14px;
}

/*-- knowledge center styles fixes -- */

#mainContent .b2b-tree li {	
	list-style: none outside none;
}

a {
    font-family: "Omnes-ATT-W02";
}

.b2b-tree span.end {
	top: 5px !important;
}

#KBrightPanel {
	width: 600px;
	vertical-align:top;
	font-family: "Omnes-ATT-W02";
}

#mainContent #KBrightPanel li {	
	list-style-type: none;
	}
#mainContent #KBrightPanel .lower-alpha li {	
	list-style-type: lower-alpha;
	
	}
#mainContent #KBrightPanel .lower-roman li {	
	list-style-type: lower-roman;
	}
	




#cpBCAngularKBNavTree .b2b-tree,
#KBrightPanel {
	display: inline-block;
	padding-top:20px;
}

#KBrightPanel h2.heading-major-section {
	margin-top:0;
}

#KBrightPanel .mainSection,
#KBrightPanel .section {
	margin-top:40px;
}

#KBrightPanel .subSection {
	margin-top:20px;
}

.breadcrumbContainer {
	width: 500%;
    margin-left: -200%;
    background-color: rgba(242, 242, 242, 0.8);
  	border-bottom: 1px solid #ccc;
  	
}

.breadcrumb {
	background: transparent;
	border: 0;
}

.breadcrumb > *,
.breadcrumb > * > * {
	font-size: 1.2rem !important;
}

.breadcrumb > li:after {
    font-weight: bold;
    top: 0px;
}


a [class*="icon-"]:before {
    text-decoration: none;
}

.tooltip.em-details-label {
    margin-left: 0;
}

.modal-notes {
    font-family: "Omnes-ATT-W02";
    font-size: 1.1em;
    margin: 10px 10px 10px 10px;
}

/* .icon-spinner-ddh {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
} */

.vnctype-text-field {
	margin-left: 20px;
    width: 270px;
}

.edit-vlan-details {
    margin: 15px 20px;
    font-family: "Omnes-ATT-W02";
    line-height: 25px;
    font-size: 1.2em;
}

.edit-vlan-heading {
    font-weight: bold;
    font-family: "Omnes-ATT-W02-Medium";
}

.support-text-equinix {
    margin-left: 20px;
    margin-top: -10px;
}

.support-text-vnc-equinix {
	
}



.edit-vlan-heading .checkbox {
	width: auto;	
}

#awsBandwidth_div.edit-vlan-details .selectWrap {
	max-width: 330px;
    font-weight: 100;
}

.edit-vlan-expander-body .tooltip-wrapper {
	left: 70px;
}




.edit-vlan-expander-heading {
  	margin: 10px 10px 10px 0;
    font-size: 1.1em;
}

.edit-vlan-expander-body {
    padding-left: 30px;
}

.edit-vlan-btngrp {
	margin-top: 60px;
	margin-right: 50px;
}

.edit-vlan-radio {
	width: 25% !important;
    margin: 10px;
}

.edit-vlan-question {
	width: 100% !important;
    margin-bottom: 10px;
}

.edit-vlan-add-del-img {
	top: -5px;
    left: 5px;
    position: relative;
    padding: 5px;
    cursor: pointer;
}

.mdlumBillingAddrdiv#stateid .selectBox {
    width: 200px;
    height: 32px;
    padding-top: 10px;
}

.mdlumBillingAddrdiv#stateid .selectBox-dropdown .selectBox-label{
	color: #666;
    font-family: "Omnes-ATT-W02-Medium";
    font-size: 13px;
}

#netBondSvcMgmtForm .b2b-slider-container {
	width:280px;
}

.vlan-name-sidetab {
   margin-left: -10px;
}

.awd-select-list {
	z-index: 1001;
}

/*dashboard styles */

#servicesOverview .b2b-widget-container {
	display: inline-block;
	vertical-align:top;
	width:480px;
	padding:20px;
	margin:13px 26px 13px 0;
}
#servicesOverview #shortcutLinks {
	width: 242px;
}
#servicesOverview #shortcutLinks li {
	list-style: none;
}
#servicesOverview #jq_box_service {
	display:inline-block;
	width:300px;
}



.general-detail-row {
	margin: 10px 0 0 40px;
    font-size: 1.2em;
}

.manage-user-perms {
	margin-bottom: 15px;
}

.manage-user-perms .summary-details-value {
	
	padding-left:20px;
}

.manage-user-perms .summary-details-label {
    font-size: 15px!important;
}

.tabs-section-wrapper.manage-cloud-settings .tab-content {
	overflow: visible;
}

input.awd-select[disabled], input.awd-select[disabled] + span, button.awd-select[disabled], select.awd-select[disabled] + span, select.awd-select[disabled]:focus + span, select.awd-select[disabled]:hover + span, input.awd-select[disabled="disabled"], input.awd-select[disabled="disabled"] + span, select.awd-select[disabled="disabled"] + span, select.awd-select[disabled="disabled"]:focus + span, select.awd-select[disabled="disabled"]:hover + span {
    cursor: not-allowed;
    border-color: #d2d2d2;
    background-color: #d2d2d2;
    background-image: none;
    color: #666;
}

input[type="text"]:focus {
	z-index: 999;
}

.account-prefs-wrapper .submit-row {
    margin-top: 70px;
}

.order-now-wrapper table td {
	border-bottom: none;
}

.order-now-wrapper .order-summary-table table td {
	font-size: 1.5em;
}

.order-now-wrapper .service-radios {
    margin: 10px;
}

.order-now-wrapper .service-radios .inactive-radio-label {
	left: -35px;
}

.order-now-wrapper td.subhead {
	color: #191919;
    white-space: nowrap;
    margin: 3px;
    padding: 5px;
    font-family: "Omnes-ATT-W02-Medium";
    font-weight: 100;
    text-decoration: none;
    text-align: left;
    font-size: 20px !important;
}

.order-now-wrapper .disabled {
	color: #999 !important;
}

.order-now-wrapper {
    font-family: "Omnes-ATT-W02";
    overflow-x: hidden;
}

.order-now-wrapper .subtenant-options {
    margin: 25px;
    overflow-x: auto;
}

.order-now-wrapper .orange {
    color: #ff7200 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: Omnes-ATT-W02 !important;
    color: #333 !important;
    display: block !important;
}

.order-now-wrapper .hide-links a {
	display: none;
}

.order-now-wrapper ul.list.list-radio {
    width: 105%;
    left: -20px;
    position: relative;
}

.order-now-wrapper .middle-row {
    font-size: 16px !important;
}

.order-now-wrapper .list-radio > li .col.right .radio-label-text {
	border-right: none;
	text-align: left;
}

.order-now-wrapper .radio-label-text .main-heading span {
    color: #191919 !important;
    font-weight: bold !important;
    float: right !important;
    position: relative;
    left: 490px;
}

.order-now-wrapper .address-table table td{
	padding: 10px;
}

.order-now-wrapper .list-radio > li .col.right {
	min-width: 100px;
}

.order-now-wrapper .ordernow-continue {
	padding: 0 120px;	
}

.order-now-wrapper hr { 
	width:100%; 
	height:1px; 
	background: #dadada;
}

.order-now-wrapper .order-summary-table tr:last-child {
    border-bottom: 1px solid #ccc;
}

.order-now-wrapper .order-summary-table .rownormal {
    font-family: "Omnes-ATT-W02";
    color: #666666;
}

.order-now-wrapper table tbody td:first-child {
    border-left: none;
}

.order-now-wrapper table tbody td {
    border-left: none !important;
    background-color: #fff !important;
    line-height: 1.5;
}

.order-now-wrapper .subtotals {
    width: 300px;
    margin-left: 545px;
    font-size: 1.4em;
}

.order-now-wrapper .PurchSummaryTable caption {
    padding-top: 10px;
    padding-bottom: 25px;
    font-weight: bold;
    border-bottom: none;
}

.order-now-wrapper a.blue {
    font-size: 1em;
}

.order-now-wrapper .rowalternate {
    font-family: "Omnes-ATT-W02";
    font-size: 11px;
    color: #666666;
}

.order-now-wrapper .pBuffer40 {
    height: 40px;
    clear: both;
}

.order-now-wrapper .promo-table {
	margin-right: 0;
}

.order-now-wrapper a.audith {
	font-size: 13px;	
}

.order-now-wrapper .legalCopy {
    font-family: "Omnes-ATT-W02";
    font-size: 11px;
    line-height: 14px;
}

.order-now-wrapper .radio-label-text .main-heading.comp-enhanced a {
    color: #191919 !important;
    font-weight: bold !important;
    float: right !important;
    position: relative;
    left: 545px;
    font-size: 24px;
}

.order-now-wrapper .radio-label-text .main-heading.svcgrp-enhanced a {
    color: #191919 !important;
    font-weight: bold !important;
    float: right !important;
    position: relative;
    left: 510px;
    font-size: 24px;
}

.order-now-wrapper .radio-label-text .main-heading.base-enhanced a {
    display: none;
}

.tabs.promo-tabs + .tab-content {
	border-bottom: none;
}


.modal-footer .cta-button-group {
	/* margin-top: 80px; */
}

.add-new-role .btn {
	width: 260px;
	margin-right: 15px;
}

.roles-perms-table th.normal-font {
	font-weight: normal;
}

i[class^='icon-'].disabled {
	color: grey;
	cursor: not-allowed;
}

#ManageAccountTabs .accounts-nav-wrapper ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

#ManageAccountTabs .accounts-nav-wrapper ::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px;
}

.roles-perms-wrapper .b2b-table-scrollbar tr:last-child td:first-child, .roles-perms-wrapper .b2b-table-scrollbar tr:last-child  td:nth-child(2) {
	border-bottom: 1px solid #ccc;
}

.integrator-wrapper .cp-scrollable-table {
    margin-top: 20px;
}

 .integrator-wrapper ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.integrator-wrapper ::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px;
}

.integrator-wrapper .cp-scrollable-table table {
	border: none;
    table-layout: auto;
    width: 100%;
}

.integrator-wrapper .cp-scrollable-table table thead{
	width: calc( 100% - 1em );
}

.integrator-wrapper .cp-scrollable-table table th {
	background: #fff;
    padding: 20px 10px 20px 10px;
    line-height: 18px;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
}

.integrator-wrapper .cp-scrollable-table table tr {
	display: table;
    width: 100%;
    table-layout: fixed;
}

.integrator-wrapper .cp-scrollable-table table td {
    padding: 15px 20px 10px 10px;
    font-size: 11.5px;
    font-family: "Omnes-ATT-W02";
    border-left: none;
}

.integrator-wrapper .cp-scrollable-table table tbody .active {
	background-color: #D6E5FF !important;
    /* border-left: 5px solid #0568ae; */
    font-size: 1.1em;
}	

.integrator-wrapper .cp-scrollable-table table tbody tr:hover .active {
	background-color: #D6E5FF !important;
}

.integrator-wrapper .cp-scrollable-table table tbody tr.odd:hover .active {
	background-color: #D6E5FF !important;
}

.integrator-wrapper .cp-scrollable-table table tbody .selectable-td {
	width: 100%;
    margin: -10px;
    margin-top: -15px;
    padding: 12px;
    cursor: pointer;
}


.integrator-wrapper .cp-scrollable-table.cp-selectable-table table tr:hover td{
	background-color: #e5eeff !important;
}	

.integrator-wrapper .cp-scrollable-table.cp-selectable-table table tbody tr.odd:hover td {
	background-color: #e5eeff !important;
}

.integrator-wrapper .cp-scrollable-table.cp-selectable-table table tr:hover {
	background-color: #e5eeff !important;
}	

.integrator-wrapper .cp-scrollable-table.cp-selectable-table table tbody tr.odd:hover {
	background-color: #e5eeff !important;
}

.integrator-wrapper .cp-scrollable-table table tr:hover td {
	background-color: #ffffff !important;
}	

.integrator-wrapper .cp-scrollable-table table tbody tr.odd:hover td {
	background-color: #fafafa !important;
}

.integrator-wrapper .cp-scrollable-table table tbody {
	max-height: 400px;
    overflow: auto;
    display: block;
}

.integrator-wrapper .integrator-table .table-tip {
	font-family: "Omnes-ATT-W02";
    font-size: 0.9em;
    padding-left: 20px;
}

.integrator-wrapper .integrator-table .table-search-field {
	padding-top:10px;
}

.integrator-wrapper .integrator-table {
	margin-top: 20px;
	margin-bottom: 60px;
}

.integrator-wrapper .cp-scrollable-table table .selected {
	border: 2px solid #0568ae;
}

.integrator-wrapper .cp-scrollable-table table .integrator-check {
	font-size: 3em;
    padding: 5px 20px 0px 45px;
}

.integrator-submit .modify-btn {
	width: 70%;
}

.integrator-submit .btn {
	margin-left: 30px;
}

.integrator-wrapper .table-load-message {
	top: -40px;
    position: relative;
}

.integrator-wrapper .cp-scrollable-table table td a {
    font-size: 11.5px;
}

.integrator-wrapper .table-heading {
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 1.6em;
}

.integrator-wrapper .confirmation-msg {
	font-family: "Omnes-ATT-W02";
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 1.4em;
    width: 100%;
    text-align: center;
}

.integrator-wrapper .cp-scrollable-table.email-prefs-table thead th.small-heading {
    font-size: 11px;
    text-align: center;
    padding: 20px 5px 20px 5px;
}

.integrator-wrapper .cp-scrollable-table.email-prefs-table thead th.large-heading {
    font-size: 14px;
    text-align: center;
    padding: 20px 5px 20px 5px;
}


.vlan-side-tab-list {
	  position: relative;
}

.vlan-side-tab-list, .might-overflow {
	  -webkit-transition: 0.5s;
	  -moz-transition: 0.5s;
	  transition: 0.5s;     
	  
	  -webkit-transition-timing-function: linear;
	  -moz-transition-timing-function: linear;
	  transition-timing-function: linear;
}

.vlan-side-tab-list span:hover {
	text-decoration: none;
}

.vlan-side-tab-list:hover .might-overflow{
	  /* margin-left: -100px; -- property calculated and added from directive*/
	  
}

.warning-message {
	margin-top: 40px;
}

.warning-message span i {
	font-size: 3em;	
}

.warning-message span.info-message {
	color: #0568ae;
	font-size: 13px;
    font-weight: bold;
    font-family: "Omnes-ATT-W02";
}

.modalwrapper ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.modalwrapper ::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px;
}

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px;
}

.manage-cloud-loading .b2b-table-message .b2b-message {
    border: none;
    min-height: 600px;
    padding-top: 250px;
}

.manage-cloud-loading .b2b-table-message .b2b-message .icon-spinner-ddh {
	zoom: 1.25;
}

.delete-role-spinnner .b2b-table-message .b2b-message {
	border: none;
}

.roles-prefs-td .action-icons a i.icon-misc-penL {
	cursor: pointer;
}

.roles-prefs-td .action-icons a i.icon-misc-trashL {
	cursor: pointer;
}

.account-name-heading {
    font-size: 2em;
    font-family: "Omnes-ATT-W02";
    font-weight: bold;
    letter-spacing: 2px;
}

.filtered-list-tab {
	width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
}

.alert {
    margin-bottom: 25px;
}

.alert p {
	font-family: "Omnes-ATT-W02-Medium";
}

.form-row.error .success-msg:before {
    color: #0574ac;
    display: inline-block;
    font-family: 'icoPrimary' !important;
    font-style: normal;
    font-size: 20px;
    font-weight: normal;
    font-variant: normal;
    height: 1em;
    margin-right: 7px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    speak: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    content: "\e912";
    color: #007a3e;
    font-size: 14px;
    left: 0;
    line-height: 14px;
    position: absolute;
    vertical-align: middle;
}

.form-row.error .success-msg {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    font-family: "Omnes-ATT-W02-Medium";
    position: relative;
    padding-left: 18px;
    color: #007a3e;
}

.form-row.success-wrapper.error label{
    color: #007a3e;
}

.form-row.success-wrapper.error input {
	color: #007a3e !important;
	border-color: #007a3e !important;
}

.tabs-section-wrapper .tab-content > .active {
	width:105%;
	padding-bottom: 70px !important;
	padding-top: 30px;
}

.warning-message.reset-password span i {
	font-size: 5em;
}

.terms-conditions-wrapper span i[class^='icon-'] {
	font-size: 3.25em;
}

.remove-userslist-link {
	top: 865px;
	/* background: #fff; */
}

.accounts-nav-wrapper .side-nav.users-sidenav {
    height: 500px !important;
}

.svcgrp-container.manage-user-container .b2b-pane-selector-wrapper .pane-container {
	min-height: 730px;
}

.manage_cloud_heading {
    margin-top: 60px;
    margin-bottom: 30px;
}

.b2b-table-message .b2b-message a {
    font-size: 12px;
}

.company-name-heading {
	font-size: 2.5em;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: "Omnes-ATT-W02";
    margin-left: 20px;
}

.alert {
    background-color: #fff;
    color: #333;
}     
.feedback .alert {
	background-color: #fff;
	color: #333;
}
#js_ErrorMessage {
	background-color: #fff;
	color: #333;
}     
#um_ErrorMessage {
	background-color: #fff;
	color: #333;
}  
#rn_ErrorMessage {
	background-color: #fff;
	color: #333;
} 

.svc-grp-filter-row .servicegrp-filter {
	position: relative;
    margin-right: 20px;
    margin-left: 20px;
}

.active-lettergroup {
    padding-bottom: 2px;
    border-bottom: 2px solid #067ab4;
}
a.letter-active {
	
}

.letter-active:hover , .letter-active:focus{
    text-decoration: none;
}

.roles-perms-table .b2b-scrollbar-arrow-right.btn-arrow .btn {
	margin-right: 5px;
}

.tabs-section-wrapper.manage-cloud-settings .accounts-sidenav.tabs.tabs-justified > li, .tabs-section-wrapper.manage-cloud-settings .accounts-sidenav.tabs.promo-tabs > li{
	display: block !important;
	border-left: none;
}

.tabs-section-wrapper.manage-cloud-settings .accounts-sidenav.tabs.tabs-justified > li a, .tabs-section-wrapper.manage-cloud-settings .accounts-sidenav.tabs.promo-tabs > li a{
	border-top: none;
    text-align: left;
}

.account-summary-wrapper .support-level-details {
	display: block;
}

.countries-list {
	word-wrap: break-word;
}

a.disabled {
    cursor: not-allowed !important;
}

.cpBCStyles .break-overflow {
	width: 100px;
	overflow-x: visible;
    word-wrap: break-word;
}

.side-nav.vlan-side-nav.tabs {
	width: 35% !important;
}


.sidenav-dd .listbox-list {
    outline: 0px none;
    overflow-x: hidden;
    width: 225px;
    position: relative;
    height: 130px;
    border: 1px solid #333;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 14px;
}

.vnc-status-link {
	max-width: 250px; 
}

.servicegrp-filter-row {
    margin: 5px;
    text-align: center;
}

.servicegrp-filter-row a {
	padding-right: 5px;
}

.select-user-tab-item .checkbox.checkbox-selectall {
	margin: 20px 0 0 10px;
}

.manage-user-container .table-load-message.manage-cloud-loading.user-loading-spinner {
    border-left: 1px solid #ccc;
    margin-left: 260px;
    height: 700px;
}

.isIE .mdlnbCreateRnat {
    width: 660px !important;
}


.ng-animate-block-transitions {
  transition:0s all!important;
  -webkit-transition:0s all!important;
}

.ng-hide-add-active, .ng-hide-remove {
  display: block!important;
}

.ui-notification
{
    position: absolute;
    z-index: 2000;
    width: 85%;
    cursor: pointer;
    -webkit-transition: all ease .5s;
         -o-transition: all ease .5s;
            transition: all ease .5s;

    color: #000 !important;
    border-radius: 0;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    border-radius: 5px;
    max-width: 900px;
}
.ui-notification.killed
{
    -webkit-transition: opacity ease 1s;
         -o-transition: opacity ease 1s;
            transition: opacity ease 1s;

    opacity: 0;
}



@media screen and (max-width: 950px){
	.b2b-header-tabs {
	    height: 45px;
	}
	
	.b2b-header-tabs .header__items {
   		padding: 3px 0 0 0;
	}
}

@media screen and (max-width: 1100px){
	.b2b-header-tabs {
	    height: 45px;
	}
	
	.b2b-header-tabs .header__items {
   		padding: 3px 0 0 0;
	}
}

@media screen and (max-width: 1100px) {
  .b2b-header-tabs .globe-text {
    display: none; }
  .b2b-header-tabs .header__item.profile {
    padding-left: 15px;
    float: rigth;
    position: relative; 
    padding: 10px 15px 5px 15px; }
  .b2b-header-tabs .header__items {
    width: 980px;
    margin: 0 auto;
    display: block;
    list-style: none;
    border-spacing: 30px 0;
    padding: 3px 0px 0px 0px; } }

@media screen and (max-width: 950px) {
  .header__item.profile {
    top: 0;  }
  .b2b-header-tabs {
    height: 45px; }
  .selectWrap {
    bottom: 0; }
  .b2b-header-tabs .header__items {
    padding-top: 3px; }
  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
    top: 42px;}
  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
    top: 25px; }
  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
    }
  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
  	margin-top: 0;
     } }