/* --------------------------------------------------------  */
/* ZARA - Ultimate Port Solution - Responsive 
/* --------------------------------------------------------  */
@media (max-width: 1720px) {   
	.input-tags {
	    max-width: 60%;
	}
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 47.9%;
    }
    .minimized-header .navbar.navbar-default.navbar-static-top {
    	width: 84%;
	}
}
@media (max-width: 1560px){
	.filter-searchvalue.input-tags {
	    min-width: 185px !important;
	}
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 47.7%;
    }
    .minimized-header .navbar.navbar-default.navbar-static-top {
    	width: 82%;
	}
}
@media (max-width: 1480px) {
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 47.6%;
    }
    #filter_form,
    .col-md-9 {
        width: 100%;
    }
    .col-md-9.default-values.setting-values {
	    width: 75%;
	}  
	.sub-element .form-col-1 {
	    width: 40%;
	    margin-right: 0;
	}
	.sub-element .form-col-2 {
	    width: 60%;
	}    
	.input-tags {
	    max-width: 60%;
	}
	.cookies-content-inner .text {
	    width: 70%;	    
	}
}
@media (max-width: 1366px) {
	.minimized-header .navbar.navbar-default.navbar-static-top {
    	width: 80%;
	}
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 47.4%;
    }
    .p-r-5.set-criteria-row {
        bottom: 0;
        left: 0;
        position: relative;
    }
    /*******error validations ******/
    .modal-content .error-message.textarea .error-msg.right-top {
        top: 104px;
    }
    .alert-text {
        width: 94%;
    }
    .col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info{
    	width:27%;
    }
    .col-md-10.col-sm-6.col-xs-6.loaded.clearfix.equ-info-header{
    	width: 73%;
    }
  	.visit-chart .app-action-group {
	    position: absolute;
	    right: 0;
	}
	.setting-values {
	    padding: 0 7px;
	}
}
@media (max-width: 1283px) {
	.minimized-header .navbar.navbar-default.navbar-static-top {
    	width: 75%;
	}
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 47.2%;
    }
    .form-col-1 {
        text-align: left;
        width: 100%;
    }
    .form-col-2, .sub-element {
        width: 100%;
    } 
    .modal-content.terms-conditions-text .form-col-2 {
        width: 100%;
    }
    .header-enabled .nav.navbar-nav.navbar-item-length4 li:nth-child(4){
    	display: none;
    }
/*------------------------------------*\
Rule Mgmt page
\*------------------------------------*/
    .p-r-5.set-criteria-row {
        bottom: 0;
        left: 0;
        position: relative;
    }
 
/*----------Equipment Page Add by Tushar-----------*/  
	.equipment-group .col-md-4.no-padding.section-4-box-1 {
    	width: 100%;
	}
	.equipment-group .col-md-6.col-sm-8.col-xs-12.no-padding.section-4-box-2{
		width:100%;
	}
	.equipment-group .col-md-2.no-padding.section-4-box-1{
		width:50%;
	}
	.equipment-group .col-md-2.col-sm-4.no-padding.width50.section-3-box-1 {
	    width: 50%;
	    padding-right: 15px;
	}
	.equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-2, .equipment-group .col-md-2.col-sm-4.col-xs-12.p-r-15.no-padding.section-4-box-3.special-cargo, .equipment-group .col-md-4.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div {
	    width: 50%;
	}
	.equipment-group .col-md-3.col-sm-4.no-padding.width50.section-3-box-2 .col-md-12.p-r-15{
		padding-right: 0px;
	}
	.equipment-group .col-md-2.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div{
		width:50%;
	}
	.equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-1, .equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-2, .equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-3{
		width:50%;
	}
	.equipment-group .col-md-2.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div{
		padding-right: 15px;
	}
	.equipment-group .col-md-6.col-sm-6.p-r-15.position-div, .equipment-group .col-md-12.p-r-15.shipment-div, .equipment-group .col-md-12.p-r-15.measurement-div {
 	   padding-right: 0;
	}
	.input-tags {
    	max-width: 50%;
    }
