.top-menu li a {
  color: #fff;
}
.top-menu li a i.fa.fa-youtube-play {
  float: left;
  font-size: 30px;
  padding: 15px 0;
}
.top-menu li a span.video {
  float: left;
  padding: 13px 0 13px 5px;
}

.margin-left0 {
  /*margin-left: 0 !important;*/
}
.page-sidebar-wrapper { 
 /* display:none;*/
}

.page-sidebar {
  /*margin: 0 20px 20px;*/
}
.page-sidebar.navbar-collapse.in {
/*margin-top: 0 20px 20px;*/
}
.page-header.navbar .top-menu {
  padding: 5px 0 0;
}

.DTTT {	float: right;margin-left: 10px;}
.icon-block { margin: 10px 0;}
.icon { height: 185px; line-height: 153px;}
.icon img { max-width: 100%;}

@media (max-width:991px) {
.page-sidebar-wrapper { 
  display: block;
}
.page-header.navbar .menu-toggler.responsive-toggler {
  margin: 16px 6px 0;
}

}

@media (max-width:767px) {

	
}

@media (max-width:480px){
.page-header.navbar .top-menu { clear: none;}	
.top-menu li a span.video { display: none;}
	
.DTTT {float: none;margin-left: 0;}
.dataTables_length {text-align: center;padding: 10px 0;}
div.dataTables_length label {float: none;}
.dataTables_filter {text-align: center;}
div.dataTables_filter label {float: none;}	
	
}


@media (max-width:320px){
.dataTables_wrapper .dataTables_filter .form-control { width: 145px !important;}
.table-toolbar .btn {padding: 7px 10px;}	
	
}


/***************** hornav nav css start *******************/
.hornav {
  background: #094f8d none repeat scroll 0 0;
  border-top: 1px solid #487ead;
  clear: both;
  display: block;
  width: 100%;
}
.hornav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.hornav ul li {
    /*display:inline-block;*/
    position:relative;
	float: left;
}

/* sub navigation */
.hornav li ul {    
    background-color:#094f8d;
    position:absolute;
    left:0;
    top:39px; /* make this equal to the line-height of the links (specified below) */
    min-width:200px;
    max-width:400px;
    border-top: 1px solid #ff6418;
}
.hornav li li {
    position:relative;
    margin:0;
    display:block;
	width: 100%;
}
.hornav li li ul {
    position:absolute;
    top:0;
    left:200px; /* make this equal to the width of the sub nav above */
    margin:0;
}

/* style all links */
.hornav a {
  color: #fff;
  display: block;
  line-height: 40px;
  margin: 0;
  padding:0 11px 0 9px;
  text-decoration: none;
}
.hornav li:hover{
  background: #ff6418 none repeat scroll 0 0;
}
.hornav a:hover, .hornav a:focus, .hornav a:active {
  background: #ff6418 none repeat scroll 0 0;
  color: #fff;
}
/* style sub level links */
.hornav li li a {
/*  border-bottom:1px solid #487ead;*/
  line-height: 15px;
  padding: 12px 10px;

}
.hornav li li {
  border-bottom:1px solid #487ead;
}
.hornav li li:last-child a {
    border-bottom:none;
}

/* hide sub menu links */
ul.pcsub-menu {
    display:none;
}

.hornav ul li.mega-menu {
  position: static;
} 

.hornav ul li.mega-menu ul {
  left: auto;
  top:96px;
  width: 100%;
}
.hornav ul li.mega-menu li {
  display: block;
  width: 100%;
}
.mega-col-1 {
  float: left;
  width: 49%;
}
.mega-col-2 {
  float: right;
  width: 49%;
}

/* show arrows for dropdowns */

/*.hornav li.pcdropdown > a {
    background-image:url('../img/arrow-down.png');
    background-position:right 20px;
    background-repeat:no-repeat;
}

.hornav li li.pcdropdown > a {
    background-image:url('../img/arrow-right.png');
    background-position:right 16px;
    background-repeat:no-repeat;
}*/

