/* Theme B-Com Web 2 */
 /* Style Attributes */

 /* Standard Content */
/* BCom theme override*/
html, body {
font-size:11px;
}

body {
background-image: none;
font-family: 'Segoe UI', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body #page:not(.community-registration) {
    max-width: 1200px;
    position:static;
}

body #content {
    position: relative;
    left: 0;
    top: 0;
    margin: auto;
    padding: 0 10px;
}
body #header {
    display: inline-block;
    vertical-align: top;
}
body .pageHeader {
    height: 74px;
    margin-right: 30px;
}
body #ctl00_uxTopMenu {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
#hs-topmenu-sidebarbuttons {
    margin-bottom: 12px;
    margin-top: 16px;
}
body .main-content {
    background-color: white;
    padding-bottom: 20px;
    margin-top:114px;
}
.community-registration .main-content {
    max-width: 1000px;
    margin: 0 auto;
}
.ui.stackable.grid {
    margin: 0;
}

body, .dxgvTable, input, select, textarea, file, .dxgvHeader, .dxgvHeader table, .dxgvControl, .dxgvDisabled, .dxtlControl, 

.dxtlHeader td.dxtl, .dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, 

.dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell, .dxeEditArea, .dxeListBox, .dxeListBoxItem, .dxgvTable_EventList {
font-family: 'Segoe UI', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #404040;
}
.sixteen.wide.column > h1:before {
    content: " "; 
    margin-top: -100px; 
    height: 100px; 
    visibility: hidden;
    display: block;
}
.sixteen.wide.column > h2:before {
    content: " "; 
    margin-top: -100px; 
    height: 100px; 
    visibility: hidden;
    display: block;
}
#page {
    overflow: hidden;
}

.wide.column > iframe {
    margin: 5px;
}

.main-content .wide.column li, .main-content .wide.column p {

}
ul {
    line-height: 28px;
}
.ui.grid>.column:not(.row), .ui.grid>.row>.column {
    font-size: 1.4rem;
}

.header-container {
    z-index: 100;
    background-color: #3d3d3d;
    padding-top: 41px;
    position: fixed;
width: 100%;
left: 0px;
padding-left: 31px;
border-bottom:1px solid #DDDDDD;
}

/* Color theme*/
.primarybackground {
    background-color: white;
}
.secondarybackground {
    background-color: #f8f8f7;
}
.bluebackground-section {
    background-color: #6db1e8;
    margin-top: 10px;
    min-height: 62px;
    padding: 10px !important;
}
.bluebackground-section p {
    margin: 10px;
}
.bluebackground-section .ui.button {
    float: right;
}
body .ui.stackable.grid > .column.nopadding {
    padding: 0;
}
body .ui.stackable.grid > .column.aligncenter {
    text-align: center;
}
.toproundpanel {
    border-radius: 25px 25px 0 0;
    margin-top: 10px;
    min-height: 10px;
}
.bottomroundpanel {
    border-radius: 0 0 25px 25px;
    min-height: 10px;
}
.topboderpanel {
    border-style: solid solid none solid;
    border-color: gray;
    border-width: 1px;
}
.bottomboderpanel {
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: grey;
}
.separator10px {
    min-height: 10px;
}
.separatororange {
    min-height: 12px;
    margin-top: 10px;
    border-top: 2px solid #e85724;
}
.separatorblue {
    min-height: 12px;
    margin-top: 10px;
    border-top: 2px solid #458ac6;
}

/* gallery updates */
.ug-gallery-wrapper {
    max-width: none !important;
}
.ug-tile {
    border-color: white !important;
    outline-color: white !important;
}
.ug-tile .ug-textpanel {
    min-height: 100px;
    max-height: 100px;
}
.ug-thumb-wrapper.ug-tile {
    background-color: white;
}
.ug-tile .ug-textpanel-title {
    font-size: 12px;
    font-weight: normal;
    color: black;
}
.ug-gallery-wrapper .ug-textpanel-bg {
    background-color: white !important;
}
.ug-thumb-wrapper.ug-tile {
    background-color: white !important;
}

/* Remove all padding*/
.ui.grid > .column:not(.row) {
    padding: 0px 10px 0px 10px;
}


/* Header override */
#usermenu {
    display: none;
}

/* Top menu override */
#hs-topmenu-regular {
    height: 73px;
    padding-top: 20px;
    box-shadow: none;