/*----------Equipment Page -----------*/  
}
@media (max-width: 1210px) {
	.navbar-default .navbar-nav>li>a{
	    padding: 5px 15px;
	}
	.header-left{
	    padding: 9px 0 9px 0;
	}
	
}
@media (max-width: 1180px) {
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 46.5%;
    }
    .element-sec .col-md-3 {
        width: 50%;
        float: left;
    }
    .alert-text {
    	width: 92%;
	}
	.dynamic-dashboard .dash-content {
	    width: 32.33%;
	    margin: 0 0.5% 15px; 
	}
	.input-tags {
    	max-width: 48%;
    }
    .normal-form .col-md-3:nth-child(4n+1){
		clear: none;
	}
	.normal-form .col-md-3:nth-child(2n+1){
		clear: both;
	}
	.minimized-header nav.navbar.navbar-default.navbar-static-top {
	    width: 75%;
	}
	.minimized-header .navbar {
	    min-height: auto;
	    width: 65%;
	    float: left;
	}
	/* .header-enabled .navbar-nav>li:last-child{
		display: none;	
	} */
	.user-site{
		display: none;
	}
	.cookies-content-inner .text {
	    width: 65%;	    
	}
}
@media (max-width: 1145px) {
	.navbar-default .navbar-nav>li>a{
	    padding: 5px 10px;
	}
}
@media (max-width: 1110px) {

.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-header{
    height: 100%;
    display: flex;
    padding: 0;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title{
		position: relative;
	    height: 100%;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title .arrow-span{
		height: 100%;
	    position: absolute;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title .arrow-span i{
		top: 50%;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text{
	    clear: both;
	    padding-right: 140px;
	    float: left;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text span{
	    height: auto;
	    line-height: 17px;
	}
	.inventory-reconcile .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text span.total-count{
		top: 35%;
	}
	
}
@media (max-width: 1090px) {
	.navbar-default .navbar-nav>li>a{
	    padding: 5px 10px;
        font-size: 12px;
	}
}

/*------------------------------------*\
iPad landscape width: 1024px
\*------------------------------------*/
@media (max-width: 1024px) {
	.navbar-collapse.collapse.show{
	display: block !important;
	}
	.mobile-top-search .search.mobile-search .search-btn, .mobile-top-search .search.mobile-search .search-btn{
	    right: 35px;
	}
	.collapse.navbar-collapse {
    display: none !important;
}
.collapse.navbar-collapse.in, .navbar-collapse.collapse.show {
    display: block !important;
}
	.header-enabled .navbar-nav>li:nth-child(4), .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: block;
	}
	.cookies-content-inner .accept-btn, .cookies-content-inner .decline-btn, .cookies-content-inner .text{
		    font-size: 14px;
	}
	.breadcrumb-menu li:first-child{
		    padding: 0 0 0 0px;
	}
	.header-enabled .navbar-nav>li:last-child{
		display: block;	
	}
	/*---------- Responsive Menu Start -----------*/  
    .sidebar-hover-menu {
	  background-image: none !important;
 	}
    .content-section {
	  background-image: none;
	}
    .navbar-header {
        background: #fff none repeat scroll 0 0;
        border: none;
        float: right;
    }
    .block-container {
        padding-left: 0;
    }
    .logo-fix-width::after, .logo-fix-width::before {
        background-image: none;
    }
    .header-top .col-md-8 {
        display: none;
    }
    .header-right {
        float: left;
    }
    .top-bar-menu {
        padding-right: 0px;
    }
    .navbar-toggle {
        border-bottom: medium none;
        border-top: medium none;
        float: right;
        height: 50px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 10px 25px;
        right: 0;
    }
    .mobile-top-search {
        display: block;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:active {
        background: #fff none repeat scroll 0 0;
        border-color: #d8d8d8;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:active,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: #2991d6 none repeat scroll 0 0;
        border-color: #2991d6;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }
    .search.mobile-search {
	    background: no-repeat;
	    /* border-bottom: 1px solid #d8d8d8; */
	    /* border-top: 1px solid #d8d8d8; */
	    display: block;
	    float: right;
	    /* margin: 5px auto 0; */
	    padding: 10px 0;
	    /* position: absolute; */
	    /* top: 30px; */
	    width: 100%;
	    z-index: 99;
	    float: left;
	}
    .search .text-box {
        display: block;
        float: none;
        height: 35px;
        margin: 0 auto;
        width: 95%;
    }
    .search {
        display: none;
    }
    .mobi-search {
        background-color: #ffffff;
	    display: block;
	    height: 34px;
	    line-height: 34px;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    display: table;
	    top: 0;
	    width: 74px;
	    border-left: 1px solid #d8d8d8;
    }
    .mobi-search a {
	    display: table-cell;
	    vertical-align: middle;
	}
    .mobi-search img {
        width: 18px;
        height: 18px;
    }
    .search.mobile-search .text-box {
        background-image: none;
    }
    /* Sidebar */
    .tooltip::after,
    [data-tooltip]::after {
        display: none;
    }
    .tooltip-right::before {
        left: 50%;
        transform: rotate(89deg);
    }
    .tooltip-right:hover::before,
    .tooltip-right:hover::after,
    .tooltip-right:focus::before,
    .tooltip-right:focus::after {
        display: none;
    }
    
    .left-panel .sidebar-link:hover a {
        color: #fff;
    }
    .mobile-sidebarmenu {
        display: block;
    }
    .desktop-sidebar {
        display: none;
    }
    .right-panel {
        clear: both;
        margin: 0 auto;
        padding-top: 20px;
        width: 96%;
    }
    .left-panel .sidebar-nav .sidebar-link a {
        font-size: 12px;
        line-height: 14px;
        color: #2991d6;
        height: auto;
        padding-top: 10px;
        text-align: center;
        width: auto;
    }
	.sidebar-nav {
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    display: none;
	    height: 100%;
	    background-color: #fff;
	    z-index: 9999;
	}
	.menu-header {
	    display: block;
	    border-bottom: 1px solid #d8d8d8;
	    position: relative;
	}
	.menu-header .menu-headline {
	    width: 100%;
	    display: block;
	    padding: 12px 40px;
	    text-align: center;
	    font-size: 14px;
	}
	.menu-cancel {
	    position: absolute;
	    display: inline-block;
	    width: auto;
	    border-left: 1px solid #d8d8d8;
	    right: 0;
	    top: 0;
	}
	.left-panel .menu-cancel a {
	    width: 45px;
	    height: 40px;
	    padding: 10px 0;
	}
	.left-panel.mobile-sidebarmenu .sidebar-nav .menu-cancel img {
	    height: 18px;
	}
	.left-panel .sidebar-nav .sidebar-link {
	    width: 23%;
	    height: 110px;
	    text-align: center;
	    display: block;
	    border: 1px solid #2991d6;
	    float: left;
	    margin: 1%;
	    position: relative;
	}
	.left-panel.mobile-sidebarmenu .sidebar-nav div a img {
	    width: 45px;
	    height: 45px;
	}
	.module_title {
	    font-weight: bold;
	    font-size: 13px;
	}
	.user-profile .user-profile-menu, .fav-icon.open .dropdown-menu.top-menu, .top-bar-menu .top-lang .dropdown-menu, .dropdown-menu.notifications-menu {
	    left: 0;
	    right: inherit;
	}
	.navbar-toggle {
        height: 70px;
        display: block !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px;
    }
    .navbar-nav {
        display: block;
        margin: 0;
        width: 100%;
        background-color: #f6f6f6;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        border-top: medium none;
        width: 100%;
    }
    .nav > li > a {
        float: none
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > li > a {
        text-align: left;
    }
    .mobile-breadcrumb .breadcrumb-menu{
        display:block;
        margin-left: 10px;
    }
    .mobile-breadcrumb {
	    background: #120e5b;
	    display: inline-block;
    	width: 100%;
	}
	.breadcrumb-menu{
	    display:none;
	}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #e0f3ff;
        color: #2991d6;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        background-color: #2991d6;
        color: #fff;
        border-radius: 0;
    }
    .dropdown-menu .submenu-icon i {
        border: medium none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 24px;
    }
    .nav li {
        border-bottom: 1px solid #d8d8d8;
        border-right: medium none;
        width: 100%;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        border-bottom: 1px solid #d8d8d8;
        margin-top: 0;
        font-size: 13px;
    }
    .dropdown-submenu .dropdown-menu li a {
        background-image
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5c5c5c;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: #5c5c5c;
        background-color: #f6f6f6;
        border-radius: 0;
        margin-top: 2px;
        border-bottom: 1px solid #d8d8d8;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }
    .menu-part {
        height: auto;
    }
    .menu-part::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .navbar {
        margin-bottom: 0;
        background-color: #fff;
    }
    ul.nav li.dropdown-submenu:hover .dropdown-menu {
        display: none;
    }
    .nav > li > a {
        border-right: medium none;
    }
    .nav li:last-child {
        border-bottom: medium none;
    }
	.module-menu-btn {
	    display: inline-block;
	}
	.col-md-4.col-sm-4.pull-right.no-padding.top-header-nav{
	float: left !important;}
    
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
	    width: 96%;
	}
	.rail-service #formGroups-0 .select-ports-div .col-md-6{
		width: 100%;
	}
	.rail-service #formGroups-0 .selected-ports-div {
    	top: 0px;
    	position: relative;
   	    padding-left: 0;
	}
    .header-left {
        padding-left: 0;
    }
/*----------Form Elements  -----------*/
    .form-col-1 {
        text-align: left;
        width: 100%;
    }
    .form-col-2, .sub-element {
        width: 100%;
    }
    .app-action-form.app-action-form-block.clearfix.filter-block {
        padding: 0 10px;
    }
    .ui-datepicker-trigger.icon-datepicker {
        right: 0px;
    }
/*----------Form validations Error Message-----------*/
    .error-msg.right-top {
        left: 0;
        max-width: 99.2%;
        text-align: left;
        top: 40px;
        width: 100%;
    }
    .error-message.textarea .error-msg.right-top {
        top: 99%;
    }
    .p-r-5.right .error-msg.right-top {
        left: 0;
        max-width: 100%;
        text-align: left;
        top: 40px;
        width: 100%;
    }
    .form-separator.p-r-5.right .error-msg.right-top{
    	max-width: 91%;
    }
    .p-r-5.right .error-msg.left-bottom {
        left: 0;
        max-width: 100%;
        width: 100%;
    }
    .error-message.error.uom.error.radio .error-msg.right-top {
        left: 0px;
        top: 30px;
        width: 100%;
    }
    .p-r-5.right .error-message.error.uom.error.radio .error-msg.right-top::before {
        left: 0px;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        top: -12px;
        display: block;
    }
	.modal-content .p-r-5.right .error-msg.right-top::after {
	    content: '';
	}
	.modal-content .p-r-5.right .error-msg.right-top::before {
		content:none;
	}
/*---------- Rule Mgmt-----------*/
    .alerts-emails {
        padding: 0 0 0 15px;
    }
    .question.tooltip-bottom {
        display: none;
    }
	.input-group.input-file + .error-message .error-msg.right-top{
		width: auto;
	}
	/*---------- End Rule Mgmt-----------*/   
	html body .config-panel.weightupdate .vgm-mgmt .group-row .form-row, html body .config-panel.weightupdate .group-row .form-row{
		padding: 0 10px;
	} 
	.dynamic-dashboard .dash-content {
	    width: 48%;
	    margin: 0 1% 15px; 
	}
	.switch.error-input-box ~ .error-message .error-msg.right-top {
     max-width:168px;
     width:auto;
	 }
	 .logo-punchline {
	    bottom: 0;
	}
	.filter-operators {
	    width: 150px;
	}
	.col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info, .col-md-10.col-sm-6.col-xs-6.loaded.clearfix.equ-info-header{
    	width:50%;
    }
    .eqpHeaderDetails .col-md-10.col-sm-6.col-xs-6.loaded.clearfix.equ-info-header {
	    width: 70%;
	}
	.eqpHeaderDetails .col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info {
	    width: 30%;
	}
   .setting-values {
      padding: 0 4px;
   }
   .yard-tab-body .tab-legend{
   		float: left;
   }
}
@media (max-width: 1000px) {
    .container {
        width: 100%;
    }
    .element-sec .col-md-3 {
        width: 50%;
        float: left;
    }
    .logo-fix-width {
        height: 70px;
        width: 170px;
    }
    .logo-fix-width img {
        height: auto;
    }
    .nav > li > a {
        font-size: 13px;
        padding: 5px 10px;
    }
    .logo-fix-width a {
        padding-top: 4px;
    }
    .logo-punchline {
	    bottom: 6px;
	    font-size: 11px;
	}
    .panel-block-heading {
        width: 65%;
    }
    .app-action-form {
        padding: 0;
    }
    .app-action-form.filter-block {
        margin-top: 10px;
    }
    .repots-label {
        margin: 0 0 5px;
        text-align: left;
        max-width: 100%;
        float: none;
    }
    html body .config-panel .scroll-wrapper .css-label {
        width: 30%;
    }
   .config-panel.weightupdate .form-row.col-md-6.clearfix{
		width: 100%;
	}
	.searched-criteria.col-md-12{
		padding-left: 0px;
		padding-right: 0px;
	}
	.normal-form .col-md-3:nth-child(3n+1){
		clear: none;
	}
	.normal-form .col-md-3:nth-child(2n+1){
		clear: both;
	}
	.normal-form .col-md-4:nth-child(3n+1){
		clear: none;
	}
	.normal-form .col-md-4:nth-child(2n+1){
		clear: both;
	}
	.normal-form .col-md-4{
		width:50%;
		float:left;
	}
	.normal-form  .col-md-4.col-sm-4.col-xs-4.input-group-col {
	    width: 33.33333333%;
	    clear: none;
	}
	.minimized-header .navbar {
	    width: 66%;
	}
	.minimized-header .logo-fix-width a {
	    padding-top: 0px;
	}
}

@media (max-width: 991px) {
	.modal-content .form-separator.p-r-5.right .error-msg.right-top {
	    max-width: 94%;
	}
	.datepicker-row + .error-message .error-msg.right-top:after {
	    right: 38px;
	}
 	.movement-summary-cotent-right-main .form-elements.operation-form-elements, .movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6, .movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6:nth-child(7) {
    	padding: 0px 0 0 0;
	}
	.form-row.col-md-12.clearfix{
		clear:both;
	}
	.modal .scroll-wrapper {
	    padding-right: 15px;
	}
	.form-separator.p-r-5.right .error-msg.right-top {
	    max-width: 95%;
	}
	.hidden ~ .form-row.col-md-6.clearfix:nth-child(2n){
	    padding-left:0px;
	    padding-right:0px;   
	}
	.hidden ~ .form-row.col-md-6.clearfix:nth-child(2n+1){
	    padding-left:0px;
	    padding-right:0px;   
	}
	.view-form .form-col-2, .view-only-form .form-col-2 {
	    width: 50%;
	    float: left;
	}
	.view-form .form-col-1, .view-only-form .form-col-1 {
	    width: 50%;
	    float: left;
	}
	.modal-content .p-r-5.right .input-file ~ .error-message .error-msg.right-top {
    max-width: 100%;
	}
	.input-group.input-file ~ .error-message .error-msg.right-top {
	    right: 115px;
	}
	.accordion-section-wrapper > .app-action-form.col-md-6:nth-last-child(2) {
	    margin: 0 0px 15px 0px;
	}
	.movement-summary-cotent-right-main {
	    padding-top: 22px;
	    clear: both;
	}
	.accordion-content-wrapper{
	    margin: 0;
	}
	.filter-searchvalue.col-md-4.col-sm-4.col-xs-4 {
	    width: 41%;
	}
	.col-md-2.col-sm-2.col-xs-5.filter-searchvalue {
	    width: 23%;
	}
	.input-tags {
	    max-width: 40%;
	}
	.equipment-group .col-md-12.no-padding.opr-instruction-div {
    	padding-left: 15px;
	}
	.minimized-header .logo-fix-width {
	    width: 100px;
	}
	.minimized-header .logo-fix-width img {
	    width: 80%;
	}
	header.minimized-header .top-lang .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	    max-width: 50px;
	}
	.minimized-header .user-text {
	    text-overflow: ellipsis;
	    max-width: 50px;
	    overflow: hidden;
	}
	body .daterangepicker{
	    width: 450px;
	}
	body .daterangepicker.single {
	    width: auto;
	}
	.filter-searchvalue.input-tags {
	    min-width: 23% !important;
	}
	.view-form.column-count-1 .form-row.full-width-row .form-col-1:not(.form-table-block), .view-form.column-count-1 .form-row.full-width-row .form-col-2:not(.form-table-block),
	.view-form .form-row.full-width-row .form-col-1:not(.form-table-block), .view-form .form-row.full-width-row .form-col-2:not(.form-table-block),
	.view-form.column-count-3 .form-row.full-width-row .form-col-1:not(.form-table-block), .view-form.column-count-3 .form-row.full-width-row .form-col-2:not(.form-table-block){
		width: 50%;
	}
	/* .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: none !important;
	} */
	
	.cookies-content-inner{
		flex-wrap: wrap;
		justify-content: center;		
	}
	.cookies-content-inner .text {
    	width: 100%;
    	text-align: center;
    	margin-bottom: 10px;
	}
}
/*------------------------------------*\
nexus 7 width: 960px
\*------------------------------------*/
@media (max-width: 960px) {
/*----------Menu-----------*/
    .error-message.certifyDocument.file i {
        right: 125px;
    }
    .rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 95%;
	}
   .group-row .form-row.col-md-6.clearfix{
  	 padding: 0 8px;
   }
   .group-row .form-row.col-md-6.clearfix{
  	 padding: 0 8px;
   }
   .vessel-visit-operation-form .form-row.col-md-6.clearfix:nth-child(2n) {
    padding: 0px;
   }
   .alert-text {
    	width: 89%;
	}
	.eqpHeaderDetails .col-md-10.col-sm-6.col-xs-6.loaded.clearfix.equ-info-header {
	    width: 100%;
	    margin-top: 10px;
	}
	.eqpHeaderDetails .col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info {
	    width: 100%;
	}
	.header-resize {
	    padding: 9px 7px;
	}
	.default-header .top-header-nav {
	    width: 50%;
	}
	.minimized-header .top-bar-menu > div > a {
	    padding: 7px;
	}
	.minimized-header nav.navbar.navbar-default.navbar-static-top{
	    width: 76%;
	}
}
/*------------------------------------*\
iPad portrait width: 900px
\*------------------------------------*/
@media (max-width: 900px) {
/*----------Menu-----------*/
/*------------------------------------*\
Manage Columns
\*------------------------------------*/
	.columns-list-box {
	 	width: 100%	;
    }
    .columns-center-btn {
        width: 50px;
    }
    .columns-vertical-center {
        width: 50px;
    }
    .manage-columns .columns-icon-left {
	    margin: 10px 0;
	}
    .error-msg.right-top {
        max-width: 100%;
    }
    .p-r-5.right .error-msg.right-top {
        max-width: 100%;
    }
    /*----------tooltip-----------*/
    .tooltip-bottom::after {
        display: none;
    }
    .tooltip-bottom::before {
        border: none;
    }
    .question.tooltip-bottom {
        display: none;
    }
    /*----------configuration page-----------*/
    .start-sync .check-block {
        width: 30%;
    }
    .table-record{
    	max-height: 100%;
    }
    .columns-center-btn {
	    width: 100%;
	    height: auto;
	    margin: 10px 0;
	}
	.columns-vertical-center {
	    display: block;
	    height: auto;
	    margin: auto;
	    width: 100%;
	}
	.columns-vertical-center span {
	    clear: none;
	    display: inline-block;
	    margin: 0 10px 0 0;
	}
	.columns-vertical-center span img {
	    transform: rotate(90deg);
	}
	.columns-center-btn.right {
	    width: 100%;
	    padding: 0;
	}
	.manage-action [data-tooltip]:hover::after, [data-tooltip]:hover::before {
	    opacity: 0;
	    visibility: visible;
	}
	.right .columns-vertical-center span img {
	    transform: rotate(0deg);
	}
	.upload-file-list .file-other-info{
     	padding: 0;
	 	margin: 0 -7px;
	 }
	 .upload-file-list > li {
	     padding-bottom: 5px;
	     margin-bottom: 10px;
	     border-bottom: 1px solid #aaa;
	 }
	 .upload-file-list > li:last-child {
	     padding-bottom: 0;
	     margin-bottom: 0;
	     border-bottom: none;
	 }
	 .upload-file-list .file-other-info .col-md-6 {
	     width: 50%;
	     float: left;
	     padding: 0 7px;
	 }
	.filter-label {
	    max-width: 100%;
	    text-align: left;
	}
	.minimized-header .nav>li>a {
	    padding: 3px 5px;
	}
	.minimized-header .top-bar-menu > div > a {
	    padding: 8px 5px;
	}
	.minimized-header .block-container {
	    padding-left: 40px;
	}
	.sidebar-slide-menu .minimized-header a.a_menulist.tab_action {
	    left: -32px;
	}
	.minimized-header .top-header-nav {
	    width: 36%;
	}
	.minimized-header .navbar {
	    width: 64%;
	}
	.minimized-header  .top-lang .bootstrap-select button.dropdown-toggle {
	    padding: 8px 26px 8px 4px;
	}
	.minimized-header nav.navbar.navbar-default.navbar-static-top {
	    width: 77%;
	}
	.minimized-header .menu .icon {
	    height: 18px;
	    width: 18px;
	}
	.minimized-header .menu .home.icon:hover,.minimized-header .menu .active .home.icon {
	    background-size: 12px auto;
	}
	.filter-searchvalue.input-tags {
	    min-width: 185px !important;
	}
}
@media (max-width: 860px) {
	.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text span.total-count{
		top: 35%;
	}
}
@media only screen and (max-width: 845px) {
	.header-enabled .navbar-nav>li:nth-child(4) {
	    display: none;
	}
}
/*------------------------------------*\
iPad portrait width: 768px
\*------------------------------------*/
@media (max-width: 768px) {
    .modal-dialog {
        left: 50%;
        margin-left: 0;
        width: 90%;
    }
    .rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 94%;
	}
    .error-message.certifyDocument.file i {
        right: 120px;
    }
    .p-r-5 {
        padding: 0;
    }
    .dropdown-submenu .dropdown-menu li a {
        font-size: 13px;
    }
    .dropdown-submenu .dropdown-menu li a:before {
        font-family: FontAwesome;
        content: "\f054";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-size: 11px;
    }
    .dropdown-submenu .dropdown-menu li {
        height: auto;
    }
    .dropdown-submenu .dropdown-menu li a {
        line-height: 14px;
        padding: 5px 15px;
    }
    .barcode-table .col-md-4.center {
    	width:100%;
    }
    .manage-col.tooltip-bottom {
        display: none;
    }
    .owl-buttons {
        display: none;
    }
    .filter-label {
        max-width: 100%;
        text-align: left;
    }
    .form-action-field .col-md-9 {
        padding: 0;
    }
    .filter-select.col-md-12.presaved-filters-block {
        padding: 0px;
    }
    .no-padding.margin-5.col-md-4.col-sm-3.col-xs-3.presaved-filters {
        width: 73.9%;
    }
    .no-padding.margin-5.pull-left.col-md-3.col-sm-3.col-xs-3.addmore-options {
        width: 100%;
    }
    body .daterangepicker .ranges {
        padding: 0px;
    }
    .no-padding.col-md-5.col-sm-10.col-xs-1.presaved-filters {
        float: right;
        width: 88%;
    }
    .reports-btn {
        margin: 10px 0 0px 0;
    }
    .form-row.clearfix.filter-check {
        margin-left: 0px;
    }
    .columns-list-box {
        float: left;
        width: 299px;
    }
    .columns-center-btn {
        width: 58px;
    }
    .columns-vertical-center {
        width: 58px;
    }
    html body .config-panel .scroll-wrapper .css-label {
        width: 40%;
    }
	.accordion-content .filter-wrapper{
		margin: 0 -10px;
	}
	.accordion-content .form-action-field{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-action-field.clearfix.scope-form{
		padding: 10px;
	}
	.modal-content .form-separator.p-r-5.right .error-msg.right-top {
	    max-width: 100%;
	}
	h2.resp-accordion {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: -moz-use-text-color #c1c1c1 #c1c1c1;
        border-image: none;
        border-style: solid;
        border-width: 2px 1px 1px;
        float: left;
        font-size: 13px;
        margin: 0;
        padding: 10px 15px;
        width: 100%;
    }
    .resp-tab-content {
        float: left;
        width: 100%;
    }
	h2.resp-tab-active {
	    border-bottom: 2px solid #c1c1c1 !important;
	    float: left;
	    margin-bottom: 5px !important;
	    padding: 15px !important;
	    width: 100%;
	}
	h2.resp-accordion {
	    border-left: 0 none;
	    border-right: 0 none;
	    border: 1px solid #d8d8d8 !important;
	    display: block;
	    margin-bottom: 10px;
	    float: left;
	    width: 100%;
	} 
	.dynamic-dashboard .dash-content {
	    width: 47%;
	    margin: 0 1.5% 15px; 
	}
	.message.open > a::after{
		left: 10px;
	}
	.user-profile.open > a:after{
		right: 13px;
	}
	.text-xs-left{
		text-align: left;
	}
	.col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info{
		margin-bottom: 20px;
	}
	.col-md-2.col-xs-6.col-sm-6.no-padding.clearfix.eqp-info, .col-md-10.col-sm-6.col-xs-6.loaded.clearfix.equ-info-header{
    	width:100%;
    }
    .filter-searchvalue.input-tags {
	    min-width: 32% !important;
	}
	.header-enabled .navbar-nav>li:last-child{
		display: none;	
	}
}
/*------------------------------------*\
Mobile Screen width: 767px
\*------------------------------------*/
@media (max-width: 767px) {
	.mobile-top-search .search.mobile-search .search-btn, .mobile-top-search .search.mobile-search .search-btn{
	    right: 25px;
	}
	.header-enabled .navbar-nav>li:nth-child(4), .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: block;
	}
	.cookies-content-inner .accept-btn, .cookies-content-inner .decline-btn, .cookies-content-inner .text{
		    font-size: 14px;
	}
	.breadcrumb-menu li:first-child{
		    padding: 0 0 0 0px;
	}
	.header-enabled .navbar-nav>li:last-child{
		display: block;	
	}
	/*---------- Responsive Menu Start -----------*/  
    .sidebar-hover-menu {
	  background-image: none !important;
 	}
    .content-section {
	  background-image: none;
	}
    .navbar-header {
        background: #fff none repeat scroll 0 0;
        border: none;
        float: right;
    }
    .block-container {
        padding-left: 0;
    }
    .logo-fix-width::after, .logo-fix-width::before {
        background-image: none;
    }
    .header-top .col-md-8 {
        display: none;
    }
    .header-right {
        float: left;
    }
    .top-bar-menu {
        padding-right: 0px;
    }
    .navbar-toggle {
        border-bottom: medium none;
        border-top: medium none;
        float: right;
        height: 50px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 10px 25px;
        right: 0;
    }
    .mobile-top-search {
        display: block;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:active {
        background: #fff none repeat scroll 0 0;
        border-color: #d8d8d8;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:active,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: #2991d6 none repeat scroll 0 0;
        border-color: #2991d6;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }
    .search.mobile-search {
	    background: no-repeat;
	    /* border-bottom: 1px solid #d8d8d8; */
	    /* border-top: 1px solid #d8d8d8; */
	    display: block;
	    float: right;
	    /* margin: 5px auto 0; */
	    padding: 10px 0;
	    /* position: absolute; */
	    /* top: 30px; */
	    width: 100%;
	    z-index: 99;
	    float: left;
	}
    .search .text-box {
        display: block;
        float: none;
        height: 35px;
        margin: 0 auto;
        width: 95%;
    }
    .search {
        display: none;
    }
    .mobi-search {
        background-color: #ffffff;
	    display: block;
	    height: 34px;
	    line-height: 34px;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    display: table;
	    top: 0;
	    width: 74px;
	    border-left: 1px solid #d8d8d8;
    }
    .mobi-search a {
	    display: table-cell;
	    vertical-align: middle;
	}
    .mobi-search img {
        width: 18px;
        height: 18px;
    }
    .search.mobile-search .text-box {
        background-image: none;
    }
    /* Sidebar */
    .tooltip::after,
    [data-tooltip]::after {
        display: none;
    }
    .tooltip-right::before {
        left: 50%;
        transform: rotate(89deg);
    }
    .tooltip-right:hover::before,
    .tooltip-right:hover::after,
    .tooltip-right:focus::before,
    .tooltip-right:focus::after {
        display: none;
    }
    .left-panel {
        width: 100%;
        position: relative;
        top: 0;
        border: none;
    }
    .left-panel .sidebar-link.active {
        background-color: #fff;
        text-align: center;
        width: 100%;
    }
    .left-panel .sidebar-link.active a {
		color: #fff;
     }
    .left-panel .sidebar-nav .sidebar-link.active a:hover,
    .left-panel .sidebar-nav .sidebar-link a:hover {
        text-decoration: none;
        color: #fff;
    }
    .left-panel .owl-prev {
        background: #d8d8d8 url("../img/icons/arrow-left-white.svg") no-repeat scroll center center;
        background-size: 23px auto;
        color: rgba(0, 0, 0, 0);
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0;
        width: 15px;
        font-size: 0;
    }
    .left-panel .owl-next {
        background: #d8d8d8 url("../img/icons/arrow-right-white.svg") no-repeat scroll center center;
        background-size: 23px auto;
        color: rgba(0, 0, 0, 0);
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0;
        width: 15px;
        font-size: 0;
    }
    .left-panel .owl-carousel .owl-wrapper-outer {
        border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
    }
    .left-panel .sidebar-link:hover a {
        color: #fff;
    }
    .mobile-sidebarmenu {
        display: block;
    }
    .desktop-sidebar {
        display: none;
    }
    .right-panel {
        clear: both;
        margin: 0 auto;
        padding-top: 20px;
        width: 96%;
    }
    .left-panel .sidebar-nav .sidebar-link a {
        font-size: 12px;
        line-height: 14px;
        color: #2991d6;
        height: auto;
        padding-top: 10px;
        text-align: center;
        width: auto;
    }
	.sidebar-nav {
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    display: none;
	    height: 100%;
	    background-color: #fff;
	    z-index: 9999;
	}
	.menu-header {
	    display: block;
	    border-bottom: 1px solid #d8d8d8;
	    position: relative;
	}
	.menu-header .menu-headline {
	    width: 100%;
	    display: block;
	    padding: 12px 40px;
	    text-align: center;
	    font-size: 14px;
	}
	.menu-cancel {
	    position: absolute;
	    display: inline-block;
	    width: auto;
	    border-left: 1px solid #d8d8d8;
	    right: 0;
	    top: 0;
	}
	.left-panel .menu-cancel a {
	    width: 45px;
	    height: 40px;
	    padding: 10px 0;
	}
	.left-panel.mobile-sidebarmenu .sidebar-nav .menu-cancel img {
	    height: 18px;
	}
	.left-panel .sidebar-nav .sidebar-link {
	    width: 23%;
	    height: 110px;
	    text-align: center;
	    display: block;
	    border: 1px solid #2991d6;
	    float: left;
	    margin: 1%;
	    position: relative;
	}
	.left-panel.mobile-sidebarmenu .sidebar-nav div a img {
	    width: 45px;
	    height: 45px;
	}
	.module_title {
	    font-weight: bold;
	    font-size: 13px;
	}
	.user-profile .user-profile-menu, .fav-icon.open .dropdown-menu.top-menu, .top-bar-menu .top-lang .dropdown-menu, .dropdown-menu.notifications-menu {
	    left: 0;
	    right: inherit;
	}
	.navbar-toggle {
        height: 70px;
        display: block !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px;
    }
    .navbar-nav {
        display: block;
        margin: 0;
        width: 100%;
        background-color: #f6f6f6;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        border-top: medium none;
        width: 100%;
    }
    .nav > li > a {
        float: none
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > li > a {
        text-align: left;
    }
    .mobile-breadcrumb .breadcrumb-menu{
        display:block;
        margin-left: 10px;
    }
    .mobile-breadcrumb {
	    background: #120e5b;
	    display: inline-block;
    	width: 100%;
	}
	.breadcrumb-menu{
	    display:none;
	}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #e0f3ff;
        color: #2991d6;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        background-color: #2991d6;
        color: #fff;
        border-radius: 0;
    }
    .dropdown-menu .submenu-icon i {
        border: medium none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 24px;
    }
    .nav li {
        border-bottom: 1px solid #d8d8d8;
        border-right: medium none;
        width: 100%;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        border-bottom: 1px solid #d8d8d8;
        margin-top: 0;
        font-size: 13px;
    }
    .dropdown-submenu .dropdown-menu li a {
        background-image
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5c5c5c;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: #5c5c5c;
        background-color: #f6f6f6;
        border-radius: 0;
        margin-top: 2px;
        border-bottom: 1px solid #d8d8d8;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }
    .menu-part {
        height: auto;
    }
    .menu-part::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .navbar {
        margin-bottom: 0;
        background-color: #fff;
    }
    ul.nav li.dropdown-submenu:hover .dropdown-menu {
        display: none;
    }
    .nav > li > a {
        border-right: medium none;
    }
    .nav li:last-child {
        border-bottom: medium none;
    }
	.module-menu-btn {
	    display: inline-block;
	}
	/*---------- Responsive Menu Ends -----------*/ 
	/*----------Table Grid-----------*/
    .pagination-block {
        height: auto;
        line-height: 24px;
    }
    #batch_update .modal-dialog {
        width: 90%;
    }
    .columns-list-box {
        width: 100%;
    }
    .columns-list-item, .searchall-columns + .columns-list-item, .searchvisible-columns + .columns-list-item {
        height: 145px;/* Adjusted for manage columns */
    }
    .columns-center-btn {
        width: 100%;
        height: auto;
    }
    .columns-vertical-center {
        display: block;
        height: auto;
        margin: auto;
        width: 100%;
    }
    .columns-vertical-center span {
        clear: none;
        display: inline-block;
        margin: 10px auto;
    }
    .columns-vertical-center span img {
        transform: rotate(90deg);
    }
    .modal-batchupdate-form-content.element-sec.clearfix {
         margin: 0;
   		 padding: 0 0px 0 10px;
    }
    /*----------configuration page-----------*/
    .start-sync .check-block {
        width: 50%;
    }
    .responsive-tabs-wrapper {
        padding: 10px;
    }
    .action-box .owl-carousel.owl-theme{
   		 width:100%;
    }
    .app-action-form{
	    padding-left:5px;
	    padding-right:5px;
    }
    .form-panel .p-r-0 {
	    padding: 0;
	}
	nav .menu, .form-grid.referred-resource-block, .form-grid.affected-resource-block, .referred-details, .referred-details, .affected-res-scroll, .menu {
	    height: auto;
	}
	.modal-content .col-md-12.p-r-0, .popup-action .col-md-12.p-r-0 {
        padding: 0;
	}
	.normal-form .movement-summary-edit-elements .form-separator:after {
	    content: "";
	}
	.movement-summary-edit-elements .col-md-6.col-sm-6.no-padding {
	    overflow: hidden;
	}
	/*----------Equipment page Add by Tushar-----------*/
	.equipment-group .col-md-2.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div{
		width:100%;
	}
	.equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-1, .equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-2, .equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-3{
		width:100%;
	}
	.equipment-group .col-md-2.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div, .equipment-group .col-md-4.col-sm-4.no-padding.width50.section-3-box-2 .col-md-12.p-r-15, .equipment-group .col-md-6.col-sm-6.p-r-15.eqp-info-div{
		padding-right: 0px;
	}
	/*----------Equipment page -----------*/
	.selected-ports-div{
		padding: 0;
	}
	.port-rotation .columns-list-box {
	    width: 100% !important;
	    max-width: 300px;
	}
	.port-rotation .dp-menu-btn .shift-right,.port-rotation .dp-menu-btn .move-right {
	    transform: rotate(90deg);
	}
	.port-rotation .columns-list-item {
	    height: 245px;
	}
	.middle-icon-ports {
	    height: 282px;
	}
	.movement-summary-cotent-right-main {
	    padding-top: 22px;
	    clear: both;
	}
	.filter-operators {
    width: 33%;
	}
	.col-md-2.col-sm-2.col-xs-5.filter-searchvalue {
	    width: 32%;
	}
	.equipment-popup-summary-details .col-md-4{
	    width: 33.33%;
	    float: left;
	}
	.equipment-group .col-md-2.col-sm-4.no-padding.width50.section-3-box-1, .equipment-group .col-md-2.no-padding.section-4-box-1, .equipment-group .col-md-3.col-sm-4.no-padding.width50.section-3-box-2, .equipment-group .col-md-2.col-sm-4.col-xs-12.p-r-15.no-padding.section-4-box-3.special-cargo, .equipment-group .col-md-4.col-sm-4.col-xs-12.no-padding.section-4-box-3.remarks-div{
		width: 100%;
		padding-right: 0px;
	}
	.equipment-group .col-md-12.no-padding.opr-instruction-div{
		padding-left: 0px;
	}
	.equipment-group .col-md-2.no-padding.section-4-box-1 .col-md-12.p-r-15.position-div{
		padding-right: 0px;
	}
	.shipment-box.width50.export-section {
	    width: 50%;
	}
	.shipment-box.width50.arrival-section {
    	width: 50%;
	}
	.equipment-popup-summary-details {
	        float: left;
          width: 60%;
	}
	.normal-form  .col-md-4.col-sm-4.col-xs-4.input-group-col {
	    width: 100%;
	    clear: none;
	}
	.normal-form  .col-md-6.col-sm-6.col-xs-6.input-group-col {
	    width: 100%;
	    clear: none;
	}
	.default-header .top-header-nav {
	    width: auto;
	    float: left !important;
	}
	.header-resize {
	    display: none;
	}
	.logo-fix-width {
	    height: 50px;
	    width: 147px;
	}
	.module-menu-btn {
	    width: 50px;
	    padding: 14px;
    	height: auto;
	}
	.module-menu-btn img {
	    width: 22px;
	    height: 22px;
	}
	.navbar-toggle {
	    padding: 10px 14px;
	    height: 51px;
	}
	.mobile-breadcrumb .breadcrumb-menu:nth-child(2) {
	    display: none;
	}
	.sidebar-link:hover {
	    background: #2991d6;
	}
	header .top-lang .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	    max-width: auto;
	}
	.user-text {
	    max-width: auto;
	}
	.billing-service-status-info {
    	text-align: left;
	}
	.support-popup .chat-form{
	    right: 0%;
	    bottom: 55px;
	    width: 100%;
	    max-width: 98%;
	    top: auto;
	    z-index: 999;
	}
	/*.support-popup .chat-form.is-live-chat{
	    max-height: 570px;
	}
	.support-popup .chat-form.scroll-actions-move-chat-form {
	    bottom: 115px;
	}*/
	.support-popup .button-chat.scroll-actions-move-button-chat {
	    bottom: 70px;
	}
}
/*------------------------------------*\
iPhone 6 Plump landscape  width: 736px
\*------------------------------------*/
@media (max-width: 736px) {
	#batchupdate-form-block .modal-content.terms-conditions-text{
		padding-bottom: 50px;
	}
	.footer .pull-left, .footer .pull-right{
		width: 100%;
		text-align: center;
	}
	.footer .pull-left{
		padding-bottom: 5px;
	}
    .panel-block-heading {
        width: 60%;
    }
    body .terms-content {
        clear: both;
        height: 100px;
        min-height: 250px;
        overflow: scroll;
        padding: 0 10px;
    }
    .user-profile .user-profile-menu {
        width: 125px;
    }
    .modal-content {
	    padding-bottom: 10px;
	    overflow: hidden;
	}
    .app-action-group {
        right: 0;
    }
    .modal-content .error-msg.right-top {
        max-width: 100%;
    }
    .modal-content .p-r-5.right .error-msg.right-top {
        max-width: 100%;
    }
    .modal-batchupdate-form-content,
    .modal-batchupdate-form-content.element-sec.clearfix form {
        height: 270px;
        clear: both;
    }
    .margin-top-0{
    	margin-top: 0px;
    }
    body .daterangepicker .calendar.left {
	    clear: none;
	}
}
/*------------------------------------*\
iPhone 6 landscape  width: 667px 
\*------------------------------------*/

@media (max-width: 667px) {
	
/*----------Table Grid-----------*/
    .page_record_options::before {
        background-color: transparent;
    }
    .pages-info {
        width: auto;
    }
    .bottom-pagination .pages-info {
        width: 100% !important;
    }
    .panel-block-head {
        position: relative;
        overflow: unset;
    }
    .panel-block-heading {
        width: 55%;
    }
    /*---------- End Table Grid-----------*/
    element-sec .col-md-3 {
        float: none;
        width: 100%;
    }
    .terms-content {
        clear: both;
        height: 100px;
        min-height: 300px;
        overflow: scroll;
        padding: 0 10px;
    }
    body .terms-content {
        min-height: 200px;
    }
    .modal-content.set-rule-criteria {
        padding-bottom: 15px;
    }
    /*----------Modal Batchupdate Form -----------*/
    .modal-batchupdate-form-content,
    .modal-batchupdate-form-content.element-sec.clearfix form {
        height: 180px;
        clear: both;
        width: 100%;
    }
    .modal-dialog.alert-popup {
       
        width: 280px;
    }
    .modal-dialog.alert-popup h4 {
        font-size: 12px;
    }
    .nav-tabs li a {
        white-space: nowrap;
        width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    html body .config-panel .scroll-wrapper .css-label {
        width: 100%;
    }
    .no-padding.margin-5.col-md-3.col-sm-5.col-xs-5.filter-operators{
		width:25%;
	}
    .alert-text {
    	width: 86%;
	}
	.form-separator.p-r-5.right .error-msg.right-top {
	    max-width: 91%;
	}
	.shipment-box.width50 {
	    width: 100%;
	}
	#view_visit_summary .arrival-section .in-carrier .grey-title {
	    padding: 0;
	}
	.berthing-values .grey-title {
	    padding: 0;
	}
	.equipment-detach .equipment-popup-summary .col-md-6{
		width: 100%;
		clear: both;
		margin-top: 5px;
	}
	body .daterangepicker .calendar.left {
	    clear: none;
	}
	#cir-summary .width50 {
	    width: 100%;
	    text-align: left;
	}
	#cir-summary .code-details.align-right {
	    width: 100%;
	    text-align: left;
	}
	.filter-searchvalue.input-tags {
	    min-width: 185px !important;
	}
}
/*------------------------------------*\
width: 600px 
\*------------------------------------*/
@media (max-width: 640px) {
    .no-padding.col-md-5.col-sm-10.col-xs-1.presaved-filters {
        width: 70%;
    }
    .modal-body-content {
        height: 200px;
        overflow-Y: scroll;
    }
    .panel-block-head .mobile-action-grp-btn,
    .panel-block-head .mobile-action-grp-btn .action-grp {
        display: none;
    }
    .mobile-action-grp-btn .action-arrow {
        display: none;
    }
    .terms-content {
        clear: both;
        height: 100px;
        min-height: 300px;
    }
    .element-sec .col-md-3 {
        float: none;
        width: 100% !important;
    }
    /* .top-lang .bootstrap-select button.dropdown-toggle {
        line-height: 2px;
        height: 20px;
    } */
     /*---------- Equipment Popup -----------*/   
	.section-data .section-column.col-md-6{
		width: 100%;
	}
	.accordion-header h3 {
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    word-wrap: inherit;
	    width: 70%;
	}
	.accordion-title .accordion-information-total-count .total-count{
		 right: 35px;
	}
	.vessel-visit-operation-form .group-row .form-row {
	        padding: 0;
	}
	.movement-summary-cotent-right-main > .col-md-12 {
	    padding: 0;
	}
	.col-md-12.container-form-left , .container-form-right {
	    padding: 0;
	}
	.container-form-right .form-row .p-r-5 {
	    padding: 0 5px 0 0;
	}
	.normal-form .form-separator:after {
	    right: -5px;
	}
	.normal-form .col-md-4{
		width:100%;
	}
	.equipment-popup-summary-details {
	    width: 100%;
	    clear: both;
        float: left;
		margin-top: 5px;
	}
	body .daterangepicker.single {
    	width: 220px;
	}
	body .daterangepicker.single .calendar {
    	float: none;
	}
	.data-table-pagination .page-total-records{
		clear: left;
	}
	.data-table-pagination .page-record-options.pagination-option:before{
		content: none;
	}
}
/*------------------------------------*\
iPhone 6 landscape width: 600px 
\*------------------------------------*/

