@media (min-width: 980px) {
.pb5-title {
		padding-top:6px;
	}
}
#qu-icon {
   background-image: url('../img/menu-quote.png');
   height: 15px; 
   width:15px;
   background-repeat:no-repeat;
   background-position:left center;
}

#qu-icon:hover {
  /* background-image: url('../img/quotation-fff.png'); 
   background-position:left center;*/
}

#cart-icon {
   background-image: url('../img/bar-chart-gray.png');
   height: 15px; 
   width:15px;
   background-repeat:no-repeat;
}

#cart-icon:hover {
   background-image: url('../img/bar-chart-fff.png');
}	 
	 
.display-inline{
	display:inline;
}
.display-block{
	display:block;
}
.display-inline-block{
	display:inline-block!important;
}
@media (min-width: 768px) and (max-width: 979px) {

    .inbox-wrapper .inbox-left {width: 30%;}
    .inbox-wrapper .inbox-right {width: 70%;}

}

@media (max-width:820px) {
 #sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }
 
#main-content {
        margin: 0px!important;
        position:static !important;
    }
}

@media (max-width: 768px) {
	.mtalign-left{ text-align:left !important;}

    .header { position: absolute;}
 
    #sidebar > ul > li > a > span {
        line-height: 35px;
    }

    #sidebar > ul > li {
        margin: 0 10px 0px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }
    #sidebar > ul > li > a i{
        /*display: none !important;*/
    }

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }
    #sidebar > ul > li > ul.sub > li > a:hover {
        /*background: #4A8BC2 !important ;*/
    }

    /* sidebar */
    #sidebar { margin: 0px !important;
    }

    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow { display: none;
    }

    #sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }


    /*---------*/

    .btn {
        margin-bottom:0px!important;
    }


    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
      /*---  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;---*/
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
    }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
       /*--- filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;---*/
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom:0px !important;
    }

    /*--*/

    /*.chart-position {*/
        /*margin-top: 0px;*/
    /*}*/

    .timeline-desk .album a {
        margin-bottom: 5px;
        margin-right: 4px;
    }

    .stepy-titles li {
        margin: 10px 3px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }
}

.float-left{
	float:left!important;
}
 
ul.sidebar-menu {
    margin-top:68px;
    background: #4d4d4d;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
@media (max-width: 740px) {
    #task_notificatoin_bar,#mail_notificatoin_bar{
         display: none; 
    }
}
#alert_notificatoin_bar {
    display: block!important; 
}
@media (max-width: 520px) {
.panel .panel-heading ul li {width:33.333%;}
}
@media (max-width: 480px) {
	
	a.logo {  text-align:center;}
     .task_notificatoin_bar, .knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
        display: none;
    }
 
	.search-row{ }

    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: left;
    }
    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
       margin-top: 0px;
     }
	 .panel .panel-heading ul li {width: 50%;}
	 
 	#sidebar > ul > li {
        margin: 0 10px 0px 10px;
    }	 
}


@media (max-width:382px) {
	ul.sidebar-menu { margin-top:65px;}
	.wrapper{margin-top:95px!important;}
}
	
@media (max-width:320px) {
    .login-social-link a {
        padding: 15px 17px !important;
    }

    .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
        display: none;
    }

  
    .inbox-wrapper aside {
        display: block ;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: none;
		text-align:center;
    }

    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0px;
    }
}

