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

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

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

/*Clases adicionadas por WebPOS JCC*/
.top-margin2   { margin-top: 2px; }
.top-margin5   { margin-top: 5px; }
.top-margin10  { margin-top: 10px; }
.top-margin15  { margin-top: 15px; }
.top-margin20  { margin-top: 20px; }
.top-margin30  { margin-top: 30px; }
.top-margin40  { margin-top: 40px; }
.top-margin50  { margin-top: 50px; }
.top-margin60  { margin-top: 60px; }
.top-margin70  { margin-top: 70px; }
.top-margin80  { margin-top: 80px; }
.top-margin90  { margin-top: 90px; }
.top-margin100 { margin-top: 100px; }
.top-margin150 { margin-top: 150px; }

.top-padding2   { padding-top: 2px; }
.top-padding5   { padding-top: 5px; }
.top-padding10  { padding-top: 10px; }
.top-padding15 { padding-top: 15px; }
.top-padding20  { padding-top: 20px; }
.top-padding30 { padding-top: 30px; }
.top-padding40 { padding-top: 40px; }
.top-padding50 { padding-top: 50px; }
.top-padding60 { padding-top: 60px; }
.top-padding70 { padding-top: 70px; }
.top-padding80 { padding-top: 80px; }
.top-padding90 { padding-top: 90px; }
.top-padding100 { padding-top: 100px; }
.top-padding150 { padding-top: 150px; }

.glyphicon-refresh-animate {
    animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
}
.spin {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.noshow {
    display:none;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

.gi-1x {
    font-size: 1.25em;
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.blacklist {
    background-color:black;
    color:white;
}
.btn-blacklist {
    background-color:black;
    color:white;
    
}
.btn-blacklist:hover {
    background-color:black;
    color:white;
    
}

/*Ajax ToolKit Controls*/
.htmleditor {
    width:100%;
    height: 300px;
}
/*GridViews*/
.column-id {
    width:50px;
}

.footer1 {
    padding: 0px;
    height: 50px;
    vertical-align: bottom;
    background-color: #001a33;
    color: white;
}

    .footer1 a {
        font-size: .8em;
        color: white;
    }

        .footer1 a:hover {
            font-size: .8em;
            color: black;
        }

    .footer1 p {
        font-size: .8em;
        color: white;
        text-align: right;
        padding-top: 15px;
    }

 .footer2 {
    padding: 10px;
    height: 200px;
    vertical-align: top;
    background-color: #eeeeee;
 }
 .footer2 p{
    font-size: 21px;
    font-weight: 200;
 }

.imgslide1 {
    width: 500px;
    height: 250px;
    float: right;
    position: relative;
}
.imgslide2 {
    width: 300px;
    height: 300px;
    float: right;
    position: relative;
}
.imgslide3 {
    width: 250px;
    height: 180px;
    float: right;
    position: relative;
}
.imgslide4 {
    width: 250px;
    height: 180px;
    float: right;
    position: relative;
}
.imgslide6 {
    width: 500px;
    height: 250px;
    float: left;
    position: relative;
}
.img-md{
    width: 250px;
    height: 250px;
    float: right;
}
.img-md2{
    width: 225px;
    height: 225px;
    float: right;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
.googletranslate{
    text-align:right;
}

/**Checkbox*/
#MainContent_chkSendToken, #MainContent_chkChangeUsed {
    position: relative;
    cursor: pointer;
    appearance: none;
    width: 80px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #ccc;
    outline: none;
    transition: 0.3s;
}

    #MainContent_chkSendToken::before, #MainContent_chkChangeUsed::before {
        content: "";
        position: absolute;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: #ccc;
        top: 3px;
        left: 4px;
        transition: 0.3s ease-in-out;
    }

    #MainContent_chkSendToken:checked::before, #MainContent_chkChangeUsed:checked::before {
        transform: translateX(37px);
        background: #145ca4;
    }

    #MainContent_chkSendToken:checked, #MainContent_chkChangeUsed:checked {
        border-color: #145ca4;
    }