@media (max-width: 600px) {
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 90%;
	}
    /*----------Table Grid-----------*/
    .form-action-field .label {
        clear: both;
        display: block;
        float: none;
        text-align: left;
        height: 27px;
    }
    .form-btn-group {
        margin-left: 0;
    }
    #batch_update .form-btn-group {
        margin-left: 100px;
    }
    .header-left {
        display: none;
    }
    .modal-content.terms-conditions-text {
        padding-bottom: 50px;
    }
    .login .modal-content.terms-conditions-text {
        padding-bottom: 20px;
    }
    .top-bar-menu {
        width: 100%;
        padding-right: 6px;
    }
    .panel-block-heading {
        width: 40%;
    }
    .app-action-form .field-name,
    .grid-action-form .field-name {
        text-align: left;
    }
    /*---------- End Table Grid-----------*/
    /*---------- Date Picker Design-----------*/
    
    body .daterangepicker .calendar th,
    body .daterangepicker .calendar td {
        min-width: 30px;
        height: 25px;
    }
    body .prev.available > img,
    body .next.available > img {
        width: 30px;
    }
    body .monthselect,
    body .yearselect {
        background-position: 40px center;
        height: 30px !important;
    }
    body .applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success,
    body .cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default {
        height: 30px;
        font-size: 10px;
        font-weight: normal;
    }
    body .range_inputs .applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success,
    body .range_inputs  .cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default {
        font-weight: bold;
    	line-height: 10px !important;
    	height: auto;
    }
     body .daterangepicker .calendar {
        width: 220px;
    }
	html body .vgm-mgmt .group-row .form-row, html body  .group-row .form-row{
		padding: 0 10px;
	}
	.container-number-box > div{
		width: 100%;
		padding: 0;
	}
	.col-md-6.loaded > p{
		text-align: left;
	}
	.col-md-6.loaded > p span{
		padding: 0 10px;
	}
	
}
/*------------------------------------*\
iPhone 5 landscape width: 568px
\*------------------------------------*/

