/*
  Responsive css
*/
@media (max-width: 1200px) {
#success-alert{ width:95%;}	
#userSerachForm ul li{width:24%;}
}	

@media (max-width: 1024px) {
.chat-img img{height:95px; width: 80px;}
#success-alert{ width:95%;}
#view .container{ margin-bottom:6px;}
.wrapper { margin-top:120px;}
#topnav .navigation-menu > li{text-align: center;float:none;display:inline-block;}

}
	
@media (min-width: 992px) {
#topnav .navigation-menu > li > a {padding-top: 22px;padding-bottom: 22px; }
#topnav .navigation-menu > li.last-elements .submenu {left: auto; right: 0;}
#topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {left: auto; right: 100%; margin-left: 0;    margin-right: 10px;}
#topnav .navigation-menu > li:first-of-type a { padding-left: 0px; }

#topnav .navigation-menu > li .submenu { position: absolute; top: 100%; left: 0; z-index: 1000; border: 1px solid #e7e7e7;
    padding: 15px 0; list-style: none; min-width: 200px; visibility: hidden;  opacity: 0; margin-top: 10px;    -webkit-transition: all .2s ease;  transition: all .2s ease; background-color: #ffffff;   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);}
#topnav .navigation-menu > li .submenu.megamenu {white-space: nowrap;  width: auto;  }
  #topnav .navigation-menu > li .submenu.megamenu > li {  overflow: hidden; width: 200px; display: inline-block; vertical-align: top;}
#topnav .navigation-menu > li .submenu > li .submenu {left: 100%;  top: 0; margin-left: 10px; margin-top: -1px;position: relative; }
#topnav .navigation-menu > li .submenu li ul { list-style: none;  padding-left: 0; margin: 0;}
  #topnav .navigation-menu > li .submenu li a {display: block;padding: 8px 25px; clear: both; white-space: nowrap; font-weight: 500;
    color: #494e53; text-decoration:none;}
  #topnav .navigation-menu > li .submenu li a:hover {color: #00b19d;}
  #topnav .navigation-menu > li .submenu li span { display: block;  padding: 8px 25px; clear: both; line-height: 1.42857143;
  white-space: nowrap;  font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #949ba1; }
  #topnav #navigation { display: block !important;}
  
#topnav .navigation-menu{ text-align:center; margin:0 auto;}
#topnav .navigation-menu > li{/* text-align: center;float:none;display:inline-block;*/}
#topnav .navigation-menu .dropdown-content{ width:auto;} 
.input-collapsed {width:97%!important;} 
  
}
@media (max-width: 991px) {
.wrapper { margin-top: 95px; }
.container { width: auto; }
#topnav .navigation-menu { float: none;  max-height: 400px; }
#topnav .navigation-menu > li > a {color: #797979;  padding:15px 4px;}
#topnav .navigation-menu > li > a i { display: inline-block; margin-right: 10px; margin-bottom: 0px;}
#topnav .navigation-menu > li .submenu { display: none; list-style: none;  padding-left: 20px; margin: 0;}
#topnav .navigation-menu > li .submenu li a { display: block;  position: relative; padding: 7px 20px;color: #797979;  }
#topnav .navigation-menu > li .submenu.open { display: block;}
#topnav .navigation-menu > li .submenu .submenu { display: none; list-style: none; }
#topnav .navigation-menu > li .submenu .submenu.open { display: block;}
#topnav .navigation-menu > li .submenu.megamenu > li > ul { list-style: none; padding-left: 0; }
#topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span { display: block;position: relative;padding: 15px;  text-transform: uppercase; font-size: 11px; letter-spacing: 2px; color: #79818a; }
#topnav .navigation-menu > li.has-submenu.open > a { color: #00b19d; }
#topnav .navbar-header { float: left;}
#navigation.open {display: block; overflow-y: auto;}
.filter-card-box .btn{font-size:12px !important; padding: 6px; vertical-align: text-top;}
.filter-card-box{padding:10px !important;}
.filter-visible-none{display:none!important;}
#success-alert{ padding:11px !important; width:97%;}
#topnav .navigation-menu{ text-align:center; margin:0 auto;}
#topnav .navigation-menu > li{ text-align: center;float:none;display:inline-block;}
#topnav .navigation-menu .dropdown-content{ width:auto;}
.navigation-menu .has-submenu {text-align: left !important;}
.input-collapsed {width:96%!important;}
}
@media (min-width: 768px) {
  #topnav .navigation-menu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; }
  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {  visibility: visible;
    opacity: 1;  margin-left: 0;   margin-right: 0; } 
}
@media (max-width: 768px) {
#navigation{display:none;}
#pollSlider-button{display:block;}
.navbar-nav .open .dropdown-menu { background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); left: auto;    position: absolute; right: 0; }
#topnav .topbar-main .logo{margin-left:22px;}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0px;}
.container{width:100%;}
.nav>li{float:left;}
/* #topnav .topbar-main .dropdown-menu-lg{right:-45px;} */
#topnav .topbar-main .nav > li > a{padding:0 5px 3px !important}
#topnav .topbar-main .badge{right:0px;}
#extraRemove5  .checkbox-inline, .radio-inline {padding-left:10px !important;display:block !important;margin-left: 10px;}
#extraRemove6  .checkbox-inline, .radio-inline {padding-left:25px !important;display:block !important;margin-left: 10px;}
#extraRemove9  .checkbox-inline, .radio-inline {padding-left:10px !important;display:block !important;margin-left: 10px;}
/*.dataTables_wrapper .col-sm-12 , .form-horizontal .col-sm-12{padding:0 !important;} */
.wrapper {margin-top: 50px;}
.priority-colour-bar-wrap {float:none;}
.chat-img img{height:100px;}
#view .container{ margin-bottom:6px;}
#userSerachForm ul li { display:inline;padding:0;}
#userSerachForm ul li .btn{ margin-top:4px;}
.input-collapsed {width:96%!important;}
.modal-dialog {width: 80%!important;}/* Add css for view task detail popup by atish on 18/9/2019*/
}
		