@media (max-width:1024px) {
.hornav a {
  padding:0 7px 0 4px;
  font-size: 12px;
}
.hornav li:last-child:hover ul {
  left: auto;
  right: 0;
}
.hornav ul li.mega-menu.last-mega-menu ul {
  right: 0px;
}	

}

/***************** hornav nav css End *******************/

.cat-sort{width: 300px;}
@media (max-width:767px) {
.cat-sort{width:100%;}
}

/***********Add new css by kp 11-09-2017********/
.searchtable {
  background:#ebebeb;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.col-eighteen {
  float: left;
  padding:5px 0;
}
.col-left {
  border-right: 1px solid #ccc;
  float: left;
  width: 92%;
  }
.col-ten {
  float: left;
  /*line-height:85px;*/
  padding:28px 0;
  text-align: center;
  width: 8%;
}
.col-checkbox {
  float: left;
  /*margin-left:80px;*/
  padding: 15px 10px;
}
.col-eighteen label.control-label {
  max-width: 110px;
  min-width: 110px;
  padding: 5px;
  text-align: right;
}
.flip {
  background: #094f8d none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
  width: 100px;
  float: right;
}

.formcontrol {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.radio_list {
  list-style: outside none none;
  margin: 7px 0 0;
  padding: 0;
}

.radio_list > li {
  box-sizing: border-box;
  display: inline-block;
  padding-right: 30px;
}

.radio_list li .radio {
  margin: 0;
  padding: 1px 0 0;
}
.checkbox_list {
  list-style: outside none none;
  margin-top: 7px;
  padding: 0;
}
.checkbox_list li.myCheckBox {
  display: inline-block;
  padding-right: 25px;
}
#uniform-local_shipping_white_glove {
  padding-top: 8px;
}


@media (max-width:1600px) {
/*.col-ten {line-height: 125px;}*/
}

@media (max-width:1080px) {
.col-left {width: 88%;}
.col-ten {width: 12%;}	
}

@media (max-width:800px) {
.checkbox_list li.myCheckBox {padding-right:14px;}
}

@media (max-width:768px) {
#searchable1{display:block;}	
}
@media (max-width:767px) {
.flip{display:block;}
#searchable1{display:none;}	
.col-left { border-right: 0 none; width: 100%;}
.col-ten { clear: both; float: none; margin-top: 0; padding: 0; text-align: center; width: 100%;line-height: normal;}
.col-eighteen { padding:10px 10px 0 10px;}	
.col-checkbox { text-align: center;}
.checkbox_list li.myCheckBox { padding-right: 0; width: 100%;}

.col-eighteen { text-align: center; width: 100%;}
.col-eighteen label.control-label {	max-width: 100%;min-width: 25%;	padding: 5px;text-align: right; width: 25%;}	
.col-eighteen label { float: left; width:60%;text-align: left;}
	
}


@media (max-width:640px) {
.col-checkbox { text-align: left;}	
	
}

@media (max-width:480px) {

	
}

@media (max-width:360px) {	
.col-checkbox label { text-align: left; width: 100%;}
.col-eighteen label.control-label {	width: 26%;}	
.col-eighteen label {width: 70%;}	
	
}

@media (max-width:320px) {
		
}

.radio input[type="radio"]{
	margin-left: 0px;
}

/********Add new css by kp 30-11-2017**********/
.left-part {
	border-right: 1px solid #ccc;
	float: left;
	width: 95%;
	padding-bottom: 10px;
  min-height: 102px;
	}
	
	.col-nineteen {
	float: left;
	padding: 5px 0px 0px 10px;
	width: 19.5%;
	}
	
	.left-part p.control-label {
	padding: 5px 0;
	font-size: 14px;
	margin: 0;
	}
	
	.form-inline .left-part input {
	width: 100%;
	}
	
	.checkbox-left {
	float: left;
	width: 19.5%;
	padding: 5px 0px 0px 10px;
	}
	
	.checkbox-right {
	padding: 0 0 0 10px;
	margin-top: 5px;
	float: left;
	width: 80%;
	}
	
	.checkbox-right strong {
	display: block;
	font-size: 14px;
	padding: 5px 0 5px 5px;
	}
	
	.checkbox-right div.radio,
	div.checker {
	margin-right: 0;
	margin-left: 0;
	
	}
	
	.rght-part {
	padding:37px 0;
	width: 5%;
	float: left;
	text-align: center;
	}
	
