/* Minification failed. Returning unminified contents.
(405,23): run-time error CSS1036: Expected expression, found '$'
(412,23): run-time error CSS1036: Expected expression, found '$'
(419,23): run-time error CSS1036: Expected expression, found '$'
 */
.DarkGradient
{

    background: #968f7c; /* Old browsers */
    background: -moz-linear-gradient(top,  #968f7c 1%, #797361 5%, #575043 95%, #847b6e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#968f7c), color-stop(5%,#797361), color-stop(95%,#575043), color-stop(100%,#847b6e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #968f7c 1%,#797361 5%,#575043 95%,#847b6e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #968f7c 1%,#797361 5%,#575043 95%,#847b6e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #968f7c 1%,#797361 5%,#575043 95%,#847b6e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #968f7c 1%,#797361 5%,#575043 95%,#847b6e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#968f7c', endColorstr='#575043',GradientType=0 ); /* IE6-9 */
}

.TerracotaGradient
{
    background: #e16f58; /* Old browsers */
    background: -moz-linear-gradient(top,  #e16f58 0%, #c95526 37%, #ba3c01 39%, #b94d0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e16f58), color-stop(37%,#c95526), color-stop(39%,#ba3c01), color-stop(100%,#b94d0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16f58', endColorstr='#b94d0a',GradientType=0 ); /* IE6-9 */
}

.YellowGradient
{
    background: #fffffc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fffffc 0%, #fcf5c7 2%, #f2dd62 44%, #f4bf2f 45%, #f8e05b 96%, #fcf5c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffc), color-stop(2%,#fcf5c7), color-stop(44%,#f2dd62), color-stop(45%,#f4bf2f), color-stop(96%,#f8e05b), color-stop(100%,#fcf5c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5c7', endColorstr='#f8e05b',GradientType=0 ); /* IE6-9 */
}
/* DEFAULTS
----------------------------------------------------------*/

html, body, #body2 {
    min-height: 100vh !important;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #edeceb;
    color: #333333;
}

body form {
    min-height: 100vh;
    padding: 0;
    margin: 0;
}

body, button, input, textarea {
    font: 12px arial,sans-serif;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


span[data-val-errormessage] {
    font-weight: bolder !important;
    font-size: 13pt !important;
}


/* BOTONES
----------------------------------------------------------*/
.abismoCommandButton {
    width: 16px;
    height: 16px;
}

/*.RadButton.rbButton.rbIconOnly {
    padding: 2px 4px 7px 8px !important;
}*/
.RadButton.rbButton.rbIconOnly {
    padding: 6px 6px 6px 10px !important;
}
.btnJose {
    z-index: 19000 !important;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
    font-weight: 600;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* NOTIFICATION MESSAGE 
----------------------------------------------------------*/
.message {
    padding: 6px 5px 6px 25px !important;
    border-radius: 4px;
    font-weight: normal !important;
    margin-bottom: 4px !important;
    cursor: default;
    font-size: 100%;
}

.info {
    background: url("/Styles/images/info.png") no-repeat 5px 50% rgb(229, 236, 249);
    border: 1px solid rgb(170, 198, 232);
    color: rgb(0, 85, 181) !important;
}

.error {
    background: url("/Styles/images/error.png") no-repeat 5px 50% rgb(249, 229, 230);
    border: 1px solid rgb(232, 170, 173);
    color: rgb(181, 0, 7) !important;
}

.notice {
    background: url("/Styles/images/notice.png") no-repeat 5px 50% rgb(249, 249, 229);
    border: 1px solid rgb(232, 227, 170);
    color: rgb(130, 132, 0) !important;
}

.success {
    background: url("/Styles/images/success.png") no-repeat 5px 50% rgb(233, 249, 229);
    border: 1px solid rgb(180, 232, 170);
    color: rgb(28, 132, 0) !important;
}

.failureNotification {
    padding: 3px 5px 3px 25px !important;
    border-radius: 4px;
    font-weight: normal !important;
    margin-bottom: 4px !important;
    cursor: default;
    font-size: 100%;
    background: url("/Styles/images/error.png") no-repeat 12px 50% rgb(249, 229, 230);
    border: 1px solid rgb(232, 170, 173);
    color: rgb(181, 0, 7) !important;
}

    .failureNotification ul {
        margin-top: 1px;
        margin-bottom: 1px;
        padding-left: 29px;
    }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    padding: 0;
    min-height: 100vh;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
    border: 1px solid #c4bdb2;
}

.headerLogo {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: #ffffff;
    border: none;
}

    .headerLogo img {
        color: #ffffff;
        border: none;
    }

.main {
    padding: 0px 12px;
    margin: 0px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px !important;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    background-color: none;
}

#MainContent_sslLogo table {
    margin: auto;
}


/* TAB MENU   
----------------------------------------------------------*/

.icon {
    border: none !important;
    vertical-align: top;
}

div.MenuBackground {
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #dcdcdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dcdcdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#dcdcdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#dcdcdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#dcdcdf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#dcdcdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdf',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    color: #555555 !important;
    background-color: #E0E0E0 !important;
}

    div.MenuBackground .t-col {
        margin: 0;
        padding: 0;
    }

/*div 
{
    padding: 0px 0px 0px 8px;

}*/

.MenuBarraDecor {
    height: 7px;
    border: 0px;
    margin-right: 0px;
}

.menu .rmItem {
    /*padding-top: 4px !important;
    padding-bottom: 2px !important;*/
    cursor: pointer !important;
}

.menu .rmRootGroup.rmHorizontal {
    height: 33px;
}

.menu .rmVertical .rmLast {
    padding-bottom: 4px !important;
}


.menu .rmLink {
    background-image: none !important;
    cursor: pointer !important;
    /*padding: 8px 10px !important;*/
}

.menu .rmRootGroup .rmRootLink {
    padding: 8px 10px !important;
}

    .menu .rmRootGroup .rmRootLink.rmImageOnly {
        padding: 5px 10px 4px 10px !important;
    }

/*.rmText {

}*/

.menu .rmHorizontal {
    border: none !Important;
}

.menu .rmVertical {
    border: solid 1px #aaa !important;
}

    .menu .rmVertical .rmItem {
        background-color: #f4f4f4 !important;
    }

        .menu .rmVertical .rmItem span.rmLink {
            /*padding-top:10px;
    padding-bottom:10px;*/
            line-height: 1.98em;
        }

.menu .rmRootGroup .rmImage, .RadMenu .rmRootGroup .rmLeftImage {
    margin: auto !important;
}

div.menu ul {
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
    /*width: auto !important;*/
}

    div.menu ul li a, div.menu ul li a:visited {
        color: #465c60 !important;
        display: block !important;
        line-height: 1.98em !important;
        /* padding: 4px 20px !important; */
        text-decoration: none !important;
        white-space: nowrap !important;
    }


        div.menu ul li a span:hover _DEPRECATED {
            /*background-color: #e3d39a;/*#bfcbd6;*/
            color: #465c60 !important;
            text-decoration: none !important;
            background: #fffffc !important; /* Old browsers */
            background: -moz-linear-gradient(top, #fffffc 0%, #fcf5c7 2%, #f2dd62 44%, #f4bf2f 45%, #f8e05b 96%, #fcf5c7 100%) !important; /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffc), color-stop(2%,#fcf5c7), color-stop(44%,#f2dd62), color-stop(45%,#f4bf2f), color-stop(96%,#f8e05b), color-stop(100%,#fcf5c7)) !important; /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%) !important; /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%) !important; /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%) !important; /* IE10+ */
            background: linear-gradient(to bottom, #fffffc 0%,#fcf5c7 2%,#f2dd62 44%,#f4bf2f 45%,#f8e05b 96%,#fcf5c7 100%) !important; /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5c7', endColorstr='#f8e05b',GradientType=0 ) !important; /* IE6-9 */
        }

        div.menu ul li a:active _DEPRECATED {
            background-color: #e89c19 !important;
            color: #cfdbe6 !important;
            text-decoration: none !important;
            border: 1px solid #fcf5c7 !important;
            background: #e16f58 !important; /* Old browsers */
            background: -moz-linear-gradient(top, #e16f58 0%, #c95526 37%, #ba3c01 39%, #b94d0a 100%) !important; /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e16f58), color-stop(37%,#c95526), color-stop(39%,#ba3c01), color-stop(100%,#b94d0a)) !important; /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%) !important; /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%) !important; /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%) !important; /* IE10+ */
            background: linear-gradient(to bottom, #e16f58 0%,#c95526 37%,#ba3c01 39%,#b94d0a 100%) !important; /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16f58', endColorstr='#b94d0a',GradientType=0 ) !important; /* IE6-9 */
        }

ul.rmLevel2 {
    background-color: $accent-grey;
    color: #465c60;
    border: 1px solid #aaa;
    z-index: 7500 !important;
}

ul.rmLevel3 {
    background-color: $accent-grey;
    color: #465c60;
    border: 1px solid #aaa;
    z-index: 7500 !important;
}

ul.rmLevel4 {
    background-color: $accent-grey;
    color: #465c60;
    border: 1px solid #aaa;
    z-index: 7500 !important;
}



.dynamic.aspNetDisabled {
    display: none !important;
    z-index: 7500 !important;
}

.static.aspNetDisabled {
    display: none !important;
    z-index: 7500 !important;
}


div#ActivoMenu {
    background-color: #b66242;
    border: 1px solid #822816;
    border-left: none;
    height: 26px;
    padding-left: 10px;
    position:relative;
    z-index:10 !important;
}

#currentActivo {
    margin-bottom: 7px !important;
}

    #currentActivo h2 {
        font-size: 16pt;
    }
/* REPORTES    
----------------------------------------------------------*/

.tdMainTable {
    vertical-align: top;
}

.reportLeftTd {
    width: 30%;
}

.reportRightTd {
    width: 70%;
}

.ReportLabel {
    width: 200px;
}

.ReportRadio {
    width: 20px;
}

.ReportControl {
    width: 350px;
}

.ReportValidator {
    text-align: left;
}

.ReportTable {
    width: 99%;
}

.tdMainTable .RadTreeView {
    margin-right: 60px;
}
/* FORM ELEMENTS   
----------------------------------------------------------*/

.t-container .t-col.key {
    background-color: #eae5d8;
    padding-top: 8px;
}

.DataFormTable {
    vertical-align: middle !important;
    border-spacing: 3px !important;
}

    .DataFormTable tbody tr td {
        padding-right: 8px;
        vertical-align: middle !important;
    }

    .DataFormTable td.key {
        vertical-align: middle !important;
        padding-right: 3px !important;
        padding-left: 12px;
        padding-top: 4px;
        background-color: #eae5d8;
        border-radius: 5px 0px 0px 5px;
    }

fieldset {
    margin: 0.5em 0px;
    padding: 0.5em 1em 0.5em 1em;
    border: 1px solid #ccc;
}

.preventivoLegends fieldset {
    padding: 2px 4px 2px !important;
    margin: 8px 4px 8px 4px !important;
}


/*fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}*/

fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 0px 4px 0px 4px;
}

div.accountInfo {
    width: 90%;
}

    div.accountInfo fieldset.login div.control {
        margin: 2px 12px 10px 10px;
    }


.DataFormTableOt td.key {
    font-size: larger !important;
}


div.login-combo-item-template {
    padding: 8px 6px 8px 6px;
}

    div.login-combo-item-template:hover {
        background-color: #fff6b0 !important;
    }

    div.login-combo-item-template img {
        margin-right: 8px;
    }



/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.headerPageLayout .title {
    display: block;
    float: left;
    text-align: left;
    height: 54px;
}

.loginTitle {
    height: 40px;
}

    .loginTitle h2 {
        margin-top: 0px;
        padding-top: 8px;
        color: #DDD;
        padding-left: 22px;
    }

.loginContent {
    padding-left: 32px;
}

fieldset.login {
    background-color: #f8f5ef;
}

.loginMessage {
    margin-top: 2%;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.loginCenterBox {
    margin-top: 4%;
    width: 100%;
    border: 1px solid #999;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

@media only screen and (min-width: 450px) {
    .loginCenterBox {
        margin-top: 8%;
        width: 400px;
        border: 1px solid #999;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: #333333;
}

.loginNameDisplay {
    display: block;
    float: right;
    margin-right: 8px;
    margin-left: 8px;
}

#divLoggedIn {
    padding-top: 5px;
}

    #divLoggedIn .loginNameDisplay .bold {
        display: inline-block;
    }

.loginLogoDisplay {
    display: block;
    float: right;
}


.loginDisplay a:link {
    color: #333333;
}

.loginDisplay a:visited {
    color: #333333;
}

.loginDisplay a:hover {
    color: #333333;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
}

.pageTitle {
    border-bottom: 1px solid #888;
    margin-bottom: 10px;
}

.pageSubTitle {
    margin-top: -10px;
    margin-bottom: 20px;
}


.RadGrid_Sunset .rgEditForm {
    background-color: #f1eee7 !important;
}

.MainContainer {
    padding-top: 1px;
    padding-left: 6px;
}

.docksWindow {
    z-index: 100 !important;
    position: fixed !important;
    width: 410px;
    top: 120px;
    left: auto;
    right: 14px;
    background: #edeceb;
    border-radius: 3px;
    border: 3px solid rgb(170, 170, 170);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    display: none;
}


/*******************
        WINDOWS
************************/
.windowModal {
    background: rgb(0, 0, 0);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    filter: alpha(opacity=20) !important;
    position: fixed;
    z-index: 8500;
    opacity: 0.2;
}

.window {
    z-index: 19000 !important;
    position: fixed !important;
    margin-left: auto;
    margin-right: auto;
    background: rgb(252, 252, 252);
    border-radius: 3px;
    border: 3px solid rgb(170, 170, 170);
    display: none;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    padding-bottom: 8px;
}

    .window fieldset {
        margin-left: 8px;
        margin-right: 8px;
    }

    .window .pageTitle {
        margin-left: 8px;
        margin-right: 8px;
    }

    .window h1 {
        margin-left: 12px;
        margin-right: 8px;
    }

.bigAuto {
    /*left: 50%; top: 45%; width: 990px; height: 550px; margin-top: -253px; margin-left: -498px;*/
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
}

.bigPreventivo {
    left: 50%;
    top: 45%;
    width: 1190px;
    height: 560px;
    margin-top: -253px;
    margin-left: -598px;
}


.busquedaArticulos {
    left: 50%;
    top: 50%;
    width: 1280px;
    height: auto;
    margin-top: -350px;
    margin-left: -640px;
}

@media screen and (max-width: 1280px) {
    .busquedaArticulos {
        left: 0%;
        top: 0%;
        width: 100%;
        height: 700px;
        margin-top: auto;
        margin-left: auto;
    }
}

.big {
    left: 50%;
    top: 45%;
    width: 990px;
    height: 550px;
    margin-top: -253px;
    margin-left: -498px;
}

.medium {
    left: 50%;
    top: 45%;
    width: 600px;
    height: 350px;
    margin-top: -175px;
    margin-left: -300px;
}

.small {
    left: 50%;
    top: 45%;
    width: 350px;
    height: 120px;
    margin-top: -55px;
    margin-left: -175px;
}

/*.windowTitle
{
    
}*/



/* ICONOS PERSONALIZADOS DEL COMMAND NAME */

.rbCloseLine {
    background-image: url('/Styles/images/keySmall.png') !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
    background-repeat: no-repeat;
}

.rbRemoveIcon {
    background-position: 0px 0px;
    background-image: url('/Styles/images/trash-white.png') !important;
    background-repeat: no-repeat;
}

.rbCenterIcon {
    /* tenemos varias opciones, 1ra, poner los botones mas peque;os, pero me parece que estan MUY pequenios.
    Creo que es mejor, ponerlos algo mas grandes, un par de pixeles mas.
*/
    /*top:5px !important;
    left:5px !important;*/
    background-position: 0px 0px;
}


/******************************************
          Diagrama preventivo        
*******************************************/

.table-container {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.rightTable tr, .leftTable tr {
    height: 30px !important;
}

    .rightTable tr td {
        min-width: 38px;
    }

.divDiagramaMain {
    overflow-x: auto !important;
    width: 100%;
}

/*td.fixedColumns {

}

td.Pad.fixedColumns {
}

td.dayPad.fixedColumns {
 
}*/


/*table.diagramaPrev tr {

}*/
table.diagramaPrev td {
    vertical-align: middle !important;
}

table.diagramaPrev tr.years td.year {
    background-color: lightblue;
    font-weight: bold;
    text-align: center;
    font-size: large;
}

table.diagramaPrev tr.months {
    text-align: center;
}

table.diagramaPrev tr.months, table.diagramaPrev tr.year, table.diagramaPrev tr.days {
    height: 26px;
}



table.diagramaPrev tr.footerRow td.Pad {
    background-color: lightblue;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

table.diagramaPrev tr.footerRow td {
    text-align: center;
}

    table.diagramaPrev tr.footerRow td.odd {
        background-color: rgb(238, 227, 203);
    }

    table.diagramaPrev tr.footerRow td.even {
        background-color: rgb(207, 238, 247);
    }


table.diagramaPrev tr.days {
    text-align: center;
}

    table.diagramaPrev tr.days td.dayPad {
        text-align: center;
        background-color: lightblue;
        font-weight: bold;
        min-width: 240px;
    }

    table.diagramaPrev tr.days td.dayPadCheck {
        text-align: center;
        background-color: lightblue;
        width: 20px;
    }


table.diagramaPrev tr.dataRow td {
    text-align: center;
    border-bottom: 1px solid #CCC !important;
}

table.diagramaPrev tr.months td.even {
    background-color: #f5ccc4;
}

table.diagramaPrev tr.months td.odd {
    background-color: rgb(225, 237, 195);
}


table.diagramaPrev tr.days td.odd {
    background-color: rgb(238, 227, 203);
}

table.diagramaPrev tr.days td.even {
    background-color: rgb(207, 238, 247);
}


table.diagramaPrev td.data {
    font-size: smaller !important;
    width: 120px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.diagramaPrev td.rangoFechasEntre {
    background: url('/Styles/images/DiagramaPreventivoSeleccion.png') -20px 5px;
    background-repeat: no-repeat;
}

table.diagramaPrev td.rangoFechasInicio {
    background: url('/Styles/images/DiagramaPreventivoSeleccion.png') 0px 5px;
    background-repeat: no-repeat;
}

table.diagramaPrev td.rangoFechasFin {
    background: url('/Styles/images/DiagramaPreventivoSeleccion.png') -120px 5px;
    background-repeat: no-repeat;
}

table.diagramaPrev td.rangoFechasDiaUnico {
    background: none; /*url('/Styles/images/DiagramaPreventivoSeleccion.png') 100px 0px; */
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 5px;
}



table.diagramaPrev td.data span {
    padding: 0 5px !important;
}

    table.diagramaPrev td.data span input {
        font-size: smaller !important;
    }

.rowSelected td {
    background-color: rgb(156, 223, 240);
    font-weight: bold;
}

table.diagramaPrev td.data.odd {
    background-color: rgb(241, 229, 198);
}

table.diagramaPrev td.data.even {
    background-color: rgb(198, 230, 238);
}

table.diagramaPrev .details td.data.odd {
    background-color: rgb(241, 235, 221);
}

table.diagramaPrev .details td.data.even {
    background-color: rgb(219, 235, 239);
}



table.diagramaPrev div.diagramaItem {
    height: 15px;
    border-radius: 4px;
    margin: 1px;
    padding: 5px 5px 1px 5px;
    cursor: pointer;
    position: absolute;
    margin-top: -11px;
    z-index: 9999;
}

    table.diagramaPrev div.diagramaItem.diagramaItemUnidades {
        background-color: rgb(235, 193, 188);
        border: 1px solid rgb(230, 140, 125);
    }

    table.diagramaPrev div.diagramaItem.diagramaItemDias {
        background-color: rgb(235, 217, 188);
        border: 1px solid rgb(230, 200, 125);
    }

    table.diagramaPrev div.diagramaItem.diagramaItemUnidades.SelectedItem {
        background-color: rgb(177, 210, 231);
        border: 1px solid rgb(93, 171, 189);
    }

    table.diagramaPrev div.diagramaItem.diagramaItemDias.SelectedItem {
        background-color: rgb(188, 235, 193);
        border: 1px solid rgb(125, 230, 185);
    }

    table.diagramaPrev div.diagramaItem.dragging {
        position: absolute;
        z-index: 99999999;
    }

table.diagramaPrev tr.activoDataRow td {
    border-bottom: 1px solid rgb(150, 155, 163);
}

table.diagramaPrev tr.details td {
    border-bottom: 1px solid rgb(171, 177, 190) !important;
    background-color: #dee5e9;
}

table.diagramaPrev tr.activoDataRow td.nombreIntervencion {
    min-width: 240px;
}


/*
        TREE 
*/

#treeMinButton {
    width: 7px;
    height: 22px;
    overflow: hidden;
    cursor: pointer;
    margin-left: auto;
    margin-right: -13px;
    position: relative;
    top: 90px;
    background-image: url('/Styles/images/ImageSprite.png');
}

html .rtTemplate {
    display: inline-block;
    vertical-align: middle;
}

.close {
    background-position: -1459px -3px;
}

.open {
    background-position: -1475px -3px;
}

#NavMinButton {
    width: 30px;
    height: 7px;
    overflow: hidden;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0px;
    position: relative;
    top: 0px;
    background-image: url('/Styles/images/MinMax.png');
}

.closeHor {
    background-position: 0px -4px;
}

.openHor {
    background-position: 0px -20px;
}




.tocResize {
    width: 7px;
    height: 22px;
    overflow: hidden;
    cursor: pointer;
    left: 0px;
    position: absolute;
    top: 184px;
}

    .tocResize img {
        border: none;
        position: relative;
    }

.cl_nav_resize_open {
    top: -3px;
    left: -1475px;
}

.cl_nav_resize_close {
    top: -3px;
    left: -1459px;
}

table#mainPageTable {
    width: 100%;
    margin-left: -12px;
}

    table#mainPageTable > tbody > tr {
        border: none;
        padding: 0;
        margin: 0;
    }

        table#mainPageTable > tbody > tr > td {
            border: none;
            padding: 0;
            margin: 0;
            vertical-align: top;
        }

    table#mainPageTable > #leftMenu {
        border-right-color: #CCCCCC;
        border-right-style: solid;
        border-right-width: 1px;
        padding-right: 5px;
    }

    table#mainPageTable > .centradoV {
        vertical-align: middle !important
    }

