/* --------------------------------------------------------  */
/* ZARA - Ultimate Port Solution - Responsive 
/* --------------------------------------------------------  */
@media (max-width: 1380px) {
    .modal-batchupdate-form-content .scroll-wrapper{
        max-height: 390px;
    }
}
@media (max-width: 1130px) {
	.header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(3){
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	}
	.navbar-header {
    	display: block;
	}
	ul.dropdown-menu.user-profile-menu.show{
		right: 0 !important;
		right: auto !important;
	}
	.top-bar-menu ul.user-profile-menu:after{
		right: auto;
		left: 0;
	}
	.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active {   
    border: none;
}
	.menu-part {
    height: auto;
    background: white !important;
	}
	div#navbar-collapse-1{
	    clear: both;
	}
	.module-menu-btn{
	    border-right: 1px solid #d8d8d8;
	}
	.header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(4), 
	.header-enabled .nav.navbar-nav.navbar-item-length3 li:nth-child(3), 
	.header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(3){
		display: inline-block !important;
	}
	.nav li a{
	    width: 100%;
    	display: block;
	}
	
	div#navbar-collapse-1 {
    display: none;
	}
	
	.mobi-search.pull-right.hide {
    display: none;
}
nav .menu, .form-grid.referred-resource-block, .form-grid.affected-resource-block, .referred-details, .referred-details, .affected-res-scroll, .menu {
    height: auto;
}
	.filter-operators {
	    max-width: 150px;
	}
	.navbar-header {
    	display: block;
	}
}
@media only screen and (max-width: 991px) {
	.form-row.col-md-6.clearfix{
		width:100%;
		max-width: 100%;
	}
	.form-row.col-md-12.clearfix {
	    clear: both;
	    width: 100%;
	}
	.modal .scrollable-wrapper.scroll-wrapper{
		height: 100%;
	}
	.normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper .col-md-6.col-sm-6.no-padding,
	.normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper .col-md-4.col-sm-6.selected-ports-div{
		width: 100%;
	}
	.normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper{
		flex-wrap: wrap;
	    margin: 0;
	}
	#visit-late-come .accordion-content .accordion-section-wrapper > .app-action-form{
    width: 100%;
    padding: 0 5px;
}
}
@media only screen and (max-width: 845px) {
	.form-row.col-md-6.clearfix{
		padding: 0px;
	}
	.header-enabled .navbar-nav>li:nth-child(4) {
	    display: none;
	}
}
@media only screen and (max-width: 768px) {
.normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper{
    display: inline-block !important;    
}
.normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper .col-md-6.col-sm-6.no-padding, .normal-form.save-port-rotation .select-ports-div.full-width-form.clearfix .scroll-wrapper .col-md-4.col-sm-6.selected-ports-div, .port-rotation .jspContainer, .port-rotation .columns-list-item{
	max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
	.header-enabled .navbar-nav>li:nth-child(4) {
	    display: block;
	}
	.filter-operators{
		padding-right:5px !important;
	}
	.navbar-header {
    	display: block;
	}
	ul.dropdown-menu.user-profile-menu.show{
		right: 0 !important;
		right: auto !important;
	}
	.top-bar-menu ul.user-profile-menu:after{
		right: auto;
		left: 0;
	}
	.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active {   
    border: none;
}
	.menu-part {
    height: auto;
    background: white !important;
	}
	div#navbar-collapse-1{
	    clear: both;
	}
	.module-menu-btn{
	    border-right: 1px solid #d8d8d8;
	}
	.header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(4), 
	.header-enabled .nav.navbar-nav.navbar-item-length3 li:nth-child(3), 
	.header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(3){
		display: inline-block !important;
	}
	.nav li a{
	    width: 100%;
    	display: block;
	}
	
	div#navbar-collapse-1 {
    display: none;
	}
	
	.mobi-search.pull-right.hide {
    display: none;
}

.filter-operators, .filter-searchvalue.col-md-4.col-sm-4.col-xs-4 {
    width: 100%;
    margin:0px; 
}
.no-padding.margin-5.pull-left.col-md-2.col-sm-3.col-xs-8.addmore-options {
    width: 100%;
}
.filter-option-inner-inner{
    overflow: hidden;
    text-overflow: ellipsis;
}
/* .filter-elements-block .form-row .p-r-5 {
    padding-right: 0px;
} */
.no-padding.margin-5.pull-left.filter-state{
	padding-left:5px;
}
.accordion-content .form-action-field {
    padding-left: 10px;
    padding-right: 10px;
}
.fav-icon .dropdown-menu {
    right: auto;
    left: 0 !important;
}
}
@media (max-width: 736px) {
	.footer .pull-left, .footer .pull-right{
		width: 100%;
		text-align: center;
	}
.footer .pull-left{
	padding-bottom: 5px;
}
.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{
	position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}
}
/* @media only screen and (max-width: 510px) {
.form-col-2 .input-group .p-r-5.input-wrapper.right {
    width: 82%;
}
} */
@media only screen and (max-width: 442px) {
	.filter-operators, .filter-searchvalue.col-md-4.col-sm-4.col-xs-4 {
	    min-width: 100%;
	    
	}
	.form-filter-group-col-2 .p-r-5.input-wrapper:first-child {
	    padding-right: 0px;
	}
	.col-md-2.col-sm-2.col-xs-5.filter-searchvalue {
	    width: 100%;
	}
	.no-padding.margin-5.pull-left.filter-state {
	    padding-left: 0px;
	}
	@media only screen and (max-width: 430px) {
		.form-filter-group-col-2 .p-r-5.input-wrapper {
		    width: 100%;
		    
		}
	}
}