@media (max-width:1566px){
.searchPanelForm .cols5 {width: 40.667%;}
}
/* ************* Media Queries Tablets ****************** */
@media only screen and (max-height: 600px) {
.logInPage .login { transform: translate(0%, 0%); position:relative; top:0px; left:0%; margin-top:22px;}
.logInPage .login.register { transform: translate(0%, 0%); position:relative; top:0px; left:0%; margin-top:22px;}
}

@media only screen and (max-width:1480px){
.addReports4 ul li .addReports-Box b{width:105px; display:inline-block; line-height:20px;}
.addDto ul li{ width:90%;}
}
@media only screen and (max-width:1320px){
.searchFileBox{ padding-right:0px;}
.searchFileDiv .searchBtnCol{ position:relative; bottom:0px;}

.dashboardUser ul li{width:33.3%; margin-bottom:14px;}

.searchPanelForm .row .row {margin:0 -5px;}
.searchPanelForm .row .row .col{padding:0 5px;}
.addDto ul li{ width:100%;}



}

@media only screen and (max-width:1280px){
.createRosterForm .col .row .col{width:50%;}
input.timeIcon{ padding-left:36px;}

.addReports ul li{ padding:0 10px;}
.fullBannerRight .addReports{ margin-top:4%;}
.addReports4 ul li{width:50%;}

.administratorPage .cols3{ width:33.3%;}

.searchPanelForm .row .cols5.col{ width:100%; margin-bottom:10px;}
.searchPanelForm .row .cols7.col{ width:100%;}
.searchPanelForm .row .row .cols5.col{width:40%;}
.submitAppList li{width:33.33%;}
}

@media only screen and (max-width:1220px){
.searchFileBox ul li{padding-bottom:0px; float:none;}
.searchFileBox ul li .inputField{width:50%; margin-bottom:15px;}
.searchFileBox ul li li{ float:left;}
}

@media only screen and (max-width: 1169px) {
	
.OrderPickingArea .row .cols8{ width:60%;}
.OrderPickingArea .row .cols4{ width:40%;}
.OrderPickingImg{float:none; margin:0 auto; width:200px;}
.OrderPickingList{width:100%; padding-left:0px; }

.stockRequest .row .cols8{ width:100%;}
/*.addReports ul li .addReports-Box{ padding-left:84px;}*/


.createRosterForm .col { width:100%;}

.dasbordBannerRight{ margin-left:0px; padding-left:0px;}
/*.StatusProgress ul li{ width:50%;}*/
.dasbordBannerLeft{ width:100%; margin-bottom:25px;}
.fullBannerRight{ padding-left:30px;}
.fullBannerRight .addReports ul li{padding:0 6px;}
.fullBannerRight .addReports{ margin-top:3%;}
}
@media only screen and (max-width: 1100px) {
.fullBannerRight .addReports{ margin-top:1.4%;}
}
@media only screen and (max-width: 1023px) {
.mm-menu.mm-offcanvas{ top:83px;}
.inlineUser{ padding:9px 15px 0 5px;}
.main-sidebar, .left-side{ width:260px;}
.container{padding-left:260px;}
.main-header .logo{width:500px; padding-left:86px;}
.main-header .logo img{width:70px; left:8px;}
.logo > a{ font-size:14px;}
.logo > a span{font-size:10px;}
.main-header .navbar{ margin-left:260px;}
.dasbordContent{padding:0px;}
.resTab .tabNav li{ margin:2px 0 0;}
#sheetswitch{ margin-left:0px;}
.navbar-options{ margin-right:10px;}
.navbar-options ul li{margin-left:0px;}

.addReports ul li{ width:50%;}

.fullBanner{ margin-left:0px; margin-right:0px; padding-right:0px;}
.fullBannerLeft{ width:100%;}
.fullBannerLeft:before{ display:none; width:100%;}
.fullBannerRight{ width:100%; padding:0 10px}
.fullBannerRight .addReports{ transform:none; margin-top:10px; margin-bottom:10px;}
.fullBannerRight .addReports ul{ margin:0 -5px;}
.fullBannerRight .addReports ul li{ padding:0 5px;}

.showingEntery{ float:none; text-align:center; padding-bottom:10px;}
.paging{ float:none; text-align:center;}
.paging span{float:none; display:inline-table; margin-bottom:5px;}
.paging ul{float:none; display:inline-table;}
.paging ul li{ display:inline-block; margin-bottom:0px;}

.administratorPage .cols3{ width:50%;}

.AccountForm .col{ width:100%;}
.AccountForm .col .row .col{width:33.3%;}

html.mm-opening .container { }
html.mm-opening .main-sidebar{left:-314px; }
#mm-blocker{ left:306px;}
.mm-menu.mm-offcanvas{ width:260px;}
html.mm-background .dashboardBread{padding-left:67px;}

.MasterForm{ padding-right:0px;}

.addDto{padding:22px 20px;}
.addDto ul li label{ width:208px; font-size:14px;}
.addDto ul li .fieldBox{ margin-left:-208px; padding-left:225px; width:100%;}

.profilePic{ width:140px;}
.userProfile ul{ padding-left:20px; width:70%;}
.userProfile ul li label{width:130px; font-size:14px;}
.userProfile ul li .fieldBox{ margin-left:-130px; padding-left:150px;}
.submitAppList li{width:50%;}
}