@media (max-width: 568px) {
	/*----------Login------------*/
    body .terms-content {
        min-height: 180px;
        height: 100px;
    }
    .search-details .dropdown-menu {
        left: 19px !important;
        width: 93%;
        top: 40px;
    }
    .mobile-action-grp-btn .action-arrow {
        display: block;
    }
    .panel-block-head .mobile-action-grp-btn,
    .panel-block-head .mobile-action-grp-btn .action-grp {
        display: block;
    }
    .tooltip-panel.tooltip-bottom.sort {
        display: none;
    }
    /*----------Table Grid-----------*/
    .panel-block-part {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .app-action-group.app-action .drop-btn-panel:hover {
        background: none;
    }
    /* .top-pagination .grid-action-group {
        display: none;
    } */
    .pages-info {
        width: 100%;
    }
    .page_record_options::before {
        background-color: #5c5c5c;
    }
    .panel-block-heading {
        overflow: hidden;
		text-overflow: ellipsis;
		white-space: pre;
		word-wrap: inherit;
    }
    /*---------- End Table Grid-----------*/
    #batch_update .col-xs-5 {
        padding: 0;
        width: 100%;
    }
    #batch_update .field-name {
        text-align: left;
    }
    .element-sec:not(.module-blocks) .col-md-3 {
        padding: 0;
    }
    .login canvas {
        width: 100%;
        max-width: 100%;
    }
    .text-box.captcha-text {
        width: 100%;
        margin: 40px 0 0 0;
        padding-left: 10px;
    }
	.visit-chart .app-action-group {
	    position: relative;
	    width: 100.4%;
	    left: 1px;
	    border: 1px solid #D8D8D8;
	    border-top: none;
	}  
	.visit-chart .form-control {
		border: none;
	} 
	.visit-chart .panel-block-actions{
	 	background: #f6f6f6;
	}
