.toggle-demo {
	position: absolute;
	top: 10px;
	right: -8px;
	display: block;
	width: 154px;
	height: auto;
	z-index: 99;
	opacity: .9
}

.toggle-demo:hover {
	opacity: 1
}
#tab-r1  .dt-buttons {
display:none;
}
.toggle-demo .btn-group {
	width: 100px;
	float: left
}
#containernorway {
	min-width: 320px;
	height: 400px;
	margin: 0 auto;
}
.toggle-demo>span {
	display: inline-block;
	float: left;
	margin-right: 5px;
	line-height: 21px;
	color: #757575
}

.demo-vertical-uislider {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.demo-vertical-uislider>div {
	height: 200px;
	margin: 0 0 0 10px;
	display: inline-block
}

.demo-vertical-uislider>:first-child {
	margin-left: 15px
}

.knobs-demo>div {
	display: inline-block;
	margin-left: 30px
}

.knobs-demo>:first-child {
	margin-left: 0
}

.demo label input[type=checkbox].checkbox+span:before,
.demo label input[type=radio].radiobox+span:before {
	border: 1px solid #5E5E5E
}

.demo label:hover input[type=checkbox].checkbox+span:before {
	border-color: #E77317
}

.demo label {
	margin-bottom: 4!important
}

.demo .checkbox i {
	border-color: #7A7A7A
}

.demo .checkbox,
.demo .radio {
	padding-left: 22px
}

.demo.activate {
	right: 0!important;
	box-shadow: -11px 12px 23px rgba(0, 0, 0, .2);
	padding: 5px 10px 10px
}

.demo #demo-setting+form {
	display: none
}

.demo.activate #demo-setting+form {
	display: block
}

.demo {
	position: absolute;
	top: 5px;
	right: 0;
	width: 160px;
	z-index: 902;
	background: #F1DA91
}

.demo>span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 5px 0 0 5px;
	background: #F1DA91;
	padding: 2px;
	text-align: center;
	line-height: 28px;
	cursor: pointer
}

.demo>span i {
	font-size: 17px
}

.demo.activate>span i:before {
	content: "\f00d"
}

.demo.activate>span {
	left: -30px
}

.demo>span:hover i {
	color: #333!important
}

.demo form section {
	margin: 0!important
}

.demo .btn {
	font-size: 13px!important;
	line-height: 1.5!important;
	border-radius: 3px!important;
	padding: 3px 7px!important;
	height: auto!important
}

.demo-liveupdate-1 {
	font-size: 12px!important;
	position: absolute!important;
	left: 33px;
	top: 15px;
	display: block;
	z-index: 2;
	font-weight: 700;
	padding: 1px 61px 3px 7px
}

.demo-btns {
	margin: 0;
	padding: 0;
	list-style: none
}

.demo-btns>li {
	display: inline-block;
	margin-bottom: 7px
}

.demo-icon-font {
	font-size: 14px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-bottom: 4px
}

.demo-icon-font:hover {
	background-color: rgba(86, 61, 124, .1);
	text-decoration: none
}

.demo-modal {
	width: auto;
	max-width: 600px;
	z-index: 1
}

.demo-red {
	color: #DF413E
}

.demo-orange {
	color: #DAA03E
}
.red-train-report
{
	background-color: #c70505 !important;
}
.orange-train-report
{
	background-color: #da9415 !important;
}
.grey-train-report
{
	background-color: #808080 !important;
}
.demo-border {
	border: 1px solid rgba(0, 0, 0, .2)
}
.checklist-table{
	width: 30px;
}
.nav-demo-btn {
	display: none
}

body:not(.menu-on-top) .nav-demo-btn {
	display: block;
	padding: 6px 5px;
	margin: 5px 10px;
	width: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	white-space: normal
}

.fixed-navigation .nav-demo-btn,
.minified .nav-demo-btn {
	display: none!important
}

.smart-rtl .demo .margin-right-5 {
	margin-right: 0!important
}

.action-buttons {
	text-align: center;
}

.widget-toolbar .dropdown-toggle.color-box.selector {
	display: none !important;
}
#btnEdit,#btnDelete {
	margin: 0px 10px !important;
}
#btnEdit .glyphicon ,#btnDelete .glyphicon {
	padding-right:7px !important;
}
.addNew {
	padding: 5px !important;
}
.addNew button{
	float: right !important;
}
.help-block {
	margin-bottom:0px !important ;
}




/* Changes On 07-09-18 */
.dt-toolbar-footer>:last-child {
    padding-left: 0!important;
}
.dt-toolbar-footer{
	display:flex;
}
.dt-toolbar-footer>:first-child{
	order: 2;
}
.dt-toolbar-footer>:last-child{
	order: 1;
}
/* .dt-toolbar-footer>:first-child .dataTables_info{
	float:right;
} */
/* .dt-toolbar-footer>:last-child .dataTables_paginate{
	float:left;
} */
.zone-breadcrumb, .division-breadcrumb ,.location-breadcrumb,.Machine-Type-breadcrumb,
.Parameter-Group-breadcrumb,.parameter-group-breadcrumbs,.Parameter-GroupReport-breadcrumb,.Machintype-Report-breadcrumb,
.usermain-breadcrumb,.usermachine-breadcrumb,.userreport-breadcrumb{
	cursor:pointer;
}
/* .dataTables_wrapper .dataTables_filter input{
	margin-left:0px !important;
} */


ul.nav.nav-tabs li {
    border: 1px solid grey !important;
    border-bottom: 0 !important;
    margin-right: 10px;
}