.list-ser-btn #search_module_dynamic{ 
	 float: left;
	 min-width: 170px;
}
.mbt10{
	margin-bottom:10px;
}
.mb4{ margin-bottom:4px !important;}
.col-md-2-5, .col-lg-2-5, .col-sm-2-5, .col-xs-2-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.col-md-2-5, .col-lg-2-5, .col-sm-2-5, .col-xs-2-5 {
	float: left;
	width: 20%;
}
.col-xs-2-5 {
    width: 20%;
}
.col-sm-2-5 {
    width: 20%;
}
.col-lg-2-5 {
    width: 20%;
}
.col-md-2-5 {
    width:19.75%;
}
.p-l-r-10{padding-left:10px; padding-right:10px;}
.p-r-0{padding-right:0px!important;}
.p-l-0{padding-left:0px!important;}
.search-sec-j-t {
    position: relative;
    min-height: 1px;
    padding: 0px;
    float: right;
}
.list-ser-btn-t {
    width: auto;
    float: left;
}
.list-ser-btn-t #search_module_dynamic-t {
    float: left;
} 
.se-rch-inp-t {
    float: left;
    width: 180px;
    margin-right: 0px;
    border-radius: 4px 0 0 4px!important;
}
.tb-manage{background:#efefef;} 
	.tb-manage:hover{background-color: #f0fdff;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;} 
.tb-manage a:hover{color:#333;}
	.pt5{padding-top:5px!important; }
	.tb-manage img{height:28px;}
	
	.m-l-r-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.div-frame {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.div-frame a{font-size:14px;}
.div-frame a:hover{color: #2196F3;}
.fa-17px{font-size:17px;}
.bor-bot-2 {
    border-bottom: 1px solid #337ab7;
}
.table-icon{height:23px; margin-right:5px;}
.width-date{width:26%;}
.width-time{width:22%;}
.width-admin{width:40%;} 
.mr10{margin-right:10px;}
.width-by{width:48%;}
.by-text{width:8%; text-align:center!important;}
.by-text1{width:6%; text-align:center!important;  margin-right:2%!important;}
.mr-percent{margin-right:2%;}
.vertical-top{vertical-align:top!important;}
.text-center-right{text-align:right;}
.search-text{
	width: 69%;
    display: inline-block;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px solid #ccc;
}
.search-radio{
	width: 30%;
    display: inline-block;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #b56000;
    padding: 5px 10px 6px;
    position: relative;
    margin-left: -2px;
}
.width-auto{width:auto;}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait){		
	.margin-15{
		margin-bottom:10px;	
	}
	.left-align {
		text-align: left!important;
	}
	.pagination > li > a, .pagination > li > span {
		padding: 4px 8px;
	}
	.pb5-title {
		padding-top:6px;
	}
	.div-grid {
		width:90px;
	}
	.cur-btn-cent{ width:100%!important;}
	
	.float-left{
		float:none!important;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.btn-on-center{
		margin-right:20px;
	}
	.div-grid-new {width:70px;
		 margin-left: 0px; 
		 float: none; 
	}
	.div-sav-cal {
		float:left;  
		text-align: center;
	}
	.div-sav-lef{
		float: none;
		text-align: center;
	}
	.circle-btns{
		width:44%;
	}
	.pagination{
		margin-right:5px; 
	} 
	.list-ser-btn-job {
		float: right;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	.fontt {
		font-size: 17px;
	}
	.wrapper {
		margin-top: 95px!important;
	}	
	.mol-head{
		margin-left:10px;
	}
	ul.sidebar-menu {
		margin-top: 110px;
	}
	.notification-row{
		float: left;
		margin-top: 5px;
	}
	.create-new{
		float:left!important;
	}
	.notification-mobile{
		float:left!important;
	}
	.login-mobile{
		float:left!important;
	}
	.notify-arrow {
		border-style: solid;
		border-width: 0 9px 9px;
		height: 0;
		margin-top: 0;
		opacity: 0;
		position: absolute;
		left: 37px;
		top: -18px;
		transition: all 0.25s ease 0s;
		width: 0;
		z-index: 10;
		margin-top: 10px;
		opacity: 1;
	}
	.mv5{
		left:-10px!important;
	}
	.mvn5{
		left: -93px!important;
		top: 46px!important;
	}
	.mvna {
		left: 104px!important;
	}
	
	 
	.mol-head{
		margin-top:-1px!important;
	}
	a.logo {
		margin-left:60px!important;
	}
	.notification-row {
		display: block;
		margin-left:10px!important;
	}
	.list-ser-btn-job {
		width: 100%;
		margin-bottom: 5px;
	}
	.list-ser-btn #search_module_dynamic{ 
		width:185px; float: left;
	}
	.list-ser-btn{
		width:100%;
	} 
	.se-rch-inp {
		width:100%;
		margin-left: 0px;
	}
	ul.sidebar-menu {
		margin-top:100px!important;
	}
	.increase-width{
		width:120px;
	}
	.mbt10{margin-bottom:0px!important;} 
	.col-xs-2-5 {
		width: 100%;
	}
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.list-ser-btn-t {
		min-width: 288px;
	}
	.list-ser-btn-t #search_module_dynamic-t{
		width: 185px;
		float: left;
	}
	.se-rch-inp-t {
		width: 100%;
		margin-left: 0px;
	}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	.text-center-right{text-align:center;}
}	
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape){		
	.margin-15{
		margin-bottom:10px;	
	}
	.left-align {
		text-align: left!important;
	}
	.pb5-title {
		padding-top:6px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.div-grid-new {
		 width:70px;
		 margin-left: 0px; 
		 float: none; 
	}
	.div-sav-cal {
	 
		text-align: center;
		padding:0px 15px;
	}
	.div-sav-lef{
		float: none;
		text-align: center;
	}
	.circle-btns{
		width:22%;
	}
	.full-panel-widths{
		width:100%;
	}
	.pagination{
		margin-right:135px;
	}
	.mvn5{
		top: 46px!important;
	}
	a.logo img {
		margin-top:0 !important;
	}
	.mol-head{
		margin-top:15px!important;
	}
	a.logo {
		margin-left:10px!important;
	}
	ul.sidebar-menu {
		margin-top: 70px!important;
	}
	.wrapper {
		margin-top:70px!important;
	}	
	.list-ser-btn #search_module_dynamic{ 
		width:155px; float: left;
	}
	.list-ser-btn{
		width:auto;
	} 
	.mbt10{margin-bottom:0px!important;}  
	.col-xs-2-5 {
		width: 100%;
	} 
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.list-ser-btn-t {
		min-width: 288px;
	}
	.list-ser-btn-t #search_module_dynamic-t {
		width: 180px;
		float: left;
	}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	.text-center-right{text-align:center;}
}		
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait){		
	.margin-15{
		margin-bottom:10px;	
	}
	.left-align {
		text-align: left!important;
	}
	.pb5-title {
		padding-top:6px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.increase-width {
		width: 145px;
	}
	.btn-on-center{
		margin-right:50px;
	}
	 
	.notification-row {
		float: left;
		margin-top:5px;
		margin-left: 30px;
	}
	.wrapper {
		margin-top:95px!important;
	}
	.create-new a {
		color: #676767!important;
		font-size: 14px!important;
		padding-top: 10px!important;
	}	
	.top-nav li.dropdown .dropdown-menu {
		float: none; 
		left: 0;
	}
	.notify-arrow {
		border-style: solid;
		border-width: 0 9px 9px;
		height: 0;
		margin-top: 0;
		opacity: 0;
		position: absolute;
		left: 106px;
		top: -18px;
		transition: all 0.25s ease 0s;
		width: 0;
		z-index: 10;
		margin-top: 10px;
		opacity: 1;
	}
	.notification{
		left:-106px!important;
	}
	.log-arrow-up {
		background: url(../img/arrow-up.png) no-repeat;
		width: 20px;
		height: 11px;
		position: absolute;
		left: 15px;
		top: -10px;
	}
	.top-nav ul.top-menu > li .dropdown-menu.logout {
		width: 170px !important;
	}
	ul.sidebar-menu {
		margin-top:99px;
	}
	.mv5{
		left:-40px!important;
		top: 52px!important;
	}
	.mvn5{
		left: -93px!important;
		top: 45px!important;
	}
	.mvna {
		left: 104px!important;
	}
	.mncna{
		left: 80px!important;
	}
	.logout{
		left:-25px!important;
	}
	.log-arrow-up{
		left: 65px;
	}
	.se-rch-inp {
		 
		margin-left: 0px;
	} 
	a.logo {
		margin-left:80px!important;
	}
	.notification-row {
		margin-top:5px;
		margin-left:30px!important; 
	}
	.list-ser-btn #search_module_dynamic{ 
		width:240px; float: left;
	}
	.list-ser-btn{
		width:100%;
	} 
	.mbt10{margin-bottom:0px!important;} 
	.col-xs-2-5 {
		width: 100%;
	} 
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.list-ser-btn-t {
		min-width: 288px;
	}
	.list-ser-btn-t #search_module_dynamic-t {
		width: 240px;
		float: left;
	}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	.text-center-right{text-align:center;} 
}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){		
	.margin-15{
		margin-bottom:10px;	
	}
	.left-align {
		text-align: left!important;
	}
	.pb5-title {
		padding-top:6px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.list-ser-btn #search_module_dynamic {
		width: 155px;
		float: left;
	}
	.pagination{
		margin-right:150px;
	}  
	a.logo img {
		padding-bottom: 5px;
	}
	.notification-row {
		float: right;
		margin-top: 5px;
		margin-left: 0px;
	}
	.mvn5{
		top: 45px!important;
	}
	a.logo {
		margin-left:10px!important;
	}
	ul.sidebar-menu {
		margin-top:60px;
	}
	.wrapper {
		margin-top:65px!important;
	}
	.mbt10{margin-bottom:0px!important;} 
	.col-xs-2-5 {
		width: 100%;
	} 
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.list-ser-btn-t {
		min-width: 285px;
	}
	.list-ser-btn-t #search_module_dynamic-t {
		width: 180px;
		float: left;
	}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	.text-center-right{text-align:center;}
}
@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait){		
	.margin-15{
		margin-bottom:10px;	
	}
	.pb5-title {
		padding-top:6px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.btn-on-center{
		margin-right:70px;
	}
	a.logo {
		margin-left:100px!important;
	}
	.notification-row {
		margin-left:50px!important;
	}
	.wrapper {
		margin-top:95px!important;
	}
	.list-ser-btn #search_module_dynamic{ 
		width:265px; float: left;
	}
	.list-ser-btn{
		width:100%;
	} 
	.mbt10{margin-bottom:0px!important;} 
	.col-xs-2-5 {
		width: 100%;
	}
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	.text-center-right{text-align:center;}
}	
@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){		
	.margin-15{
		margin-bottom:10px;	
	}
	.pb5-title {
		padding-top:6px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-plus-top{
		margin-top:10px;
	} 
	.btn-on-center{
		margin-right:70px;
	}
	a.logo {
		margin-left:10px!important;
	}
	.notification-row {
		margin-top: 5px;
	}
	ul.sidebar-menu {
		margin-top:62px;
	}
	.wrapper {
		margin-top:65px!important;
	}
	.list-ser-btn #search_module_dynamic{ 
		width:160px; float: left;
	}
	.mbt10{margin-bottom:0px!important;} 
	.col-xs-2-5 {
		width: 100%;
	}
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.text-center-right{text-align:center;}
	
	
}	
@media screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation : portrait){		
	.pb5-title {
		padding-top:6px;
	}
	 
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.btn-on-center{
		margin-right:00px;
	}
	 .list-ser-btn #search_module_dynamic{ 
		width:160px; float: left;
	}
	.col-xs-2-5 {
		width: 100%;
	}
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.by-text{width:100%;}
	.width-admin{width:100%;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){		
	.lg-none{display:block;}
	.pb5-title {
		padding-top:6px;
	} 
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.div-grid {
		width: 70px;
		margin-left: 10px;
		float: left;
	}
	.div-grid-new {
		width: 70px;
		margin-left: 10px;
		float: left;
	}
	ul.sidebar-menu {
		margin-top:68px;
	}
	.list-ser-btn #search_module_dynamic{ 
		width:160px; float: left;
	} 
	.col-sm-2-5 {
		width: 50%;
	}
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){		
	.pb5-title {
		padding-top:6px;
	}
	 
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.clear-both{
		clear:both;
	} 
	ul.sidebar-menu {
		margin-top:67px;
	}
	.list-ser-btn #search_module_dynamic{ 
		width:160px; float: left;
	}
	.col-sm-2-5 {
		width: 50%;
	} 
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-date {
		width: 100%;
	}
	.width-time{width:100%;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
	 
}
@media screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation : portrait){		
	.pb5-title {
		padding-top:6px;
	} 
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.clear-both{
		clear:both;
	} 
	ul.sidebar-menu {
		margin-top:67px;
	} 
	.p-r-0{padding-right:15px!important;}
	.p-l-0{padding-left:15px!important;}
	.width-by {
		width: 100%;
	}
	.by-text{width:100%;}
	.width-admin{width:100%;}
}
@media screen and (min-device-width:1366px){		
	 
	.pb5-title {
		padding-top:5px;
	}
	.remove-tab-space{
		min-height: 29px!important;		
	}
	.clear-both{
		clear:both;
	} 
	ul.sidebar-menu {
		margin-top:67px;
	} 
	.col-md-2-5, .col-lg-2-5, .col-sm-2-5, .col-xs-2-5 {
		float: left;
		width:19.75%;
	}
	.p-r-0{padding-right:0px!important;}
	.p-l-0{padding-left:0px!important;}
	
}

