* {
    margin: 0;
    padding: 0;
    outline: none !important;
    text-decoration: none;
}


@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfontd41d.eot?v=3.0.1');
  src: url('fonts/fontawesome-webfontd41d.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('fonts/fontawesome-webfont78ce.woff?v=3.0.1') format('woff'),
    url('fonts/fontawesome-webfont78ce.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
	background-color: #fff;
	background-position:center top;
	background-repeat:repeat-y;
	background-size:cover;
	color: #2e2e2e;
	font-family: 'Roboto-Regular' !important;
	margin: 0;
	padding: 0;
	font-size:14px !important;
	font-weight: 300;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-face-color: #006A4D;
	scrollbar-arrow-color: #006A4D;

}


a {
    color:#69be28;
    outline: 0;
    text-decoration: none;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    font-family: 'Roboto-Regular' !important;
}
a:hover {
text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;	
	font-family: 'Roboto-Regular' !important;
}

h3 {
    font-size: 30px !important;
}




/*--------Header-Start---------*/

.Top-Header{
	background:#fff;
}

.navbar-brand img{
	width:70%;
}

.war-cont p{
    font-size: 30px;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    font-weight:100;
    color:#006499;
}
.war-cont p{
	color:#006499;
	font-weight:600;
}

.war-login{
	border:2px solid #00a7e4;
	text-transform:uppercase;
	margin-left:8px;
}

.mTop10{
	margin-top:10px !important;
}
.mBot0{
	margin-bottom:0px !important;
}

.war-login .nav-item{
	padding:4px 14px 2px 10px !important;
}

.shield-ico img{
	width: 65%;
	float: right;
}

.war-inn{
	margin-top: 150px;
}

/*--------Header-End---------*/


/*--------Inner-Sectoin-Start---------*/

.sub-head{
    width: 100%;
	padding: 10px;

}
.rowpad{
	padding-left: 16px;
	padding-right: 16px;
	
}
.bgw{
	background:#fff !important;
}
.war-ser-add .sub-head{
	padding:0px;
	margin-top:30px;
}

.war-ser-add i{
	color:#009ff2 !important;
}

.sub-head p{
	margin:0px;
	text-transform: uppercase;
    font-size: 22px;
	color:#000;
	font-weight:100;
}

.large-12{
	width:100%;
}
.war-pro-reg-form{
	background:#f9f9f9;
	padding:10px;
	border: 1px solid #ccc;
	height: auto;
	margin-bottom: 30px;
}

.war-pro-reg-form-bg{
	background-color: #04629f;
	background-image: url(../img/war-reg-bg.png);
	background-size:cover;
	height:421px;
}
.war-policy-btn{
	float:left;
}

.war-sub-btn, .war-can-btn{
	float:right;
}

.war-policy-btn .button{
	background-color:#04629f !important;
}

.war-can-btn .button{
	background:#fff !important;
	border:1px solid #cdcdcd;
	color:#000;
	margin-left:10px;
}
.war-pro-reg{
	color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
    padding: 160px 10px 10px 50px;
}



/*----------------TABS----------------*/
.tabs {
	max-width:100%;
	margin: 0 auto;
  }
  #tab-button {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
  }
  #tab-button li {
	display: table-cell;
	width: 20%;
  }
  #tab-button li a {
	display: block;
	padding: 11px;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
	color: #000;
	text-decoration: none;
  }
  #tab-button li:not(:first-child) a {
	border-left: none;
  }
  #tab-button li a:hover,
  #tab-button .is-active a {
    border-bottom-color: transparent;
    background: #04629f;
	color: #fff;
	
  }

  #tab-button .is-active a {
	  padding-left: 10px;
  }


  
  
  
  .tab-button-outer {
	display: none;
  }
  .tab-contents {
	margin-top: 20px;
  }

  @media screen and (min-width: 768px) {
	.tab-button-outer {
	  position: relative;
	  z-index: 2;
	  display: block;
	}
	.tab-select-outer {
	  display: none;
	}
	.tab-contents {
	  position: relative;
	  top: -1px;
	  margin-top: 0;
    }

    .wrapper .table tr th{
        font-weight:100;
    }
    .Top-Header .navbar-expand-md .navbar-collapse {
        display: block !important;
    }
    .war-login {
        width: auto;
        float: right;
    }
	
  }

  /*----------TABS-END-------------*/



  .war-pro-reg-pack {
    background: #f9f9f9;
    padding:0px !important;
    border: 1px solid #ccc;
    height: auto;
	margin-bottom: 30px;
	border-right:0px;
}

.war-pro-reg-pack:last-child{
	border-right:1px solid #ccc;
}
.war-pro-pack-head p{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #ccc;
	padding: 20px;
	margin:0px;
}
.war-pro-pack, .war-pro-pack1{
	padding:20px;
}
.war-pro-pack-cont p{
    text-align: center;
    font-size: 16px;
    padding: 0px 20px 20px 20px;
}

