body {
    padding-top: 0px;
    padding-bottom: 20px;
}

.body-anonimo {
    padding-top: 0px;
    padding-bottom: 20px;
}

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

.body-content-anonimo {
    padding-top: 5px !important;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}



/*================================================================CUSTOM DEVEXPRESS*/
.CssRoundPanel-Header {
    border-bottom: solid !important;
    border-bottom-color: #286090 !important;
    padding-top: 20px !important;
    color: #0072C6 !important;
    background-color: transparent !important;
    font-size: 23px !important;
    text-align: center;
    width: 100%;
}

.CssRoundPanel-Header-Proveedor {
    border-bottom: solid !important;
    border-bottom-color: #286090 !important;
    padding-top: 1px !important;
    color: #0072C6 !important;
    background-color: transparent !important;
    font-size: 1px !important;
    text-align: center;
    width: 100%;
}

.CssTitulo-Header-Proveedor {
    border-bottom: solid !important;
    border-bottom-color: #286090 !important;
    padding-top: 20px !important;
    color: #0072C6 !important;
    background-color: transparent !important;
    font-size: 20px !important;
    text-align: center;
    width: 90%;
}

.CssRoundPanel-Content {
    border-style: none !important;
    border-bottom: none !important;
}

/*================================================================CUSTOM fonth*/
.text-white {
    color: white;
}

.fonth-title {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 18px;
    color: white;
    padding-left: 0px;
    padding-top: 7px;
}

.fonth-menu {
    font-size: 15px !important;
    font-family: "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
    color: white !important;
    padding-left: 15px !important;
    cursor: pointer;
}

    .fonth-menu:hover {
        font-size: 17px !important;
        color: #c7c7c7 !important;
    }

.fonth-icon {
    font-size: 16px !important;
    color: white !important;
}

    .fonth-icon:hover {
        font-size: 18px !important;
        color: #c7c7c7 !important;
    }

.fonth-icon-angle-right-div {
    padding-top: 10px;
    right: 10px;
}

.fonth-sub-menu {
    font-size: 14px !important;
    font-family: "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
    color: white !important;
}

    .fonth-sub-menu:hover {
        color: #c7c7c7 !important;
    }

.fonth-sub {
    color: #6b625b;
}

.fonth-account-options {
    color: black;
    font-size: 15px;
    padding-top: 10px;
    padding-left: 10px;
}

.fonth-account-options-div {
    font-family: "Roboto Regular", "Helvetica", "Droid Sans", "Tahoma", "Geneva", "sans-serif";
}

.fonth1 {
    color: black !important;
    font-family: Arial !important;
    font-size: 14px !important;
}

.fonth2 {
    color: black !important;
    font-size: 4em;
    font-weight: 300;
}

.fonth3 {
    color: black !important;
    font-weight: bold !important;
    font-family: Arial !important;
    font-size: 20px !important;
}

.fonth4 {
    color: #00a94f !important;
    font-family: Arial !important;
    font-size: 18px !important;
}

.fonth5 {
    color: black !important;
    font-family: Arial !important;
    font-size: 20px !important;
}

.fonth6 {
    color: black !important;
    font-family: Arial !important;
    font-size: 15px !important;
}

.fonth7 {
    color: #0072C6 !important;
    font-family: Arial !important;
    font-size: 17px !important;
    font-weight: bold !important;
}

.fonthRed {
    color: red !important;
}

