/* Your custom styles */
.right-align{
	text-align: right !important;
}
.left-align{
	text-align: left;
}
.center-align{
	text-align: center;
}
.no-shadow{
	box-shadow: none;
}
.btn-top-nav{
	margin:-1px;
	border-radius:0px;
	border:1px solid #FFF;
	min-width:180px;
	text-align:center;
}
.main-content{
	background-image: url(../img/overlays/banner_1.jpg);
	background-size: 100%;
	background-attachment: relative;
	background-position: top;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 23px;
	margin-top:-20px;
	min-height:80vh
}
#fiberOptics{
	background-image: url(../img/overlays/fiber.png);
	background-size: 270px;
	background-attachment: relative;
	background-position: right;
	background-repeat: no-repeat;
}
#radioLinks{
	background-image: url(../img/overlays/infrared.png);
	background-size: 200px;
	background-attachment: relative;
	background-position: left;
	background-repeat: no-repeat;
}
#VOIP{
	background-image: url(../img/overlays/voip.png);
	background-size: 200px;
	background-attachment: relative;
	background-position: left;
	background-repeat: no-repeat;
}
#GSM,#Supply{
	background-image: url(../img/overlays/baseStation.png);
	background-size: 200px;
	background-attachment: relative;
	background-position: right;
	background-repeat: no-repeat;
}
.hidden{
	display: none;
}
.bg-cus-dark{
	background-color:#18252E;
	color: #FFF;
}
.bg-cus-red{
	background-color: #98002e;
	color: #FFF;
}
.gray-text{
	color: #666;
}

.view {
    background: url("https://mdbootstrap.com/img/Photos/Others/img (40).jpg")no-repeat center center;
    background-size: cover;
}
    
.navbar {
    background-color: #FFF;
    opacity: 0.9;
    padding-bottom: 0px;
    margin:0px
}
.navbar-list{
	height: 50px
}

.top-nav-collapse {
    background-color: #FFF;
    opacity: 1;
}

.nav-item-cus {
	min-width: 110px;
	text-align: center;
	color: #666;
	font-size: 20px;
	font-weight: 300;
	margin: 2px;
	border-bottom:0px;
}

.nav-item-cus :hover,
.nav-item-cus :active,
.active-nav,
.nav-item-cus :focus{
	border-bottom: 4px solid #dc3545
}

.no-border{
	border-width: 0px !important
}

.pad-0{
	padding: 0px !important;
}

.cus-card{
	height: inherit;
	border-left: 4px solid #FFF;
	border-radius: 10px;
	margin-left:10px !important;
	color: #FFF;
	font-size: 20px
}
.truncate {
  width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background: transparent;
}

.scrollable::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}
::-webkit-scrollbar
{
	width: 12px;
	background-color: rgba(0, 0, 0, 0.7);
}
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(158, 158, 158, 0.3);
}
::selection {
  background: rgba(76, 175, 80, 0.7) ; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(76, 175, 80, 0.7) ; /* Gecko Browsers */
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #FFF;
    }
    .navbar-list{
		height: auto
	}
	.cus-card{
		margin-top:30px !important
	}
}