.war-ser-add ul li {
    display: block;
    line-height: 34px;
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding: 2px 10px 0px 10px;
}
.war-ser-add ul li:last-child{
	border-bottom: 1px solid #ccc;
}
.war-ser-add{
	width: 30%;
    margin: 0 auto;
    text-align: center;
}


















.min-head p{
	font-size: 17px;
    padding: 10px;
	text-transform:uppercase;
	margin:0px;
}

.new-pro-cont ul li{
	display:block;
    line-height: 42px;
    border: 1px solid #ccc;
    border-bottom: 0px;
	padding: 2px 10px 0px 10px;
}


.new-pro-cont ul li:last-child{
	border-bottom:1px solid #ccc;
}
.new-pro-cont ul li i, .ben-of-war ul li i{
	color:#19ade6;
	padding-right: 5px;
}

.war-reg-form{
	padding: 10px;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #ccc;
	height: auto;
	margin-bottom: 30px;
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0 !important;
}

input[type="text"]{
	    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin:0px 0px 18px 0px;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}
textarea[type="text"]{
    -webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
color: rgba(0,0,0,0.75);
display: block;
font-family: inherit;
font-size: 0.875rem;
margin:0px 0px 18px 0px;
padding: 0.5rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
-moz-transition: border-color 0.15s linear, background 0.15s linear;
-ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear;
}
input[type="text"]:focus{
	background: #fafafa;
	border-color: #999999;
	outline: none;
}


.medium-6 {
    width: 50%;
}
.column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}

button, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
    font-size: 1rem;
    background-color: #009ff2;
    border-color: #007fc1;
    border: 1px solid #009ff2;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
	margin: 1px;
}


.table, .table td, .table th{
	border: 1px solid #ccc;
}

.p-reg-head{
	font-size: 17px;
	padding: 10px;
	text-transform: uppercase;
	margin: 0px;
}

.p-reg-head p{
	margin:0px;
}