@media (max-width:991px) {
.navbar-custom-menu .navbar-nav>li {float:left}
.navbar-custom-menu .navbar-nav {margin:0;float:left}
.navbar-custom-menu .navbar-nav>li>a {line-height:20px}

.searchFileBox ul li{ margin-bottom:0px; float:none;}
.searchFileBox ul li .inputField{ width:50%; margin-bottom:10px;}
.searchFileBox ul li ul li{ float:left;}

.committeeShow .inputOuter{ width:50%;}
.committeeShow label{padding-right:6px;}
.searchcommit label{padding-right:6px;}
.entries{ padding:0 0 0 5px;}

.dataTables_info{width:100%;}
div.dataTables_paginate{ margin:0px; width:100%;}

.dashboardUser ul li{width:50%; margin-bottom:14px;}
.regionalDetails .cols4{width:100%; margin-bottom:14px;}
.formDto .cols6{ width:100%; margin-bottom:14px;}
}

@media only screen and (max-width: 959px) {
.createRosterForm .col .row .col{width:100%;margin-bottom:15px;}
.createRosterForm .col .row .col:last-child{ margin-bottom:0px;}


}

@media only screen and (max-width:900px) {
.dasbordBannerRight{margin-left:0px; padding-left:0px; margin-top:20px;}
.StatusProgress ul li{width:50%;}
.dasbordBannerLeft{width:100%;}

.createRosterLeft{ margin:0px; padding:0px;}
.createRosterRight{ width:100%;}
.createRoster .row .cols9{ margin-right:0px; padding-right:15px;}
.sidebar-collapse .createRosterLeft{float:left; width:100%; background:#fff; /*margin-right:-250px; padding-right:280px;*/}
.sidebar-collapse .createRosterRight{ width:100%; }
.createRoster .row .cols3{ width:100%;padding-left:15px;}

.searchcommit{ float:left; clear:both; width:260px; padding-top:10px;}
.searchcommit label{ margin-left:0px; }
.searchcommit input{ width:200px;}

.searchFileBox ul li .inputField{width:100%;}

.searchBox input[type="search"]:focus{width:170px;}

.searchPanelForm .row .row .col{ width:100% !important;}
.searchPanelForm .col .row .col label{width:125px;}
.searchPanelForm .col .row .col .Formfield{margin-left:-125px; padding-left:130px;}

.profilePic{ width:140px; float:none; margin:0 auto; padding-bottom:20px;}
.userProfile ul{ padding-left:0px; width:100%;}
.userProfile ul li label{width:50%; font-size:14px; text-align:right; padding-right:20px;}
.userProfile ul li .fieldBox{ margin-left:0px; padding-left:0px; width:50%; padding-left:20px;}
}


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

}

