@import url("https://p.typekit.net/p.css?s=1&k=ybz4idg&ht=tk&f=24537.24539.24543.24545&a=534218&app=typekit&e=css");

@font-face {
font-family:"sofia-pro-bold";
src:url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

 
@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

.tk-sofia-pro { font-family: "sofia-pro",sans-serif; }

body { font-family: "sofia-pro"; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: "sofia-pro-bold"; }

.mag-navbarmenu { --mag-nav-text-color:#212529; --mag-nav-text-hover-color:#ff7561; }
.site-page-navigation-container { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); }
.mag-site-main-menu .navbar-nav a { text-shadow:none;font-size:16px; }
.mag-site-main-menu .navbar-nav>.active a { font-weight: 500;}

.siteBodyContainer{background: #000;}

.customer-home .search-box { background:black;background-image:url(/Contents/Assets/themes/2020/imgs/NetBrainBanner2021-1.png);background-position:bottom;background-size:cover;background-repeat:no-repeat; text-align:center;color:black;padding-top:120px;padding-bottom:80px;}
.customer-home .search-box h1 { color:white; padding-bottom: 25px; text-shadow: rgba(0,0,0,0.5) 1px 1px 10px;}
.home-content { padding-top:80px;padding-bottom:80px; }
.customer-home .btn { margin:0 7px; }
.customer-home .btn-primary ,.customer-home .btn-success { text-transform: uppercase; background-color:#ff7561; text-shadow: none; border:solid 1px #ff7561;border-radius: 0; }
.customer-home .btn-primary:hover, .customer-home .btn-primary:focus, .customer-home .btn-success:hover , .customer-home .btn-success:focus { background-color: #ff573f; text-shadow: none; border:solid 1px #ff573f;border-radius: 0; }
.customer-home .btn-default { color:white;text-transform: uppercase; background-color:gray; text-shadow: none;border-radius: 0;border:solid 1px white; }
.customer-home .btn-default:hover, .customer-home .btn-default:focus { background-color:#ff573f; text-shadow: none;border:solid 1px #ff573f;border-radius: 0; }
.panelTitle{display: inline-block;margin-left: 10px;}
.home-content .list-group-item{border-radius: 0;}
.customer-home .dashboard-view .btn-default{color: #333 !important; border: solid 1px #ccc !important; background-color: white !important;}
.customer-home .dashboard-view .panel-heading-title{font-size: 18px; font-weight: 500;}
.numOpenProj{text-align: center; font-size: 40px; margin-top: 0;color: #ff573f !important;}

.quick-tiles-row{margin:25px 0;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;}
.quick-tile-col{margin:20px 15px;box-shadow:0 2px 6px rgba(0,0,0,.2);background:#fff;border-radius:4px;width:325px;text-align:center;color:#333;font-size:18px;font-weight:400;transition: .3s ease-in-out;}
.quick-tile-col:hover, .quick-tile-col:focus{transform: scale(1.014);box-shadow:0 10px 50px -5px rgba(51,71,91,.35);}
.tile-item:hover, .tile-item:focus{text-decoration:none;}
.tile-item{display: inline-block;width: 100%;padding: 30px 25px;}
.round-icon {color: #fff;display: flex;align-items: center;justify-content: center;height:100px;width:100px;border-radius: 50%;margin:10px auto;background:#ff7561; }
.round-icon .glyphicon{font-size:35px;}
.tile-header{font-size:20px;}
            
.panel-default>.panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
}

a:not(.btn), a.actionLink, .tabHeader .thLinks .helpLink, .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    color: #167be0;
}

/***********MENU***********/
.mag-site-main-menu .navbar-nav>.active a { font-weight: bold;}

@media (min-width: 768px){
    .mag-site-main-menu .navbar-nav>.active a:before { content: " ";display: block;position: absolute;z-index: 0;
        bottom: 28px;left: 7px;width: 5px;height: 5px;border-radius: 50%;background: #ff7561; }
    .mag-site-main-menu .navbar-nav>.active a:after { content: " ";display: block;position: absolute;z-index: 0;
        left: 8px;bottom: 30px;width: 50%;height: 1px;background: #ff7561; }
}