div#ubicacionSelection {
    padding-right: 3px;
    padding-top: 5px;
    padding-left: 0px;
}


/*.centrarGridPopup {

    top: 30px !important;
    left:auto !important;
    right: auto !important;
    margin-top: auto !important; 
    margin-left:auto   !important;
    margin-right:auto !important;
    
    position:absolute !important;
    
}*/

/*
    ACTIVOS
*/


.deleteImageButton {
    position: relative;
    margin-left: auto;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    top: auto;
    bottom: 23px;
}

.assetCaracteristicaKey {
    width: 130px !important;
    font-size:9px !important;
}
.assetCaracteristicaKey2 {
    width: 130px !important;
    font-size: 12px !important;
}

.listItem {
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
    float: left;
    /*width:330px;*/
}

.UserFabricasPanel {
    width: 100%;
}

/*
    ARBOL ACTIVOS
*/
div.seleccionarPadre {
    background: #b0d3ee !important; /* Old browsers */
    background: -moz-linear-gradient(top, #b0d3ee 16%, #4a78ae 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#b0d3ee), color-stop(100%,#4a78ae)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b0d3ee 16%,#4a78ae 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b0d3ee 16%,#4a78ae 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b0d3ee 16%,#4a78ae 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #b0d3ee 16%,#4a78ae 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d3ee', endColorstr='#4a78ae',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #5591da !important;
}

/* PLAN PRODUCCION */
.rsContent {
    overflow-y: auto !important;
}

.rsDayView {
    height: 500px !important;
}

.rsAllDayTable {
    height: 600px !important;
}

.rsAptOut {
    min-height: 30px !important;
}

.rsWrap {
    min-height: 32px !important;
}

.rsRow {
    min-height: 96px !important;
}

.radioButtonsPlan label {
    width: 150px !important;
    text-align: left !important;
    margin-left: 5px !important;
}

.radioButtonsPlan input {
    margin-top: 5px !important;
}

.Disabled {
    background: #e08e81 !important;
    cursor: not-allowed;
}
/*.Disabled.rsAptCreate {
    
    background: #e08e81 !important;
  
}
          */

.reTool .InsertUserImage {
    background-image: url(/Styles/images/EditPencil-white.png) !important;
}

.leyendaItem {
    float: left;
    padding: 2px 5px 2px 25px;
    border-radius: 5px;
    font-weight: normal !important;
    margin-bottom: 4px;
    position: relative;
    cursor: default;
}

.leyendaCuadroColor {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
    margin-top: -2px;
    margin-bottom: 2px;
    border: 1px solid #909090;
}

div.leyendaGrid {
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    div.leyendaGrid {
        height: 34px;
        margin-top: 10px;
    }
}

.appointmentImage {
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    padding-right: 4px !important;
}

.NoFunciona .appointmentImage {
    background-image: url('/Styles/images/x.gif') !important;
}

.WorkOrder .appointmentImage {
    background-image: url('/Styles/images/Contract_small.png') !important;
}

.WorkOrder .rsAptContent {
    background: none !important;
    background-color: #8fd0e2 !important;
    background-image: url('/Styles/images/Appointment_LightBlue.png') !important;
    border-color: #669dd3 !important;
}

.WorkOrder .rsAptIn {
    border-color: #669dd3 !important;
}

.WorkOrder .rsAptMid {
    border-color: #669dd3 !important;
}


/********************************** 
    PUNTUALES
*************************************/

#divBtnShowTranslateForm {
    position: fixed;
    z-index: 9999999999;
    top: auto;
    left: 0px;
    right: auto;
    bottom: 0px;
}