/*---------- App Acting -----------*/

/*---------- Rule Mgmt-----------*/
    .clearfix.clear-mobile {
        display: none;
    }
    .tooltip-bottom::before {
        border: none;
    }
    .app-action .tooltip-panel {
        position: relative;
    }
    .modal-inner-content .textarea-box {
        margin: 5%;
        width: 90%;
    }
/*------------------------------------*\
configuration page
\*------------------------------------*/
    .start-sync .check-block {
        width: 100%;
    }
    .alert-text {
    	width: 84%;
	}
	.dynamic-dashboard .dash-content {
	    width: 100%;
	    margin: 0 0 15px; 
	}
	.top-bar-menu .user-text {
	    text-overflow: ellipsis;
	    width: 40px;
	    height: 18px;
	    overflow: hidden;
	}
	.left-panel .sidebar-nav .sidebar-link {
	    width: 31.3%;
	}    
	.margin-5.filter-searchvalue {
	    width: 65%;
	}
	.filter-searchvalue.col-md-4.col-sm-4.col-xs-4 {
	    width: 65%;
	}
	.shipment-box.width50.export-section {
	    width: 100%;
	}
	.shipment-box.width50.arrival-section {
    	width: 100%;
	}
	.module-blocks {
	    padding: 15px 15px 0;
	}
	body .daterangepicker {
	    width: 220px;
	}
	body .daterangepicker .ranges {
	    float: left;
	    background: #fff;
	}
	body .daterangepicker .calendar.right {
	    margin-left: 0px;
	}
	body .daterangepicker.single .ranges, .daterangepicker.single .calendar {
	    float: left;
	}	
}

