@font-face {
    font-family: "Levenim MT";
    font-style: normal;
    font-weight: normal;
    src: url('../Content/fonts/lvnm.eot?v=6.0.0');
    src: url('../Content/fonts/lvnm.eot?#iefix&v=6.0.0') format('embedded-opentype'), url('../Content/fonts/lvnm.woff?v=6.0.0') format('woff'), url('../Content/fonts/lvnm.ttf?v=6.0.0') format('truetype'), url('../Content/fonts/lvnm.svg?v=6.0.0#LevenimMTregular') format('svg');
    /*src: url('fonts/lvnm.eot?#iefix&v=1.00') format('embedded-opentype'), url('fonts/lvnm.ttf?v=1.001') format('truetype');*/
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-user-drag: none;
    -ms-touch-select: none;
    -webkit-user-modify: read-only;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body, input, textarea, option, span {
    font-family: Verdana, Arial;
}
a {text-decoration: none;}
table {
    border-spacing:6px;
    border-collapse:separate;
    display:table;
}
.labelQuestion {
    font-weight: 600;
}
.labelInstruction{
    color:#0e6597;
    font-weight:600;
    line-height:2rem;
    font-size:1rem;
}
/** Accordion **/
.searchPanel .ui-accordion-content { padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/** Dialogos **/
.psw-dialog-normal.ui-dialog {background-color: #fff; padding:0;}
.psw-dialog-normal.ui-dialog .ui-dialog-titlebar { background-color: #2A2A2A; background-image:none; border-radius: 4px 4px 0 0; border: 0 solid transparent; }
.psw-dialog-normal.ui-dialog .ui-dialog-titlebar .ui-dialog-title { color: #eee; }
.psw-dialog-normal.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { display:none; }
/*.psw-dialog-normal.ui-dialog .ui-dialog-content { }*/
.psw-dialog-normal.ui-dialog .ui-dialog-buttonpane {padding:0;}
/*.psw-dialog-normal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { }*/

/** Botones con icono Font awesome **/
span.fa.ui-icon { background-image: none; text-indent: inherit; }

/** Progressbar **/
.ui-progressbar { position: relative; }
.ui-progressbar .ui-progressbar-value { background: #0E6597 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAIAAACY3hF0AAAACXBIWXMAAABIAAAASABGyWs+AAAABmJLR0T///////8JWPfcAAAAlklEQVQoz2Ooerfq+7HJTAxgMGIoT4Yeho1Mf4r+7fpXzvS38O+u/+VMfwrBvD+7/7r+02D6zfr34r9bcIrl76V/N5l++f+J+dsNpP7G/uth+u33J/YfiPcnFiIYA+SBBIG8nzP/vPxrA9fu9wcsxwo0BchDtoGZ64Epi28byFo3oOBfjX96/48x/bv7f/F/kZEWKyRSAPIEaTd2glMGAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTEwLTA2VDE1OjQyOjU2KzAwOjAwGDowKQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNS0xMC0wNlQxNTo0Mjo1NiswMDowMGlniJUAAAAASUVORK5CYII=') /*images/ui-bg_0e6597_1x100.png*/ 50% 50% repeat-x; }
.ui-progressbar-label { position: absolute; left: 50%; top: 4px; font-weight: bold; text-shadow: 1px 1px 0 #fff; }

/** Tooltips **/
.ui-tooltip, .arrow:after { background: #2a2a2a; border: 0px none transparent; }
.ui-tooltip { padding: .6em 1.4em; color: #eee; border-radius: 6px; font-size: .8em; box-shadow: 0 0 7px black; }
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -14px; }
.arrow.top { top: -14px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.arrow.top:after { bottom: -20px; top: auto; }

/************************** Bootstrap ***************************/
div.row { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

.muted { color: #999999; }
.primary {color: #428bca; }
.warning {color: #c09853; }
.danger { color: #b94a48; }
.success {color: #468847; }
.info { color: #3a87ad; }

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container:before,.container:after { display: table; content: " "; }
.container:after { clear: both; }

button.ui-button > span.ui-button-text { font-weight: normal; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 0 none;
  /*outline: 5px auto -webkit-focus-ring-color;*/
  /*outline-offset: -2px;*/
}

input:not([type="submit"]), textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 1.4em;
    padding: 2px 10px;
    vertical-align: middle;
    width: calc(100% - 22px);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #555 !important;
}
select + span.ui-selectmenu-button { vertical-align: middle; min-width:90%;/*height:30px;*/ }

textarea {
    padding-top: 6px;
    height: 3em;
}

input[type=checkbox], input[type=radio] {
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 20px!important;
    width: 20px!important;
    padding: 0;
    margin: 0;
    margin-right: .6em;
}

input[type=checkbox]::-ms-check {
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 4px;
}
input[type=checkbox]:focus::-ms-check {
    border-color: #66afe9;
}

input:focus, textarea:focus, button:focus, select ~ span:focus.ui-selectmenu-button {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

fieldset { border: 0 none; padding: 0;}
fieldset[disabled],input[disabled],input[readonly]{ cursor: not-allowed; background-color: #eeeeee; }
fieldset > div { display: block; margin: 6px 0;}
fieldset > div > label, fieldset > div > div.inline > label { display: inline-block; width: 100px; font-weight: 500; }
fieldset > div > label + input:not([type=submit]), fieldset > div > label + textarea,
fieldset > div > div.inline > label + input:not([type=submit]), fieldset > div > div.inline > label + textarea { width: calc(100% - 124px); display: inline-block; }
fieldset > div > div.inline > input[type=checkbox] { display:inline-block; }
fieldset > div > label + select { width: calc(100% - 102px); display: inline-block; }
div.inline { display:inline-block; }
fieldset > div > * + div.inline { margin-left:20px; }
fieldset > div > label + div.inline { margin-left:0; width: calc(100% - 106px); vertical-align:middle; }

/* WebKit browsers | Mozilla Firefox 4 to 18 | Mozilla Firefox 19+ | Internet Explorer 10+ */
*::-webkit-input-placeholder,*:-moz-placeholder,*::-moz-placeholder,*:-ms-input-placeholder { 
   color:#fff!important;
   opacity:1;
}

form input.error, form input.error:hover { color:  #b94a48; border-color: #b94a48; }
span.field-validation-error { color: #b94a48; }

.clearfix:before, .clearfix:after { display: table; content: " ";}
.clearfix:after { clear: both; }
.pull-right { float: right !important; position:relative; }
.pull-left { float: left !important; position:relative; }
.hide { display: none !important; }
.show { display: block !important; }


/** jqGrid **/
div.gridContainer {
    margin: auto;
    margin-top:20px;
    max-width: 100%;
}
.ui-jqgrid-titlebar.ui-widget-header {
    border: 1px solid #35414f;
    background: #deedf7 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAIAAACY3hF0AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAArElEQVQoz+XQoQrCYBiF4Y+zYNpmMopgUP+fFcvsgm0TwW7WYPIyvIOJ97CoIIJh4LyMBXcBWoSdzyDoJSiYHng56cjsMh+vFhAREfkbdnKQEzRhyjO40VRzJ3j0y0EPnHKpa9CjZQS6tIxBVw0jMKtK9cGMJesvfFQvPvFK32ntO0VQQT1axu+JS8vYaR7bW3MHPRpGYKKp5hJ2h40JoIXetAY1Guro2y/9OE/lGWE10ryu6QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNS0wOS0wN1QxODo1NToxMiswMDowMBkNiQ0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTUtMDktMDdUMTg6NTU6MTIrMDA6MDBoUDGxAAAAAElFTkSuQmCC') /*themes/base/images/ui-bg_highlight-soft_35_35414f_1x100.png*/ 50% 50% repeat-x;
    color: #ddd;
    font-weight: bold;
    height: 1.5em;
}
.ui-jqgrid-titlebar.ui-widget-header > * { vertical-align: middle; }
table.ui-pg-table .ui-pg-input
{
    display: inline;
    max-width: 20px;
    border-radius: 4px;
    padding: 2px 4px;
}


/* Grid Tool Buttons */
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group > :first-child.btn {
    margin-left: 0;
}
.btn-group-xs > .btn {
    padding: 5px 10px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);*/
}
.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
    text-shadow: 0 1px 0 #fff;
}
.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}
.btn-link, .btn-link:active, [disabled].btn-link, fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content-gray{
    clear:both;
    border:1px solid lightblue;
    background-color:whitesmoke;
    border-radius:10px;
    padding:0.5em 1em;
    overflow-y:auto;
    height:400px;
}
.content-gray-auto{
    clear:both;
    border:1px solid lightblue;
    background-color:whitesmoke;
    border-radius:10px;
    padding:0.5em 1em;
    overflow-y:auto;   
}
.container-box {
    border:1px solid #0e6597;
    max-width:95%; 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    position:relative;
    padding:1em;
    background-color:white;
}
.container-box-no-bordercolor {
      
    max-width:95%; 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    position:relative;
    padding:1em;
    background-color:white;
}
.inputsLine {
    float:left;
    position:relative;
    padding:0.5em;
}
.instruction-area {
    max-width:900px;
    margin:auto;
}
.container-auto {
    margin-bottom:auto;
    margin-top:auto;
    margin-left:5em;
    margin-right:5em;
}
.instruction-actions {
    clear:both;
    width:100%;
    border-top:1px solid #c0c0c0;
    margin-top:1rem;
}
.newrow {
    clear:both;
    width:100%;    
    margin-top:1rem;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
/**/

/************************ Media *******************************/
@-ms-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-webkit-viewport{width:device-width;}
@viewport{width:device-width;}

@media screen and (max-width: 400px) {
    @-ms-viewport{width:400px;}
    @-moz-viewport{width:400px;}
    @-webkit-viewport{width:400px;}
    @viewport{width:400px;}
}
/*@media screen and (max-width: 240px) {
    body { width: 240px; }
}

@media screen and (max-height: 240px) {
    body { height: 240px; }
}*/

@media screen and (max-width: 440px) {
    footer {
        margin-top: 20px;
        position: relative;
        display: inline-block;
        width:100%;
    }
    
    div.pageFooterLeft {
        display: none !important;
    }
}

@media screen and (max-width: 630px) {
    body {
        padding:0;
    }

    div > div.container {
        min-height:calc(100vh - 164px);
    }

    img.pageHeaderLogo {
        display:none;
    }
}