/*.field-import-start_date, .field-import-end_date, .field-import-case_year{display: none;}*/
.field-import-start_date, .field-import-end_date{display: none;}
.display-block{display: block !important;}
table.bordered td { padding: 10px; font-size: 14px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: top; }
.comingsoontext { color: #ff0000; font-size: 18px; }
.import-cases-form{background: #fff; padding: 25px 15px;}
.import-cases-form ul{margin: 0; padding: 0;}
.import-cases-form ul li{list-style: none;}

/*START: Nikhil Code*/
#import-adv_name, #import-start_date, #import-end_date, #import-bar_state_code, #import-bar_code, #import-bar_year,#import-fir_no{
    height: 45px;
}
#import-adv_name,#import-fir_no{
    border: 1px solid #ccc!important;
}
.has-error #import-adv_name,.has-error #import-fir_no{
    border-color: #e12222!important;
}
.import-cases-form ul li:last-child{
    width: 100%;
}
.import-cases-form ul{
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.caseimport_btngroup input[type="submit"],
#case-import-form .submit_btngroup input[type="submit"]{
    margin-right: 5px;
}
#case-import-form .submit_btngroup{
    margin: 15px 15px 15px 10px;
}
#case-import-form .parsed-cases-list{
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0px;
    padding-top: 10px;
}
#select-all-btn + label{
    margin-left: 10px;
}
#case-import-form table tfoot th{
    background-color: #fff;
    border: 1px solid #ccc;
}
#case-import-form table tfoot th:first-child{
    border-top: none;
    border-right: none;
}
#case-import-form table tfoot th:last-child{
    border-top: none;
    border-left: none;
}
#case-import-form table.bordered td:nth-child(3){
    width: 50%;
}
.parsed-cases-list > p{
    font-size: 15px;
    color: #263959;
    font-weight: bold;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}
.parsed-cases-list > p span.import-back {
    background: url(/themes/app/images/back.png) no-repeat;
    height: 22px;
    width: 20px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: -30px;
    top: 0;
}

tr.import-existingcase{
	background-color: #1EB47C !important;
}
.color-mean-cover{
	padding-bottom: 10px;
	float: right;
}
a.loadmoreImport {
    font-weight: bold;
}
.max_imp_case{
	margin-top: 10px;
	color: #263959;
	padding-left: 10px;
}
.max_imp_case span{
	color: red;
}
.color-names{
	text-align: right;
	margin-top: 20px;
}
.parsed-cases-list .color-mean-cover .color-names{
	margin-top: 2px;
}
.color-names span.exis-case-imp{
	height: 19px;
	width: 23px;
	background-color: #1EB47C;
	margin-right: 5px;
	display: inline-block;
}
.color-names p{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0px;
	vertical-align: top;
	font-weight: normal;
}
/*END: Nikhil Code*/

.page-import-index .form-group.field-import-bar_state_code, .page-import-import-list .form-group.field-import-bar_state_code{width: 33%;float: left;padding-right: 5px;}
.page-import-index .form-group.field-import-bar_code, .page-import-import-list .form-group.field-import-bar_code{width: 33%;float: left;padding-right: 5px;}
.page-import-index .form-group.field-import-bar_year, .page-import-import-list .form-group.field-import-bar_year{width: 33%;float: left;}

.clickable{cursor: pointer;}


/*Import Page CSS Start*/

.page-import-import .middle_wrapper .section-1 .left h2 {
    padding: 12px 0 20px;
}
.page-import-import .import-white-background {
    text-align: center;
    background: #fff;
    padding: 50px 20px 0px;
}
.page-import-import .import-heading {
    color: #263B5A;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 30px;
}
.page-import-import .import-classification .import-classification-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.page-import-import .import-classification .import-classification-text .underline_text {
    text-decoration: underline;
}
.page-import-import .import-classification {
    padding-bottom: 50px;
}
.page-import-import .import-classification-button {
    padding: 30px 0px 0px;
}
.page-import-import .import-classification-button .greenButton {
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
    display: inline-block;
    text-transform: uppercase;
}
/*Import Page CSS End*/