.bronze-ico{
    background-image: linear-gradient(#786a47, #fff5dd, #786a47);
    text-align: center;
    padding: 18px;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius:15px;
    width:80%;
    line-height: 42px;
    margin: 0 auto;
    cursor:pointer;
}

.bronze-ico img{
	float:left;
}

.silver-ico{
	background-image: linear-gradient(#afafaf, #ffffff, #afafaf);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 15px;
	width:80%;
    margin:0 auto;
    cursor:pointer;
}
.gold-ico{
	background-image: linear-gradient(#ffcb6d, #ffffff, #ffcb6d);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:15px;
	width:80%;
    margin:0 auto;
    cursor:pointer;
}
.platinum-ico{
	background-image:linear-gradient(#646575, #ffffff, #646575);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:15px;
    width:80%;
    cursor:pointer;
	margin:0 auto;
}

.year-sel{
	padding: 30px 10px 30px 10px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
}

.table thead th{
	text-align:center;
	text-transform:uppercase;
}
.table thead th{
	background: #f7f7f7;
}
.ben-of-war ul li{
	display:block;
    line-height: 42px;
    border: 1px solid #ccc;
    border-bottom: 0px;
	padding: 2px 10px 0px 10px;
}
.ben-of-war ul li:last-child{
	border-bottom:1px solid #ccc;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007fc1;
}

.post-enq{
	padding: 10px;
	text-align: left;
	line-height: 28px;
}
.war-sub{
	text-align:center;
}

.harman-contact{
	margin: 0px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
}

.harman-contact p{
    margin:0px;
    font-size: 22px;
}

.harman-contact p span{
    color: #19ade6;
    font-size: 23px;
}

.har-war-dis p{
	margin:0px;
}

.har-war-dis span{
	font-weight:600;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.har-cont-details{
	text-align:center;
}
.har-cont-details ul li{
	display: inline-block;
	padding: 10px 40px 10px 40px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-bottom:10px;
}

footer{
	background: #2c2c2c;
    padding: 10px;
    color: #fff;
    margin-top:30px;
    padding-top: 50px;
}

.foot-ico{
	text-align:center;
}

.foot-ico p{
	margin:0px;
	padding: 30px;
	font-size: 13px;
}

.foot-ico p a{
	color:#fff;
}

.foot-ico p i{
	font-size:24px;
	margin-right:10px;
}

.har-cont-details i{
	color:#009ff2;
}


.navbar-fixed-top{
position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0px;
	box-shadow:0px 5px 5px -4px rgb(0 0 0 / 8%);
}

.har-war-dis{
    text-align:center;
    padding-bottom: 30px;
}

table td a{
	color:#000;
}

table td a:hover{
	color:#585858;
	text-decoration:none;
}
.form-control{
	border-radius:0px !important;
}

.form-control:focus{
	background: #fafafa;
    border-color: #999999;
    outline: none;
	box-shadow:none !important;
}

.year-sel p{
	font-size: 12px;
	font-weight: 100;
	text-transform: capitalize;
	margin: 0px;
}

@media (max-width:767px){
	.war-login{
		margin-bottom: 10px !important;
		margin: 0px;
		text-align: center;
		margin-top: 13px;
    }
    .sp0{
        padding:5px !important;
    }
	
	.war-cont p{
		font-size:22px;
		line-height: 27px;
	}	
	.shield-ico{
		display:none;
	}

	.platinum-ico{
		width:94%;
	}
	.bronze-ico, .silver-ico, .gold-ico, .platinum-ico{
		width: 100%;
		font-size: 24px;
	}
	.table td, .table th{
		padding: 0.5rem;
	}
	/*#tab-select{
		background: #04629f;
		padding: 10px;
		width: 100%;
		color:#fff;
    }*/
    .tab-button-outer{
        display:block;
    }
    #tab-select{
        display:none;
    }

	.war-ser-add{
		width:100%;
	}
	.har-cont-details ul li{
		width:100%;
	}
	.war-sub-btn, .war-can-btn{
		float:none;
		margin-top:10px;
	}
	.war-can-btn input{
		margin:0px !important;
	}
	.war-policy-btn{
		margin-bottom: 10px;
	}
	.foot-ico p{
		padding:10px;
	}
	.sel-city select{
		width:92% !important;
	}
	/*.autocomplete{
		margin-top:60px;
    }*/
    #standard_warranty{
        height:auto !important;
    }
    .war-policy-btn, .war-policy-btn .button, .war-can-btn .button, .war-sub-btn .button{
        width:100% !important;
    }
    .war-pro-reg-pack{
        border-right:1px solid #ccc;
    }
    .z3{
        z-index:3;
    }
    .z2{
        z-index:2;
    }
    .z1{
        z-index:1;
    }
    .sel-city select{
        position:relative !important;
    }
    .war-tab-bg .nav-item{
        width:100%;
    }
    .war-tab-bg .nav-tabs .nav-item a{
        border-bottom:1px solid #ccc;
    }
    #one img{
        width:100%;
        border:1px solid #ccc !important;
    }
    .war-detail-tabs .tab-content .col-md-6, .war-detail-tabs .tab-content .col-sm-12, .war-detail-tabs .tab-content .col-xs-12{
        padding:0px;
    }
    .warr-tr-head{
        font-size: 12px;
    }
    .dash-tracking{
        overflow: scroll;
      }
      .pur-brand-detail {
        overflow: scroll;
    }
    .har-war-login-form{
        padding:0px !important;
    }

    .har-login-page{
        background-size:auto !important;
    }
    .sign-up-page-stop-01 .cw{
        width:100% !important;
    }
    .sign-up-page .cw{
        width:100% !important;
    }

    
}



@media screen and (min-width:768px) and (max-width:1023px){
    .har-war-login-form {
        padding: 0px !important;
    }
    .har-war-login-form .war-policy-btn{
        width:47% !important;
    }
}


@media only screen and (width:1024px){
	.war-login{
		width: 99px;
    }
    .har-war-login-form .war-policy-btn{
        width:46% !important;
    }
    .har-login-nav-sec .container{
        max-width: 720px;
    }
}


/*--------Inner-Section-End---------*/

.war-pro-pack1 #foo .tooltip{
    background:#ccc !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

.cus-log{
	float: left;
    width: 9%;
}

.cus-log img{
	width: 100%;
}


.har-war-dis img{
	width:40%;
}

.har-war-dis p{
	color: #000;
    font-size: 18px;
    padding-top: 10px;
}






.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    width: 88%;
    left: 15px;
    right: 0;
    margin-top: -16px;
  }
  
  .autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color:#f7f7f7 ; 
	border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
	background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
	background-color: DodgerBlue !important; 
	color: #ffffff; 
  }




  .sel-city select {
    position:absolute;
	z-index: 1;
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}
.sel-city .selectOpen {
    z-index:9;
    background: #f9f9f9;
	color: #000;
	height:200px;
}


.service_address .sub-head p{
    background: #fbfbfb;
    font-size: 19px;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0px;
}

.service_address input[type=radio]{
    float: inherit !important;
    margin-top: 5px;
    margin-right: 10px;
}


.tc-foot ul li{
    display: inline;
}
.tc-foot ul{
    margin:0px;
}

.tc-foot ul li i{
    color:#009ff2;
}

.tc-foot{
    text-align: center;
    background: #fbfbfb;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}



.foo{
    background:#f00;
}







#footer {
	background: #2c2c2c;
	font-size: 1.0625rem;
	font-weight: 400;
	color: white
}

#footer .social-links {
	padding-top: 20px
}

#footer a {
	color: #F9F9F9;
	padding: 0 3px
}

#footer a:hover {
	color: #AAAAAA
}

.sub-footer {
	padding-top: 20px
}

.sub-footer p {
	font-size: 1.0625rem;
	font-weight: 400 !important;
	color: white
}

.sub-footer p .small {
	font-size: 0.75rem;
	font-weight: 400;
	color: #AAAAAA
}

.f-right{
    float: right;
    width: 100%;
    padding-top: 30px;
}




