/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
    max-width: 100%;
}

.back-tbl-body
{
    background-color:#E8EAF6;
    border-radius: 4px;
}

.dropdown-menu {
    word-wrap: break-word;
}
.dropdown-item {
    word-wrap: break-word;
}

    ol > li > strong {
        color: #ff6a00;
    }



.sz-50{
    width:50px;
}

.sz-80{
    width:80px;
}

.sz-100{
    width:100px;
}

.sz-150{
    width:150px;
}

.line-1-gray
{
    border-top:1px solid #d8cece;
}

.txt-center
{
    text-align:center;
}

.scroll-autom {
    overflow: auto;
}

#IrArriba {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid;
    font-size: 28px;
    color: white;
    background-color: #337AB7;
    text-align: center;
    vertical-align: middle;
    right: 25px;
    bottom: 50px;
    float: initial;
    overflow: visible;
    z-index: 999;
}


.success
{
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.info
{
        color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.info
{
    color:#ffffff;
        background-color: #1b809e;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.warning
{
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.danger
{
        color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


.btn-secondary2
{
    border: 0px;
}

.jumbotron
{
    background-image: url(../../images/banner3.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    
    color:#ffffff;
}

#jumbotronLogin
{
    position:absolute; top:0px; left:-10px; width:1600px; height:250px; z-index:1;
}

.dvTxt50
{
    width:50%;
}


a:hover, a:focus {
    color: #ff0000;
    text-decoration: underline;
}

.Logo
{
    color: #ffffff;
    text-decoration: none;
    width:300px;
    height:120px;
}

.menu-white
{
    color: #ffffff;
    text-decoration: none;
}

.ddlCombos
{
    height:40px;
    color: #ffffff;
    background-color: #1b809e;

}

.font-xs
{
    font-size: x-small;
}


.font-sm
{
    font-size: small;
}

.font-14
{
    font-size:18px;
}



#RepBuscarArtResult
{
    box-shadow:rgb(128, 128, 128),0px,3px  inset;
}


.list-group-item-success
{
    background-color: #4ca451;
}

.list-group-item-warning
{
    background-color: #d0a327;
}

.list-group-item-danger
{
    background-color: #fb5151;
}

.list-group-item-primary
{
    background-color: #5698d0;
}

.list-group-item-info
{
    background-color: #d8cece;
}

.list-group-item-default
{
    background-color: rgb(128, 128, 128);
}

input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
} 
input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
} 

/*
 * accordin, y panel se usan para seccion de ocultar motrar mas informacion
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}


/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  padding: 12px;
  margin: 15px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px #ccc;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
  box-shadow:rgb(128, 128, 128),0px,3px  inset;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
  
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
  
}
.bs-callout-info h4 {
  color: #1b809e;
}

.bs-callout-success {
  border-left-color: #0c5f0d;
  
}
.bs-callout-success h4 {
  color: #0c5f0d;
}

.bs-callout-primary {
  border-left-color: #072176;
}
.bs-callout-info h4 {
  color: #072176;
}

#spUsuario{
    font-size: 12px;
    color: white;
}
#dropdown > a:hover, a:focus {
    color: #ff0000;
    text-decoration: underline;
}


#dvResultBusqCtes, #MainContent_dvResultBusqCtes {
    position:absolute;
    background-color: #758ee1;
    float:inherit;
    display:none;
    z-index:999;
    width:350px;
    height:70px;
    overflow: hidden;
}

#MainContent_dvResultBusqCtes > textarea {
  width: inherit;
  height:inherit;
  border: 1px solid #eee;
      background-color: #758ee1;

}

.lstBxClientes{
  width: inherit;
  height:inherit;
  border: 1px solid #eee;
      background-color: #758ee1;

}



/*#txtIdCte:hover + #dvResultBusqCtes{
 display:bloc1k;
}

#MainContent_txtIdCte:current + #MainContent_dvResultBusqCtes{
 display:bloc1k;
}*/




.dv-fijo
{
    position:fixed;
    overflow-y:auto;
}

.dvSeperador{
    position:relative;
    padding: 10px 10px;
    float: inherit;
    top:10px;
    left:0px;
    border-top: 1px solid #d8cece;
    width:100%;
    
}

.navbar
{
    background-color:#1b809e;
    border: none;
    color:#eee;
}
.nav-vert
{
    position:fixed;
    float:left;
    left:-20px;
    z-index:1;
}

.nav-vert-opcion
{
    height: 65px;
    width: 75px;
    border: .5px solid #d8cece;
    background-color: #d8cece;
    color: #072176;
    font-size:12px;
    text-align:center;
    vertical-align:central;
    padding: 0px 0px;
    padding-top:10px;
    word-wrap:break-word;
    border-radius:0px;
}
.nav-vert-opcion:hover
{
    background-color: #758ee1;
    color:#ffffff;
}

.login
{
    font-size:20px;
    height:50px;
    width:100%;
}

.imgLogin{
         width:230px; 
         height:240px; 
    }


.box-indicadores{
    background-color:#7fb3c7; 
    height:120px; 
    padding-left:5px; 
    padding-top:5px; 
    border-radius:5px;
    overflow:auto;
}

.box-notificaciones{
    /*background-color:#7fb3c7;*/ 
    height:435px; 
    padding-left:5px; 
    padding-top:5px; 
    border-radius:5px;
    overflow:auto;
}


/* Administrator */

.Admin-Secc{
      background: url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
      padding: 30px 15px 30px 15px;
      border: 0px solid #eee;
      margin:0 auto;
      min-height: 250px;
      width: 1024px;
      font-family: Verdana;
      font-size:13px;
      font-style: oblique;
      color: #3a87ad;
}
.Admin-Secc > .Admin-Secc-Title
{
    float:left;
    border-bottom: 2px solid #1b809e;
    min-width: 900px;
    font-family: Verdana;
    font-size:22px;
    font-style: oblique;
    color: #1b809e;
    
}
.Admin-Secc > .Admin-Secc-Cont{
    
    /*float:left;*/
    display:inline-block;
    padding: 0px,10px,0px,0px;
    border: 1px solid #eee;
    margin:0 auto;
    min-height: 200px;
    min-width: 180px;
    max-width: 220px;
    font-family: Verdana;
    font-size:13px;
    font-style: unset;
    color: #3a87ad;
    box-shadow: 0px,0px,3px,3px rgb(128, 128, 128);
}

/* Administrator fin */

.Left-32 {
    padding-left: 32px;
}


@media print {
    .no-print, .no-print * 
    { 
        display: none !important; 
    } 
} 


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    #jumbotronLogin
{
    position:absolute; top:0px; left:-10px; width:1600px; height:200px; z-index:1;
}

    .body-content {
        padding: 0;
    }

    .Left-32 {
        padding-left: 15px;
    }
}


@media screen and (max-width: 450px) {
    .jumbotron {
        margin-top: 20px;
    }

       #jumbotronLogin
{
    position:absolute; top:0px; left:-10px; width:450px; height:150px; z-index:1;
}

    .body-content {
        padding: 0;
        padding-right:0;
    }

    .imgLogin{
        display:none;
        visibility:hidden;
         
    }
    .dvMenuBreadcrumb
    {
        display:none;
        visibility:hidden;
        
    }
    .dvIndicadores
    {
        min-width:370px;
    }

    td, th, tr
    {
        font-size:18px;
    }


    .Left-32 {
        padding-left: 15px;
    }
}