@media (max-width: 480px) {
	.scroll-actions.scroll-actions-move{
		bottom:70px;
	}
	.alert-text {
    	width: 80%;
	}
	.rail-service #formGroups-0 .form-row[data-element="railServiceCode"] {
    	width: 85%;
	}
	.form-separator.p-r-5.right .error-msg.right-top {
	    max-width: 86%;
	}
	footer > div {
	    float: none !important;
	    text-align: center;
	    width: 100%;
	    margin: 0px 0;
	}
	.left-panel .sidebar-nav .sidebar-link {
	    width: 48%;
	}
	.port-rotation .middle-icon-ports {
    height: auto;
    clear: both;
    display: block;
    width: auto;
}
.port-rotation .vertical-middle span {
    border: 1px solid #1A0B78;
    float: left;
    margin: 10px 0 10px 10px;
}
.port-rotation .vertical-middle span:first-child {
    margin: 10px 0 10px 0px;
}
.movement-summary-listing .projected-count-span, .movement-summary-listing .actual-count-span {
    min-height: auto;
}
body{
    padding-bottom: 65px;
}
}
/*------------------------------------*\
iPhone 6 Plump portrait width: 414px
\*------------------------------------*/
@media (max-width: 414px) {
	/* top menu */
	/* .top-bar-menu .user-name, .top-bar-menu .message, .top-bar-menu .settings{
		display: none;
	} */
    /* Sidebar */
    .radio-btn.last {
        margin: 0 10px 7px 0;
        width: 100%;
    }
    /* filter */
    .no-padding.col-md-3.col-sm-10.col-xs-9.presaved-filters {
        width: 81.444%;
    }
    .alert-text {
    	width: 74%;
	}
	.show-current-filters-visit.hide.show{
		right: 0px;
		width: 100%;
		left: auto;
	}
}
/*------------------------------------*\
Android (Nexus 4) portrait  width: 384px
\*------------------------------------*/