#standard_warranty{
    height:400px;
}

.error{
    color: #f00;
    margin-top: -5px;
    display: block;
    margin-bottom: 6px !important;

}


footer a, footer a:visited {
    color: #fff;
}


footer .lang-btn {
    line-height: 1;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    margin-bottom: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ada_comp {
    margin-top: 5px;
    color: #aeaeae;
    font-size: 12px;
}


footer ul.nav li a:hover, footer ul.nav li span:hover, footer ul.nav li a:hover, footer ul.nav li span:hover, footer .copyright a:hover, footer ul li a:hover, footer ul.nav li a:focus, footer ul.nav li span:focus, footer ul.nav li a:focus, footer ul.nav li span:focus, footer .copyright a:focus, footer ul li a:focus, .resposive-text-center a:hover {
    background-color: transparent;
    color: #716f71;
    text-decoration: none;
}









.ttp {
    text-transform: uppercase;
    color: #555;
    cursor: pointer;
    font-size: 20px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    width: 200px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
    z-index: 999;

  }
  
  .ttp .tooltip {
    background: #fbfbfb;
    top: 100%;
    border:1px solid #ccc;
    color: #000;
    display: block;
    left:0px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    width: 100%;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            margin-top:10px;
  }
  
  /* This bridges the gap so you can mouse into the tooltip without it disappearing */
  .ttp .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
  }  
  
  /* CSS Triangles - see Trevor's post */
  .ttp .tooltip:after {
    content: ""; 
    position: absolute; 
    bottom: 100%; 
    left: 50%; 
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid; 
    border-color: transparent transparent #04629f  
                transparent; 
  }
    
  .ttp:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  
  /* IE can just show/hide with no transition */
  .lte8 .ttp .tooltip {
    display: none;
  }
  
  .lte8 .ttp:hover .tooltip {
    display: block;
  }

  .tooltip i{
      color:#006499;
      padding-right:5px;
  }

  marquee i{
      color:#009ff2;
  }



  /*------Success-Page-Start-----*/

  .war-succ p i{
    display: block;
    font-size: 70px;
    color: #00f25b;;
  }
  .war-succ p{
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    margin: 0px;
    text-transform: uppercase;
  }

  .war-succ p span{
    display: block;
    font-size: 15px;
    font-weight: 100;
  }

  .war-succ{
    padding:54px 10px 10px 10px;
  }

  .war-success-page .war-sub-btn{
      text-align: center !important;
      float:none !important;
  }


  .war-success-page .war-pro-reg-form-bg, .war-success-page .war-pro-reg-form{
    height: 351px;
  }

   .war-success-page .war-pro-reg{
    padding: 131px 10px 10px 50px !important;
  }



  /*------Success-Page-End-----*/


  /*------Failed-Page-End-----*/

  .pay-fail i{
      color:#f13f40 !important;
  }

  /*------Failed-Page-End-----*/


    /*------Feedback-Page-Start-----*/

.war-feedback-page .war-pro-reg-form-bg{
    background-color: #04629f;
    background-image: url(../img/war-feedbac-cont-bg-img.png);
    background-size: cover;
}

  .war-feedback-page .war-pro-reg-form-bg, .war-feedback-page .war-pro-reg-form{
    height: 187px;
  }
  .war-feedback-page .war-pro-reg{
    padding:79px 10px 10px 10px;
    text-align: center;
  }
  .war-feedback-page .war-pro-reg p{
      font-size:31px;
  }

  .war-feedback-page .war-pro-reg-form{
      background:#04629f;
      border:0px;
      padding:0px;
  }

  .war-feedback-page .war-succ{
      padding:0px;
  }

  .war-feedback-page .war-succ img{
      width:100%;
  }


  .table-bordered tbody tr:nth-of-type(odd) {
    background-color:rgb(189 189 189 / 5%);
}


/*----stars----*/
.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    padding: 0px 0px 0px 49px;
    display: inline-block;
}
.user-rating input {
    opacity: 0;
    position: relative;
    left: -15px;
    z-index: 2;
    cursor: pointer;
}
.user-rating span.star:before {
    color: #777777;
    content:"";
    /*padding-right: 5px;*/
}
.user-rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
}
.user-rating span {
    margin-left: -15px;
}
.user-rating span.star:before {
    color: #777777;
    content:"\f006";
    padding-right: 5px;
}
.user-rating input:hover + span.star:before, .user-rating input:hover + span.star ~ span.star:before, .user-rating input:checked + span.star:before, .user-rating input:checked + span.star ~ span.star:before {
    color: #ffd100;
    content:"\f005";
}

.selected-rating{
    color: #ffd100;
    font-weight: bold;
    font-size: 3em;
}

.war-feedback-page .war-sub-btn{
    text-align: center !important;
    float: none;
}

.mBot10{
    margin-bottom:10px !important;
}

.mBot20{
    margin-bottom:20px;
}