background:#3d3d3d;
}
.ui.menu .item::before {
    background: none;
}
.ui.menu .hs-topmenu-selected.item {
    box-shadow: 0 2px 0 #e85724;
}
.ui.menu > .item > a:not(.ui) {
    text-decoration: none;
}
.ui.menu .hs-topmenu-selected.item >a {

}
#hs-topmenu-regular.ui.menu .item {
    border-radius: 0;
}
#hs-topmenu-regular.ui.large.menu > .item {
    font-size: 1.65rem;
}

#hs-topmenu-regular.ui.large.menu > .item > a {
    color:white;
}

#hs-topmenu-regular.ui.large.menu > .item > .menu > .item > a {
    text-decoration: none !important;
}

#hs-topmenu-regular .hs-topmenu-level-1 .item {
    font-size: 1.4rem;
}
#hs-topmenu-regular, #hs-topmenu-sidebarbuttons {
    margin-bottom: 0 !important;
}
.ui.dropdown .menu {
    border-width: 4px;
    border-color: #5a5a5a;
}
#hs-topmenu-regular.ui.menu > .item:hover {
    color: #e85724;
    box-shadow: 0 2px 0 #e85724;
}

/* Button styles */
.contact-button .button{
    border-radius: 0;
    height: 100%;
    width: 100%;
    border: 1px solid white;
}
.wide.column.contact-button {
    padding: 0 !important;
}

.HeaderLinkButtonSection > div {
    background-color: #f2f2f2;
    cursor: pointer;
    border: 1px solid #d9d9d9 !important;
    min-height: 120px;
    margin: 5px 0 5px 0;
}
.HeaderLinkButtonSection > div:hover {
    border: 1px solid #e85724 !important;
    background-color: #d9d9d9;
}
.HeaderLinkButtonSection h2, .HeaderLinkButtonSection h3, .HeaderLinkButtonSection h4, .HeaderLinkButtonSection p, 

.HeaderLinkButtonSection h1 {
    padding: 0;
    margin: 0;
}
.HeaderLinkButtonSection a {
    padding: 9px 15px;
    display: block;
    text-decoration: none;
    color: black;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}


/* Footer */
#footer {
    background-image: none;
    font-size: 1.4em;
background: #3d3d3d;
    color: white;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 20px;
}
.section-footer > div {
    overflow: hidden;
}
#footer > span {
    display: block;
    overflow: hidden;
}
.section-footer {
    background-color: #d9d9d9;
    color: black;
}
.section-footer > div {
    max-width: 1000px;
    margin: 0 auto;
}
.column-footer {
    float: left;
    margin: 10px 30px 20px 30px;
    text-align: left;
}
.column-footer > ul {
    line-height: 1.5em;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
}
#footer a, #footer a:visited {
    color: black;
}
.section-footer > div:last-child {
    border-top: 1px solid black;
    padding: 8px;
}
.totop i:before {
    content: "\f062";
    font-family: "Icons";
    font-size: 35px;
    font-style: normal;
    color: #458ac6;
}
.copyright {
    text-align: left;
}
.backtotop {
    bottom: 0;
    float: right;
    margin: 20px;
    position: fixed;
    right: 0;
    display: none;
}
.section-footer span {
    color: grey;
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}
.totop {
    background-color: #d9d9d9;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
}
.totop:hover i:before {
    color: white;
}
.totop:hover {
    text-decoration:none;
    background-color: #e85724;
}

/* functionalities */
.functionalities-section {
    min-height: 380px;
}
.functionalities-section ul {
    list-style: none;
    padding-left: 20px;
}
.functionalities-section li::before {
    color: #e85724;
    content: "\2713\0020";
    font-weight: bold;
    margin-right: 5px;
}
.functionalities-section-topround {
    border-radius: 25px 25px 0 0;
    margin-top: 10px;
}
.functionalities-section-bottomround {
    border-radius: 0 0 25px 25px;
}
.functionalities-section > div> p > a {
    position: absolute;
    bottom: 5px;
    right: 60px;
    color: #e85724;
    z-index: 1;
}
.functionalities-section > div> p > a:hover {
    color: #458ac6;
}