@media (max-width: 384px) {
    /*----------Table Grid-----------*/
    .page-options::before {
        display: none;
    }
    /*---------- End Table Grid-----------*/
}
/*------------------------------------*\
iPhone 6 portrait width: 375px
\*------------------------------------*/

@media (max-width: 375px) {
    .page_record_options::before {
        background-color: transparent;
    }
    .page-record-options,
    .page-options,
    .page-total-records {
        margin-bottom: 5px;
    }
    .terms-content {
        clear: both;
        height: 100px;
        min-height: 300px;
        overflow: scroll;
        padding: 0 10px;
    }
    .form-control.selected-file-name {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .user-site{
    	display: none;
    }
     .panel-block-heading {
        width: 33%;
    }
  .slash:before {
	    background: none;
	    content: '/';
	    right: 2px;
	    position: absolute;
	}
}
/*------------------------------------*\
iPhone 6 portrait width: 320px
\*------------------------------------*/
@media (max-width: 340px) {
    .p-r-5.set-criteria-row {
        bottom: 0;
        left: 0;
        position: relative;
    }
    /********Drop down menu********/
    .app-action-form .selected-listitem {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .search-details .dropdown-menu {
        left: 11px !important;
        width: 93%;
    }
    .form-control.selected-file-name {
        max-width: 180px;
    }
        .panel-block-heading {
        width: 37%;
    }
    .panel-block-heading{
    	width: 37%;
    }
    .col-md-12.operations-container {
    padding: 0 10px;
}
.slash:before {
    right: -1px;
}
	.visit-chart .app-action-group{
		width: 100.6%;
		
	}
}

@media screen\0{
	.home .masonry-grid {
	    overflow: hidden;
	}	
	.dash-content {
      margin: 0 0.45% 1%;
    }
	.table-record {
	    padding: 0 1px;
	}
	/*.fixed.table-grid {
		table-layout:auto;
	}*/
	.module-menu-btn img {
	    height: 20px;
	}
	.dash-content {
    	width: 23.9%;
	}
	.code-details.no-padding {
    	padding: 0 10px;
	}
}