tabs>li.active>a:hover {
    color: #f0f1f1 !important;
    background-color: #404040 !important;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f1f1f1;
    background-color: #1a63a7;
    border: 1px solid #ddd;
    border-bottom-color: #1a63a7;
    cursor: default;
}
.nav-tabs>li.active>a {
	margin-right:-2px;
	margin-left:-2px;
    margin-top: 0px!important;
	box-shadow:none;
	
}
.open>.dropdown-menu {
	animation-name: unset !important;
}


/*login page css*/
.login #logo img {
    width: auto;
    height: auto;
    padding-left: 3px;
    margin: 0px auto !important;
}
.login #content {
    padding: 0px 0px;
    
}
.login #logo{
	/* width: 99%; */
	
	width: 100%;
    padding: 10px 0px;
    height:46px;
    margin:0px !important; 
    
}

.login .form header:first-child
{
	margin-top: 0px;
}
.login .client-form header {
    color: #000;
    background: none !important;
    font-family: sans-serif;
    font-size: 28px;
    padding-bottom:0px !important;
    font-weight: bolder;
    border-bottom-color: transparent !important;
}
.login .client-form h4{
padding: 15px 13px;
font-family: sans-serif;
color:#0d3054;
font-weight: 600;
}
#login-form input#userMail,#login-form input#password {
    border: 1px solid transparent;
    border-bottom: 1px solid #ccc;
}
.login .client-form fieldset,.client-form footer
{
/* width: 75%; */
}
.login .note{
margin-top: 12px !important;
float: right;
}
.login .smart-form footer
{
	border-top:none !important;
	background-color: #fff !important;
}
.login .smart-form fieldset {
     /*  padding: 0px 14px 5px !important; */
     background: transparent;
}
.login .smart-form footer .btn {
    float: left !important;
    margin: 0px 0 0 0px !important;
    padding: 5px 50px !important;
    color: #fff;
    background-color: #154478;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
}
#extr-page #main{
	padding:0px !important;
}
.login #about-section .carousel-indicators{
	display: none;
}
.login .about-section-content
{
	padding:20px 100px;
}
.login .about-section
{
	background-color: #2a76c7;
}
.login .carousel-control.left,.carousel-control.right
{
	background-image: none !important;
}
.login .main-section{
	/* background: url("../img/bg.gif"); */
	
	background-repeat: no-repeat;	 
	background-position: center;
    background-size: contain;
}
.login .about-section h5{
font-weight:500 !important;
}
.login .about-section p,.login .year,.login .policy{
	color: #fff !important;	
}
.login .year{
	float: left;
}
.login .policy{
	float: right;
}

.login .footer-section {
    /* margin: 45px 0px !important;
    padding-bottom: 5px !important;
    margin-left: 90px !important;
    margin-right: 70px!important; */
}
.login .about-section img.logo-apna
{
	margin: 5px 0px 0px;
}
.carousel-left,.carousel-right
{
	position: absolute;
	top:50%;
	margin: 0px !important;
}
.right-img-caro,.left-img-caro {
	height: 69px;
}
.login .footer-section {
	margin-top:15px;
}
@media (min-width: 1200px)
{
	.main-section {
    background-size: contain !important;
    background-position: center !important;
    /* min-height: 585px; */
}
}
@media (max-width:768px )
{
	.railman-carousle-logo {
		display:none !important ;
	}
	.login .main-section{
		  background: none !important ;
		min-height: auto;
	}
	.login img.railman.img-responsive
	{
		margin:0px auto;
	}
	.login .client-form fieldset, .client-form footer {
	    width: 90%;
	}
	.login .client-form header
	{
		padding-bottom:0px ;
	}
	.menu-on-top aside#left-panel nav>ul li ul {
	  display:block !important;
	}
	.fixed-navigation nav.nav-topmenu {
    padding-bottom: 0px !important;
	}
	.mobile-detected.fixed-navigation nav.nav-topmenu >ul  {
	 padding-right: 0px !important;
	}
}

@media (max-width:767px )
{
	.railman-carousle-logo {
	display : none !important;
	}
	.login .client-form h4 {
		font-size: 16px;
	}
	.login .form header:first-child {
    margin-top: 0px;
    padding-bottom: 0px;
}
.login .client-form header{
	    font-size: 22px;
}
.login .client-form fieldset,.login .client-form footer
{
width: 75%;
}
.login .about-section-content
{
	padding:20px ;
}
.login .about-section img {
    margin: 5px auto;
}
.login .footer-section {
    margin: 0px 20px !important;
    margin-bottom: 40px !important;
}
.carousel-left, .carousel-right {
    position: absolute;
    top: 50%;
    margin: 0px !important;
    left: 10px;
}
}
@media (max-width:320px )
{
.login .client-form fieldset,.login .client-form footer
{
width: 65%;
}
}
/*login page css end*/

.logo-right {
	padding-top: 4px;
}
.hide_column {
	display:none !important ;
}


.table input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: lightgray;
  height: 16px;
  width: 16px;
  border: 1px solid white;
}

.table input[type="checkbox"]:checked {
  background: #2872bd;
}

.table input[type="checkbox"]:hover {
  filter: brightness(90%);
}

.table input[type="checkbox"]:disabled {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.table input[type="checkbox"]:after {
  content: '';
  position: relative;
  left: 39%;
  top: 20%;
  width: 30%;
  height: 60%;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}

.table input[type="checkbox"]:checked:after {
  display: block;
}

.table input[type="checkbox"]:disabled:after {
  border-color: #7b7b7b;
}
#AlertModal .alert h4{
	margin-top: 0 !important;
	color: white  !important;
	font-size: 20px  !important;
	text-align: center  !important;
	font-weight: 500  !important;
}

/* #red {
	background: url(../img/alarm.gif);
    background-size: contain;
    height: 250px;
    background-repeat: no-repeat;
}
#green {
	background: url(../img/green.gif);
    background-size: contain;
    height: 250px;
    background-repeat: no-repeat;
} */

