/*------------- Reset browser differences ------------- */
* {
  padding: 0;
  margin: 0; }

html, body {
  height: 100%;
  width: 100%; }

/* ------------ Body styles ------------ */
body {
  padding-top: 3.5%;
  padding-bottom: 2%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}

@media screen and (max-height: 500px) {
   
}

.tab-content-padding2 {
	padding: 2%;
}

.homeImage {
	width: 50%;
	margin: 30px auto;
}


.divNewItem {
	max-width: 500px;
	margin: 0 auto;
}

#divConfigClasses {
    margin: 70px auto;

}

#divNewUser, #divConfigAssignments {
    margin: 60px auto !important;
 }

#divListUsers {
	width: 90%;
	margin: auto;
}

#divListConsorcios {
	width: 60%;
	margin: auto;
}

#divListClasses, #divAssignmentsList, #divHistory, #divListResults, #divReportsFilter {
	width: 80%;
	margin: auto;
}

#divNewAssignment, {
	width: 60%;
	margin: 70px auto;
}

#divWelcomeImage{
	padding-left: 10%;
	width: 60%;
	margin: auto;
}

#divConfigUsersClasses, #divClassReprog {
	max-width: 500px;
	margin: 30px auto;
}

#divClassTypesSettings, #divSystemSettings {
	max-width: 600px;
	margin: 30px auto;
	overflow: auto;
}

#divClassComments, #divConfirmDelete {
	width: 30%;
	margin: 30px auto;
}

#panelWelcome {
	max-width: 300px;
	margin: 30px auto;
	margin-top: 100px;
}

.paddingSettings {
	padding: 5px;
}

.listItems{
	overflow-x: hidden;
	overflow-y: scroll;
}

.tabs-style {
  border-color: black;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

.display-none{
	display:none;
}

.menu-index {
}

.inner-addon { 
	position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* style icon */
.inner-addon .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align icon */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.colorAlquimia { color: #491450; }

.btn-info:hover, .btn-info:focus {
    background-color: #7c3869;
    background-position: 0 -15px;
}

.buttons {
  top: 0;
  width: 100%;
  padding-right: 10px;
  padding-top: 5px; 
  margin: 10px auto;
}

.alignCenter{
	text-align: center;
}

.bottomDelimiter {
	padding-bottom: 5px;
	border-bottom-style: groove;
	border-bottom-color: cornsilk;
	border-bottom-width: thin;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #7c3869;
}

#welcomeImage {
	height: 80%;
	width: 80%;
}

.input-customized-left {
	width: 40%;
	text-align: left;
}

.left-long {
	width: 50%;
}


.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #000000;
    cursor: default;
    background-color: #d0c7c7;
    border-color: #000000;
}

.input-group {
   margin-top: 5%;
}