 @media only screen and (min-width:992px){
 	.sidebar.h-sidebar .nav-list-admin > li > a {
    	padding: 14px 14px;
	}
	.sidebar.h-sidebar .sidebar-shortcuts {
    padding: 1px 8px 1px;
    
	}
	.no-skin .sidebar.h-sidebar {
    background-color: #424251;
	}
	.no-skin .sidebar {
    	/*background-color: #1B4E6B !important ;*/

	}
	.no-skin .nav-list > li > a {
    	background-color: #424251;
    	color: #ffffff;
	}

	 .no-skin .verticalBar > li > a {
		 background-color: lightgrey;
		 color: #000000;
	 }
	 
	 .no-skin .navbar-nav >li > a {
		 color: #000;
	 }

	 .no-skin .navbar-container .navbar-header .ace-save-state {
		 background-color: lightgrey;
		 color: #000000;
	 }

	 .no-sking .ace-save-state {
		 background-color: lightgrey;
		 color: black;
	 }


 }

 @media only screen and (max-width:667px){
	 .echarts{
		 padding: 0px;
		 height: 300px;
		 width: 100%;
	 }


 }


 .grey-menu{
 	background-color: #cccccc;  
 }
 .no-skin .nav-list > li.active > a{
 	color: #000000;
 }
 .navbar .navbar-nav-admin > li > a, .navbar .navbar-nav-admin > li > a:focus, .navbar .navbar-nav-admin > li > a:hover {
    color: #000 !important;

}

.no-skin .navbar .navbar-toggle, .no-skin .navbar .navbar-toggle:focus, .no-skin .navbar .navbar-toggle:hover {
    background-color: #424251;
}
.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle="collapse"]:not(.collapsed) {
    background-color: #424251;
    box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
    border-color: rgba(255,255,255,.35);
}


.ace-nav-admin > li , .ace-nav-admin > li > a {
	color: #000;
	font-size: 13px;
    color: #000;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    height: auto;
}
.ace-nav-admin > li > a:focus, .ace-nav-admin > li > a:hover{
	background-color: transparent !important;
}
.ace-nav-admin .session-out {
	line-height: 1.2;
	padding-top: .5rem;
	text-align: center;
}
.no-border-table > tbody > tr > td{
	padding: 2px ;
	border-top: 0px !important; 
}

 .no-sking .ace-save-state {
	 background-color: lightgrey;
	 color: black;
 }


 .graphparam {
	 background: repeat-x rgb(247, 247, 247);
	 border: solid 1px #000000;
 }

 .graphparam > h3, h5, h6 {
	 margin: 0;
	 padding: 0;
 }

 .graphparam:hover {
	 background: repeat-x rgb(200, 200, 200);
	 cursor: pointer;
 }

 .echart3D {
	 height: 500px;
	 width: 100%;
 }

 .eCharts-1, .eCharts-2, .eCharts-3, .eCharts-4 {
	 padding: 0px;
	 width: 100%;
	 margin-top: 0px;
 }

 .echartsVerticalSection {
	 padding: 0px;
	 height: 500px;
	 width: 100%;
 }

 .echartsBirdView {
	 padding: 0px;
	 height: 500px;
	 width: 100%;
 }

 .echartsLogVertical {
	 padding: 0px;
	 height: 500px;
	 width: 100%;
 }

 .echartsLogHorizontal {
	 padding: 0px;
	 height: 150px;
	 width: 100%;
 }

 .paramLogHorizontal {
	 padding: 0px;
	 height: 200px;
 }

 .varLogHorizontal {
	 -ms-transform: rotate(-90deg); /* IE 9 */
	 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	 transform: rotate(-90deg);
 }

 .menumovil {
	 display: none;
 }

 .menudesktop {
	 display: inherit;
 }


.md-toolbar-tools {
	background-color: lightgrey;
}

.md-dialog-content {
	background-color: #fcfbe3;
}

.md-dialog-fullscreen {
	background-color: darkgrey;
}

 .md-select-menu-container{
	 background-color: #ffffee;
 }

 .md-datepicker-calendar {
	 background-color: #ffffee;
 }

 .md-calendar-date-disabled {
	 color: rgba(0,0,0,0.435);
 }

 .md-calendar-date-selection-indicator:hover {
	 background-color: darkgrey;
	 /*transition-property: background-color, color;
	 transition-duration: 0s, 0.4s;
	 transition-timing-function: ease, cubic-bezier(0.25, 0.8, 0.25, 1);
	 transition-delay: 0s, 0s;
	 border-radius: 50%;
	 display: inline-block;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;*/
 }



 .dialogdemoBasicUsage #popupContainer {
	 position: relative; }

 .dialogdemoBasicUsage .footer {
	 width: 100%;
	 text-align: center;
	 margin-left: 20px; }

 .dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
	 font-size: 0.8em;
	 margin-top: 50px; }

 .dialogdemoBasicUsage button {
	 width: 200px; }

 .dialogdemoBasicUsage div#status {
	 color: #c60008; }

 .dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
	 margin-bottom: 0; }

@media only screen and (min-width:768px) and (max-width:991px){

.navbar.navbar-collapse .navbar-container {
    background-color: lightgrey !important;
}
}

.lithology-container {
	width: 38px !important;
}

 .lat-lithology-container-img {
	 padding: 0;
	 margin: 0;
 }

 .lat-lithology-plot {
	 float: left;
	 width: 60px;
	 padding: 0;
	 margin: 0;
 }

 .lat-lithology-comments {
	 float: left;
	 width: 100px;
	 padding: 0;
	 margin: 0;
 }

 .lat-lithology-plot-title-container {
	 display: block;
	 border: 1px solid black;
	 min-height: 176px;
	 padding-top: 50px;
	 background: repeat-x rgb(247, 247, 247);
 }

 .lat-lithology-plot-title {
	 font-size: 13px;
	 font-weight: bold;
	 text-align: center;
	 font-style: italic;
	 letter-spacing: 1px;
	 /*min-height: 100px;
     padding-top: 20px;*/
	 -webkit-transform: rotate(-90deg);
	 -moz-transform: rotate(-90deg);
	 -ms-transform: rotate(-90deg);
	 -o-transform: rotate(-90deg);
	 transform: rotate(-90deg);
 }

 .lab-img-container {
	 /*border: 1px solid #e3105c;
     height: 250px;
     width: 250px;*/

	 display: block;
	 width: 100%;
	 text-align: center;
	 border: 1px solid #e3105c;
	 border-radius: 4px;
	 color: #e3105c;
	 font-family: NexaBold;
	 padding-top: 7px;
	 padding-bottom: 7px;
	 min-height: 45px;
 }

 .lab-img-container > img {
	 /*width: 45px;*/
	 height: 45px;
	 /*border-radius: 150px;*/
 }

 .lab-img-container > input[type=file] {
	 display: none;
 }

 .lab-img-container:hover {
	 cursor: pointer;
 }