body{
}
.flex-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap
}
.flex-container-column{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	align-content: flex-end;
	flex-wrap: wrap
}
.border{
	border: 1px solid #ccc;	
}
.date-width{
	width: 50%;
}
.line {
	border-right: 3px solid red;
}
.faded-btn{
	background: #79c698 !important;
}
.windows8 {
	position: relative;
	width: 22px;
	height:22px;
	margin:auto;
}

.windows8 .wBall {
	position: absolute;
	width: 21px;
	height: 21px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 5.4425s infinite;
		-o-animation: orbit 5.4425s infinite;
		-ms-animation: orbit 5.4425s infinite;
		-webkit-animation: orbit 5.4425s infinite;
		-moz-animation: orbit 5.4425s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 3px;
	height: 3px;
	background: rgb(0,0,0);
	left:0px;
	top:0px;
	border-radius: 3px;
}

.windows8 #wBall_1 {
	animation-delay: 1.186s;
		-o-animation-delay: 1.186s;
		-ms-animation-delay: 1.186s;
		-webkit-animation-delay: 1.186s;
		-moz-animation-delay: 1.186s;
}

.windows8 #wBall_2 {
	animation-delay: 0.233s;
		-o-animation-delay: 0.233s;
		-ms-animation-delay: 0.233s;
		-webkit-animation-delay: 0.233s;
		-moz-animation-delay: 0.233s;
}

.windows8 #wBall_3 {
	animation-delay: 0.4765s;
		-o-animation-delay: 0.4765s;
		-ms-animation-delay: 0.4765s;
		-webkit-animation-delay: 0.4765s;
		-moz-animation-delay: 0.4765s;
}

.windows8 #wBall_4 {
	animation-delay: 0.7095s;
		-o-animation-delay: 0.7095s;
		-ms-animation-delay: 0.7095s;
		-webkit-animation-delay: 0.7095s;
		-moz-animation-delay: 0.7095s;
}

.windows8 #wBall_5 {
	animation-delay: 0.953s;
		-o-animation-delay: 0.953s;
		-ms-animation-delay: 0.953s;
		-webkit-animation-delay: 0.953s;
		-moz-animation-delay: 0.953s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}

.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #029f5b;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}

.social-box{
 	align-content: space-around;
 	width: 550px;
    padding: 1rem;
    margin: 1.5rem;
    border-radius: 1px;
    box-shadow: 0px 0px 4px 1px #ccc;
}
.social-btn{
	padding: 0.6rem 1.5rem;
	margin: 2rem  1rem;
	border-radius: 3px;
	transition: all 0.3s ease-in-out
}
.social-btn:hover{
	box-shadow: 0px 0px 26px 4px #aaa;
	
}
.custom-link> a:visited{
	color: #fff;
}
.custom-link> a:hover{
	color: #fff;
}
a:hover{
  text-decoration: none; /* no underline */
}
.google-color{
    background: #dd4b39;
    color: #fff;
    border: none;
}
.facebook-color{
    background: #3b5999;
    border: none;
    color: #fff;
}
.linkedin-color{
    background: #0077B5;
    border: none;
    color: #fff;
}
.logout-btn{
	color: #fff;
	font-size: 1.6rem;
	padding: 1rem;
	margin-top: 4px;
}
.logout-btn:hover{
	color: #ddd;
}