#form-image-target ul {
	width : 100% !important ;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
}

#form-image-target li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

#form-image-target li a.active {
    background-color: #4CAF50;
    color: white;
}

#form-image-target li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
.table .thead-dark th {
    color: #fff !important;
    background-color:  #1a63a7 !important;
    border-color:  #1a63a7 !important;
    font-weight: 500;
    font-size: 13px;
}

.red-alarm {
    border-color: #383838!important;
    background: #bb2828  !important;
    color: #fff !important;
}

.orange-alarm   {
	border-color: #383838 !important;
    background: #ffa500  !important;
    color: #fff !important;
} 
.green-alarm   {
	border-color: #383838 !important;
    background: #1a7b4a  !important;
    color: #fff !important;
} 

#form-image-target {
	border :1px solid ;
}
.alarm-list .header-list {
	background: #5977af;
    color: white;
    padding: 5px;
    text-align: center;
    font-weight: 400;
    margin: 0;
}
.jarviswidget>header {
	border: 0px !important;
}
@media (max-width: 880px) and (min-width: 768px){
	#logo img {
    width: 75px !important; 
    padding: -11px;
}

}
.dt-toolbar-footer {
		 overflow : hidden !important ;	
	}
	/* .dataTables_scrollBody {
	   overflow : hidden !important ;	
	} */
@media (max-width: 767px) and (min-width: 0px){
	#logo img {
   width: 75px !important; 
    padding: 11px;
}  
	.logo-right {
	width: 126px;
    margin-top: 9px;
}
    #logo-group {
    width: 75px !important;
}  .dt-toolbar-footer {
		 overflow : auto  !important ;	
	}
	/* .dataTables_scrollBody {
	   overflow-x : scroll !important ;	
	} */
}
@media (max-width: 375px) and (min-width: 0px){ 
	.parameter-group ul.nav.nav-tabs li {
			margin-right: 8px !important;
	}
}

.inbox-wrap {
		background: #fff;
		padding: 10px 14px 7px;
		position: relative;
		overflow-x: hidden;
	}

	.inbox-wrap .inbox-checkbox-triggered {
		display: block;
		margin-bottom: 20px;
	}

	.inbox-wrap .inbox-message {
		border-bottom: none;
		margin-right: 0px;
	}

	.inbox-wrap .jarviswidget>header>h2 {
		float: none;
		display: block;
	}

	.inbox-wrap .jarviswidget .widget-body {
		min-height: auto;
		position: relative;
		padding-bottom: 2px;
	}
	.inbox-wrap .jarviswidget .table>thead>tr>th {
    	vertical-align: middle;
	}
	.detailed-info {
		background: #3a3633;
	    padding: 8px 6px;
	    text-align: center;
	    margin: 10px auto;
	}
	.summarized-info a {
		padding: 8px 10px !important;
	    border-color: #3a3633 !important;
	    font-weight: 500;
	    font-size: 13px;
	}	
	.lable-color-red{
		background-color: red ;
	}
	.lable-color-orange{
		background-color: orange ;
	}
	.lable-color-green{
		background-color: green ;
	}
	.list-left{
		width: 16%;
	}
	.content-right {
		width: 83%;
		margin-left: 17% !important;
	}
	.tabs-left .nav-tabs>li.active>a {
		box-shadow: none;
		border: none!important;
		font-weight: 500;
		background: #F0F0F0;
		color: #3276b1;
	}
	.tabs-left>.nav-tabs {
		border-right: none;
	}
	.tabs-left>.nav-tabs>li>a:hover {
		border-color: transparent;
	}
	
	ul.nav.nav-tabs.list-left li {
	    border: none !important;
	    border-bottom: 0 !important;
	    margin-right: 0px;
	}
	/* @media (max-width: 767px) and (min-width: 0px){
		.dataTables_scrollBody::-webkit-scrollbar {
		    width: 5px;
		    height:5px;
		    background-color: #F5F5F5
		} */
		
		/* .dataTables_scrollBody::-webkit-scrollbar-track {
		    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
		    border-radius: 5px;
		    background-color: #F5F5F5
		} */
		
		/* .dataTables_scrollBody::-webkit-scrollbar-thumb {
		    border-radius: 5px;
		    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
		    background-color: #555;
		} */
	}
	.no-padding {
		padding-right:0px!important;
	}
	.detailstable{
		font-weight: bolder !important;
	}
	
.train-details .panel-title a,.wagon-details .panel-title a {
   
    padding: 15px 20px !important;
  
}
.update-column .update-column-parameter {
	padding: 15px 58px 15px;
    float: right;
}
.update-column  .update-column-parameter .update-report ..update-report-parameter{
	padding-right:10px;
}
.inbox-body .notification-idselector {
	padding:10px 0px; 
}
.inbox-body .notification-idselector .control-label {
	text-align: center;
    margin-top: 5px;
}

input.mtypereportparameterreportcolumn ,input.machinereportparameterreportcolumn ,input.machinereportposition {
    width: 251px;
    height: 30px;
    padding: 2px 5px;
}
input.mtypereportparameterreportcolumn:focus ,input.machinereportparameterreportcolumn:focus,input.machinereportposition:focus {
border: 2px solid #2872bd;
}

.table-responsive{
      overflow-x: auto !important;
/*   white-space: nowrap !important; */
}
/* .widget-body {
	overflow-x:scroll !important;
} */
.update-column-parameter {
	float :right !important ;
}

.UpdateNew {
	    padding: 0px 20px 15px 15px;
}

.table-forscroll {
	position:relative ;
}
.btnscroll{
	position: absolute;
    right: 1%;
    top: 0%;
    padding-top: 10px; 
    z-index: 99999;
}