.RadTreeList .rtlView {
    background-image: url('/Styles/images/mini_icon_view.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

.RadGrid .rtlView {
    background-image: url('/Styles/images/mini_icon_view.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}
.RadGrid .rtlUrgente {
    background-image: url('/Styles/images/ErrorTriangle.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

/*********************************************
      LIST VIEW REPUESTOS
      
  ***********************************************/
.tdListViewRepuestos {
    text-align: center !important;
    margin-left: 10px !important;
}

/*********************************************
      VENTANA OTS
      
  ***********************************************/
.Literal .ltOts {
    font-size: medium;
}
/*********************************************
      VENTANA HISTORICO OTS
      
  ***********************************************/
.ltHistoricoOts td {
    font-size: x-small !important;
}

.ltHistoricoOts tr.rlvI td span {
    font-size: x-small !important;
}



/**********************************************
                   RIBONS
***********************************************/

.ribbon {
    width: 400px;
    position: absolute;
    text-align: center;
    font-size: 17px !important;
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    font-family: 'Helvetica Neue',Helvetica, sans-serif !important;
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Opera, Chrome, and Safari */
    z-index: 100;
}

    .ribbon.blue {
        background: #67a3ec;
        background: -webkit-gradient(linear, left top, left bottom, from(#67a3ec), to(#3558b5));
        background: -webkit-linear-gradient(top, #67a3ec, #3558b5);
        background: -moz-linear-gradient(top, #67a3ec, #3558b5);
        background: -ms-linear-gradient(top, #67a3ec, #3558b5);
        background: -o-linear-gradient(top, #67a3ec, #3558b5);
        background-image: -ms-linear-gradient(top, #67a3ec 0%, #3558b5 100%);
    }

    .ribbon.green {
        background: #a7ec67;
        background: #35b536;
        background: -webkit-gradient(linear, left top, left bottom, from(#a7ec67), to(#35b536));
        background: -webkit-linear-gradient(top, #a7ec67, #35b536);
        background: -moz-linear-gradient(top, #a7ec67, #35b536);
        background: -ms-linear-gradient(top, #a7ec67, #35b536);
        background: -o-linear-gradient(top, #a7ec67, #35b536);
        background-image: -ms-linear-gradient(top, #a7ec67 0%, #35b536 100%);
    }


    .ribbon.red {
        background: #ec6767;
        background: #b53535;
        background: -webkit-gradient(linear, left top, left bottom, from(#ec6767), to(#b53535));
        background: -webkit-linear-gradient(top, #ec6767, #b53535);
        background: -moz-linear-gradient(top, #ec6767, #b53535);
        background: -ms-linear-gradient(top, #ec6767, #b53535);
        background: -o-linear-gradient(top, #ec6767, #b53535);
        background-image: -ms-linear-gradient(top, #ec6767 0%, #b53535 100%);
    }

    .ribbon h1 {
        font-size: 20px !important;
        margin: 0px !important;
        padding: 5px 5px;
    }

    .ribbon.green h1 {
        color: #0b6319;
        text-shadow: #63ab64 0 1px 0;
    }

    .ribbon.blue h1 {
        color: #113470;
        text-shadow: #6379ab 0 1px 0;
    }

    .ribbon.red h1 {
        color: #701a11;
        text-shadow: #6379ab 0 1px 0;
    }

.ribbon-stitches-top {
    margin-top: 2px;
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}

.ribbon-stitches-bottom {
    margin-bottom: 2px;
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}
/**********************************************
                   BIG FORMS
***********************************************/
.DataFormTableBigForm {
    vertical-align: middle !important;
    border-spacing: 3px !important;
}

    .DataFormTableBigForm tbody tr td {
        padding-right: 8px;
        vertical-align: middle !important;
    }

    .DataFormTableBigForm td.key {
        vertical-align: middle !important;
        padding-right: 3px !important;
        padding-left: 12px;
        padding-top: 4px;
        background-color: #eae5d8;
        border-radius: 5px 0px 0px 5px;
        font-size: 20px;
    }

/**************************************
        NOTIFICATIONS
*************************************/

.itemTemplateNoButtons {
    width: 522px; /* 2 pixels for the borders */
    height: 120px;
}

.NotificacionImage {
    margin-left: auto;
    margin-right: auto;
    float: left;
    height: 50px;
    margin-top: 8px;
}

.messageTitle {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.messageContent {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    height: 40px;
    width: 450px;
}

.SystemMessages {
    /* Firefox */
    width: -moz-calc(95% - 620px);
    /* WebKit */
    width: -webkit-calc(95% - 620px);
    /* Opera */
    width: -o-calc(95% - 620px);
    /* Standard */
    width: calc(95% - 620px);
}

@media (max-width: 1024px) {
    .SystemMessages {
        position: absolute !important;
        min-height: 0px !important;
    }
}



/**************************
    FIX DE PAGELAYOUT
***************************/

.t-container {
    padding:0px !important;
}
.t-container-static {
    width:100% !important;
}

.t-col {
    min-height: 33px !important;
    margin-bottom: 3px;
    padding-left: 0px !important;
    padding-right: 10px !important;
    padding-top: 2.8px !important;
    padding-bottom: 2.8px !important;
    vertical-align: central !important;
}
.t-col.key {
    vertical-align:middle !important;
    padding-right:3px !important;
    padding-left:18px !important;    
    border-radius:5px 0px 0px 5px;
}
.t-row {
    margin-right:0px !important;
    margin-left:0px !important;
}

/*SOLO EN PAGINAS QUE SE NECESITE 100% del ancho */
html .t-container-fluid,
html .t-row-wrap > .t-row {
    max-width: none !important;
}

html .t-container-fluid {
    padding: 0px !important;
}


/**************************
    responsive menu!
***************************/
.menu {

}


/**************************
    GENERAL
***************************/

.actionButton {
    min-width: 22px;
    min-height: 22px;
}


@media (min-width: 769px) {
    .hideOnDesktop {
        display: none;
    }
}


@media (max-width: 768px) {

   
     
    html .RadMenuPopup .rmGroup {

        height: auto;

    }
    .header {
        padding-top:0px;
    }

    .hideOnMobile {
        display: none;
    }
    
    .actionButton {
        min-width: 34px;
    }

    .actionButton span {
        left: 8px !important;
    }

    .main {
        padding: 0px;
        margin: 0px;
    }
    .headerPageLayout .title {
        float: right;
    }
    .header div.clear.hideSkiplink {
        clear:none;
        background:none;
        background-color: transparent !important;
        border:none;
    }
    .loginDisplay {
        padding:0px;
    }

    .RadMenu_MetroTouch .rmRootToggle {
        border:none !important;
        background-color:rgba(219, 105, 77, 1) !important;
        color:#333 !important;
        box-shadow:none !important;
        border-radius:0px !important;
    }

    /*.RadForm_MetroTouch.RadForm .rfdCheckboxUnchecked {
        background-size: 26px !important;
        background-position: 0px -8px !important;
    }

     .RadForm_MetroTouch.RadForm .rfdCheckboxChecked {
        background-size: 26px !important;
        background-position: 0px -8px !important;
    }*/

    .t-col.key input[type=checkbox] {
        width: 20px;
        height: 18px;
        margin-top: -1px;
    }
    .t-col.key input[type=checkbox] + label {
        position: relative;
        top: -4px;
    }
    .t-col.key .RadCheckBox{
        margin-top:-4px;
    }
    

    .headerLogo {
        padding:0px !important;
    }
}


.RadTreeView div.rtIn {
    height: 24px;
}
.RadTreeView .rtTemplate a {
    color: inherit !important;
    font-style: inherit !important;
    text-decoration: none !important;
}

.RadTreeView .rtImg {
    height: 24px;
}
.RadTreeView .activoCheckImage {
    position: relative;
    top: -3px;
    margin-left: 4px;
}

.RadTreeView .rtSelected .treeNodeText {
    background-color: #fde991; /* color de fondo del nodo seleccionado */
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    height: 30px; /* ajusta a la altura del icono */
    box-shadow: inset 0 0 1px #d1a500;
}