.ui-button {
	color: #FFF;
	padding: 10px;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

.ui-button:hover, .ui-button:focus {
	color: #FFF;
}

button.btn.btnA, a.btn.btnA {
	margin: 3px;
	padding: 10px;
	min-width: 33px;
}

button.btn.btnA i, a.btn.btnA i {
	max-width: 11px;
}

button.btn.btnA.order {
	margin: 3px;
	padding: 1px;
	min-width: 33px;
	max-height: 16px;
}

#respuestas-modal > .modal-dialog > .modal-content > .modal-header {
	background-color: #e08080;
    color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.btn.btn-warning {
    background-color: #00a5e6;
    border-color: #177fbc;
}

.btn.btn-warning:hover {
    background-color: #177fbc;
    border-color: #177fbc;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
.right-side {
  background-color: #f9f9f9;
  margin-left: 0px;
 }

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.right-side {
  background-color: #f9f9f9;
  margin-left: 0px;
 }

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.right-side {
  background-color: #f9f9f9;
  margin-left: 220px;
 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

.right-side {
	  background-color: #f9f9f9;
	  margin-left: 220px;
	}
 }