/*14-03-2019*/
.menu-on-top aside#left-panel nav>ul{width:auto !important;}
td.inbox-data-message {
    width: 5%;
}
.logo-right {
    padding-top: 2px !important;
}
.verifyemail,.verifyotp,#passwordsubmit{
	    margin-top: 10px;
}
.d-block{display:block !important;}
.error,.errorotp,.errorpass,.errormatch{
color:red;
margin-top:10px;
}


/* @media (max-width: 880px) and (min-width: 768px)
#logo1 img {
    width: 75px !important;
    padding: -11px;
} */
@media (max-width:768px)
{
.logo-apna-mob{
width: 22%!important;float: left;margin: 0px;padding: 5px;
}
#logo1 img {
    width: 35px !important;
    padding: 7px;
}
}
@media (max-width:480px)
{
#logo img {
    width: 45px !important;
    padding: 11px;
}
}
.activeList {
		background: #d6d6d6;
}

button#btnEdit {
    padding: 5px 19px;
    margin-bottom: 2px !important;
}

.periodicTable #dt_basic td:nth-child(9) {
	white-space:pre
}

/* #dt_basic_wrapper .dataTables_scrollBody{
   position: relative;
    overflow: scroll !important;
    height: 500px;
    width: 100%;
} */
/* #dt_basic_wrapper .dataTables_scrollHead {
    overflow: hidden;
    position: relative;
    width: 100%;
} */

img.online {
border:unset;background: #ededed;border-radius: 28px;" 
border: unset !important;
    border-radius: 50px;
}
#header {
padding-right:0px;
background-size:100% !important;
} 

button#loadMoreButton {
    border: unset;
    color: #fff;
    background: #2871bd;
    font-weight: bold;
    padding: 3px 7px;
    border-radius: 3px;
    font-size: 12px;
    margin: 5px 3px;
}


#overlay {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
}
#loader, .imgloader {
    position: fixed;
    display: block;
    left: 50%;
    top: 48%;
    z-index: 9999;
    width: 145px;
    height: 180px;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    margin: -77px 0 0 -75px;
}
.headType {
	    color: #fafafa;
    /* padding: 0px 41%; */
    text-align: center;
    font-size: 18px;
    position: absolute;
    right: 50%;
    top: 55%;
    padding:0px !important;
}

.userType {
	color: #fafafa;
    padding:0px !important;
    font-size: 16px;
    position: absolute;
    right: 5%;
    top: 60%;
}

.fileUpload-update{
    width: 65%;
    margin: auto;
    padding: 9px 8px;
 }
 .fileUpload-update div {
    padding: 2px;
        margin-bottom: 5px;
 }
 .deleteFile {
    font-size: 16px;
    padding-left: 1%;
    color: #da6a6a;
}
.uploadFileMachine {
 	padding:20px 0px 0px ;
 }
 .downloads-foreach {
 margin: 25px auto;
 }
 .downloadedMAchine-name {
    font-size: 15px;
    font-weight: bold;
        margin: 0;
 }
 .download-Docs {
 	font-size:11px;
 }
 .iconforDoc {
    font-size: 12px;
    padding-right: 7px;
}
.filesTo-download {
     margin: 2px auto;
    padding: 5px 0px;
}
.loginsetup .textarea {
	width: 100%;
}
.loginsetup label {
	
	font-size:14px;
	text-align: left !important;
    padding-left: 2%;
}
.textarea .custom-scroll{
	height: auto;
	width: 100%;
    resize: none;
}
.Login-setup-page {
    padding: 20px 0px 0px;
    box-sizing: border-box;
    margin: 2px auto;
}
.legends {
	padding: 6px 12px;
	width:100%;
}
.legends td {
	padding: 4px;
}
.dataEntryform label{
	font-weight: 600;
}
li.columnlist {
    width: 33.33%;
    float: left;
}
.menu-on-top nav ul ul, .menu-on-top nav ul ul ul{
	width: 768px;
}
nav ul li.columnlist a{
	padding: 7px 10px 7px 11px;
}
li.columnlist h6{
	padding: 0px 10px;
}
td.table-navigation{
	width:15%;
}
.forMobile-menu {
	width:200px !important;
}
.dateForm .control-label{
	margin-top:0px !important;	
}
.dateSubmit {
	    padding: 5px 15px 6px;
}
.margTop-btm {
	margin: 5px 0 10px;
}

#dt_basic th,#dt_basic td {
    white-space: normal !important;
} 
#dt_basic th.paddingTd,#dt_basic td.paddingTd {
    width:50px !important;
}
#left-button {
	margin-right : 5px ;
}

.pagination-btn span i {
    font-size: 20px;
    cursor:pointer;
}
.pagination-btn span {
  padding: 12px 15px;
   
}
.pagintion-clone div {
	display:inline;
	margin-right: 2%;
	margin-left: 2%;
	font-size:15px;
}

span.previousAction:hover,
span.nextAction:hover {
    transform: scale(1.3);
    border: 1px solid #2872bd;
    /* margin: 2px; */
    padding: 7px 14px;
    border-radius: 25px;
    background: #97bfe8;
    color: #fff;
    transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;
}

#user-Check{
	/*width:160px ;*/
}

#user-Check .columnlist{
	width:100%;
}

.tab-arrow {
	text-align: center;
    width: 100%;
}
.tab-arrow  .previousActionDetails {
	FLOAT: left;
    margin: 6px 0px;
}
.tab-arrow  .nextActionDetails {
	FLOAT: RIGHT;
    margin: 6px 0px;
}
.tab-arrow i {
	font-size:30px !important;
}
#error-mess {	
	text-align: right;
    color: red;
}
.counterDays {
   text-align: right;
    position: absolute;
    right: 135px;
    font-size: 15px;
    top: 12%;
    font-weight: 600;
    width: 126px;
    max-width: 126px;
}
.error-date{
    color: #cc5a5a;
    font-size: 13px;
    padding-left: 2%;
}
.error-date1{
    color: #cc5a5a;
    border:1px solid #cc5a5a;
}
.error-datefrom {
 	color: #cc5a5a;
    font-size: 13px;
    padding-left: 5%;
}
.nav-topmenu .columnlist .active a{
	font-weight:bold;
}


