/*********************NAVIGATION NAV BAR********************************/
body
{
    padding-top:0px;
}

.navbar {
    padding: 0px;
}

.navbar-toggler {
    background-color: #006699;
}

.navbar-dark .navbar-toggler {
    color: rgba(12, 12, 12, 0.5);
    border-color: rgb(14, 14, 14);
}

.nav1 {
    margin-top: -10px
}

.bg-nav1 {
	background-color: #006699!important;
    height:25px;
}

.nav2 {
    margin-top: 25px;
}

.nav2-menu {
    align-content: center;
    text-decoration: none;
    color: #006699 !important; /*97fc83 - Green: #b5fc59 */
    margin-left: 20px;
}

.bg-nav2 {
    background-color: #fff !important;
    margin-top:25px;
}

.bg-nav3 {
    background-color: #56b0da !important;
}

.nav3 {
    margin-top: 100px;
    /*font-weight: bold;*/
    color: white;
}

.nav4 {
    height: 30px;
    margin-top:85px; 
    background-color: #00b0d3 !important;
    display: none;
    align-items: right;
    color: white;
    list-style: none;
    float: right;
}

.nav4a {
    font-weight: normal;
    color: white;
    float: right;
}

.nav2-link {
    font-size: 18px !important;
    border-bottom: 2px dotted #006699;
    text-decoration: none;
    color: #006699 !important;
    margin-left: 20px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*background-color: #73A7CC;*/
    background-color: #D7E9FB;
}

.nav-tabs .nav-link.active {
    color: #003366;
    background-color: #fff;
    /*border-color: #ddd #ddd #fff;*/
    border-color: lightgray;
}

a.active{
    color:red;
}


/*.nav-tabs .nav-link .active {
    color: #003366;
    background-color: #73A7CC;
    border-color: #ddd #ddd #fff;
}*/

.nav-icon-link {
    display: inline-block;
    height: 25px;
    margin: 0 40px 0 4%;
    float: none;
    position: relative;
    margin-top: 27px;
    color: #73A7CC !important;
}

.nav-icon .nav-icon:before .nav-icon:after {
    width: 1.5625rem;
    height: .1875rem;
    background: #86d3e5;
}

/*.a-tab {
    color: #202020;
}*/

.bg-navBreadcrumb {
	/*background-color: lightgrey !important;*/
}

.navBreadCrumb {
	background-color: lightGray;
	color: gray;
	margin-top: 109px;
	z-index: +10;
	/*height: 40px;
	margin-top: 129px;
	background-color: grey !important;
	display: none;
	color: blue !important;
  
	float: right;
	outline-style: none;
	z-index: +10;*/
}

.encon-logo{
	height:45px;
	width:60px;
	margin-top:0px;
}

.my-4{
	margin-top: 80px;
}

.containerTop{
	margin-top: 80px;
}


#Numberlist.dropdown-menu{
	width: 100%;
}

.a{
	background-color:  #006699!important;
}

/************************MENU BUTTON********************************/
  
.menuButton{
	font-size: x-small;
	align-content:center;
	padding-top: -10px;
}

/*********************CARD********************************/

.cardMenu {
	border: 0px;
	height: 200px;
	color: white;
}

.card1{
	background-color: #0057A0;
	border-radius: 10px;  
}
.card2{
	
	background-color: #149CDB;
	border-radius: 10px;  
}
.card3{
   
	background-color: #2E6B9E;
	border-radius: 10px;  
}
.card4{
	background-color: #00C0FF;
	border-radius: 10px;  
}
.card5{
	background-color: rgb(255, 123, 0);
	border-radius: 10px;  
}


@media only screen and (max-width: 960px) {
    #NameNavBar {
        display: none;
    }

    #Numberlist {
        display: inline;
    }

    #ContactNavBar {
        display: none;
    }

    #BreadCrumbNav {
        display: none;
    }
}


@media (min-width: 708px) {
	/*.banner{
	  
			background-image: url("../image/b1100.jpg");
			background-repeat: no-repeat;
			background-color: #cccccc;
		
	}*/
}

@media (max-width: 707px) {
	/*.banner{
	  
			background-image: url("../image/b707.jpg");
			background-repeat: no-repeat;
			background-color: #cccccc;
		
	}*/

}

