/*=================================

Common Css

==================================*/

html, body {

	width: 100%;

	height: 100%;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	

}

body {

	margin: 0px;

	padding: 0px;

	font-size: 15px;

	color: #000;

	background: #000;

}

a {

	text-decoration: none;

	color: #fff;

}

a:hover {

	color: #1a5761;

}

h1 {

	color: #000;

	font-size: 24px;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

}

h2 {

	color: #000;

	font-size: 26px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

}

h4 {

	color: #000;

	font-weight: normal;

	font-size: 14px;

	margin: 0px;

	padding: 0px;

}

p {

	line-height: 20px;

	color: #000;

}

a img {

	border: 0px;

}

ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

.page {

	position: relative;

	width: 100%;

	float: left;

	height: 100%;

}

.black,.orange, .red{

	padding:2px 10px;

	color:#000;

	background:#3D3D3D;

	border-radius:3px;	

}

.orange{

	background:#F99531;

}

.red{

	background:#EC0606;	

}

.clock{

	width:50px;

	height:auto;

	padding:0px;

	float:left;

	text-align:center;

}

/*=================================

					HEADER START

==================================*/

.full-warpper {

	width: 100%;

	margin: 0;

	display: table;

}

.header {

	width: 100%;

	float: left;

  background-color:#1a5761;

	border-top:1px solid #ccc;

}

.logo {

	float: left;

	margin: 4px 0px 4px 10px;

	text-align:center;

}

.logo img

{

	margin-bottom:5px;

}

.header-right {

	float: right;

}

.welcome {

	float: left;

	margin: 15px 5px;

}

.user {

	float: left;

}

.user img {

	float: left;

	width: 29px;

	height: 29px;

}

.user span {

	float: left;

	color: #000000;

	margin: 5px;

}

.user span strong {

	float: left;

	color: #ff3f3f;

	margin-right: 5px;

	font-weight: normal;

}

.button {

	float: right;

}

.button a {

	float: left;

	background: #fff;

	text-align: center;

	color: #FFF;

	padding: 5px 10px;

	font-size: 23px;

}

.button a:hover {

	background: #1a5761;

}

/*========================

	LEFT NAV START

=========================*/

.left-nav {

	width: 225px;

	height: 100%;

	background: #3d3d3d;

}

.left-nav ul {

	float: left;

	width: 100%;

	margin-top: 20px;

}

.left-nav ul li {

	float: left;

	border-bottom: solid 1px #5c5c5c;

	width: 100%;

}

.left-nav ul li a {

	padding: 5% 10%;

	float: left;

	width: 80%;

	color: #7d7d7d;

}

.left-nav ul li a img {

	float: left;

	margin-top: 2px;

	opacity: 0.4;

	filter: alpha(opacity=40);

	margin-right: 5px;

}

.left-nav ul li a span {

	float: left;

}

.left-nav ul li:hover {

	background: #323131;

}

.left-nav ul li.active {

	background: #FF3F3F url(../images/active.png) no-repeat right center;

}

.left-nav ul li.active a {

	color: #1a5761;

}

.left-nav ul li.active a img {

	opacity: 1.0;

	filter: alpha(opacity=100);

}

.container {

	float: right;

	display: none;

}

/*========================

	MIDDLE SECTION START

=========================*/