.primary-bgColor {
	background: #0063a7;
}
.secondary-bgColor {
	background :#8fcfff;
}
.primary-color {
	color:#006699;
}
.text-size {
	color: #fff;
    font-size: 18px;
}
.tertiary {
}

#left-panel nav>ul>li>ul::before {
	content :none !important ;
}
#left-panel nav>ul>li>ul li::before {
	content :none !important ;
}
#left-panel .sideMenu {
	padding-left:30px;
}
#left-panel ul li a {
	color: #fff;	
}
#left-panel nav>ul>li>a b {
    position: absolute;
    left: 4%;
    font-size: 18px;
    top: 10%;
}
#header {
    background-repeat: repeat-x !important;
    background-image: url(/resources/img/header.jpg);
    background-size: contain;
}
#left-panel nav ul ul {
	background:transparent ;
}
#left-panel nav ul li a:active {
    background: #2985cc!important;
}
#left-panel nav ul .active>a ,
#left-panel nav ul ul li>a:hover  {
    color: #fff!important;
    position: relative;
    background:  #2985cc!important;
}
#left-panel nav ul .hover>a {
    color: #fff!important;
    position: relative;
    background:  #2985cc!important;
}
#left-panel nav ul ul li>a:hover {
    background-color: rgb(41, 132, 204);
    color: #fff;
}
.widget-toolbar {
	display:none;
}





.login-info a span+i {
    vertical-align: middle;
    float: right;
    line-height: 25px;
    font-size: 17px;
}
.login-info span a {
	width:100%;
}


.logMenu .file_menu li:hover>a,
.logMenu .file_menu  li a:hover {
    color: #fff !important;
    background-color: #88daf5ad;
}
#button {
    height: 68px;
    width: 184px;
    margin: auto;
}
.logMenu ul,.logMenu  li {
    margin:0; 
    padding:0; 
    list-style:none;
}
.logMenu .file_menu {
    display:none;
    width: 217px !important;
    position: relative;
    top: 0px;
    left: -17px;
    background: #fff!important;
    border: 1px solid #c7c7c7;
    -moz-box-shadow: inset 0 -4px 0 0 #bd2a2a;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-top: none;
    border-radius: 0;
    padding: 0px;
    margin-left: 0;
    z-index: 100000000;
}
.notifymenu .file_menu {
	top: 0px;
}
.logMenu .hover
{
      padding-left: 0px;
}
.logMenu .file_menu li {
   
    position: relative;
}
.logMenu .file_menu li a {
   	padding:5px 10px !important;
}
.logMenu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.logMenu .file_menu li a {
    color:#000 !important 
    text-decoration:none; 
    padding:10px; 
    display:block;
}
.logMenu .file_menu li a:hover {
    padding:10px;
   
}
.logMenu .hoverli a.logSubMenu {
	width: 100%;
}
#left-panel .logMenu  ul li a {
    color: #000 ;
}
.jarviswidget>header>h2 {
    font-weight: 400;
}
.jarviswidget-color-darken>header {
    border-color: #383838!important;
    background: #8fcfff;
    color: #0d467b;
    font-weight: 600;
}

#btnEdit, #btnDelete ,#btnUpdate{
	background: transparent !important;
    background: #fff;
    border: none;
    box-shadow: unset;
    padding: 0px !important;
}
/* .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background:none !important ;
	border-color:transparent !important;
} */

/*#btnEdit span, #btnDelete span {
	font-size: 17px;
	color: #666;
}*/
#btnEdit span {
 	background: url(/resources/img/Edit.png);
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
 }
#btnDelete span {
 	background: url(/resources/img/delete.png);
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
 }
.pagination>li {
    display: inline;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/* table.dataTable tbody td {
    padding: 6px 10px !important;
} */
/* .table-striped>tbody>tr:nth-child(odd) {
    background-color: #F3F3FE !important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #d8d8d8 !important;
}
.dt-toolbar-footer {
    padding: 2px 10px !important;
    border-top: 1px solid #d8d8d8 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}
table.dataTable tbody tr.selected {
    background-color: #d9edf7 !important;
    cursor: pointer;
}
table.dataTable tbody tr {
	cursor: pointer !important;
} */
.widget-body .addNew {
	position: absolute;
    right: 82px;
    z-index: 1;
    top: 2px;
}
.widget-body .addNew button {
	  background-color: #1a63a7 !important;
}
#hide-menu i {
		color: #1a63a7;
}
.hidden-menu #hide-menu>:first-child>a {
		background-color: #1a63a7;
	    background-image: linear-gradient(to bottom, #1a63a7 0, #1a63a7 100%);
	    border-color: #1a63a7;
}
.pagination>.active>a {
	background-color: #1a63a7;
}
.paginate_button {
	padding:0px !important;
	margin: 0px !important;
    border: 0px !important;
}
/* .pagination a {
	padding: 5px 11px;
    margin: 0px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 4px 10px;
}
.dt-toolbar-footer>:last-child .dataTables_paginate {
    float: right;
}
.dt-toolbar-footer>:first-child {
    order: 1;
    float: left;
}
.dt-toolbar-footer>:first-child .dataTables_info {
    float: none;
}
.dt-toolbar-footer>:last-child {
    order: 2;
    float: right;
} */
.lable-color-green {
    background-color: green;
}
.lable-color-red {
    background-color: #c70505;
}
.lable-color-orange {
    background-color: #da9415;
}
@media (min-width:320px) and (max-width:767px) {
	.widget-body .addNew {
        position: absolute;
        right: 0px;
         z-index: 1;
        top: 8px;
	}
	#logo1 img {
		height: 38px;
    	width: 230px !important;
	}
	#hide-menu {
			margin-top: 6px;
    		margin-right: 0px;
	}
	#hide-menu>:first-child>a, .btn-header a {
      width: 37px!important;
      height: 32px!important;
      line-height: 27px!important;
      border-color: #1a63a7;
	}
	#hide-menu i {
		color: #1a63a7;
	}
}

  .form-group-cust {
 	margin-bottom:10px !important;
 	float: left;
    width: 100%;
  }
  
  .jarviswidget-color-blueDark>header {
    border-color: #45474b!important;
    background: #8fcfff;
    color: #1a63a7;
    font-weight: 400;
}
.activeList, .activeList:hover {
    background: #1a63a7;
}
.activeList a, .activeList :hover a{
    color: #fff !important;
}
.inbox-checkbox-triggered {
    margin: 3px !important;
}
.navigate {
   display: flex;
    justify-content: space-around;
    margin: auto;
}
.navigate a {
	margin: 0px 4px;
}
@media (min-width:320px) and (max-width:768px) { 
  .form-group-cust {
 	margin-bottom:10px !important;
 	float: left;
    width: 100%;
  }
  .btn-header a {
  	margin-right:10px !important;
  }
  .list-left {
    width: 15% !important;
  }
}
.tabs-left>.nav-pills, .tabs-left>.nav-tabs {
    margin-right: 10px !important;
}
.tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
    background: #1a63a7;
    color :#fff;
}
#reportdet .jarviswidget .widget-body {
	min-height:30px !important;
}