@media (max-width: 480px) {
	/*.banner{
	  
			background-image: url("../image/b480.jpg");
			background-repeat: no-repeat;
			background-color: #cccccc;
		
	}*/
}

@media (max-width:576px){
    .container{
        max-width:none;
    }

    .nav-item {
        width: 100%;
    }
    .divFieldLabel {
        font-family: Open Sans,Calibri !important;
        font-size: 14px !important;
        color: red;
    }
    .divFieldValue {
        padding-left: 0px;
        font-family: Open Sans,Calibri !important;
        font-size: 14px !important;
        color: #000000;
    }

    .bg-nav1 {
        background-color: #006699 !important;
        height: 35px;
    }

    .main-nav {
        border-bottom: 2px solid #006699 !important;
        padding-bottom: 0px;
        margin-top:30px;
    }

}

@media (max-width:768px) {
    .container {
        max-width: none;
    }

    .nav4 {
        height: 30px;
        margin-top: 320px;
        background-color: #00b0d3 !important;
        display: none;
        align-items: right;
        color: white;
        list-style: none;
        float: right;
    }

    .divFieldLabel {
        font-family: Open Sans,Calibri !important;
        font-size: 14px !important;
        color: #777;
    }

}

@media screen and (max-width:992px) {

    .container {
        max-width: none;
    }
}

    .card-title {
        margin-top: 65px;
        font-weight: bold;
    }

    /*********************FOOTER********************************/
    .footer {
        width: 100%;
        height: 25px;
        bottom: 0px;
        padding-top: 3px;
        font-size: 14px;
        /*border-top-color: rgb(255, 255, 255);*/
        border-top-color:#003366;
        border-top-width: 1px;
        border-top-style: solid;
        position: fixed;
        opacity: 0.9 !important;
        /*background-color: rgb(206, 206, 206);*/
        background-color:#FFFFFF;
    }



    .tabPageBorder {
        border-color: #202020 !important;
        border-width: 10px !important;
    }

    .containerClaims {
        margin-top: 80px;
        background-color: rgba(191, 255, 255, 0.26);
        padding: 10px 50px;
    }

    .borderTabs {
        border: 1px black;
    }

    /*-------------------------------------------------------Profile and Settings------------------------------------------*/
    .tabButtonStyle {
        border: 0px solid lightGray;
        border-bottom: 0px;
    }

    .nav-tabs {
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-bottom:0px;
    }

    .tab-content > .active {
        display: block;
        border: 1px solid lightgray;
        padding: 12px;
        background-color: #fff;
    }

    .tab-pane {
        border-left: 1px solid red;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-radius: 0px 0px 5px 5px;
        padding: 10px;
    }


    .radiobutton {
        cursor: pointer;
        font-family: Open Sans,Calibri !important;
        font-size: 14px !important;
        color: #777;
    }

    hr {
        border-color: #73A7CC;
    }

    .main {
        padding: 1px;
        /*margin-top: 30px;*/
        margin-top:40px;
    }

    .main-nav {
        border-bottom: 2px solid #006699 !important;
        padding-bottom: 0px;
    }

    label {
        font-family: Open Sans,Calibri !important;
        font-size: 14px !important;
        color: #777;
    }

.navbar-toggler > .close {
    display:none;
}

.navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: none;
}

.footerTextEncon
{
    color:#003366;
}

.footerText
{
    color:#006699;
}

/*--------------------------------------------------FirstPage.cshtml--------------------------------------------------*/
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
    cursor:pointer;
}

.imgProcessing {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:25%;
}

/*------------banner image carousel------------*/
/*very small devices less than 600px */
@media only screen and (max-width: 600px) {
    .size_xs
    {
        display:block;
    }
    .size_sm {
        display: none;
    }
    .size_md {
        display: none;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .size_xs {
        display: none;
    }
    .size_sm {
        display: block;
    }
    .size_md {
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .size_xs {
        display: none;
    }
    .size_sm {
        display: none;
    }
    .size_md {
        display: block;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .size_xs {
        display: none;
    }
    .size_sm {
        display: none;
    }
    .size_md {
        display: block;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .size_xs {
        display: none;
    }
    .size_sm {
        display: none;
    }
    .size_md {
        display: block;
    }
}