.tab-link{
	color: blue;
	cursor: pointer;
	display: inline-block;
	margin: 4px 10px;
}
.tab-link-active{
	color: red;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#new-quote{
	margin-top: 35px;
	font-size:20px;
}
#landingPageGoBtn{
	margin-left: 50px;
	font-size:20px;
}
#existing-policy{
	font-size: 13px;
}
#account{
	font-size: 13px;
}
#uproductType{
	width: 100%; 
	height: 33px;
}
#uprivilegeType{
	width: 100%; 
	height: 33px;
}
#product{
	font-size: 13px; 
	margin-top: 35px;
}
#newdiv{
	margin-top: -1307px;
    font-size: 17px;
    width: 143px;
    margin-left: 1006px;
}
#createProductBtn{
	 font-size: 18px;
	 background-color: #5589c1;
     color: white;
     padding: 0px;
     margin: 0px 0px 0px 0px;
}
#resetProductBtn{
	 font-size: 18px;
	 background-color: #5589c1;
     color: white;
     padding: 0px;
     margin-left: 314px;
}
#addProductDone{
	 font-size: 18px;
	 background-color: #5589c1;
     color: white;
     padding: 0px;
     margin: 0px 0px 0px 0px;
}
#distributionSubmitBtn{
	font-size: 18px;
	 background-color: #5589c1;
     color: white;
     padding: 3px 12px;
     margin: 21px 0px -2px 193px;
}
#uploadListTable{
	font-size: 18px;
	 background-color: #5589c1;
     color: white;
     padding: 3px 12px;
     margin: 21px 0px -2px 193px;
}
#newdivforsearch{
	margin-top: 35px; 
	font-size: 17px;
}
#summary-id{
	display: block;
    margin-left: 30px;
    text-align: left;
    width: 60%;
    top: 80px;
    height: auto;
    background: rgb(255, 255, 255);
    margin-top: -300px;
    border: 1px solid;
    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
    padding-top: 65px;
    padding-left: 45px;
    margin-bottom: 25px;
}
#request-id
{
	        display: block;
		    margin-left: 1px;
		    text-align: left;
		    top: 80px;
		    width: 69%;
		    height: auto;
		    background: rgb(255, 255, 255);
		    margin-top: -300px;
		    border: 1px solid;
		    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
		    padding-top: 65px;
		    padding-left: 45px;
		    margin-top: -231px; 
		    margin-bottom: 25px;
}
#response-id{
	display: block;
		    margin-left: 1px;
		    text-align: left;
		    top: 80px;
		    width: 69%;
		    height: auto;
		    background: rgb(255, 255, 255);
		    margin-top: -300px;
		    border: 1px solid;
		    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
		    padding-top: 65px;
		    padding-left: 45px;
		    margin-top: -231px;
		     margin-bottom: 25px;
}
#note-id{
	display: block;
		    margin-left: 1px;
		    text-align: left;
		    top: 80px;
		    width: 69%;
		    height: auto;
		    background: rgb(255, 255, 255);
		    margin-top: -300px;
		    border: 1px solid;
		    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
		    padding-top: 65px;
		    padding-left: 45px;
		    margin-top: -231px; 
		    margin-bottom: 25px;
}

#premium-id{
	        display: block;
            margin-left: 1px;
            text-align: left;
		    top: 80px;
		    width: 69%;
		    height: auto;
		    background: rgb(255, 255, 255);
		    margin-top: -300px;
		    border: 1px solid;
		    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
		    padding-top: 65px;
		    padding-left: 45px;
		    margin-top: -231px; 
		    margin-bottom: 25px;
}

#referral-id{
	        display: block;
            margin-left: 1px;
            text-align: left;
		    top: 80px;
		    width: 69%;
		    height: auto;
		    background: rgb(255, 255, 255);
		    margin-top: -300px;
		    border: 1px solid;
		    box-shadow: rgb(136, 136, 136) -1px 7px 6px 11px;
		    padding-top: 65px;
		    padding-left: 45px;
		    margin-top: -231px; 
		    margin-bottom: 25px;
}

.level0{
	width: auto;color: #201e1e;padding-left: 8px;padding-right: 8px;font-size: 25px;
}
.level1{
	border-style: solid;background:#007eff;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 20px;
}

.level2{
	border-style: solid;background: #78b1eb;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 18px;margin-left: 36px;
}
.level3{
	border-style: solid;background: #40b5edc9;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 16px;margin-left: 66px;
}
.level4{
	border-style: solid;background:#a7c7e7  ;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 14px;margin-left: 96px;
}
.level5{
	border-style: solid;background:#9aa9b8  ;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 12px;margin-left: 48px;
}
.level6{
	border-style: solid;background:#F933FF  ;width: auto;color: white;padding-left: 8px;padding-right: 8px;font-size: 10px;margin-left: 54px;
}

span{
    display:none;
}


.quoteFormTab{


border-style: solid;
height:100%;
border: solid;

}



/* .quoteFormContent{
border-style: solid;
height:100%;
border: solid;
margin-left:10px;
}

 */


/* Fixed sidenav, full height */
.sidenav {
  
  width: 405px;
  
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  word-break: break-word;
}

.navLiList li.selected {
 background-color:red;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}




/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

 .submenu{
display:none;
} 

html,body { 
  background: url(../images/SablisBackground.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* html, body {
    height: 100%;
    background-size: cover;
    background:url(images/SablisBackground.png) no-repeat center center fixed;
} */


.sidenav {
  width: 405px;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #acdbf7;
  overflow-x: hidden;
  padding-top: 20px;
}

.quotelabel{
	font-size:14px;
}

.quotetextbox{
	margin-left:0px;
}

.mutiOccur{
	position: absolute;
    right: 12px;
}

#searchfilter {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-top: 25px;
 
}
.quotetableselect{
	
   border:none;
   font-family:inherit;
   font-size:inherit;
}

#modalList {
    table-layout: fixed;
    width: 100%; /* Adjust based on your requirements */
}

/* Apply wrapping styles to table cells */
.wrap-text {
    width: 150px; /* Adjust the width as needed */
    word-wrap: break-word; /* For older browsers */
    overflow-wrap: break-word; /* Modern standard */
    white-space: normal; /* Ensures that text wraps */
}