﻿
/* Body*/
body {
  /*padding-top:50px;*/
}

/* Heights */
.height-22
{
    height:22px !important;
}

.height-24
{
    height:24px !important;
}

.fixed-hegiht-700px {
    min-height:700px;
}

/* Lefts */
.left-0 {
    left:0px !important;
}

/* Margins */
.no-negative-margin {
    margin-left:0px !important;
    margin-right:0px !important;
}

.no-margin-top
{
    margin-top:0px !important;
}

.no-margins-left-right
{
    margin-left:0px !important;
    margin-right:0px !important;
}

.no-margin-bottom
{
    margin-bottom:0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-3 {
    margin-bottom:3px !important;
}

.margin-left-10 {
    margin-left:10px !important;
}

.margin-top-5 {
    margin-top:5px !important; 
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-right-5 {
    margin-right:5px !important;
}

/* Borders */
.no-border-radius {
    border-radius:0px !important;
}

.no-borders {
    border:none !important;
}

/* Paddings */
.paddings-11 {
    padding: 11px !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.no-padding-left-right {
    padding-left:0px !important;
    padding-right:0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.padding-top-10 {
    padding-top:10px !important;
}

.paddings-5 {
    padding:5px !important;
}

.paddings-5-10 {
    padding:5px 10px !important;
}

/* Width */

.width-100-porc {
    width:100% !important;
}

/*Modificando clases de bootstrap*/
.modal-footer
{
    margin-top:0px !important;
    padding: 10px 10px 10px !important; 
}

/* Elementos especificos */
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right:0px !important;
}

/* Estilos Especificos*/

/* Portal personal*/

.contenedor-mensajes {
    height:316px;
    overflow-y:scroll;
}

/* pop ups */
.modal-body-400 {
    height:400px !important;
    overflow-y:auto;
}

/* botones */
.min-padding-button
{
    padding:2px 5px !important;
}


/* Elementos generales */
.clickeable-element {
    cursor:pointer;
}

.elemento-oculto {
    display:none !important;
}

.to-uppercase {
    text-transform:uppercase;
}

.btn-min {
    padding:2px 5px;
}

.text-alert{
    color:#a94442 !important;
}

.text-success {
    color:#3c763d !important;
}

.text-warning {
    color:#8a6d3b !important;
}


.formatos-permitidos {
    font-size:12px;
}

.no-button {
    cursor:default !important;
}

.simply-container-behind-tabs {
    border: solid 1px #dddddd;
    padding:5px;
}

.lista-instrucciones > li {
    margin-bottom: 5px;
}

.simply-border-elegant {
    border: solid 1px #dddddd;
    padding: 2px;
    border-radius: 4px;
}

.simply-border-elegant > li {
    
}

.separator-opt-menu {
    border-right:1px solid #b0b0b0;
}

.input-busqueda:focus {
    outline:0px;
}

.h-inline {
    display: inline-block;
    margin-right: 5px;
}

.link-white {
    color:white !important;
    cursor:pointer !important;
    font-size:medium !important;
}

.scroll-otraining {
    overflow-x:auto;
}

.scroll-otraining::-webkit-scrollbar{
  width: 10px;
  height:10px;
}

.scroll-otraining::-webkit-scrollbar-button{
  width:8px;
  height: 5px;
}

.scroll-otraining::-webkit-scrollbar-track{
  background:#f1f1f1;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius:5px;
  border-radius: 5px;
}

.scroll-otraining::-webkit-scrollbar-thumb{
  background: #428bca;
  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.3);
 
  border-radius: 5px;
  -webkit-border-radius: 5px;
  height:5px;
}

.scroll-otraining::-webkit-scrollbar-thumb:hover {
    background: #3276b1;
}

.scroll-otraining::-webkit-scrollbar-thumb:window-inactive {
  background: #428bca;
}

.scroll-otraining-y {
    overflow-y:scroll;
}

.scroll-otraining-y::-webkit-scrollbar{
  width: 10px;
  height:5px;
}

.scroll-otraining-y::-webkit-scrollbar-button{
  width:8px;
  height: 5px;
}

.scroll-otraining-y::-webkit-scrollbar-track{
  background:#f1f1f1;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius:5px;
  border-radius: 5px;
}

.scroll-otraining-y::-webkit-scrollbar-thumb{
  background: #428bca;
  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  height:5px;
}

.scroll-otraining-y::-webkit-scrollbar-thumb:hover {
    background: #3276b1;
}

.scroll-otraining-y::-webkit-scrollbar-thumb:window-inactive {
  background: #428bca;
}