@media (max-width:767px){
    .table-bordered td, .table-bordered th{
        width: 50%; 
    }
 
    .user-rating{
        padding:0px;
    }
    .table td, .table th{
        vertical-align: middle !important;
    }

    .user-rating span.star:before{
        padding:0px;
    }
    .war-feedback-page .war-pro-reg-form-bg, .war-feedback-page .war-pro-reg-form{
        height:80px;
        margin-bottom: 20px;
    }
    .war-feedback-page .war-pro-reg{
        padding: 19px 10px 10px 10px;
    }
    .war-feedback-page .war-succ img, .war-feedback-page .war-pro-reg-form, .war-quote-page .war-succ img{
        display:none;
    }

    .war-feedback-page-N .war-pro-reg-form-bg, .war-feedback-page-N .war-pro-reg-form{
        height:80px;
        margin-bottom: 20px;
    }
    .war-feedback-page-N .war-pro-reg{
        padding: 19px 10px 10px 10px;
    }
    .war-feedback-page-N .war-succ img, .war-feedback-page-N .war-pro-reg-form, .war-quote-page .war-succ img{
        display:none;
    }
    .table td:first-child{
        width:30% !important;
    }
    .table td:last-child{
        width:70% !important;
        padding:0px;
    }

    #user-rating-form{
        text-align: right;
    }
    .quote-details{
        overflow: scroll;
    }
    .user-rating span.star{
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        z-index: 1;
    }
    .ivoice-tab table td {
        padding-left: 10px !important;
    }
}

@media only screen and (width:768px){
    
    .feedback-rating .table-bordered td:first-child{
        width:50%;
    }
    .feedback-rating .table-bordered td:last-child{
        width:50%;
    }
    #user-rating-form{

    }
    #one img{
        min-height: auto !important;
    }
    .wrapper .table td{
        padding: 2px !Important;
    }
}

@media (min-width:1024px){
    .ttp .tooltip{
        left: -35px;
        width: 140%;
        line-height: 16px;
        font-size: 12px;
    }
}

@media only screen and (width:1024px){
    .user-rating{
        padding:0px;
    }

    .feedback-rating .table-bordered td:first-child{
        width:50%;
    }
    .feedback-rating .table-bordered td:last-child{
        width:50%;
    }
    #user-rating-form{
        margin-left: 70px !important;
    }
}




    /*------Feedback-Page-End-----*/

    /*------Quote-Page-Start-----*/

.quote-details .table thead th{
    background: #646464;
    color: #fff;
    font-weight: 100;
}
.quote-details .table-bordered td{
    height:40px;
}
.FoatL{
    float:left !important;
}

.FoatR{
    float:right !important;
}


@media (max-width:767px){
.war-quote-page .war-pro-reg-form{
    display:none;
}
.war-quote-page .war-pro-reg-form-bg{
    height: 80px;
}
.war-quote-page .war-pro-reg{
    padding: 19px 10px 10px 10px;
}
.war-feedback-page .war-sub-btn{
    width:100%;
}
.war-feedback-page .war-can-btn{
    width:100% !important;
}
.war-feedback-page-N .war-sub-btn{
    width:100%;
}
.war-feedback-page-N .war-can-btn{
    width:100% !important;
}
}

    /*------Quote-Page-End-----*/



@media screen and (min-width:640px) and (max-width:823px){
    .war-pro-reg-pack{
        max-width: 50%;
    }
    .war-cont p{
        font-size: 12px !important;
    }
    .navbar-brand img {
        width: 55%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar-brand{
        width:16%;
    }
    .container, .container-md, .container-sm {
        max-width: 780px !important;
    }
    .war-pro-reg-form-bg, .war-pro-reg-form{
        max-width: 100% !important;
        flex:100% !important;
    }
    .war-pro-reg-form-bg{
        height: 71px;
    }
    .war-pro-reg {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 42px;
        padding: 17px 10px 10px 0px;
    }
    .war-inn {
        margin-top: 102px;
    }
    .ttp{
        width:100%;
        font-size: 14px;
        padding:10px;
    }
    .bronze-ico img{
        float:none;
        width: 30%;
    }
    .bronze-ico{
        line-height: 21px;
    }
    .silver-ico img, .gold-ico img, .platinum-ico img{
        width: 30%;
    }
    .war-pro-pack, .war-pro-pack1{
        padding: 7px;
    }

}


@media screen and (min-width:600px) and (max-width:750px){
    .war-cont{
    position: absolute;
    padding-left: 20%;
}
}

@media (max-width: 480px) {
    .navbar-brand{
        width:60%;
    }
    .war-cont p {
        font-size: 15px;
        line-height: 18px;
        padding-top: 10px;
    }
    .war-pro-reg{
        padding: 14px 10px 9px 10px;
        font-size: 20px;
    }
    .war-pro-reg-form-bg{
        height: 76px;
     margin-bottom: 10px;
    }
    #tab-button li {
        display: inline-block;
        width: auto !important;
    }
    #tab-button li a{
        padding: 9px;
        font-size: 13px;
    }
  
}