.search-right { width:5%; float: left; line-height: 83px; text-align: center;border-left: 1px solid #fff;}	
.search-right2 { line-height:36px; padding-bottom: 5px;}
.search-left{ width: 95%; float: left;}
.search-left .col-33 { width: 33.25%; float: left; border-bottom:1px solid #fff; padding:0;}	
.search-left .col-33 label.control-label { margin: 0;line-height: 41px; border-left: 1px solid #fff;border-right:1px solid #fff;
padding-left: 5px; padding-right: 5px;}
.search-left span { display:inline-block;height: 41px;padding-left: 5px;   padding-right: 5px;}
.search-left input, .search-left select {width: 100% !important;margin-top: 3px;}	
.search-left div.radio span { border: 0;}
.padt-10{ padding-top: 10px;}	
.nav > li > a {padding: 10px 10px;}	
.nav-tabs .dropdown.open > .dropdown-toggle, .nav-pills .dropdown.open > .dropdown-toggle {background: #ff6418;color: #fff;}
.tabbable-custom {overflow: visible;}
	
	@media (max-width:1440px) {
	.rght-part {padding:60px 0;}

	}

	@media (max-width:1366px) {
	
	}

	@media (max-width:1024px) {
/*	.left-part{ width:95%; }
    .rght-part{ width:5%; }*/

	}
	
	
	@media screen and (min-width: 992px) {
	.modal-lg {	width: 700px;/* New width for large modal */	}

	}

	@media (max-width:767px) {
	.left-part {border-right: 0;width: 94%;	margin: 0 auto;float: none;clear: both;}
	.col-nineteen {	margin-left: 0;	width: 100%;display: block;	padding: 0;	}
	.checkbox-left {float: left;width: 100%;padding: 0;	}
	.checkbox-right {padding: 0;float: left;width: 100%;}
	.checkbox-right label { display: block;	}
	.rght-part {padding: 0;	width: 100%;margin-bottom: 15px;clear: both;}
		

.search-right { line-height: normal;  padding: 10px 0;  width: 100%; }
.search-left { width: 100%;}	
.search-left .col-33 { width:100%; text-align: center;}
.search-left .col-33 label.control-label { border-left: 0; border-right: 0; min-width: 110px;max-width: 110px;text-align: right;}
.search-left span { border-right: 0;width: 200px; text-align: left;}
		
}
	
@media (max-width:480px) {
.search-left span { width: 200px;}

}	

@media (max-width:320px) {
.search-left .col-33 label.control-label { min-width:80px;max-width:80px;}
	
}

/********End new css**********/
#dashboard-logo h4{ height: 40px;}

/******** new css add by kp 1-May-2020 **********/
.alert-box {border: 2px solid #003182;float: left;width: 100%;padding: 5px 5px;box-sizing: border-box;margin-bottom: 10px;}
.alert-img {float: left;width: 15%;padding: 0;box-sizing: border-box;}
.alert-img img {max-width: 100%;}
.alert-content {float: left;width: 85%;padding: 0 0 0 5px;box-sizing: border-box;}
.alert-content p {margin: 0;color: #003182;font-weight: bold;}
.alert-content-new {float: left;width: 85%;padding: 0 0 0 5px;box-sizing: border-box;}
.alert-content-new p {margin: 0;color: #003182;font-weight: bold;}
#alertModal .modal-content {float: left; width: 100%;}
.form .form-actions.fluid {clear: both;}
#alertModal .modal-dialog-centered {top: 40%;}

/******** End of new css **********/