#reportdet .font-md {
    font-size: 100%!important;
}

.inbox-wrap.animated.fast.fadeInRight {
	margin-top: 15px;
}
#one {
	display: block;
	padding-top: 0px;
    margin-top: -7px;
        padding: 0;
}
#trainAside ,#alarmParent {
	display: block;
	padding-top: 0px;
    padding: 0;
}
h2.cust-left.pull-left {
    font-size: 12px !important;
    font-weight: 400;
}
#one .activeList, #one .activeList:hover ,
#trainAside .activeList, #trainAside .activeList:hover,
#alarmParent .activeList, #alarmParent .activeList:hover  {
        background: #2984cc99;
}
#one .activeList a::before ,#trainAside .activeList a::before , #alarmParent .activeList a::before {
	content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -21px;
    font-size: 20px;
    color: #eee;
}
ul#one li a, ul#trainAside li a ,ul#alarmParent li a {
    font-size: 12px;
    padding-left: 65px;
}
.tabs-left .content-right {
	width: 100%;
	margin: 0 !important;
}
#left-panel nav ul ul#one ,#left-panel nav ul ul#trainAside , #left-panel nav ul ul#alarmParent  {
    background-color: #4086d05c !important;
}
nav ul ul li>a {
    padding-left: 52px;
}
nav ul li#staticreportpage.active>a:before {
	content: "" !important; 
}
nav ul li#gmailreportpage.active>a:before ,nav ul li#alarmreportpage.active>a:before , {
	content: "" !important; 
}
nav ul li#gmailreportpage.active>a.main:before,nav ul li#alarmreportpage.active>a.main:before {
    content: "\f0d7" !important;
    display: block;
    position: absolute;
    left: 32px;
    color: #ffff;
    z-index: 9999;
    /* width: 12px; */
    /* height: 20px; */
    font-size: 18px;
}
nav ul li#gmailreportpage.active>a:before ,nav ul li#alarmreportpage.active>a:before {
    content: "\f0d8" !important;
    display: block;
    position: absolute;
    left: 32px;
    color: #ffff;
    z-index: 9999;
    /* width: 12px; */
    /* height: 20px; */
    font-size: 18px;
}

nav ul li#gmailreportpage.active.noarrow>a:before {
    content: "" !important;
}
nav ul li#alarmreportpage.active.noarrow>a:before {
    content: "" !important;
}
nav ul li#staticreportpage.active>a.main:before {
    content: "\f0d7" !important;
    display: block;
    position: absolute;
    left: 32px;
    color: #ffff;
    z-index: 9999;
    /* width: 12px; */
    /* height: 20px; */
    font-size: 18px;
}
nav ul li#staticreportpage.active>a:before {
    content: "\f0d8" !important;
    display: block;
    position: absolute;
    left: 32px;
    color: #ffff;
    z-index: 9999;
    /* width: 12px; */
    /* height: 20px; */
    font-size: 18px;
}
.twotable-View {
	width:40% !important;
	margin: 0 !important;
}
span.fa.fa-refresh.update {
    color: #1a63a7;
    font-size: 18px;
}
.successotp {
	color:#0063a7;
	display:none;
	margin:10px auto;
}

.AlermreportDiv .blinkAlarm {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media (min-width:320px) and (max-width:767px) {
.error-datefrom{
	padding-left: 0px;
}
.btnscroll{
	display:none;
}
.uploadFileMachine {
    padding: 20px 15px 0px;
}
.inbox-data-message>:first-child{
	height: auto;
}
.table-responsive{
	padding: 10px;
}
#carousel-example-generic .carousel-indicators {
		bottom: -17px;
		left: 0;
		margin-left: 0;
		width: 100%;
		
	}
.right-arrow {
	 top: 70px;
	 right: -30px !important;
}
.left-arrow {
	 top: 70px;
	 left: -30px !important;
}

}
.alarmreporttitle{
	padding: 8px 10px !important;
    font-weight: 500;
    font-size: 13px;
    border:1px solid #c3c3c3;
}

label.myLabel input[type="file"] {
    position:absolute;
    top: -1000px;
}