.checkbox-height-width{
	height:18px;
	width:18px;
}


.panel .panel-heading i {
    width:20px;
    display: inline-block;
    font-size:16px;
}
.margin-top5{
	margin-top:4px;
}
.display-none{
	display:none;
}
.badge.bg-important {
    background: #337ab7;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
}
.no-notification{
	right: -5px!important;
}
.top-hr{
	padding: 1px!important;
}
 

.notify-arrow-blue {
    border-color: transparent transparent #688a7e;
    border-bottom-color: #688a7e !important;
    border-top-color: #688a7e !important;
}
.create-new a{
	color:#676767!important;
	font-size: 14px!important;
	padding-top: 15px!important;
}
.create-new a:hover{
	color:#676767!important;
} 

.top-nav .usernamenew {
    font-size: 14px;
    color: #a66200;
}
.top-nav .usernamenew:hover {color:#676767!important;}
.wr-menu a {
		color: #a66200!important;
		font-size: 14px!important;
		padding-top: 10px!important;
		font-weight:bold;
}
.wr-menu a:hover{
	color:#676767!important;
} 


ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
    background: transparent !important;
    color: #000 !important;
}
.prop-l-p-head{
	font-size:17px!important;
}
.notification-icon{
	font-size:12px!important;
	color: #333!important;
}
span.badge.bg-important.no-notification.inner-notification {
    position: relative;
    z-index: 100;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #337ab7;
    font-weight: 400;
}
.font-size14{
	font-size:14px!important;
}
.tick-color {
    color:#00ff33!important;
}
.tick-green {
    color:#03e430!important;
	font-size: 16px;
}
.tick-red {
    color:#ff0000!important;
	font-size:16px;
}