@media screen and (min-width:568px) and (max-width:599px){
    .navbar-brand img {
        width: 40%;
    }
    .war-pro-reg-form-bg{
        height: 71px;
    }
    .war-pro-reg{
        padding: 18px 10px 10px 50px;
    }
}




.war-feedback-page-N .war-pro-reg-form-bg, .war-feedback-page-N .war-pro-reg-form{
    height: 187px;
}

.war-feedback-page-N .war-pro-reg-form-bg {
    background-color: #04629f;
    background-image: url(../img/war-feedbac-cont-bg-img.png);
    background-size: cover;
}
.war-feedback-page-N .war-succ img {
    width: 100%;
}
.war-feedback-page-N .war-succ {
    padding: 0px;
}
.war-feedback-page-N .war-pro-reg {
    padding: 79px 10px 10px 10px;
    text-align: center;
}

.war-feedback-page-N .war-pro-reg-form {
    background: #04629f;
    border: 0px;
    padding: 0px;
}


.prg>.war-pro-reg-form {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    margin-bottom: 30px;
}

.ttp p{
    margin:0px;
}

.choi-cont{
    text-align: center;
    background: #fbfbfb;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.choi-cont h3{
    color:#000;
}

.p0{
    padding:0px !important;
}

.tac{
    text-align: center;
}


/*----------------------Dashboard-Start-----------------------*/

/*----Main-Start---*/

.har-dash-nav{
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.har-dash-nav .navbar-light{
    padding:0px;
}


.har-dash-nav .navbar li{
    border-right: 1px solid #ccc;
    display: table-cell;
    width: 21%;
    text-align: center;
}
.har-dash-nav .navbar li:last-child{
    border-right:0px !Important;
}


.har-dash-nav .nav-item a {
    padding:15px !important
}

.har-dash-nav .navbar-nav{
    width:100%;
}

.har-dash-nav .nav-item .active{
    border-bottom-color: transparent;
    background: #04629f !important;
    color: #fff !important;
}
.har-dash-nav .nav-item:hover{
    border-bottom-color: transparent;
    background: #f1f1f1;
    color: #fff !important;
}

.har-dash-nav .nav-item img{
    width:22px;
    height:14px;
    background:#f00;
}

.dash-subhead{
    background:#545454;
    padding:13px;
    width:100%;
    margin-bottom: 20px;
}
.dash-subhead p{
    color:#fff;
    display:inline;
    font-size: 15px;
    text-transform: Uppercase;
}
.dash-subhead span{
    color:#fff;
    float:right;
    line-height: 23px;
    font-size:10px;
}


.icon h3{
    margin: 0px;
}

.icon5{
    background:#fcfcfc;
    border:2px solid #efefef;
    padding:25px 15px 35px 15px;
}

.taC {
    text-align: center !important;
}
.nopadding {
    padding: 0px !important;
}

.icon h3 {
    color: #303435;
    font-weight: 600;
    font-size: 22px !important;
    text-align: left;
    text-transform: uppercase;
}

.icon .col-md-3{
    float:left;
    text-decoration: none;
}

.icon .col-sm-9 {
    width: 75%;
}
.icon p {
    color: #424242;
    font-size: 15px;
    text-align: left;
    margin:0px;
    text-decoration: none;

}

.dash-ico-sec img{
    margin-top: -11px;
}

.icon .col-md-3:hover, .icon p:hover{
    text-decoration: none !Important;
}


@media screen and (min-width: 320px) and (max-width: 640px){
    .icon h3, .icon p{
        text-align: center;
    }
    .dash-ico-sec img{
        padding-bottom:10px;
    }
}

@media screen and (max-width:736px){
        .icon h3, .icon p{
        text-align: center;
    }
}

/*----Main-Start---*/

.pre-meth-cont h3{
    font-size: 15px !important;
    text-decoration: underline;
}

.pre-meth-cont{
    margin-top:30px;
}

.pre-meth-cont .mb-3{
    margin-bottom:10px !important;
}
.fLn{
    float:none;
}
.icon5 p{
    margin:0px;
}

.pur-invoi-detai{
    padding-top:20px;
}

.ivoice-tab table td{
    padding:10px;
}

.ivoice-tab table tr:last-child{
    background:#fbfbfb;
}

.ivoice-tab{
margin-top:10px;
}

.pur-brand-detail table th{
    background:#414141;
    color:#fff;
    font-weight: 100;
    text-align: left;
}

.pur-section .icon5{
    padding:10px;
    text-transform: uppercase;
}

@media screen and (max-width:812px){
    .har-dash-nav .navbar li{
        width:100%;
    }
    .har-dash-nav{
        margin-top: 11px;
        border:0px;
    }
    .har-dash-nav>.bg-light {
        background:#fff !important;
    }
    .navbar-toggler:focus{
        background:#fff;
    }
    .har-dash-nav .navbar li{
        border:0px;
    }
}

.war-detail-tabs{
    margin-top:10px;
}


.view-pro-list{
    margin-top:20px;
}
.wrapper { 
    overflow:hidden;
  }
  
  .wrapper div {
    height:auto;
  }
.wrapper #one{
    padding:0px;
  }
  #one {
    float:left; 
    width:auto;
  }
  #one img{
    min-height: 129px;
    border: 1px solid #ccc;
    border-right: 0px;
  }

  #two { 
    background-color: white;
    overflow:hidden;
  }

  .wrapper .table td{
    /*padding:5px;*/
  }