/***** Example custom styling *****/
.fileuploadbox{
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.fileuploadlable {
    position: absolute;
    background-color: #ebebeb;
    padding: 1px 6px;
    border: 1px solid #c1c1c1;
    top: 5px;
    left: 20px;
    pointer-events: none;
}
@-moz-document url-prefix() {
.fileuploadlable {
    position: absolute;
    background-color: #ebebeb;
    padding: 3px 9px;
    border: 1px solid #c1c1c1;
    top: 6px;
    left: 22px;
    pointer-events: none;
}
}
input[type="file"]::-ms-browse {
    background-color: #ffffff00;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.header-report {
	font-size: 16px;
    padding: 0px 10px;
}
.wrapper-trainReport .trainName{
	background: #0063a7;
    padding: 6px 0px;
    margin: 10px auto;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
#trainReportDetail .modal-body {
    padding: 10px;
}
#trainReportDetail  .modal-title {
	font-weight:bold;
}
.image-toView {
	padding: 10px;
    background: #8fcfff;
}
.wrapper-trainReport{
	padding: 14px;
}
h2.train-heading{
	text-align: center;
    background: #1a63a7;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 8px;
    font-size: 16px;
    text-transform: uppercase;
}
input#rollingstock {
    width: 80%;
    margin: auto;
    margin-top: 15px;
}
#update-btn-train button {
	margin-left: 10%; 
}
#trainReportDetail .modal-body {
	background: #8fcfff4a;
}


#carouselTrainReports .carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  transition: all 0.25s ease;
}
#carouselTrainReports .carousel-indicators-numbers li.active,#carouselTrainReports  .carousel-indicators-numbers li:hover {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  background-color: #337ab7;
}
#carouselTrainReports #carousel-example-generic {
    width: 80%;
    margin: auto;
    min-height: 200px;
}
.left-arrow {
	position: absolute;
    top: 85px;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    left: -45px;
}
.right-arrow {
	position: absolute;
    top: 85px;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    right: -45px;
}
#carouselTrainReports ,.reports-image {
	position:relative ;
}
.imgContent img {
    width: 100%;
    margin: 10px auto;
}
.download-Docs .iconforDoc {
    font-size: 15px;
    padding-left: 6px;
}
.downloads-foreach-vpn .download-Docs span {
    color: #1a63a7;
    font-size: 14px;
}
.widget-body.download-items{
    column-count: 5;
}
.downloads-foreach-vpn {
   line-height: 40px;
}
.vpn-user-list .user-list {
	column-count: 3;
}
.vpn-user-list h2,.vpn-activeList h2 {
	margin-top:2px;
	background: #1a63a7;
    color: #ffff;
    padding: 12px;
}
.widget-body.vpn-user-list,.widget-body.vpn-activeList {
	background: #8fcffd26 !important;
	min-height: 205px;
	
}
.active-user-list li {
    padding: 10px 0px;
}
.active-user-list li {
	color: #1a63a7;
	font-size: 16px;
}
.vpn-user-list i,.vpn-activeList i {
	padding-right: 15px;
}
.vpn-user-list .user-list div {
     line-height: 40px;
    font-weight: 500;
    color: #1a63a7;
    font-size: 16px;
}
.custom-row-alarm {
	margin:0px;
}
.custom-row-alarm .input-group {
	display: block !important;
	margin-top:1px;
}
.custom-row-alarm .input-group .btn {
    float: left;
}
 
.custom-row-alarm .legends td {
    padding: 0px 4px;
    color:#000;
    line-height: 25px;
}
.mrg-zero {
    margin-top: 5px !important; 
}
.nopadding {
	padding:0px; 
}
/* .deleteTable .dt-buttons ,.deleteTable .dataTables_filter{
	visibility: hidden;
}
.deleteTable  .table-forscroll {
	border:1px solid #ccc;
}
.deleteTable tbody tr:last-child td {
    border-bottom: 1px solid #CCC !important;
} */
.removeCarousel,.addCarousel {
	margin-left:14px;
}
.homeCarousel {
	font-weight:500;
}


#highchart-tab .nav-tabs li:not(.active) a,#highchart-tab .nav-tabs li:not(.active) {
	color: #333 !important;
	background: #f0f0f0;
	
}
#highchart-tab ul.nav.nav-tabs li {
	margin-right: 0;
}

#highchart-tab  li.active a  , #highchart-tab  li.active {
    background: #1a63a7 !important; 
    color: #ffffff !important;
}

#highchart-tab .dt-buttons {
	visibility:hidden;
	height:1px;
}

/* new css */ 
#logo-group,#logo1  {
	width:100% !important;
}
#logo1 img{
	width:100% !important;
	float:none !important ;
}

@media only screen and (min-width: 320px) and (max-width: 767px){ 
	.widget-body.download-items{
   		 column-count: 2;
	}
	.downloads-foreach-vpn {
   		 padding: 0px !important;
   		 line-height:40px;
	}
	.vpn-user-list .user-list {
		column-count: 3;
	}
	.vpn-user-list .user-list div {
		line-height: 31px;
	}
}
@media only screen and (max-width: 479px) and (min-width: 320px){
	.jarviswidget header h2{
		width: 220px;
    	text-overflow: unset;
    	white-space: unset;
    	overflow: visible;
    }
    .MachineType-tab .nav-tabs>li>a{
    	min-height: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px){
	.image-toView .carousel-indicators {
 	   bottom: 2px !important;
	}
	
	#carouselTrainReports #carousel-example-generic {
	     width: 80%;
  	 	 margin: auto;
   		 min-height: 320px;
	}

}

