/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

#wrapper {
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 50px;
  background: #FFff33;
}
#wrapper2 {
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  
}


#wrapper.toggled_1 {
  padding-left: 230px;
}
#wrapper2.toggled_1 {
  padding-left: 230px;
}

					#wrapper2.toggled_2 {
					  padding-right: 230px;
					}


#sidebar-wrapper_1D {
  z-index: 1000;
  position: fixed;
  left: 230px;
  width: 0;
  height: 50px;
  margin-left: -230px;
  overflow-y: auto;
  background: #3c8dbc;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

					#sidebar-wrapper_2D {
					  z-index: 1000;
					  position: fixed;
					  left: 230px;
					  width: 0;
					  height: 100%;
					  margin-left: -230px;
					  overflow-y: auto;
					  background: #1C2833;
					  -webkit-transition: all 0.5s ease;
					  -moz-transition: all 0.5s ease;
					  -o-transition: all 0.5s ease;
					  transition: all 0.5s ease;
					}
					
								#sidebar-wrapper_2Z {
								  z-index: 1000;
								  position: fixed;
								  right: 230px;
								  width: 0;
								  height: 100%;
								  margin-right: -230px;
								  overflow-y: auto;
								  background: #1C2833;
								  -webkit-transition: all 0.5s ease;
								  -moz-transition: all 0.5s ease;
								  -o-transition: all 0.5s ease;
								  transition: all 0.5s ease;
								}

#wrapper.toggled_1 #sidebar-wrapper_1D {
  width: 230px;
}
#wrapper2.toggled_1 #sidebar-wrapper_2D {
  width: 230px;
}
						#wrapper2.toggled_2 #sidebar-wrapper_2Z {
						  width: 230px;
						}

#page-content-wrapper {
  width: 100%;
  
}
#page-content-wrapper2 {
  width: 100%;
  
}

#wrapper.toggled_1 #page-content-wrapper {
  /* desabilitamos la posicion
	*pero no se prestapara dispositivos pequenos
	position: absolute;   
	*/
  margin-right: -230px;
}
#wrapper2.toggled_1 #page-content-wrapper2 {
  /* desabilitamos la posicion
	*pero no se prestapara dispositivos pequenos
	position: absolute;   
	*/
  margin-right: -230px;
}

					#wrapper2.toggled_2 #page-content-wrapper2 {
					  /* desabilitamos la posicion
						*pero no se prestapara dispositivos pequenos
						position: absolute;   
						*/
					  margin-left: -230px;
					}




.hover333:hover{
	background-color: #3e8e41;
    color: white
}

i.text-white-50:hover{
	color: white
}