/* Pricinf details*/
.tile-pricing {
    border: 1px solid #3b83c0;
    border-radius: 1rem;
    margin: 5px 15px;
    overflow: hidden;
    padding: 5px 15px;
}
.tile-pricing > div {
    float: right;
}
.tile-pricing > h3 {
    border-top: 1px solid #3b83c0;
    padding-top: 10px;
}
.section-pricing ul {
    list-style: none;
    padding-left: 20px;
}
.section-pricing li::before {
    color: #e85724;
    content: "\2713\0020";
    font-weight: bold;
    margin-right: 5px;
}

/*Module Details*/

.section-modules {
    margin: 0 auto;
    max-width: 860px;
    overflow: hidden;
    text-align: center;
    padding-top: 13px;
}
.tile-module {
    display: inline-block;
    float: none !important;
    height: 163px;
    margin: 0 5%;
    vertical-align: top;
}
.tile-module > a > img {
    margin: 0 14px;
    max-height: 75px;
    max-width: 75px;
}
.tile-module > p {
    font-weight: bold;
    text-align: center;
    width: 130px;
    font-size: 20px;
}
.tile-module > p > a {
    color: #5a5a5a;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}
.tile-module > p > a:hover {
    color: #5a5a5a;
    text-decoration: none;
}

/* Youtube video */
/* Dialog box */
#bcomyoutubevideodialog {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 100;
}
#dialog-content {
    display: inline-block;
    max-width: 1000px;
    width: 100%;
}
#dialog-content-resizer {
    background-color: white;
    height: 600px;
    overflow: hidden;
    padding: 20px;
    margin-top: 10%;
}
#dialog-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#dialog-close:hover,
#dialog-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#bcomyoutubevideo {
    height: 525px;
}


/* Fix issue with button sections not being clickable on the bottom row */
.HeaderLinkButtonSection + .sixteen.wide.column {
    margin-top: 50px;
}

.ui.grid > .column.HiddenHeader:not(.row) { visibility: hidden; }

/* Home Page */
.home-screen-banner {
height:500px;
z-index: 2;
text-align: center !important;
padding-top: 195px !important;
color:white;
}

.home-screen-banner-background-container {
  top: 115px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
  height:490px;
  overflow:hidden;
}

.home-screen-banner-background {
  background: url('/WebSiteTheme/BCOMWEB2/home3.jpg.axd');
  margin:-5px;
  filter: blur(4px);
  height:500px;
}

.home-play-video-button {
border-color:white;
border-radius:15px;
color:white;
font-size: 1.2em;
cursor:pointer;
display: inline-block;
border-style: solid;
border-width: 2px;
padding: 10px;
}

.home-play-video-button:hover {
border-color: #d6431a;
}

.margin-bottom-column-20 {
margin-bottom:20px;
}

.bcomcolor {
color: #d6431a;
}

.bcom-centered {
text-align:center !important;
}

.bcom-centered-image {
text-align:center !important;
}

.bcom-centered-image>.ui.image {
display:inline !important;
}

.bcom-bordered-margintop-image>.ui.image{
border: 1px solid #DDDDDD;
    padding: 5px;
    margin-top: 20px;
}

h1 {
margin-bottom:50px !important;
margin-top:30px !important;
text-transform: uppercase;
text-align:center;
color: #d6431a;
}

.bcom-margintop-image>.ui.image{
    padding: 5px;
    margin-top: 20px;
}

#hs-topmenu-sidebar  {
font-size:1.3em;
}

#hs-topmenu-sidebar .hs-topmenu-level-0-selected, #hs-topmenu-sidebar .hs-topmenu-level-0-notselected {
font-size:1.2em;
}

#hs-topmenu-sidebar .hs-topmenu-level-0-selected a, #hs-topmenu-sidebar .hs-topmenu-level-0-notselected a {
font-weight: bold;
color: #d6431a !important;
}

#hs-topmenu-sidebar .hs-topmenu-level-1-selected, #hs-topmenu-sidebar .hs-topmenu-level-1-notselected {
font-size:0.8em;
}

#hs-topmenu-sidebar .hs-topmenu-level-1-selected a, #hs-topmenu-sidebar .hs-topmenu-level-1-notselected a {
color:black !important;
font-weight: normal !important;
}

div[aria-label="The specified credentials are invalid. You can sign up for a free developer account at http://www.bingmapsportal.com"]
{
    display:none;
}

.trybcom iframe {
border: none;
height: 1650px;
}

.sixteen.wide.column.trybcom {
    padding: 0;
}

.trybcom iframe{
	border: none;
	padding: 0;
	margin: 0;
}

/* END Theme B-Com Web 2 */