@media only screen and (min-width: 801px) {#nav ul {display:block !important;}
.closePopup {display:block; color:#fff; font-size:26px; z-index:99999; opacity: 1; position: fixed; top: 9px; right:9px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border:2px solid #fff; height:40px; width:40px; text-align:center; line-height:35px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;}
.closePopup:hover { opacity:.7; cursor: pointer; color:#fff;}

}
@media only screen and (max-width: 800px) {
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #002d63}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}
#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:14px;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#305d93;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#305d93;color: #fff;}

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}

.administratorPage .cols3 .adminiBox a{font-size:15px;}
.toggleIcon{margin-right:12px;}
#sheetswitch .swatch{ margin-right:7px;}
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p {width:100%;}



.main-header .logo img{width:46px;}
.main-header .logo{padding-left:62px;}
.logo > a{padding-top:5px;}
/************/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{ background:none;}
.logo{ z-index:9991;}
.device .main-sidebar, .device .left-side {
-webkit-transform:translate(-200px, 0);
-ms-transform:translate(-200px, 0);
-o-transform:translate(-200px, 0);
transform:translate(-200px, 0);
padding-top:125px;
}
.sidebar-open .main-sidebar, .sidebar-open .left-side {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}

.main-header{ z-index:9999 !important; position:relative; }
.dashboardMenu ul li a{ padding:8px 25px 8px 10px; }
.dashboardMenu ul li em{ right:8px;}

.main-sidebar, .left-side{ width:200px;}
.main-header .navbar{ margin-left:0px;}
.main-header .logo{ width:100%;}
.navbar-options{ margin-top:0px;}

#sheetswitch{ top:10px;}
#sheetswitch{ margin-top:2px; margin-left:10px;}
.searchBox{margin-top:12px;}
.inlineUser{padding:8px 15px 5px 0px;}
.device .container{ padding-left:0px; }
.sidebar-open .container{ padding-left:200px; }
#wrapper{overflow:hidden;}
.dasbordContent{ padding:0px;}
.administratorPage{padding:20px;}
.userDetail{padding:15px 20px 0;}
.navbar-options ul li{ margin-left:2px;}
.navbar-options ul li a i{ font-size:23px;}
.main-header .navbar .nav > li > a > .label{ font-size:9px; height:auto; width:auto; line-height:normal; padding:3px; top:6px; right:1px;}
.reporterDashboard{ padding:20px 20px 20px; font-size:22px; line-height:22px;}

.companyDetail{ max-width:100%;}
.r-tabs .r-tabs-accordion-title{ margin-bottom:4px;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{color: #fff;background-color:#36a9e1;}
.copyRight{ padding:15px 0 0; text-align:center;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ background:#fff;}

.tableOut{padding-top:25px; background:url(../images/swipeIconGray.png) right top no-repeat; margin-bottom:20px;}

.selectDiv{ margin-top:5px;}
.sidebar-collapse.device .main-sidebar{ display:none;}
.sidebar-collapse.device .container{ padding-left:0px; }
.sidebar-collapse.device .logo{ width:100% !important;}
.sidebar-collapse.device .navbar{ margin-left:0px!important;}

.main-header .navbar .nav > li > a > .label{right:-4px; top:5px;}
.main-header .navbar .nav > li > a > .label.label-warning{ right:-1px; }
.navbar-options ul li a i{ top:1px; position:relative;}

.createRosterLeft{float:left; width:100%; background:#fff; /*margin-right:-250px; padding-right:280px;*/}


.sidebar-open .createRosterLeft{margin-right:0; padding-right:0;}
.sidebar-open .createRosterRight{ width:100%;}
.createRosterRight{ margin-top:0px !important; margin-bottom:20px;}

.committeeShow{ width:100%;}
.committeeShow .inputOuter{width:100%;}
.entries{ display:none;}
.searchcommit{ width:100%;}
.searchcommit label, .committeeShow label{ line-height:normal;}
.searchcommit input{ width:100%;}
/************/
.toggleIcon {margin-top:12px; margin-left:5px; margin-right:10px;}
.mm-menu.mm-offcanvas{max-width:260px; left:-260px; top:111px;}
.mm-menu.mm-offcanvas.mm-current{display:block; left:0;}
#mm-blocker {right:0px; left:auto; top:0px; height:50px;}
.toggleIcon{ position:absolute; right:0px; top:0px; z-index:9999;}
.container {transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
html.mm-background .container { padding-left:260px; }
html.mm-background .main-sidebar{left:0px; width:260px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transform:translateX(0)}

.navbar-custom-menu{margin:0 auto; float:none; width:100%; border-top:1px dashed rgba(255,255,255,.2); margin-top:10px; text-align:center;}
.navbar-custom-menu .navbar-nav{ margin:0 auto; float:none; display:table;}
.navbar-nav li:last-child a{ margin-top:-2px;}

.addDto{ padding:5px 20px 20px;}
.addDto ul li label{width:100%; text-align:left;}
.addDto ul li .fieldBox{ margin-left:0px; padding-left:0px;}
.addfield .addBox1{ width:55%; }
.addfield .addBox2{ width:45%; }
html.mm-background .dashboardBread{padding-left:0px;}
.addDto ul li.last label{line-height:normal; height:1px;}

.profilePic{ width:140px; float:none; margin:0 auto; padding-bottom:20px;}
.userProfile ul{ padding-left:0px; width:100%;}
.userProfile ul li label{width:50%; font-size:14px; text-align:right; padding-right:20px;}
.userProfile ul li .fieldBox{ margin-left:0px; padding-left:0px; width:50%; padding-left:20px;}
}
@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}

.companyDetail ul li .cNametitle{ width:100%;}
.companyDetail ul li .fullName{ margin:0px; padding-left:12px;}

.OrderPickingArea .row .cols8{ width:100%; border-bottom:1px solid #e9e9ea; border-right:0; padding:0px; padding-bottom:18px; margin-bottom:15px; }
.OrderPickingArea .row .cols4{ width:100%; padding:0px; }
.OrderPickingImg{float:none; margin:0 auto; width:200px;}
.OrderPickingList{width:100%; padding-left:0px; }

.stockRequest .row .cols8{ border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}

.createRosterForm .col{ margin-bottom:15px;}
.createRosterForm .col .row .col{width:100%; margin-bottom:15px;}
.createRosterForm .col .row .col:last-child{margin-bottom:0px;}
.createRosterLeft{ margin-right:0px; padding-right:0px;}
.createRosterRight{ margin-top:20px; width:100%;}
.createRosterLeft .tableOut{ margin-bottom:0px;}

a.closePopup{color:#fff !important;}
.create-new-event .row .col{width:100%;}
.create-new-event .row .row .col{width:50%;}
.create-new-event .row .row .col:last-child{margin-bottom:0px}

.device .container{transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
html.mm-background .device .container{padding-left:0px; margin-left:260px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}

#bar-chart, #bar-chart1, #bar-chart2{width:520px !important;}
}
@media only screen and (max-width:580px) {
.device .main-sidebar, .device .left-side{padding-top:171px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ left:50%; transform: translateX(-50%);}
.main-header .navbar{ text-align:center;} 

#sheetswitch {display:inline-block; float:none; margin-left:0px; margin-top:2px;}


.logInPage .login{ padding:15px 10px; background:none;}
.dasbordContent h1{font-size:20px;}

.searchFileBox ul li .inputField{ width:100%; margin-bottom:10px;}
.addReports ul li{ width:100%; margin-bottom:12px;}

.MasterForm ul li .FormName{width:100%; text-align:left; line-height:normal; padding-bottom:5px;}
.MasterForm ul li .Formfield{ margin-left:0px; padding-left:0px;}

.StatusProgress ul li{ width:50%;}
.bannerDate ul li{ margin-left:2px;}
.fullBannerRight .addReports ul li{padding:0 5px; width:100%; margin-bottom:10px;}
.fullBannerRight .addReports ul li:last-child{ margin-bottom:0px;}
.inlineUser .userName{ font-size:14px; padding-right:10px; line-height:22px;}

.managSystem{ font-size:14px; line-height:16px; padding:5px 0;}
.managSystem span{ font-size:12px; }

.pdfDownload.fright ul{ float:left; padding-left:0px;}
.pdfDownload.fright ul li{ margin-right:6px; margin-bottom:6px; margin-left:0px;}
.addReports4 ul li .addReports-Box b{ width:100%;}

.Newbtn{position:relative; float:left; margin-bottom:10px; width:100%;}
.Newbtn a{ padding:8px 20px; text-align:center;}
.committeeShow{width:100%; padding-bottom:15px;}
.searchcommit{width:100%;}
.searchcommit input{width:100%;}
.searchcommit label, .committeeShow label{width:100%; line-height:normal; padding:0px 0 5px; margin:0px;}
.committeeShow .inputOuter{ width:100%; }
.entries{ display:none;}

.device .container{ padding-left:0px; margin-left:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.sidebar-open .container{ padding-left:0px; margin-left:200px;}
.searchcommit{padding-top:0px;}

.administratorPage{ padding:20px;}
.administratorPage .cols3{ width:100%;}


/*#mm-blocker{ left:50%; transform:translateX(-50%); margin-left:-70px; height:42px;}*/
#bar-chart, #bar-chart1, #bar-chart2{width:430px !important;}

.addfield{border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:15px;}
.addfield:after{ content:''; clear:both; display:table; width:100%;}
.addfield .addBox1{ width:100%; }
.addfield .addBox2{ width:100%; }
.twoCol .dateBox{width:100%;}
.submitAppList li{width:100%;}
}
@media only screen and (min-width: 480px) {
.searchBox .search{display:block !important;}
.searchBox .search{ height:32px  !important;}
}
@media only screen and (max-width: 480px) {
.dasbordContent{ padding:0px;}
.administratorPage{padding:10px;}
.addReports ul{ margin:0 -10px; }
.addReports ul li{ padding-left:10px; padding-right:10px;}
.addReports{ margin-bottom:15px;}
.dasbordBannerLeft{ margin-bottom:0px;}
.searchFile{ padding:15px;}


.pdfDownload.fright ul li{ width:100%; text-align:center; margin-right:0px;}
.pdfDownload.fright ul{width:100%;}
.pdfDownload ul li span{ float:none !important; display:inline-table; position:relative; top:6px; margin-bottom:10px; margin-top:-2px;}
.searchBtnCol .searchBtn{ width:100%; background-position:42% center;}
.searchFileBox ul li ul li{width:100%; margin-bottom:10px;}
.searchFileBox ul li ul li:last-child{ margin-bottom:0px;}

.navbar-custom-menu .navbar-nav > li{ padding:0 5px; margin:0px; }
.inlineUser{padding:12px 0px; width:100%;}
.inlineUser .userImg img{width:30px !important;}
.inlineUser .userImg{height:25px; width:25px;}
.managSystem{font-size:14px; line-height:16px; padding:8px 0; width:100%; background:#f1f1f1; text-align:center; margin-top:5px; }
.toggleIcon{ margin-left:10px; margin-right:10px; top:12px; }


.userProfile ul li label{width:100%; font-size:14px; padding-right:0px; text-align:center;}
.userProfile ul li .fieldBox{ margin-left:0px; padding-left:0px; width:100%; padding-left:0px;text-align:center;}
}
@media only screen and (max-width: 479px) {
.logInPage .loginForm ul li{ margin-bottom:10px;}
.logInPage li.userName label{ line-height:normal; padding-bottom:6px; font-size:14px;}
.logInPage li.userName .Inputbox{ padding-left:0px; margin-left:0px; }
.logInPage li.loginCaptcha div.loginCaptchaImg{width:100%; margin-bottom:14px;}
.logInPage li.loginCaptcha div.loginCaptchaInput{width:100%; padding-left:0px;}
.logInPage li.loginCaptcha{ padding-top:4px;}
li.srchBox{ position:static !important;}

.mm-menu.mm-offcanvas{top:101px;}

.navbar-options ul li a{padding-left:4px; padding-right:4px;}
.selectDiv{ width:90px;}
.toggleIcon{ margin-left:10px; margin-right:10px; top:0; }
.navbar-options ul li:first-child{ margin-left:0px;}
.navbar-options{ margin-right:0px; }

.logInPage .loginFooter{padding:0 10px;}
.logInPage .loginFooter a{ font-size:16px;}

.searchBox .searchIocn{ display:block;}
.searchBox .search{ background:#36a9e1; width:100%; left:0px; padding:12px 20px; position:absolute; display:none; margin-top:13px;}
.searchBox input[type=search] { width:100% !important; height:35px; background-color:#235185; border:0px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{left:5% !important; transform:translateX(-5%) !important;}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.loginUser{left:-25% !important; transform:translateX(-5%) !important;}

.filesStatus{ padding:10px;}
.bannerHeading{text-align:center;}
.filesStatus h4{float:none; padding-bottom:4px;}
.bannerDate{float:none; margin:0px auto; display:table;}
.bannerDate ul li{width:49%;}

.AccountForm .col .row .col{width:100%; margin-bottom:15px;}
.AccountForm .col .row .col:last-child{margin-bottom:0px;}

.dashboardUser ul li{width:100%; margin-bottom:10px;}
#bar-chart, #bar-chart1, #bar-chart2{width:360px !important;}
.dropdown-menu.loginUser{ margin-left:-15% !important; width:200px !important;}
.main-header .logo img{ width:35px;}
.main-header .logo{ padding-left:51px;}
.logo > a{ font-size:13px; padding-top:0px;}
.navbar-custom-menu{ margin-top:0px;}

.manufactDate .dateBox{ width:100%;}
.searchPanelForm label{ width:100%; max-width:100%;}
.searchPanelForm .Formfield{margin-left:0px; padding-left:0px; }
.searchPanelForm .col .row .col label{ width:100%; line-height:normal;}
.searchPanelForm .col .row .col .Formfield{margin-left:0px; padding-left:0px;}

.inlineUser .userName{line-height:15px;}

}

@media only screen and (max-width:400px){
.logInPage .loginForm{padding:20px 20px 10px;}
.logInPage .checkBox .forgotPassword a{font-size:14px;}
.logInPage .checkBox label{font-size:14px;}

.create-new-event .row .row .col{width:100%;margin-bottom:15px;}
.create-new-event .row .row .col:last-child{margin-bottom:0px}
.searchBtnCol .searchBtn{ background-position:35% center;}
.chrckbox25 .checkbox {width: 50%;}

#bar-chart, #bar-chart1, #bar-chart2{width:280px !important;}
}
@media only screen and (max-width:359px){
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{left:100%; transform: translateX(-41%);}
.dropdown-menu.loginUser{left:-15% !important; width:230px !important;}

}