@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:768px) and (max-width:1599px) {
ul.dropdown-menu.pop{
	display:none !important;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {

}
@media only screen and (min-width:960px) and (max-width:1024px) {

}
@media only screen and (min-width:480px) and (max-width:767px) {

}
@media only screen and (min-width:481px) and (max-width:639px) {

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

}
@media only screen and (min-width:480px) and (max-width:540px) {

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

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

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

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

}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:960px) {

}



@media only screen and (min-width:812px) {
.login-page {
    background-size: 80px !important;
    height: auto !important;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 0%;
}
}
/*---------End-Login-----------*/



/*---------Dash-Board-----------*/

@media only screen and (max-width:480px) {
.dash-box .col-lg-2 {
    width: 50% !important;
}
li.dropdown.notifications-menu {
    margin-top: -45px;
}
.form-group.col-md-4.col-sm-4.choose-theme {
    position: initial !important;
	background-color: #222d32 !important;
	padding: 10px 0 0 0;
}
.main-header {
    max-height: 100%;
}
.choose-theme {
    margin-top: 1px !important;
}
/*.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: rgb(236, 240, 245) !important;
}*/

/*---------End-Dash-Board-----------*/
/*---------Main-Page-----------*/
header {
    box-shadow: none !important;
}

.navbar-nav>.user-menu .user-image {
    margin-top: -105px !important;
}
.skin-blue .main-header .navbar {
    background-color: #ecf0f5;
	/*height: 50px;*/
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 0%;
}
/*.navbar-nav>.user-menu>.dropdown-menu .user-footer {
    margin-top: -50px;
}*/
/*---------End-Main-Page-----------*/
}


/*-------landscape------*/
@media (max-width: 767px)
.main-header .navbar {
.main-header .navbar {
    background: #f2f2f2 !important;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 0%;
}
.skin-blue .main-header .navbar {
    background-color: #ecf0f5 !important;
}

}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  
  .pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left:auto !important;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}


/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 .pagination>li {
    display: table-cell;
    font-size: 9px;
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    background: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
}
.cus-content-header .header-right .right-drop-nav .dropdown .dropdown-menu {
    margin-left: 0px;
}
.cus-content-header .header-right .right-drop-nav .dropdown .heading:hover {
    background: none;
    display: inline;
    float: right;
	margin-right: 3px;
	margin-top:-25px;
	
}
.cus-content-header .header-right .right-drop-nav .dropdown .heading {
	margin-top:-25px;
	
}
.cus-content-header .header-right .right-drop-nav {
    width: 100%;
    /*margin-top: -40px;*/
}
.cus-content-header .header-right .right-drop-nav .dropdown .heading {
    float:right;
}
.dropdown-menu .divider {
	height:1px;
	margin: 0 10px 0 10px;
    background-color: #e5e5e5;
}
.cus-content-header .header-right {
    border-right: none;
}
.cus-content-header .cus-breadcrumb {
    float: right;
}
.cus-content-header h1 {
    width: 32%;
}
.navbar-custom-menu>.navbar-nav>li {
    position: ;
}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a{
    background: none;
}

.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a{
    background: none;
}
.btn .caret {
    margin-right: 0;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 0%;
    top: auto;
    width: 100%;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	 background: none;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header { 
    border-bottom: none; 
    margin: 0 15px 0 15px;
	width:100%
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { 
    border: none; 
}
.navbar-nav>.user-menu>.dropdown-menu .user-footer { 
    /*margin: -52px 15px 0 15px;*/
	width: 100%;
}
.bootstrap-select.btn-group .btn .filter-option { 
    width: 50%; 
	text-align: left !important;
}
.bootstrap-select.btn-group .btn .caret {
    top: 0% !important;
}
.cus-content-table-filter .inner-filter {
    background: none;
    border: none;
    margin-top: 2px;
    padding: 2px 10px;
    padding: 10px;
	margin-top:50px;
}
.skin-blue .content-header {
    background: none;
}
.cus-content-table-filter {
    padding: 0;
}
.cus-content-header .header-right .right-drop-nav .dropdown ul.dropdown-menu {
    z-index: 1035;
}
.navbar-nav .open .dropdown-menu {
    position: absolute;
	background:#000000;
	display: inline-block;
	
}

.cus-content-header .header-right .right-drop-nav .dropdown ul.dropdown-menu {
    margin-top: 0px;
	
}
/*.cus-content-header .header-right .right-drop-nav .dropdown ul.dropdown-menu:before {
	display:none;
}*/
.cus-content-table-filter .filter-drop-bg {
    margin: 0 6px 0 6px;
}
.cus-content-header .header-right .right-drop-nav .navbar-nav .dropdown-menu { 
    min-width: 100%;
}
.cus-content-header .header-right .right-drop-nav .dropdown ul.dropdown-menu:after{
	display:none;
}
.cus-content-table-filter .inner-filter {
    
}
.navbar-nav {
    margin: 0 auto;
}
.cus-content-table-filter .select:after {
    margin-right: 10px;
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    z-index: 0;
}
.cus-content-header .header-right .right-drop-nav .dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #000000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: 10;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    /*height: 25px;*/
}
.cus-breadcrumb.foruser {
    margin-top: -65px;
}
.cus-breadcrumb.dlm {
    margin-top: -33px;
    font-size: 9px;
    margin-right: -15px;
}
.cus-breadcrumb.uan {
    margin-top: -33px;
    font-size: 9px;
    margin-right: -15px;
}
.cus-content-header .header-right .filter-icon.rdf{margin-left:0 !important; margin-right:0 !important;}
.box-body {
    overflow-x: scroll; 
}
.cus-content-header .tab-search-cus input[type=text] {
    width: 100% !important;
	display:block !important;
}
.cus-content-header .tab-search-cus {
    display: block;
    margin-top: 0px;
}

.skin-blue .main-header .navbar {
    background-color: #222d32;
}
.bootstrap-select>.btn {
    display:inline-block;
}
input#mcard_no, input#empno, input#card_no, input#emp_enroll_id {
    width: 97% !important;
    margin-left: 5px;
}
div#count_card {
    height: 350px;
    overflow-x: scroll;
}
.mismatch {
    margin-top: -31px;
}
ul.dropdown-menu.pop{
	display:none !important;
}
.cus-breadcrumb.eab {
    margin-top: -30px;
    font-size: 7px;
    margin-right: -18px;
}
.cus-breadcrumb.itsr {
    margin-top: -30px;
}
  }
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.pagination>li {
    display: table-cell;
    font-size: 9px;
}
.va{margin-top: -60px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 .pagination>li {
    display: table-cell;
    font-size: 9px;
}
.form-group.col-md-4.col-sm-4.choose-theme {
    float: left;
}
.navbar-nav>.user-menu>.dropdown-menu .user-footer {
    margin: 0 auto;
}
.cus-content-header .header-right .right-drop-nav {
    /*top: -40px;*/
}
}