.middle {
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.heading {

    display: inline-block;

    float: left;

    width: 100%;

}

.left-nav, .section {

	display: table-cell;

	vertical-align: top;

}

.section {

	/*padding: 1%;

	width: 81%;*/

	padding: 1%;

	width: 88%;

	display: block !important;

	margin:0px auto;

}

.heading h1, .heading h4 {

	display: inline-block;

	margin-right: 10px;

	vertical-align: middle;

}

.breadcrumbs {

	background: #EEE;

	width: 100%;

	float: left;

	margin: 20px 0px;

}

.breadcrumbs ul {

	float: left;

	margin: 8px;

}

.breadcrumbs ul li {

	float: left;

	padding-right: 10px;

	background: url(../images/arrow.png) no-repeat right center;

	margin-right: 4px;

}

.breadcrumbs ul li.last {

	background: none;

}

.current-date {

	float: right;

	background: #FF3F3F;

	padding: 5px 8px;

}

.current-date img {

	float: left;

	margin: 3px;

}

.current-date span {

	float: left;

	color: #FFF;

}

.dta-table {

	width: 100%;

	float: left;

	margin: 15px 0;

}

.left {

	float: left;

}

.right {

	/*float:right;*/

}

/*========================

	TABLE SECTION START

=========================*/

.search-box {

	float: left;

	position:relative;

}

.search-box input[type="submit"]

{

	background: url(../images/search.png) no-repeat right center;

	border:none;

	height:38px;

	width:25px;

	cursor:pointer;

	position:absolute;

	right:5px;

	top:2px;

}

.claims .search-box{margin-right:20px;}

.claims .search-box input[type="submit"]{

	top:25px;

}

.claims .search-box label{display:block;margin-bottom: 10px;}

.claims .search-box #span1,.claims .search-box #span2,.claims .search-box #span3

{

	height:38px;

	width:25px;

	cursor:pointer;

	position:absolute;

	right:0px;

	top:35px;

	display:none;

}

.search-box input[type="submit"]:hover

{

	background: url(../images/search-focus.png) no-repeat right center;

}

.search-box input[type="text"], .search-box select {

	border: solid 1px #ccc;

	padding: 10px 25px 10px 10px;

	width: 200px;

	

}



.search-box select {

	width: 220px;

	height: 39px;

	

}

.search-box input[type="text"]:focus {

	border: solid 1px #FF3F3F;

	

}

.autosearch{

	display: none;

  width: 217px;

  max-height: 250px;

  overflow-y: auto;

  padding: 5px 10px;

  position: absolute;

  background-color: #444444;

}

.color-button {

	display: inline-block;

}

.color-button a {

	background: #FF3F3F;

	padding: 10px 15px;

	text-align: center;

	color: #FFF;

	text-transform: uppercase;

	display: inline-block;

}

.color-button a:hover {

	background: #212121;

}

.edit, .delete, .view, .ask, .help, .decision, .reset{

	margin-right: 2px;

	margin-bottom:3px;

	display: inline-block;

}

.view {

	background: url(../images/search_dark.png) no-repeat center;

	width: 20px;

	height: 20px;

}

.view:hover {

	background: url(../images/search-focus.png) no-repeat center;

}

.edit {

	background: url(../images/action.png) no-repeat right top;

	width: 20px;

	height: 20px;

}

.edit:hover {

	background-position: right bottom;

}

.delete {

	background: url(../images/action.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.delete:hover {

	background-position: left bottom;

}

.ask {

	background: url(../images/ask_grid.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.ask:hover {

	background: url(../images/ask_grid_focus.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.help {

	background: url(../images/help_grid.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.help:hover {

	background: url(../images/help_grid_focus.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.decision {

	background: url(../images/decision_grid.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.decision:hover {

	background: url(../images/decision_grid_focus.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.reset {

	background: url(../images/reset_grid.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.reset:hover {

	background: url(../images/reset_grid_focus.png) no-repeat left top;

	width: 20px;

	height: 20px;

}

.next_step,.submit_com,.recommendation,.reference,.stop_com,.export_submit,.export_claim{

	width: 16px;

	height: 16px;

	display: inline-block;

}

.next_step {

	background: url(../images/next.png) no-repeat left top;

	

}

.new-user {

	background: url(../images/new-user.png) no-repeat left top;

	width: 20px;

	height: 20px;

	margin-right: 2px;

  margin-bottom: 3px;

  display: inline-block;

}

.submit_com,.export_submit {

	background: url(../images/complaint.png) no-repeat left top;

	background-size:100%;

}

.export_submit{

	font-size:0;

	border:0;

	outline:none;

	cursor:pointer;

}

.recommendation {

	background: url(../images/recommendation.png) no-repeat left top;

	

}

.reference {

	background: url(../images/reference.png) no-repeat left top;

	

}

.stop_com {

	background: url(../images/stop.png) no-repeat left top;

}

.pagination {

	width: 100%;

	float: left;

}

.pagination ul {

	float: left;

}

/*========================

	FORM SECTION START

=========================*/

.form-div {

	float: left;

	width: 100%;

	text-align: center;

}

.form {

	display: inline-block;

	vertical-align: top;

	text-align: left;

	width: 100%;/*border: solid 1px #3D3D3D;*/

}

.form form {

	padding: 2%;

}

.form .title {

	padding: 10px;

	background: #fff;

	color: #000;

}

.form label {

	width: 100%;

	display: inline-block;

	margin-bottom: 5px;

}

.form input[type="text"], .form textarea, .form select, .form input[type="password"] {

	width: 96%;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 5px 1%;

	/*font-style:italic;*/

	font-family: 'Open Sans', sans-serif;/*border-radius:5px;*/

	/*font-size:14px;*/

}

.form input[type="file"] {

	margin-top: 5px;

}

.form select {

	width: 100%;

}

.form input[type="text"]:focus, .form textarea:focus, .form input[type="password"]:focus {

	border: 1px solid #FF3F3F;

	box-shadow: 0px 0px 1px 0px #FF3F3F;

}

.one {

	width: 100%;

	margin-bottom: 10px;

	float: left;

}

.two {

	width: 48%;

	margin-bottom: 10px;

	display: inline-block;

	vertical-align: top;

	padding: 0px;

}

.form .button {

	text-align: right;

	margin: 10px 0px 15px;

	width: 100%;

}

#submit, #send_invitation, #cancel:hover, #agree, #appeal:hover, #reset_trigger, #mail_to_client:hover,#addnewbranch {

	background: #FF3F3F;

	padding: 7px 15px;

	display: inline-block;

	border: none;

	color: #FFF;

	cursor: pointer;

}

#submit:hover, #cancel, #send_invitation:hover, #agree:hover, #appeal, #reset_trigger:hover, #mail_to_client,#addnewbranch:hover{

	background: #212121;

	padding: 7px 15px;

	display: inline-block;

	border: none;

	color: #FFF;

	cursor: pointer;

}

.button form input{

	margin-right:10px;

}

/*========================

	DASHBARD BOX START

=========================*/

.box-section {

	width: 100%;

	float: left;

	text-align: center;

}

.box-section .box {

	width: 24%;

	display: inline-block;

	text-align: left;

	margin: 4px;

	height: 160px !important;

	max-height: 160px !important;

	min-height: 160px !important;

	vertical-align: top;

	padding:0px !important;

	border-radius:none !important;

	padding:0px !important;

}

.box-icon {

	float: left;

	padding: 1%;

}

.box-icon span {

	font-size: 80px;

	color: #FFF;

}

.box-right {

	float: right;

	text-align: right;

	padding: 4%;

}

.box-right h2 {

	font-size: 28px;

	color: #FFF;

	margin: 0px;

	padding: 0px;

}

.box-right h3 {

	font-size: 18px;

	color: #FFF;

	font-weight: normal;

	margin: 5px 0px;

	padding: 0px;

}

.more {

	width: 100%;

	display: inline-block;

}

.more a {

	background: url(../images/more.png);

	padding: 5px 3%;

	display: inline-block;

	width: 94%;

	text-align: right;

	color: #FFF;

}

.more a:hover {

	background: url(../images/more-hover.png);

}

.box-one {

	background: #28B779 !important;

}

.box-two {

	background: #852B99 !important;

}

.box-three {

	background: #FFB848 !important;

}

.box-four {

	background: #27A9E3 !important;

}

/*=======================

ADMIN MESSAGE

========================*/

.center {

	text-align: center;

	width: 100%;

}

.box1_header, .box2_header {

	background-color: #3D3D3D;

	color: #FFFFFF;

	float: left;

	padding: 5px;

	text-align: center;

	width: 98.3%;

}

.box1_header > h2 > button, .box2_header > h2 > button {

	float: right;

	margin-right: 5px;

	border-radius: 23px;

	background-color: #fff;

	border: 0px;

	height: 30px;

}

.box1_inner, .box2_inner, .box2_inner2 {

		float: left;

	width: 100%;

	margin:10px 0px;

	border-right:1px solid #ccc;

}

.box1_inner > ul, .box2_inner > ul, .box2_inner2 > ul {

	width: 90%;

	margin: 0 auto;

}

.box1_inner li, .box2_inner li, .box2_inner2 li {

	display: table;

	padding: 5px;

	width: 97%;

	border-bottom: 1px solid #E4E4E4;

}

.box1_left {

	width: 30%;

	float: left;

}

.colon {

	padding: 0px 5px;

	float: left;

}

.box1_right {

	float: left;

	width: 65%;

}

.box1_right select {

	padding: 5px;

	width: 100%;

	border: 1px solid #3D3D3D;

}

.box1_right select:hover, .box1_right select:focus {

	border: 1px solid #FF3F3F;

}

.box2_inner2 ul li form {

	margin: 10px 0px;

}

.form_submit {

	float: right;

	margin-top: 20px;

}

.form_submit > input[type="submit"] {

	background-color: #FF3F3F;

	color: #fff;

	cursor: pointer;

	padding: 5px 20px;

	border: none;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

}

.form_submit > input[type="submit"]:hover {

	background-color: #3D3D3D;

}

.box1_right p {

	margin: 0px;

}

.caption > img {

	float: left;

}

.chat_textbox {

	padding: 5px;

	width: 93%;

	border-radius: 5px;

	float: left;

	font-family: 'Open Sans', sans-serif;

}

.input-cont img {

	float: left;

	height: auto;

	margin: 5px 0 0 10px;

	width: 20px;

}

.select_person {

	background-color: #CCCCCC;

	border-radius: 5px;

	float: left;

	height: auto;

	margin-top: 20px;

	width: 100%;

	text-align: center;

}

.person_wraper {

	width: 100%;

	float: left;

}

.person1 {

	margin: 5px 15px;

	width: auto;

	float: left;

}

.person1 > img {

	float: left;

}

.person1 > label {

	float: left;

	margin: 2px 5px;

}

.person1 > span {

	float: left;

	padding: 2px 5px;

}

.person1 > input {

	float: left;

	margin-top: 6px;

}

.chat_container > .scroller {

	border: 1px solid #CCCCCC;

	border-radius: 5px;

	margin-top: 15px !important;

}

.message img {

	width: 20px;

}

.retailor {

	background-color: #FFD2FF !important;

}

.legal_admin {

	background-color: #D0EDFF !important;

}

.download_file {

	background: url(../images/attach.png) no-repeat center;

	padding: 10px;

	background-size: 20px;

}

/*==========================

 		Claim Information

============================*/

.claim_info {

  border: 0px solid #212121;

  /*border-radius: 5px;*/

  float: left;

  height: auto;

  padding: 1%;

  width:inherit; background:#eee;

}

.claim_header{

	float:left;

	width:100%;	

	background-color:#3D3D3D;

	text-align:center;

}

.claim_header > h1{

	color:#fff !important;	

}

.claim_header > h1 > i{

	margin-top:-5px;

	float:none;

	margin-right:5px;	

}

.message_inbox{

	margin-top:20px;	

}

.heading i{

	margin-top:-9px;	

}

.inbox{

	float:left;

	width:100%;	

}

.control_select select{

	width:200px;

	padding:3px;

	border:1px solid #979797;	

	margin-left:30px;

}

.control_select select option{

	padding:2px;	

}

.btn span{

	margin-top:5px;

	float:left;

}

.btn{

	cursor:pointer;	

}

.inbox-content{

	float:left;

	width:100%;

}

.admin_icon{

	float:left;

	margin-left:20px;

	margin-top:6px;	

}

/*==========================

 Toggle Box Start

============================*/



.toggle_box {

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.toggle_box_header {

	background-color: #3D3D3D;

	/*border-top: 3px solid #FF3F3F;*/

	float: left;

	width: 99%;

	padding: 0.5%;

}

.toggle_box_header > h2 > button {

	border-radius: 15px;

	float: right;

	height: 25px;

	width: 25px;

	background-color: #FFF;

	border: none;

}

.toggle_box_container {

	border: 1px solid #3D3D3D;

	float: left;

	width: 96.2%;

	padding: 1.8%;

}

.border_none {

	border: none !important;

}

.margin_left_zero {

	margin-left: 0px !important;

}

.message_section

{

	float: left;

	margin: 10px 0px;

	padding: 10px;

	width: 98%;

}

.message_section span

{

	float:left;

	margin-right:5px;

	width:20px;

	height:20px;

}

.sucess

{

	border:1px solid #090;

	background:url(../images/sucess-bg.png);

}

.sucess span

{

	background:url(../images/sucess-mark.png) no-repeat;	

}

.fail

{

	border:1px solid #FF3F3F;

	background:url(../images/fail-bg.png);

}

.fail span

{

	background:url(../images/fail-mark.png) no-repeat;	

}

.countdown_row

{

	width:100%;

	float:left;

}

.countdown_row .countdown_section

{

	float:left;

	margin:5px;

}

.countdown_row .countdown_section

{

	display:none;

}

.addimagediv

{

	border:3px solid #3D3D3D;

	margin-bottom:15px;

	display:none;

}

.addimagediv td

{

	background:#FFF !important;

}

.aligncenter

{

	text-align:center !important;

}

.sendmessage

{

	background:url(../images/send.png) no-repeat 10px center #FF3F3F !important;

	width:110px !important;

	text-align:right !important;

	font-size:18px;

	border:none;

	color:#ffffff;

	cursor:pointer;

}

.form-div textarea

{

	font-size:13px;

}

.logo_tag_line

{

	color:#FFF;

}

#retailers_full_details

{

	width:500px;

	float:left;

}



/*==========================

 MY STYLE START

============================*/

.button span.finish{

	float:left;

	margin-left:10px;

	margin-top:5px;

}

.button label.for_finish{

	width:auto;

	float:left;

	margin-left:10px;

	margin-top:5px;

	cursor:pointer;

}

.question_repeat {

    float: left;

    width: 100%;

}

.notice p{

	margin:0px;

}

.question_html_remove {

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 2px 5px;

}

.question_front ul{

	float: right;

    text-align: left;

    width: 97%;

}

.question_front > ul{

    padding: 0 3%;

	width:94%;

}

.question_front ul li{

	border-bottom:none;

    display: inline-block;

    width: 100%;

	padding:0px;

}

.question_front > ul > li{

	margin-bottom:10px;

}

.question_front ul li span.li_style_class{

	width:100%;

	float:left;

	border-bottom:1px solid #ccc;

	padding:5px;

}

.question_front ul li .box1_left{

	width:auto;

	padding-right:1%;

}

.question_front ul li .box1_right{

	width:auto;

	padding-left:1%;

}

input.que_radio_input_style{

	/* float: left;

    margin-right: 2px;

    margin-top: 5px; */

}

label.que_radio_label_style{

	float: left;

    margin-right: 12px;

    margin-top: 3px;

    width: auto;

	cursor:pointer;

}

.add_file {

    border: 1px solid #ccc;

    padding: 2%;

	float:left;

	width:96%;

}

.policy_edit_file_link_span{

	width:100%;

	float:left;

	margin-top:5px;

	min-height:inherit;

	margin-left:0px;

}

.description_text_editor ul, .description_text_editor ul li, .description_text_editor li, .privacy_hide_content ul, .privacy_hide_content ul li, .privacy_hide_content li{

	list-style:inside none disc;

	margin:auto;

}

.privacy_hide_content{

	float:left;

	width:95.5%;

	padding:2%;

	border:1px solid #ccc;

	margin-bottom:15px;

}

.perticular_category_span{

	float:left;

	width:99%;

	padding:5px 0px;

	border-bottom:1px dotted #ccc;

	margin-left:1% !important;

	margin-bottom:15px;

}

span.perticular_category_span h3{

	font-size:14px;

	font-family: "Open Sans",Arial,sans-serif;

}



/*==========================

 MY STYLE END

============================*/



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

.section {

	width: 98%;

	float:left;

}

.left-nav {

	display: none;

}

.container {

	margin-top: 5px;

	display: block;

	position: relative;

}

.nav {

	list-style: none;

 	*zoom: 1;

	background: #212121;

	position: absolute;

	right: 0px;

	min-width: 196px;

	z-index: 999;

	text-align: left;

	border-top: 1px solid #333;

}

.nav ul {

	list-style: none;

	padding-top: 0px;

}

.nav a {

	padding: 10px 15px;

	color: #fff;

}

.nav li {

	position: relative;

}

.nav > li {

	float: left;

	border-bottom: 1px solid #333;

}

.nav li:last-child, .nav li li:last-child {

	border-bottom: none !important;

}

.nav > li > a {

	display: block;

}

.nav > li > a:hover {

	background-color: #333;

}

.nav li ul {

	position: absolute;

	left: -9999px;

	padding-top: 0px;

}

.nav > li.hover > ul {

	left: 0;

}

.nav li li.hover ul {

	left: 100%;

	top: 0;

}

.nav li li {

	display: block;

	margin: 0px;

}

.nav li li a {

	display: block;

	background: #222;

	position: relative;

	padding: 10px 15px 10px 30px;

	z-index: 100;

	border: none;

	float: none;

	color: #777;

}

.nav li li a:hover {

	background: #333;

	color: #555;

}

.active {

	display: block;

}

.nav > li {

	float: none;

}

.nav > li > .parent {

	background-image: url(../images/downArrow.png);

	background-repeat: no-repeat;

	background-position: 95% 50%;

}

.nav ul {

	display: block;

	width: 100%;

}

.nav > li.hover > ul, .nav li li.hover ul {

	position: static;

}

.nav li a img {

	display: none;

}

.box-section .box {

	width: 48%;

}

.box1_left {

	width: 23%;

}

}

 @media only screen and (min-width: 768px) {

  input#responsefile{margin-left: 30px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.two, .form {

	width: 100%;

}

.form {

	margin-bottom: 15px;

}

.welcome {

	position: absolute;

	width: 96%;

	padding: 5px 2%;

	top: 38px;

	left: 0px;

	background: #fff;

	margin: 0px;

	text-align: right;

}

.user, .button {

	float: none;

	display: inline-block;

	vertical-align: top;

}

.section {

	margin-top: 15px;

}

.box-section .box {

	width: 98%;

}

/*=======================

ADMIN MESSAGE

========================*/

.chat_textbox {

	width: 75% !important;

}

.person1 {

	width: 90%;

}

.select_person {

	height: auto;

	margin-top: 20px;

	background: none;

}

.person1 {

	width: 100%;

}

.box1_left {

	width: 23%;

}

.box1_inner > ul, .box2_inner > ul, .box2_inner2 > ul {

	width: 100%;

}

}

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

.welcome {

	position: absolute;

	width: 96%;

	padding: 5px 2%;

	top: 38px;

	left: 0px;

	background: #3d3d3d;

	margin: 0px;

	text-align: right;

}

.user, .button {

	float: none;

	display: inline-block;

	vertical-align: top;

}

.section {

	margin-top: 15px;

}

.search-box {

	width: 100%;

}

.search-box input[type="text"] {

	width: 277px;

}

.search-box {

	text-align: center;

	margin-bottom: 20px;

}

.two, .form {

	width: 100%;

}

.form {

	margin-bottom: 15px;

}

.box-section .box {

	width: 98%;

}

/*=======================

ADMIN MESSAGE

========================*/

.chat_textbox {

	width: 70% !important;

}

.person1 {

	width: 90%;

}

.select_person {

	height: auto;

	margin-top: 20px;

	background: none;

}

.person1 {

	width: 100%;

}

.box1_left {

	width: 23%;

}

.box1_inner > ul, .box2_inner > ul, .box2_inner2 > ul {

	width: 100%;

}

.controls-to{

	padding-right:0px !important;

}

.control_select select {

  width: 180px;

}

}

.login{

	padding: 20px 40px !important;

}

.retailer_portal > h2 {

    color: #F4F4F4 !important;

    float: right !important;

    font-family: 'mangalbold';

    font-size: 24px !important;

    padding: 12px 10px !important;

}



.user_name {

  float: right;

  width: 100%;

}

.user_name > h2 {

  float: left;

  margin-top: 7px;

  color: #777777;

}

.vs_title h1 {

  color: #777777;

  float: left;

  font-size: 22px;

  margin: 0 4%;

  width: 92%;

}

span.popup_rets_full_details{

	cursor:pointer;

	color:#0d638f;

}

span.popup_rets_full_details:hover{

	color:#e02222;

}

.claim_det h1{

	margin-bottom:15px;

}

.footable tr th{

	padding: 10px 0 10px 10px;

}

.margin_claim_details{

	margin-top:20px;

	float:left;

}

.privacy_hide_content p{

    margin: 0px;

}

a.btn.unreadmsz {

  font-size: 0;

  width: 10px;

  height: 10px;

  background-color: red;

  display: block;

  margin: 0 auto;

  border-radius: 50%;

}

a.btn.filemsz {

    font-size: 0;

    width: 10px;

    height: 10px;

    background-color: green;

    display: block;

    margin: 0 auto;

    border-radius: 50%;

}

.stats_slct label{

	display:block;

	margin-bottom:10px;

	font-weight:bold;

}

/*      4-12-2015      */



#triangle {

    width: 0;

    border-top: 12x solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 12px solid #3399cc;

    border-left: 12px solid transparent;

    margin: 0 auto;

}



#login{ 

  width:500px;

  margin:0 auto;

  margin-top:8px;

  margin-bottom:2%;

  transition:opacity 1s;

  -webkit-transition:opacity 1s;

  border-radius: 5px; position:relative;

}



#triangle{

  /* width:0; */

  border-top:12x solid transparent;

  border-right:12px solid transparent;

  border-bottom:12px solid #3399cc;

  border-left:12px solid transparent;

  margin:0 auto;

  display: none;

}



#login h1{

  padding:20px 0;

  font-family: 'Open Sans', sans-serif;

  font-size:140%;

  font-weight:300;

  color:#fff;

  margin:0;

  font-weight: bold;

  border-radius: 5px 5px 0 0;

}



.form2{

  background:#ffffff;

  padding:10%;

  box-shadow: 0 0px #ffffff;

  border-radius: 0 0 5px 5px;

}



.form2 input[type="email"],.form2 input[type="password"]{

  width: 100%;

  background:#000;

  margin-bottom:4%;

  border:1px solid #ccc;

  padding:4%;

  

  font-size: 100%;

  color:#555;

  border-radius: 5px;

}



.form2 input[type="submit"]{

  width:100%;

  background:#1a5761;

  border:0;

  padding:4%;

  /* font-family:'Open Sans',sans-serif; */

  font-size:100%;

  color:#fff;

  cursor:pointer;

  transition:background .3s;

  -webkit-transition:background .3s;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 20px;

  border-radius: 5px;

}

.login-col{ min-height:600px; padding:100px  0 0;padding-bottom: 30px;background: #F6F6F6;}

.lock { position:absolute; top:-25px;} 

.login_links{ margin:0; padding:0; list-style-type:none; background: #1086ad; display:block;clear: both;float: left;width: 100%;padding: 0;} 

.login_links li{ float:left;}

.login_links li a{ padding: 10px 30px;display: block;color: #fff;}



.select a{ background:#fff; color:#fff !important;}

.acive-content{ background:#fff; padding:30px;clear: both;margin: 0 0 0;position: relative;z-index: 9;top: -2px;box-shadow: 0 3px #aaa;color:#000;}

.login-col .tab-content{ /* padding:0; */}

.login-col .nav-tabs{background: #006369;    width: 100%;

    text-align: center;}

.login-col .nav-tabs>li{ margin:0 1px 0 0;border: 0!important;}

.login-col .nav-tabs>li>a{ background:none; color:#fff; font-weight:bold;}

.login-col .nav-tabs>li.active a{ background:#3da548; color:#fff !important;}

.login-col .nav-tabs>li>a:hover{ background:#3da548; color:#fff;}

.login-col .nav-tabs>li>a{padding: 10px 20px;font-size:14px;}



.login-col .nav-tabs>li>a i{ font-style:normal;}

.login-col .nav-tabs>li>a em{ font-style:normal; display:none;}



.tab-head{ background: #006369; color: #ffffff; padding:30px;border-radius: 5px;text-align: justify;}

.tab-mid{ padding: 50px 0; /* background: #999; */}

.tab-content {

    padding: 20px 0;

}



.login-col .nav-tabs>li.active a:after{

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

#.login-col p{color:#000;font-size: 15px;line-height: 20px;}

.login-col.thanks p{color:#444;}

.login-col .nav-tabs>li.active a:after {

	border-color: rgba(136, 183, 213, 0);

	border-top-color: #006369;

	border-width: 12px;

	margin-left: -12px;

}

.declaration{ display:inline-block; padding:10px 30px;border-radius:3px; background:#444; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; margin:0 0 30px;}

.declaration:hover { background:#1386ab; color:#fff; }



.check_box{ width: 25px; height: 25px; margin: -10px 15px 0 0px !important;line-height: 30px;position: relative;top: 7px;}



.continue{ padding:20px 30px 0; text-align:right;}

.continue a{ display:inline-block; padding:15px 40px; color:#fff; font-weight:normal; background:#3da548; letter-spacing:0px; font-size:20px; border-radius:4px; text-transform:uppercase; }

/*.continue a:hover{ background:#222;}*/



.eligible_text{ margin:0 0 30px;}

.eligible_text i{ font-style:normal; min-width:35%; display:inline-block; }

.eligible_text input[type="checkbox"]{ margin:0 60px 0 10px !important;}

.eligible_text input[type="text"],.eligible_text textarea{ margin:0 30px 0 30px !important; background: #eee; padding: 7px 10px; border: 1px solid #ddd; width: 380px; border-radius: 3px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}

.eligible_text textarea{width:395px;min-height:350px;vertical-align: top;}

.mar-t{ margin-top:50px;}

.pad-t{ padding-top:30px;}

.tabform label{ font-weight:normal; width:150px;margin-right:10px;display: inline-block;}

.tabform input[type="text"],.tabform input[type="email"],.tabform select{ background:#eee; padding:7px 10px; border:1px solid #ddd; width:400px; border-radius:3px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}

.tabform select{width:422px;}

.tabform textarea{ background:#eee; padding:7px 10px; border:1px solid #ddd; min-width:400px; border-radius:3px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;vertical-align: top}

.tabform p{ margin:0 0 20px;}

.nav-tabs>li{ border:none;}

.note{ text-align:center; padding:20px; background:#eee; margin:40px 0 !important;}

.btmlinks a.doc_type,.btmlinks a.claim_with,.btmlinks a.shop_type,a.rightin,.com_btns a  {display: inline-block;padding: 10px 20px; color: #fff;font-weight: normal;background: #3da548;

    letter-spacing: 0px;font-size: 20px;border-radius: 4px;text-transform: uppercase; margin:0 20px 0 0;

}

.btmlinks a.rightin{ float:right; padding: 15px 30px;}



/*.btmlinks a:hover, .paylinks a:hover{ background:#444;}*/



.btmlinks{ padding:20px 0 0;}







.paylinks a {

    display: inline-block;

    padding:5px 12px 5px 10px;

    color: #ffffff;

    font-weight: normal;

    background: #006369;

    letter-spacing: 0px;

    font-size: 15px;

    border-radius: 4px;

    text-transform: uppercase; margin:0 5px 0 0;

}



a.blue{background: #006369!important;}



.textarea1{ min-height:120px;}

.textarea2{ min-height:80px;}

.two_links{ text-align:right;}



.two_links .contin {

    display: inline-block;

    padding:10px 30px;

    color: #fff;

    font-weight: normal;

    background: #3da548;

    letter-spacing: 0px;

    font-size: 15px;

    border-radius: 4px;

    text-transform: uppercase; margin:0 5px 0 0;

    max-width:220px;

}.two_links a.return {

    display: inline-block;

    padding:10px 30px;

    color: #fff;

    font-weight: normal;

    background: #FF0000;

    letter-spacing: 0px;

    font-size: 15px;

    border-radius: 4px;

    text-transform: uppercase; margin:0 5px 0 0;

}

/*.two_links a:hover{ background:#333;}*/

.tab-pane{display:none;}

.tab-pane.active{display:block;}

.step2_3,.step2_4,.step2_5,.step2_6,.step2_7,#eligibility_continue,#othr_doc,.doc_file{display:none;}

.results li {

    font-size: 12px;

    text-transform: none;

    color: red;

    font-style: italic;

}

.com_btns{margin-left: 150px;margin-top: 10px;}

.com_btns a{margin-bottom: 20px;}

.note{color:#272727!important;}

.field-div label{width: 310px;}

p.pad-t label {width: 310px;}

a.add_field_button {

 display: block;

 width: 120px;

 margin-top: 20px;

 padding: 10px;

 background: #006369;

 color: #fff;

 text-align: center;

 border-radius: 4px;

}

a.remove_field.action_buttons {

 color: #fff;

 padding: 3.2px 8px;

 border-radius: 50%;

 text-align: center;

 vertical-align: middle;

 margin-top: -40px;

 display: inline-block;

 border: 1px solid #fff;

}

.equipment_details{

 margin-top: 10px;

}

.equipment_details label,.eq label{float:none;}

.svdfile{min-width: 175px;}



#login  input[type="email"],#login  input[type="password"],#login  input[type="text"]{

  width: 72%;

  background:#000;

  margin-bottom:4%;

  border:0px solid #ccc;

  padding:20px;

  outline:none;

  font-size: 100%;

  color:#fff;

  border-radius: 5px;

}



#login  input[type="submit"]{

  width:80%;

  background:transparent;

  border:solid 1px #1a5761;

  padding:20px;

  /* font-family:'Open Sans',sans-serif; */

  font-size:100%;

  color:#1a5761;

  cursor:pointer;

  transition:background .3s;

  -webkit-transition:background .3s;

  font-weight: bold;

  font-size: 20px;

  border-radius: 5px;

}

.btmlinks div a{

 display: inline-block;

 width: 160px;

}

.mrgn {

 margin-bottom: 30px;

}

.mrgn div {

 margin-bottom: 6px;

}

.mrgn div input[type="checkbox"]{

 width: 20px;

 height: 20px;

 vertical-align: middle;

}

.extrafiles {

 margin-bottom: 20px;

}

.extrafiles a {

 color: #fff;

 display: inline-block;

 margin-bottom: 10px;

}

a.remove_field.rmv_btn {

 width: 20px;

 height: 20px;

 text-align: center;

 margin-left: 20px;

 border: 1px solid #fff;

 border-radius: 50%;

 line-height: 17px;

}

.extrafiles a :hover{

 text-decoration:underline;

}

.login-col .nav-tabs>li.active a{ position:relative;}













.inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.inputfile + label {

   max-width: 80%;

    font-size: 1rem;

    font-weight: 100;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    /* 10px 20px */

}



.no-js .inputfile + label {

    display: none;

}



.inputfile:focus + label,

.inputfile.has-focus + label {

    outline: 1px dotted #000;

    outline: -webkit-focus-ring-color auto 5px;

}



.inputfile + label * {

    /* pointer-events: none; */

    /* in case of FastClick lib use */

}



.inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    /* 4px */

    margin-right: 0.25em;

    /* 4px */

}





/* style 1 */



.inputfile-1 + label {

    color: #f1e5e6;

    background-color: #006369;

}



.inputfile-1:focus + label,

.inputfile-1.has-focus + label,

.inputfile-1 + label:hover {

    background-color: #006369;

}





/* style 2 */



.inputfile-2 + label {

 color: #fff;

 border: 2px solid currentColor;

 float: none!important;

 min-width: 145px;

}



.inputfile-2:focus + label,

.inputfile-2.has-focus + label,

.inputfile-2 + label:hover {

 color: #fff;

}





/* style 3 */



.inputfile-3 + label {

    color: #d3394c;

}



.inputfile-3:focus + label,

.inputfile-3.has-focus + label,

.inputfile-3 + label:hover {

    color: #722040;

}





/* style 4 */



.inputfile-4 + label {

    color: #d3394c;

}



.inputfile-4:focus + label,

.inputfile-4.has-focus + label,

.inputfile-4 + label:hover {

    color: #722040;

}



.inputfile-4 + label figure {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background-color: #d3394c;

    display: block;

    padding: 20px;

    margin: 0 auto 10px;

}



.inputfile-4:focus + label figure,

.inputfile-4.has-focus + label figure,

.inputfile-4 + label:hover figure {

    background-color: #722040;

}



.inputfile-4 + label svg {

    width: 100%;

    height: 100%;

    fill: #f1e5e6;

}





/* style 5 */



.inputfile-5 + label {

    color: #d3394c;

}



.inputfile-5:focus + label,

.inputfile-5.has-focus + label,

.inputfile-5 + label:hover {

    color: #722040;

}



.inputfile-5 + label figure {

    width: 100px;

    height: 135px;

    background-color: #d3394c;

    display: block;

    position: relative;

    padding: 30px;

    margin: 0 auto 10px;

}



.inputfile-5:focus + label figure,

.inputfile-5.has-focus + label figure,

.inputfile-5 + label:hover figure {

    background-color: #722040;

}



.inputfile-5 + label figure::before,

.inputfile-5 + label figure::after {

    width: 0;

    height: 0;

    content: '';

    position: absolute;

    top: 0;

    right: 0;

}



.inputfile-5 + label figure::before {

    border-top: 20px solid #dfc8ca;

    border-left: 20px solid transparent;

}



.inputfile-5 + label figure::after {

    border-bottom: 20px solid #722040;

    border-right: 20px solid transparent;

}



.inputfile-5:focus + label figure::after,

.inputfile-5.has-focus + label figure::after,

.inputfile-5 + label:hover figure::after {

    border-bottom-color: #d3394c;

}



.inputfile-5 + label svg {

    width: 100%;

    height: 100%;

    fill: #f1e5e6;

}





/* style 6 */



.inputfile-6 + label {

    color: #d3394c;

}



.inputfile-6 + label {

    border: 1px solid #d3394c;

    background-color: #f1e5e6;

    padding: 0;

}



.inputfile-6:focus + label,

.inputfile-6.has-focus + label,

.inputfile-6 + label:hover {

    border-color: #722040;

}



.inputfile-6 + label span,

.inputfile-6 + label strong {

    padding: 0.625rem 1.25rem;

    /* 10px 20px */

}



.inputfile-6 + label span {

    width: 200px;

    min-height: 2em;

    display: inline-block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    vertical-align: top;

}



.inputfile-6 + label strong {

    height: 100%;

    color: #f1e5e6;

    background-color: #d3394c;

    display: inline-block;

}



.inputfile-6:focus + label strong,

.inputfile-6.has-focus + label strong,

.inputfile-6 + label:hover strong {

    background-color: #722040;

}



@media screen and (max-width: 50em) {

	.inputfile-6 + label strong {

		display: block;

	}

}

.tab-mid .box{ background:none; max-width:inherit; min-height:inherit; padding:0;margin: 0 0 0 30px;}





































@media (min-width:100px) and (max-width: 400px) {



.login-col .nav-tabs>li{ float:none; display:block; margin:0;}

.tabform label{ display:block;}

.btmlinks a{ display:block; margin:0 0 5px;text-align: center;}

.tabform input{ min-width:100%;}

.two_links{ text-align:center; }

.two_links a, .two_links a.contin, .two_links a.return{ display:block; margin:0 0 5px;}

.login-col{padding: 50px 0 0;}

#login{ margin:0 20px; width:inherit;}

.form2{padding: 5%;}

.continue a{ display:block;}.continue{ text-align:center;padding: 20px 0px 0;}

.eligible_text input[type="text"] {

    margin: 5px 30px 0 0px !important;}.btmlinks a.rightin{ float:none; text-align:center;}

.tabform textarea{ min-width:100%;}

.paylinks a{ display:block; text-align:center; margin:0 0 5px;}

.tabform label br{ display:none;}

.eligible_text i{ min-width:inherit; display:block;}

.eligible_text input[type="checkbox"] {

    margin: 0 20px 0 10px !important;

}

.btmlinks a{ font-size:18px;}

.login-col{ min-height:inherit;padding: 50px 0;}

.wrapper {

    width: inherit !important;

}

.login-col {

    min-height: inherit;

    padding: 0 !important;

}

.header_right {

    float: none !important;

    text-align: center !important;

    width: inherit !important;

}.retailer_portal > h2{ padding:0px 0 !important;

    width: inherit !important;}

.com_btns {

margin-left: 0px;}

#login{

 width:90%;

 margin:0 auto 20px;

}

}





@media (min-width:401px) and (max-width: 600px) {



.login-col .nav-tabs>li{ float:left; display:block; margin:0; width:50%; text-align:center;}

.tabform label{ display:block;}

.btmlinks a{ display:block; margin:0 0 5px;text-align: center;}

.tabform input{ min-width:100%;}

.two_links{ text-align:center; }

.two_links a, .two_links a.contin, .two_links a.return{ display:block; margin:0 0 5px;}

.login-col{padding: 50px 0 0;}

#login{ margin:0 20px; width:inherit;}

.form2{padding: 5%;}

.continue a{ display:block;}.continue{ text-align:center;padding: 20px 0px 0;}

.eligible_text input[type="text"] {

    margin: 5px 30px 0 0px !important;}.btmlinks a.rightin{ float:none; text-align:center;}

.tabform textarea{ min-width:100%;}

.paylinks a{ display:block; text-align:center; margin:0 0 5px;}

.tabform label br{ display:none;}

.login-col{ min-height:inherit;padding: 50px 0;}

.com_btns {

margin-left: 0px;}

#login{

 width:90%;

 margin:0 auto 20px;

}

}







@media (min-width:601px) and (max-width: 768px) {



.login-col .nav-tabs>li{ float:left; display:block; margin:0; width:50%; text-align:center;}

.tabform label{ display:block;}

.btmlinks a{ display:inline-block; margin:0 5px 5px 0;text-align: center;}

.tabform input{ min-width:100%;}

.two_links{ text-align:center; }

.two_links a, .two_links a.contin, .two_links a.return{ display:inline-block; margin:0 0 5px;}

.login-col{padding: 50px 0 0;}

 

.form2{padding: 5%;}

.continue a{ display:inline-block;}.continue{ text-align:center;padding: 20px 0px 0;}

.eligible_text input[type="text"] {

    margin: 5px 30px 0 0px !important;}.btmlinks a.rightin{ float:none; text-align:center;}

.tabform textarea{ min-width:100%;}

.paylinks a{ display:inline-block; text-align:center; margin:0 0 5px;}

.tabform label br{ display:none;}.eligible_text i{ margin:0 20px 0 0;}

.login-col{ min-height:inherit;padding: 50px 0;}

.com_btns {

margin-left: 0px;}

}







@media ( min-width : 729px ) and (max-width : 1005px ){

.btmlinks img{ height:30px;}

.btmlinks a{font-size: 15px;  margin: 0 10px 0 0;}

.paylinks img{ height:20px;}  

.pay_type{ float: left;

    width: 77%;}.paylinks{ overflow:hidden;}

.paylinks label{ float:left;}.paylinks a{ margin:0 5px 5px 0;}.login-col{ min-height:inherit;padding: 50px 0;}

}



@media (min-width:769px) and (max-width:1250px) {

.pay_type{ float: left;

    width: 77%;}.paylinks{ overflow:hidden;}

.paylinks label{ float:left;}.paylinks a{ margin:0 5px 5px 0;}





}





.claim_info input[type="text"], .claim_info input[type="password"] {

    border: 1px solid #ccc;

    padding: 7px 1%;

    width: 98%;

}

.claim_header, .claim_info {margin: 0 auto;

    text-align: left; float:none;padding: 1% 5%;

    width: 400px;}

.login{ text-align:right;}.user_name{ width:auto; clear:right;}.alert-danger, .alert-error{width: auto !important;}

@media (min-width:100px) and (max-width:768px) {

.logo{ float:none;}

.login {

    padding: 0;

    text-align: center;

}

.retailer_portal > h2{float: none !important;    text-align: center;}

.container{ float:none;}

.menu_line{ padding:0 0 10px; text-align:center;}

.span12 .form-2{ width:90%; margin:0 auto;}

.claim_info {

    border:0px solid #212121;

    float: none;

    height: auto;

    overflow: hidden;

    padding: 0 5%;

    

}

.footer{ }



.claim_header, .claim_info{ width:90%;}

.header_right .user_name{ float:none;}



.login-col .nav-tabs>li>a i{ display:none;}

.login-col .nav-tabs>li>a em{display:block;}

.wrapper .nav > li > a{ float:left; width:auto;}

.login-col .nav-tabs>li.active a:after { 

    border-width: 5px;

    margin-left: -5px;

}

.wrapper .nav > li > a { 

    font-size: 10px;}

.login-col .nav-tabs>li>a em {

 display: inline-block;

 font-size:16px;

}.login-col .nav-tabs>li.active a i{ display:inline-block;}

.wrapper .nav > li > a { 

    font-size: 12px !important;}

 

.wrapper .nav > li {

    margin: 0 1px 0 0;

    min-width: 12%;

    float: left;

    display: inline-block;

    width: auto;

}

.wrapper .nav > li > a{ float:none;}























}



@media (min-width:100px) and (max-width:380px) {



.wrapper .nav > li > a {

    font-size: 0.7em !important;

}.wrapper .nav > li { 

    min-width: 10%;}







}





@media (min-width:100px) and (max-width:330px) {



.wrapper .nav > li > a {

    font-size: 0.6em !important;

}.wrapper .nav > li { 

    min-width: 10%;}







}

.doc_type em{

 font-size: 10px;

 display: block;

 padding: 0;

 padding-bottom: 10px;

 line-height: 0;

 text-align: center;

}

.third {width: 30%;}

.half {width: 45%; float:left;}

.claim_header, .claim_info {width: 100%;}



.dta-table div {float:left;}