@media screen and (max-width: 1400px){
	div#reportdet header {
  	 	 min-height: 75px;
	}	
	div#reportdet header .col-xs-12{
		width:100%;
	}
}
@media screen and (min-width: 769px){
	.image-toView .carousel-indicators {
 	   bottom: -48px !important;
	}
	#carouselTrainReports .image-toView {
    	padding: 10px 10px 50px;
	}
	.left-arrow ,.right-arrow {
   		 top: 167px;
	}
	#carouselTrainReports #carousel-example-generic {
	     width: 80%;
  	 	 margin: auto;
   		 min-height: 375px;
	}

}

.outer-div{
	min-height :235px;
	position : relative;
}
.track-img {
    position: absolute;
    bottom: 68px;
    margin-left: 201px;
}
.card-body {
    padding: 20px;
    background-color: #fff;
}
.table-custom {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.table-custom>tbody>tr:nth-of-type(odd) {
    background-color: #f3f2fe;
}
.table-custom td {
    padding: 10px;
    border: 1px solid #e5e5e8;
        font-size: 14px;
}
.legend-indicator {
    width: 35px;
    height: 35px;
    border: 1px solid #aeb2aa;
    margin-left: 300px;
    margin-bottom: 10px;
    position: relative;
}
.legend-indicator.middle, .legend-indicator.bottom {
    width: 25px;
    height: 25px;
}
/* .equipmentText{
	margin-left: 280px;
	font-size: 14px;
} */
.equipmentText {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
.leftRailText{
	margin-left: 270px;
	font-size: 14px;
	margin-bottom: 0px;
}
.rightRailText {
    margin-left: 270px;
    font-size: 14px;
}
.leftRailTextContent
{
	margin-left: 130px;
    position: relative;
    bottom: 7px;
}

.rightRailTextContent1 {
	margin-left: 122px;
	position: relative;
	top: 7px;
}
/* .middle {
    margin-bottom: 59px;
    margin-top: 10px;
} */
.middle {
	margin-top: 10px;
	z-index: 99;
	    margin-bottom: 5px;
}

.clear{
	clear: both;
}
.legend-area{
	padding: 20px;
    border: 1px solid #969796;
    margin-top: 20px;
}
.legend-area li {
    list-style-type: none;
    margin-bottom: 30px;
    display: inline-block;
    padding: 0px;
    width: 19%;
        font-size: 13px;
}
.legend-box {
    width: 25px;
    height: 25px;
    border: 1px solid #9b8f86;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.text-center{
	text-align: center;
}
.mt-0{
	margin-top: 0px;
}
.bg-success{
	background-color: #33b13b;
}
.bg-warning{
	background-color: #fdf400;
}
.bg-critical{
	background-color: #fa8600;
}

.bg-emergency{
	background-color: #e83103;
}
.bg-inactive{
	background-color: #808080;
}
.bg-black{
	background-color: #000000;
}
.bg-failure{
	background-color: #0063a7;
}
.legend-area p{
	font-size:16px;
	margin-bottom: 15px;
	color:#2684ff;
}
.viewtext{
	font-size: 14px;
    margin-left: 260px;
    padding-top: 0px;
    text-decoration: underline;
}
.track-img-bg{
	background-image: url("/resources/img/track.png");
	height:100%;
}
@media (max-width: 767px){
	.legend-area ul{
		padding-left: 0px;
	}
	.track-img {
		max-width: 100%;margin: 0px;    display: none;
	}
	.legend-indicator{
		margin: 0px 56.5%;    margin-bottom: 10px;
		width: 25px;
    	height: 25px;
	}
	.middle {
    	margin-bottom: 45px;
    	margin-top: 30px;
	}
	.viewtext {
    	margin-left: 0px;
    	text-align: center;
	}
	.equipmentText {
    	text-align: center;
   	 	margin-left: 20%;
	}
	.track-img-bg {
    	background-image: url(/resources/img/track.png);
    	height: 253px;
    	width: 100%;
    	position: absolute;
    	background-repeat: no-repeat;
    	background-size: contain;
    	background-position: center;
	}
}

@media (max-width: 320px){
	margin: 0px 55.5%;
}
@media (max-width: 320px) {
	#logo1 img{
		width:100% !important;
	}	
}

.custom-date label{
	padding:7px 0px;
}
.custom-date div{
	padding:0px;
}
.custom-clone div{
	margin-right: 0%;
    margin-left: 0%;
}
.inbox-body .notification-idselector .control-label{
	margin-top:0px;
}
.machine-logo-image
{
	padding-top: 100px;
	display: block;
	margin: 0 auto;
    width: 75%;
}



.chartline{
      
      background: url("../img/chartline.png") no-repeat;
      width: 100% !important;
      height: 22px !important;
          cursor: pointer;
    }
    .full-width
    {
    width:100% !important;;
    }
    .btn-chartline {
        color: #333;
        background-color: transparent !important;
        border-color: #adadad;
        text-align: left;
    }
    .btn-chartline:hover, .btn-chartline:focus, .btn-chartline:active {
        color: #333;
        background-color: transparent !important;
        border-color: #adadad;
    }
    .btn-chartline #selected {
        width: 100%;
        text-align: left;
    }
    .btn-chartline .chartline{
      margin-left: -12px;
    }
    .chartline-menu .noline{
        padding: 0px 12px;
        cursor: pointer;
    }
    .chartline-menu{
    	width: 225px !important;
    }
    .line{
      background-position: 0px 0px;
    }
    .dotted{
      background-position: 0px -19px;
    }
    .dashed{
      background-position: 0px -39px;
    }
    .dashed-md{
      background-position: 0px -59px;
    }
    .dasheddotted {
   background-position: 0px -80px;
}
.dashed-md-dotted {
   background-position: 0px -101px;
}
.dasheddotted-md {
   background-position: 0px -121px;
}
    .btn-chartline #selectededit {
    width: 100%;
    text-align: left;
}