/*Import List Page CSS Start*/
.page-import-import-list .sprite.view_icon { height: 20px; }
.page-import-import-list .has-error, .page-import-import-list .help-block { font-size: 11px; }
.page-import-import-list div.has-success .form-control:focus { border: 1px solid #ccc !important; }
.page-import-import-list #case-import-form table.bordered th:first-child,
.page-import-import-list #case-import-form table.bordered td:nth-child(1) { width: 38px; text-align: center;  }
.page-import-import-list #case-import-form table.bordered td:nth-child(2) { width: 45%; }
.page-import-import-list #case-import-form table.bordered td:nth-child(3) { width: 15%; }
.page-import-import-list span.import-table-heading, .page-import-import-list-party-name span.import-table-heading { font-size: 15px; color: #263959; font-weight: bold; margin-bottom: 15px; display: inline-block; }

/*Import List Page CSS End*/

/*Import View Case Lists CSS Start*/
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(1),
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(2) { width: 38px; text-align: center !important; max-width: 100px; word-break: normal; overflow-wrap: normal;  }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(3) { width: 17%; }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(4) { width: 14%; }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(5) { width: 52%; }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(6) { width: 12%; }

.page-import-view-case-lists  img.import-btn-loader { margin-top: 10px; }


/*Import View Case Lists CSS End*/
.page-import-index #case-import-form table.bordered td:nth-child(1) { width: 38px; text-align: center; }
.page-import-index .color-mean-cover { padding: 0px 10px 10px; }
.page-import-index .color-names a.loadmoreImport { margin-top: 20px; display: block; }
.page-import-index #case-import-form table tfoot th:last-child { padding: 10px; }




.page-import-view-case-lists .middle_wrapper .section-1 .left { font-size: 14px; font-weight: 600; line-height: 28px; }
.page-import-view-case-lists .section-1-info { text-align: center; font-weight: 700; font-size: 16px; line-height: 25px; }
.page-import-view-case-lists .list-page-last-row .tbl-list-select p.max_imp_case { font-weight: 700; padding-left: 0; }
.page-import-view-case-lists .refresh-lists p { margin: 0px; font-weight: 600; }
.page-import-view-case-lists .refresh-lists p a { text-decoration: underline; }
.page-import-view-case-lists .list-page-last-row { display: flex; align-items: center; /*justify-content: space-between;*/ }
.page-import-view-case-lists .list-page-last-row .tbl-list-select { /*width: 30%;*/ }
.page-import-view-case-lists .list-page-last-row .refresh-lists {padding: 10px 0 0 10px;}
/*.page-import-view-case-lists .list-page-last-row .clear { display: none; }*/
.page-import-view-case-lists .list-page-last-row .pagination { padding: 0 10px 0 0; position: absolute; right: 0; }
.page-import-view-case-lists .parsed-cases-list .submit_btngroup { padding: 10px 10px; }
/*View Case Lists Page CSS Start*/
/*.page-import-view-case-lists #case-import-form table.bordered td:nth-child(1) { width: 38px; text-align: center;  }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(3) { width: 15%; }
.page-import-view-case-lists #case-import-form table.bordered td:nth-child(4) { width: 30%; }*/
/*View Case Lists Page CSS End*/

.section-2 .grid-view {width: 100%;}

@media only screen and (max-width: 1024px){ 
	.page-import-view-case-lists .list-page-last-row .tbl-list-select { width: 28%; }

}

@media only screen and (max-width: 1023px){ 
	.page-import-import .content {
    	min-height: auto;
	}
	.page-import-view-case-lists .middle_wrapper .section-1 .left { width: 100%; }
	.page-import-view-case-lists .list-page-last-row .tbl-list-select { width: 26%; }
}
@media only screen and (max-width: 991px){ 
	.page-import-view-case-lists .list-page-last-row {
	    display: block;
	}
	.page-import-view-case-lists .refresh-lists {
		padding: 10px 10px;
	}
	.page-import-view-case-lists .list-page-last-row .pagination { position: absolute; right: 0px; top: 15px; }
	.page-import-view-case-lists .parsed-cases-list .submit_btngroup { margin: 0 !important; }
	.page-import-view-case-lists .list-page-last-row .pagination { position: relative; }
}
@media only screen and (max-width: 786px){
	.color-names{
		margin-right: 5px;
	}
}
@media only screen and (max-width: 767px){
	.color-names{
		margin-right: 15px;
		text-align: right;
	}
	/*Import List Page CSS Start*/
	.page-import-import-list .parsed-cases-list table.bordered { border: 1px solid #ccc; border-radius: 5px; padding: 20px 20px 30px; }
	.page-import-import-list .parsed-cases-list table.bordered thead { display: none; }
	.page-import-import-list #case-import-form table.bordered tr { display: block; margin: 0px 0px 15px; }
	.page-import-import-list #case-import-form table.bordered td:before { content: attr(data-th) ": "; font-weight: bold; display: block; }
	.page-import-import-list #case-import-form table.bordered td:nth-child(1) { border-top: 1px solid #ddd; }
	.page-import-import-list #case-import-form .parsed-cases-list table.bordered td { border-right: 1px solid #ddd; }
	.page-import-import-list #case-import-form table.bordered td:nth-child(1):before{ content:'';}
	.page-import-import-list #case-import-form table.bordered th:first-child, 
	.page-import-import-list #case-import-form table.bordered td:nth-child(1),
	.page-import-import-list #case-import-form .parsed-cases-list table.bordered td { display: block; width: 100%; text-align: left; font-size: 14px; }
	.page-import-import-list #case-import-form table.bordered td:nth-child(3) { max-width: 100%; }
	/*Import List Page CSS End*/

	/*Import View Case Lists Page CSS Start*/
	.page-import-view-case-lists .parsed-cases-list table.bordered thead { display: none; }
 	.page-import-view-case-lists #case-import-form table.bordered tr { display: block; margin: 0px 0px 15px; }
 	.page-import-view-case-lists #case-import-form table.bordered td:before { content: attr(data-th) ": "; font-weight: bold; display: block; }
 	.page-import-view-case-lists #case-import-form table.bordered td:nth-child(1) { border-top: 1px solid #ddd; }
 	.page-import-view-case-lists #case-import-form .parsed-cases-list table.bordered td { border-right: 1px solid #ddd; }
 	.page-import-view-case-lists #case-import-form table.bordered td:nth-child(1):before{ content:'';}
 	.page-import-view-case-lists #case-import-form table.bordered th:first-child,
 	.page-import-view-case-lists #case-import-form table.bordered td:nth-child(1),
 	.page-import-view-case-lists #case-import-form .parsed-cases-list table.bordered td { display: block; width: 100%; text-align: left !important; font-size: 14px; max-width: 100%;}
	.page-import-view-case-lists #case-import-form table.bordered td.checkbox_td input[type="checkbox"] {position: initial!important;}
 	.page-import-view-case-lists #case-import-form table.bordered td:nth-child(3) { max-width: 100%; }
	
	.page-import-view-case-lists .list-page-last-row .tbl-list-select { width: 100%; float: none; }
	.page-import-view-case-lists .list-page-last-row .color-names { width: auto; margin-top: 0; padding: 0px; position: absolute; right: 0px; top: 10px; }
	.page-import-view-case-lists .list-page-last-row .pagination { position: relative; left: 0px; top: 10px; padding: 0px 15px; }
	.page-import-view-case-lists .refresh-lists { padding: 10px 15px; }
	.page-import-view-case-lists .parsed-cases-list .submit_btngroup { padding: 0px 0px 10px; }
	.page-import-view-case-lists .list-page-last-row .tbl-list-select { padding-bottom: 5px; }
	.page-import-view-case-lists .list-page-last-row .tbl-list-select span.lastrow-chkbtn-section { padding-bottom: 0px; }
	.page-import-view-case-lists .parsed-cases-list .submit_btngroup { margin: 15px !important; }
	.page-import-view-case-lists #case-import-form table.bordered td:nth-child(2) { display: flex; align-items: center; }
	/*Import View Case Lists Page CSS End*/ 

	/*Import Index Page CSS Start*/
	.page-import-index .parsed-cases-list .bordered { border: 1px solid #ccc; border-radius: 5px; padding: 20px 20px 30px; }
	.page-import-index .parsed-cases-list table.bordered thead { display: none; }
	.page-import-index #case-import-form table.bordered tr { display: block; margin: 0px 0px 15px; }
	.page-import-index #case-import-form table.bordered td:before { content: attr(data-th) ": "; font-weight: bold; display: block; }
	.page-import-index #case-import-form table.bordered td:nth-child(1) { border-top: 1px solid #ddd; }
	.page-import-index #case-import-form .parsed-cases-list table.bordered td { border-right: 1px solid #ddd; }
	.page-import-index #case-import-form table.bordered td:nth-child(1):before{ content:'';}
	.page-import-index #case-import-form table.bordered th:first-child,
	.page-import-index #case-import-form table.bordered td:nth-child(1),
	.page-import-index #case-import-form .parsed-cases-list table.bordered td { display: block; width: 100%; text-align: left; font-size: 14px; }
	.page-import-index #case-import-form table.bordered td:nth-child(3) { max-width: 100%; }

	.page-import-index #case-import-form table tfoot th:first-child,
	.page-import-index #case-import-form table tfoot th:last-child { border: none; padding: 0px !important; width: 50% !important; }
	.page-import-index #case-import-form table tfoot th:first-child { float: left; }
	.page-import-index #case-import-form table tfoot th:last-child { float: right; }
	.page-import-index #case-import-form table tfoot th:last-child .color-names { text-align: right !important; }
	.page-import-index #case-import-form table tfoot th:first-child .max_imp_case { padding-left: 0px; }
	.page-import-index #case-import-form table tfoot th:last-child .color-names { margin: 0; text-align: left; }
	.page-import-index #case-import-form table tfoot th:last-child .color-names a.loadmoreImport { margin-top: 10px; }
	.page-import-index #case-import-form .parsed-cases-list .color-mean-cover .color-names { margin-right: 0px; }
	.page-import-index #case-import-form .parsed-cases-list .color-mean-cover { padding: 0px 0px 10px; }
	/*Import Index Page CSS End*/

	
}

@media only screen and (max-width: 630px){
	.page-import-view-case-lists .list-page-last-row .tbl-list-select p.max_imp_case { margin-top: 0px; }
}

@media only screen and (max-width: 480px){
	.bordered thead th,
	table.bordered td{
		font-size: 12px;
	}
	#case-import-form table.bordered td:nth-child(3){
		max-width: 110px;
	}
	.page-import-view-case-lists .list-page-last-row .color-names { top: 0px; }
}

@media only screen and (max-width: 469px){
	.bordered thead th,
	table.bordered td{
		font-size: 12px;
		padding-left: 5px;
    	padding-right: 5px;
	}
}

@media only screen and (max-width: 414px){
	.bordered thead th,
	table.bordered td{
		font-size: 11px;
	}
	.color-names p,
	.max_imp_case,
	#select-all-btn + label{
		font-size: 11px;
	}
}

@media only screen and (max-width: 377px){
	.bordered thead th,
	table.bordered td{
		font-size: 10px;
	}
	/*.color-names{
		margin-top: 2px;
	}*/
}

@media only screen and (max-width: 350px){
	.bordered thead th,
	table.bordered td{
		font-size: 9px;
	}
	
}