.wrapper .table tr th{
    padding:5px !important; 
  }
  .wrapper .table{
      margin:0px;
  }
  .wrapper .table tr th{
    padding:10px 17px 7px 16px !important;
    border-top:0px;
  }
  .three{
      background:#888888;
      color:#fff;
      padding:5px;
  }
  .three p{
      margin:0px;
  }

  .war-tab-bg{
      width:100%;
      background:#fcfcfc;
      border:1px solid #efefef;
  }
  .war-tab-bg .nav-tabs{
      border:0px;
  }

  .war-ad-pro .button{
    background: #04629f;
    border: 1px solid #04629f;
    padding: 9px;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .war-ad-pro .button:hover{
      background:#f7f7f7;
      color:#000;
  }

  .war-tab-bg-right select{
    padding: 8px;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .war-tab-bg-right{
      float:right;
  }

  .war-tab-bg .nav-tabs .nav-item a{
    color:#000;
    border-right: 1px solid #efefef;
  }

  .war-tab-bg .nav-tabs .nav-link.active, .war-tab-bg .nav-tabs .nav-link:focus{
    border-radius: 0px !important;
    background-color: #04629f;
    color: #fff;
    border: 1px solid #04629f;
  }
  
  @media screen and (max-width: 400px) {
     #one { 
      float: none;
      margin-right:0;
      width:auto;
      border:0;
      border-bottom:2px solid #000;    
    }
  }


  .search-container input[type=text] {
    padding: 6px;
    font-size: 12px;
    width: auto !important;
    display: inline-block;
    margin: 0px;
    height: 34px;
    margin-top: 3px;
  }

  .search-container button {
    float: right;
    padding: 4px 10px;
    background: #545454;
    font-size: 17px;
    border: none;
    cursor: pointer;
    margin-top: 3px;
    height: 34px;
  }


  /*-----Tracking-Start---*/
    .war-ad-pro{
        margin-right:2px;
    }
  #customers {
    border-collapse: collapse;
    width: 100%;
  }
  
  #customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  #customers tr:nth-child(even){background-color: #fff;}
  
  #customers tr:hover {background-color: #f5f5f5;}
  
  #customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04629f;
    color: white;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 13px;
  }

  .warr-track-edit i{
    color:#277aab;
  }
  .warr-track-view i{
    color:#32c605;
  }

  .warr-tr-head{
    padding:11px 9px 6px 9px;
    margin: 0px;
    text-transform: uppercase;
  }

    /*-----Tracking-End---*/

.pur-brand-detail .table td{
    padding:6px;
}



/*------Login---Start-------*/

.har-login-page{
    background-image:url(../img/login-bg.jpg);
    width:100%;
    background-size: cover;
    height:100%;
    position: absolute;
}
.jumbotron.vertical-center {
    margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
  }
  
  .har-login-page .vertical-center {
    min-height: 100%;  /* Fallback for vh unit */
    min-height: 100vh; /* You might also want to use
                          'height' property instead.
                          
                          Note that for percentage values of
                          'height' or 'min-height' properties,
                          the 'height' of the parent element
                          should be specified explicitly.
    
                          In this case the parent of '.vertical-center'
                          is the <body> element */
  
    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    
    /* Align the bootstrap's container vertically */
      -webkit-box-align : center;
    -webkit-align-items : center;
         -moz-box-align : center;
         -ms-flex-align : center;
            align-items : center;
    
    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

           -webkit-box-pack : center;
              -moz-box-pack : center;
              -ms-flex-pack : center;
    -webkit-justify-content : center;
            justify-content : center;
  }
  
  .jumbotron{
      background:none !important;
  }

  .har-war-login-form .form-control{
      font-size: 14px;
  }

  .har-war-login-form{
    padding-left: 50px;
    padding-right: 50px;
  }

  .wel-har-cont h3{
    text-transform: uppercase;
    font-weight: 600;
  }

  .wel-har-cont img{
    width: 23%;
    margin-bottom: 17px;
  }

  .har-war-login-form h3{
    font-size: 19px !important;
    text-transform: uppercase;
    font-weight: 600;
  }

  .har-war-login-form h3 i{
      color:#257aa8;
  }

.har-war-login-form .btn-black{
    width: 40%;
    background: #009ff2 !important;
    border-radius: 0px;
    color: #fff !important;
}

.har-war-login-form .btn-secondary{
    width: 40%;
    background: #191919 !important;
    border-radius: 0px;
    color: #fff !important;
}
.fL{
    float:left;
}