@media (max-width:767px) {
.small-bold ul li{width:100% !important;}	
.due-li{padding-left:0 !important;}
.assignedate li.due-color {width:49% !important;}/*--changes done at 19.3.18--*/
.task-btn{padding:2px 0;}
.priority-colour-bar{margin:2px}
.widget-user h4{font-size:12px;margin:5px 0;}
.text-muted{font-size:11px;}
.chat-time p{font-size:10px;}
.chat-img img{height:90px; width:80px;}
.profile-image img{width:50px;}
.modal-dialog{ width: 95%!important;}
.fa-info-circle {font-size:20px;}
.menu-extras .nav>li:first-child{display:none;}

.select-dropdown div{ margin-top:15px;}
#view .container{ margin-bottom:6px;}
.bigBtnIcon li{ margin:10px;}
.select2-choice div{ margin-top:0 !important;}
.right-check{ text-align:left;}
.pagination-count {margin-bottom: 10px; float: right;}
/*#reset-form{ margin-top:5px;}*/
.filter-button button{ margin-top:10px;}
#tblUserList{ border:1px solid #ccc;}
.user-filter .moduel-box1{ padding-top:0px;}
/*--new updated style at 10.4.2018@11.22am--*/
#serchForWeb .multiselect-sort button, .filter-wrap button, .multiselect-sort button {padding:5px 0;}
.input-collapsed {width:95%!important;}
/*Added css for task page changes in responsive view by Atish on 10/9/2019*/
.page-head-wrap-new{position:relative;}
.page-head-wrap-new ul{max-width: 20%;position: absolute;z-index: 99;background: #00b19d;left: 0%;top:37px;border-bottom-right-radius: 6px;
border-top-right-radius: 6px;display:block;}
.page-head-wrap-new  h1.page-title{font-size: 14px;color: #fff;font-weight: 600;line-height:32px;}
.page-head-wrap-new  a img.view-img{width:25px;height:25px;}
.filter-box{top:76px;}
.wrapper {margin-top: 44px;}
.data-search{padding-top:0;}
/*Added css for task page changes in responsive view by Atish on 10/9/2019*/ 
/*changes by Atish on 11/9/2019 for task page*/
#tblTaskList{width:100%!important;}
#tblTaskList tbody>tr>td {padding:3px;}
#tblTaskList .panel-collapse .panel-body {padding: 8px;margin-top: 5px;}
.moduel-box1 ul li a {display: inline-block;padding: 5px 8px;}
.bar-wrap {height: 11px;margin: 8px auto;}
.bar-wrap li {font-size: 8px;padding: 0px 0px;font-weight: 600;}
.qu-filter-btn {font-size: 11px;}

/*changes by Atish on 11/9/2019 for task page*/

}	

@media (max-width:480px) {
#projectSerachForm ul li{width:100%;}
#projectStatusFilter .select2-container--default .select2-selection--multiple .select2-selection__choice{width:auto;}
#projectStatusFilter span.select2.select2-container.select2-container--default{max-width:100% !important;}
#projectStatusFilter .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-right:3px;}

}
@media (max-width:599px) {
.input-collapsed {width:94%!important;}
}
	

	
@media (max-width:414px) {
.page-title{font-size:14px;}
.chat-img img{height:70px;}
.chat-box{padding:0 5px;}
#login .app-download{padding:0px !important;}
.dropzone{padding:10px !important;}
.modal-dialog{ width: 90%!important;}
.panel-body label{ margin-bottom:0;}
.menu-extras .nav>li:first-child{display:none;}

.Priority label{padding:5px 1px;}
.right-check ul li label{padding:5px 1px;}
.right-check {margin-bottom: 10px;}
.pagination-count {margin-bottom: 10px; float: right;}    
.filter-button button{ margin-top:10px;}
#projectStatusFilter .select2-container--default .select2-selection--multiple .select2-selection__choice {margin-bottom: 4px; margin-top: 0px; }
.input-collapsed {width:90%!important;}

}