.li-disabled {
    pointer-events: none;
    color: #999!important;
}
.li-disabled a{
	color: #999!important;
}
.font-fff{
	color:#fff;
}
a.font-fff:hover{
	color:#000;
}
.height-overflow-auto{
	height:auto;
	overflow:auto;
}
.get_address{
	min-height:30px;
	padding-bottom:10px;
}
.serch-label {
    font-size: 17px!important;
    font-weight: 500;
    color: #303f9f;
}

.list-search .navbar-form .form-control {
    width: 100%!important;
    color: #404040!important;
    background: #eee url(../img/icons/search-line-icon.png) no-repeat 3px!important;
    border-bottom: 1px solid #000000!important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
}

.nav-tabs {
    border-bottom: 1px solid #d7d7d7!important;
}
.padding-right-left-0{
	padding-left:0px;
	padding-right:0px;	
}
/*css switch button*/
.switch-field1 {
    overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field1 input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field1 label {
  float: left;
}

.switch-field1 label {
	width:106px;
  display: inline-block;
  background-color: #FFF;
  color:#337ab7;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding:5px 5px;
  border: 1px solid #337ab7;
   -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.switch-field1 label:hover {
    cursor: pointer;
}

.switch-field1 input:checked + label {
  background-color: #337ab7;
  -webkit-box-shadow: none;
  box-shadow: none; color:#FFF;
}

.switch-field1 label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field1 label:last-of-type {
  border-radius: 0 4px 4px 0;
}


/*------------------Blade Pagination----------------------------*/

ul.blade-pagination {
	list-style: none;
	margin:0px;
	padding: 0;
	display:inline-block;
}

ul.blade-pagination li.page {
	float: left;
	border: 1px solid #BBB;
	padding:3px 10.5px;
	margin: 1px;
	cursor: pointer;
	color: #427bab ;
	background: #fff;
}

ul.blade-pagination li.page:hover {
	background: #EEE;
}

ul.blade-pagination li.page.active {
	background: #427bab;
	cursor: default;
	color: white;
	border: 1px solid #427bab;
    padding:3px 8px;
}

ul.blade-pagination li.page.disabled {
	background: white;
	cursor: not-allowed;
	color: darkgray;
    background: white;
}

ul.blade-pagination li.more {
	float: left;
	padding: 2px 5px;
	margin: 1px;
}

ul.blade-pagination li.end {
	clear: both;
}

ul.blade-pagination .font-size-15px{ font-size:15px;}


input[type=checkbox].color-check label{background-position: 0 -21px!important;}

/*---------- wrapper setting ----------------*/
.tab_btn{color:#fff!important;
    background: #2c3e50;
    cursor: pointer;
    border-radius: 0;}
	
.tab_btn:hover{color:#fff!important;
    background:#389fd7;
    cursor: pointer;
    border-radius: 0;}
		
.tab_active{color:#fff!important;
    background:#389fd7;
    cursor: pointer;
    border-radius: 0;}

/*    ------ wrapper setting  -----------------------------*/
.img-induction-indu{ max-width:500px; height:auto; display: block;}
.img-induction-down{ max-width:500px; height:auto;}
.col-dat{ width:45%; margin-right:2%; float:left; }
.col-by{width:6%; margin-right:2%; float:left; }
.col-admin{width:45%;   float:left; }
.mast-tbl-mangj{ display:inline;}
.mast-tbl-mangj img{ float:left;}



@media only screen and (max-width:1099px) {
.col-dat, .col-by, .col-admin{ width:100%; margin-right:0%; float:left; }	
}
@media only screen and (max-width:990px) {
.profilepicimg #profile_img{ margin-top:5px;}
.searchsec3j .select2-container{width:100%!important;}	
.img-induction-indu{ max-width:340px; height:auto;} 
}
@media only screen and (max-width:820px) {
.custumheadj{position:relative !important;}	
.wrapper{ margin-top:0px !important;}
#sidebar{ position:relative !important;margin-top:0px !important;}
ul.sidebar-menu{ margin-top:0px !important; padding:10px 0px !important;}
#sidebar > ul > li:first-child a{border-top: 1px solid #2F3F44;}

}


@media only screen and (max-width: 768px) {
	.select2-container{width:100%!important;}		
	.mbm10{ margin-bottom:10px}
	.asset-listserchneww .list-ser-btn input{ width:100%}
	.mbm5{ margin-bottom:5px !important;}
	.chk-radi-infrontleft{ float:left;}
	.chk-radi-infrontright{ float:left; width:auto !important;}
	.border-mobile-rightj tbody > tr > td:last-child{ border-right:1px solid #a2bbb1 !important;}
}
@media only screen and (max-width: 768px) {
.searchsec2j{ width:100%  !important; padding:0px 10px !important;}
.searchsec3j{ width:100%  !important; padding:0px 0px !important;}
.searchsec2j .list-ser-btn-job, .searchsec3j .list-ser-btn-job  { width: 100% ; margin-bottom: 5px;}	
.searchsec2j .list-ser-btn .se-rch-inp, .searchsec3j .list-ser-btn .se-rch-inp{ width:100% !important}
.img-induction-indu{ max-width:100%; height:auto;}
}



@media only screen and (max-width:500px) {		
	
.search-sec-j{padding-left:0px;padding-right:0px;}
.atachment-stepmodule{ width:100%; overflow-x: scroll;}	
.atachment-stepmodule video { width:100%;}

.img-induction-down{ max-width:100%; height:auto;}
.asset-listserchneww{ padding-right:10px;}
.locserj{ padding-left:10px !important;}
.locserj .list-ser-btn{ margin-bottom:5px;}
.wrapper{ padding-top:5px !important;}

 
 

}	
 

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

}

/*@media screen and (min-width:320px){
 
}
@media screen and (max-width:568px){
	 
}
@media screen and (min-width:375px){
	 
}
@media screen and (min-width:414px){
	 
}*/