.har-war-login-form .war-policy-btn .button{
    width:100%;
    text-transform: uppercase;
}

.har-war-login-form .war-can-btn .button{
    width: 49%;
    text-transform: uppercase;
}

.har-war-login-form .war-can-btn{
    width:100%;
}

.har-war-login-form .war-policy-btn{
    width:48%
}

.har-war-login-form .bottom-action{
    padding-top:10px;
}
.har-war-login-form .bottom-action a, .har-war-login-form .bottom-action label{
    color:#4d4d4d !important;
    font-size:12px;
}

.har-login-nav{
    text-align: right;
    z-index: 999;
}

.har-login-nav ul li{
    list-style: none;
}
.har-login-nav ul {
    display: inline-flex;
    position: absolute;
}

.har-login-nav a{
    color:#000 !important;
    font-size: 12px;
}



.har-dash-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background:none;
    color: 000;
    text-align: center;
 }

 .har-dash-copy ul li{
     list-style: none;
     display:inline;
 }


 .har-dash-copy p{
    margin:0px;
    font-size: 12px;     
}

.har-dash-copy li a{
    color:#000;
    font-size: 12px;
}

.wel-bot-ico{
    width:100%;
    height:2px;
    background:#f00;
}
.title-line {
    display: block;
    width: 9%;
    height: 7px;
    background: #009ff2;
    margin: 0 auto;
    margin-bottom: 2%;
}

.har-war-login-form .war-policy-btn .button{
    background-color: #009ff2 !important;
    border:1px solid #009ff2;
    padding: 8px;
}

.har-war-login-form .war-policy-btn .button:hover{
    background:#fff;
    border:1px solid #009ff2;
}



@media(max-width: 568px){
/*section{
    display: table !important;
}*/
.har-login-page .vertical-center{
    min-height:auto !Important
}
.har-login-nav{
    text-align: left !important;
}
.har-dash-footer{
    position: relative;
}
.sign-up-page .cw{
    width:100% !Important;
}
.sign-up-page .vertical-center{
    height:auto;
}
.sign-up-page-stop-01 .cw{
    width:100% !Important;
}
}

@media screen and (min-width:640px) and (max-width:823px){
    .har-login-nav ul{
        position:inherit;
    }
    .har-dash-footer{
        position:relative;
    }


}

.har-war-login-form .war-can-btn .button{
    background:#191919 !important;
    color:#fff !Important;
    padding: 8px;
}

@media screen and (min-width:667px){
    .wel-har-cont p{
        padding: 10px 30px 10px 30px;
    }
    .wel-har-cont{
        border-right: 1px solid #ccc;
    }
   
}
/*------Login---End-------*/



/*------Signup---Start-------*/
        .sign-up-page .cw{
            width: 50%;
            background: #fff;
            border: 1px solid #ccc;
            border-bottom: 5px solid #009ff2;
            padding: 30px 10px 20px 10px;
        }

        .sign-up-page-stop-01 .cw {
            width: 50%;
            background: #fff;
            border: 1px solid #ccc;
            border-bottom: 5px solid #009ff2;
            padding: 30px 10px 20px 10px;
        }
        .sign-up-page-stop-01 .har-war-login-form {
            padding-left: 20px;
            padding-right: 20px;
        }
        .sign-up-page-stop-01 .har-war-login-form .form-group p{
            text-align: left;
            font-size: 11px;
            line-height: 11px;
            margin-top: 7px;
            color: #848484;
        }

        .signup-war-can-btn .button {
            background: #fff !important;
            border: 1px solid #cdcdcd;
            color: #000;
        }

        .signup-war-can-btn input{
            margin:0px;
        }

        .sign-up-done{
            background: #fbfbfb;
            border: 1px solid #ccc;
            padding: 10px;
        }
        .sign-up-done h2{
            text-transform: uppercase;
            font-weight: 600;
            margin: 0px;
        }
        .sign-up-done p{
            margin:0px;
        }
        .fN{
            float:none;
        }
        
.war-tab-heightlight{
    color:#69da15;
}
.tab-more-btn a{
    background: #fff;
    padding: 3px 5px 3px 5px;
    color: #000 !important;
    font-size: 11px;
    border: 1px solid #ccc;
}
.tab-more-btn a:last-child{
    background:none;
}
.tab-more-btn a i:last-child{
    color:#04629f !important;
}
.tab-more-btn a i:first-child{
    color:#fff;
}

.sp0{
    padding:0px !important;
}

.feedback{
    border-radius: 15px !important;
    margin: 10px 2px 10px 2px !important;
    padding: 0.75rem 0.25rem 0.75rem 0.25 rem !important;
    font-size: 0.75rem !important;
}
#Quote{
    border-radius: 15px !important;
    margin: 10px 2px 10px 2px !important;
    padding: 0.75rem 0.25rem 0.75rem 0.25 rem !important;
    font-size: 0.75rem !important;
}

/*------Signup---End-------*/
/*----------------------Dashboard-End-----------------------*/