.fonthFooter {
    color: white !important;
    font-family: "Roboto Regular", "Helvetica", "Droid Sans", "Tahoma", "Geneva", "sans-serif" !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

/*================================================================CUSTOM btndropdown*/
.btndropdown {
    background-color: #00b140 !important;
    color: #ffffff !important;
}

    .btndropdown:hover {
        background-color: #006524 !important;
        color: #ffffff !important;
    }

/*BOTON GENERAL*/
.BotonTypeOne {
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif !important;
    color: white;
    Width: 100px !important;
    Height: 30px !important;
}

    .BotonTypeOne:hover {
        font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif !important;
        color: white;
        Width: 100px !important;
        Height: 30px !important;
    }

/*================================================================MENU_PANEL_BLANK*/
.panel-heading-blank {
    background-color: white !important;
    color: transparent;
    padding: 10px;
    position: fixed;
    height: 50px;
    width: 100%;
}

.main-blank {
    border: transparent !important;
    transition: margin-left .5s;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url("../Image/FondoV2.png");
    background-repeat: no-repeat, repeat;
    background-size: inherit;
    /*opacity: 0.2;*/
}

.panel-default-blank {
    border: transparent !important;
    background-color: transparent !important;
}

.panel-body-blank {
    border: transparent !important;
    border-style: none !important;
    background-color: transparent !important;
    top: 70px !important;
    padding-top: 70px !important;
}

.panel-footer-blank {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #0b263b;
    text-align: center;
}


/*================================================================MENU_PANEL*/
.topPanel {
    padding: 0px 0px 0px !important;
    height: 50px !important;
    width: 100% !important;
}

.leftPanel {
    width: 100%;
    max-width: 152px;
    min-width: 152px !important;
    background-color: #6b625b !important; 
}

/*#272c32|#0069BA===========================================================MENU*/

.bottomPanel {
    padding: 2px 0px 0px !important;
    height: 25px !important;
    width: 100% !important;
    background-color: #6b625b !important;
    border: transparent !important;
    border-style: none !important;
    color: white;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif !important;
}

.bottomPanel-Anonimo {
    padding: 2px 0px 0px !important;
    height: 25px !important;
    width: 100% !important;
    background-color: #286090 !important;
    border: transparent !important;
    border-style: none !important;
    color: white;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif !important;
}


.panel-heading {
    background-color: #6b625b !important;
    color: white;
    padding: 10px;
    position: fixed;
    height: 50px;
    width: 100%;
}

.panel-body {
    border: transparent !important;
    border-style: none !important;
    background-color: transparent !important;
    top: 5px !important;
    padding-top: 5px !important;
    left: 5px !important;
    padding-left: 5px !important;
}

.closebtnLogin {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 10px;
    /*margin-left: 50px;*/
}

@media screen and (max-height: 450px) {
    .panel-left {
        padding-top: 15px;
    }

        .panel-left a {
            font-size: 18px;
        }
}

.menuCustomItem {
    background-color: #6b625b;
    border: none !important;
    color: white !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dxm-popOut, .dxm-spacing, .dxm-separator, .dxm-separator b {
    font-size: 0;
    line-height: 0;
    display: block !important;
    height: 0 !important;
}
/*==============================================================================================================MENSAJES<...*/
.floating_alert {
    font-family: sans-serif;
    text-align: center;
    text-shadow: 1px 1px rgba(203, 203, 203, 0.59);
    border-style: none;
    font-size: 14px;
    background-image: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index: 99999999;
    top: 5%;
    position: absolute;
    position: fixed;
    left: 20%;
    width: 60%;
    vertical-align: middle;
}

/*==============================================================================================================BOTONES<...*/
.BotonGeneral {
    color: #35B86B !important;
    margin-left: 20px !important;
    background: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

    .BotonGeneral:hover {
        margin-left: 20px !important;
        background: #bdbdbd !important;
        cursor: pointer !important;
        display: inline-block !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.ContentButtons {
    text-align: right !important;
}

/*==============================================================================================================CONTROLS<...*/
.texboxReadOnly {
    color: #959595 !important;
}

.imageZoomBox {
    padding: 15px 15px 15px 15px !important;
}

.captionStyle {
    font-size: 14px !important;
    font-weight: bold !important;
    color: black !important;
}

/*==============================================================================================================REPORTS<...*/
.dxrd-preview .dxrd-right-panel-collapse, .dxrd-preview .dxrd-right-panel, .dxrd-preview .dxrd-right-tabs {
    display: none;
    width: 0px !important;
}

.cssClassbtnReturn {
    background-image: url("../Image/Return.png");
    background-repeat: no-repeat, repeat;
}

.cssWebDocumentViewer {
    height: 1300px !important;
}

.noSelect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}